/* CSS Document */
@charset "utf-8";

body
{
	margin:0px;
	font-size:12px;
	height: 100%;
	background-color: #ffffff;
	color: #000;
}


hr	
{
	color: #e2bc4b;
	background-color: #e2bc4b;
	border: 0px;
	height: 1px;
	width: 895px;
}






/* ---- Layer for centering the pictures ----*/

.centerlayer
{
	width:100%;
	text-align:center;
	margin:auto;
	overflow:visible;
	margin-bottom: 0px;
	margin-top: 0px;
}

.seperator
{
	color:#666;
	background-color:#666;
	height: 1px;
	border: 0px;
}

/* ---- SITE ---- */

#site
{
	width: 100%;
}

/* ---- HEADER ---- */

#top
{
	height: 75px;
	width: 100%;
	text-align: left;
	background-image:url(images/bg_top.jpg);
	background-repeat:repeat-x;
	
}

#logo-container
{
	width: 100%;
	z-index: 1000;
	background-color: #fff;
}

#logo
{
	background-image:url(images/hnh_logo.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width: 960px;
	height: 130px;
	margin: auto;
}

#toplinks
{
	margin-left: 737px;
	padding-top: 105px;
}

#toplinks a
{
	font-size: 12px;
	color: #959079;
}

	

#navi
{
	width: 960px;
	height: 30px;
	margin: auto;
}

#navi ul
{
	margin: 0;
	padding: 0px;
	list-style: none;
	background-color:none;
	margin-right: 0px;
	padding-top: 25px;
	float: right;
}

#navi a
{
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: bold;
	color: #f4d040;
}

#navi a:hover
{
	color: #fff;
}


#navi ul li
{ 
	float: left;
	position: relative;
	width: auto;
	padding-left: 30px;
	padding-top: 0px;
	height:35px;
	font-weight: normal;
	background-color:none;
}


#header
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* ---- MAIN AREA ---- */

#main-site
{
	width:100%;
	background-image:url(images/bg_content.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #c2b47c;
	text-align:left;
	min-height: 400px;
	overflow: auto;
	padding-bottom: 20px;
	-webkit-box-shadow: inset 0px 6px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 6px 8px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0px 6px 8px 0px rgba(0,0,0,0.15);
	border-bottom: 1px solid #fff;

}

footer[role="contentinfo"] {
	-webkit-box-shadow: 0px -6px 5px 1px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px -6px 5px 1px rgba(0,0,0,0.10);
	box-shadow: 0px -6px 5px 1px rgba(0,0,0,0.10);
}

#content-main
{
	margin: auto;
	width: 960px;
	padding-top: 50px;
	padding-bottom: 10px;
	background-image:url(images/bg_sign.jpg);
	background-position:center 30px;
	background-repeat:no-repeat;
	min-height: 400px;
}

#landingpage
{
	COLOR: #999;
	FONT-SIZE: 11px; 
	PADDING-TOP: 120px;
}

#landingpage h1
{
	COLOR: #999;
	FONT-SIZE: 11px; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#landingpage h2
{
	COLOR: #999;
	FONT-SIZE: 11px; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#landingpage h3
{
	COLOR: #999;
	FONT-SIZE: 11px; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.artikel-left
{
	width: 660px;
	float:left;	
	min-height: 100px;
	padding-top: 0px;
	padding-right: 27px;
	padding-bottom: 30px;
	background-image:url(images/dotted_line_5px.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	overflow:auto;
}


.artikel-right
{
	margin-left: 700px;
	padding: 0px;
	width: 250px;
	min-height: 300px;
	padding-top: 0px;
	padding-left: 5px;
	overflow:auto;
	
}



.contentPic
{
	margin-left: 0px; 
	float: right;
	border: 0px #ddd solid;
	width: 200px;
	
}

.contact .contentPic
{
	margin-left: 0px; 
	float: right;
	border: 0px #ddd solid;
	width: 100px;
}

/*  --------------- Spalten - ROW- Design --------------------------------------------------- */


.row-left
{
	padding-top: 0px;
	padding-bottom: -5px;
	float:left;
	padding-right:35px;
	border-right: 1px dotted #fff;
	width: 266px;
	text-align:justify;	
}

.row-left div
{
	padding: 0px;
	width: 266px;
}

.row-left img
{
	border: 0px solid #fff;
}

.row-mid
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:35px;
	padding-right:35px;
	float:left;
	border-right: 1px dotted #fff;
	width: 266px;
	text-align:justify;
}

.row-mid div
{
	padding: 0px;
	width: 266px;
}

.row-mid img
{
	border: 0px solid #fff;
}


.row-right
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:35px;
	float:left;
	width: 266px;
	text-align:justify;
}

.row-right div
{
	padding: 0px;
	width: 266px;
}

.row-right img
{
	border: 0px solid #fff;
}

.clear
{
	clear:both;
}

.arrow
{
	background-image:url(images/arrow.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 13px;
	font-weight: bold;
}




/* --- Navi ---------------------------------*/


#navimenu
{
	margin-left: 30px;
}

#navimenu ul
{
}

.submenu_1
{
}

.submenu_1 a
{
	color:#fff;
}

.submenu_1 a:hover
{
	color:#000;
}

.submenu_1_active
{
}

.submenu_1_active a
{
	color: #000;
	
}

.submenu_2
{
}

.submenu_2 a
{
	color:#fff;
}

.submenu_2 a:hover
{
	color:#000;
}

.submenu_2_active
{
	
}

.submenu_2_active a
{
	color:#000;
	
}




/* --- Content Layouts ------------------------------*/

#content ul
{
	padding: 0px;
	margin:  0px;
	margin-left: 20px;
}

#content ul ul
{
	padding: 0px;
	margin:  0px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}


#content li
{
	padding: 0px;
	margin: 0px;
	background-repeat:no-repeat;
	background-position: 0px 7px;
	padding-left: 5px;
}

.contacts ul li
{
	padding: 0px;
	margin: 0px;
	line-height: 20px;
}

#content #slider li
{
	background-image:none;
	padding: 0px;
}

#content .chart 
{
	margin-left: 0px;
	
}


#content .chart li
{
	padding-bottom: 5px;
	background-position: 0px 5px;
	line-height: 15px;
}

#content .artikel-right ul
{
	margin-left: -40px;
	line-height: 22px;
}

#content .artikel-right li
{
	line-height: 15px;
	padding-bottom: 10px;
	background-position: 0px 9px;
	font-weight: bold;
}


/*  ------------ Artikel Layouts ------------*/

.teaserbox
{
	float: left;
	width: 201px;
	margin-right: 15px;
	text-align:justify;
}

.teaserbox a
{
	font-weight: bold;
}

.teaserbox hr
{
	margin-top: 20px;
}




h1
{
	margin-top: 0px;
	font-size: 26px;
	color: #fff;
	padding-bottom: 15px;
	margin-bottom: 0px;
	font-weight: normal;
	font-family:"Times New Roman", Times, serif;
	line-height:normal;
}


.artikel-right h1
{
	margin-top: 0px;
	font-size: 20px;
	color: #97917a;
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-weight: normal;
	border-bottom: 1px #e2bc4b solid;
	width: 259px;
}

h2
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
	color: #fff;
	
}

h4
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	
}

.artikel-right h3
{
	margin: 0px;
	margin-top: 60px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}



#navi .more
{
	margin-top: 5px;
	width: 205px;
	background-image:url(images/but_more.gif);
	background-repeat: no-repeat;
	background-position:right;
	text-align:right;
	margin-bottom: 25px;
}

#navi .more a
{
	color: #004f7a;
	padding-right: 20px;
}

#navi img
{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}


.artikel
{
	padding-top: 10px;
}

h3
{
	margin: 0px;
	padding: 0px; padding-bottom: 5px;
	color: #004f7a;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
}



/* Galerie */

#holder
{
	width: 931px;
	height: 257px;
}

.galleryPic
{
	border: 3px solid #fff;
}

.galleryThumb
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
	list-style:none;
	
}


/* Img Viewer */

.imgviewer
{
	float:left;
	margin-right: 15px;
	overflow:hidden;
	height: 100px;
	width: 140px;
	border: 2px solid #fff;
}

.imgviewerPic
{
	width: 155px;
	border: 0px solid #fff;
	margin-top: 0px;	
}


/* Katalog */

.catalogueBox
{
	margin-left: 90px; 
	background-color:#a40133; 
	height:45px;
	color:#FFF;
	padding:5px;
}

.catalogueBox a
{
	color: #f9b201;
	font-style:normal;
	font-size:11px;
}

.catalogueBox a:hover
{
	color: #fff;
}

/* Mailer */

#form_kontakt
{
	padding: 0px;
	margin-top: -20px;
	overflow:hidden;
}



/* ---- News -------------*/


.news_headline
{
	font-weight: bold;
	font-size:12px;
}

.news_datum
{
	font-weight: bold;
	font-size:12px;
	color: #0b4e42;
}

.news_link a
{
	color:#000;
}

.news_trenner
{
	border-bottom: 1px solid #9db9a9;
	width: 400px;
	height: 1px;
}

.news_point
{
	width:10px;
	height:10px;
	background-color:#FFF;
	float:left;
	margin-right:5px;
	margin-top:2px;
}


/* ---- FOOTER ---- */

#footer
{
	clear: both;
	width:960px;
	text-align:center;
	height: 80px;
	margin:auto;
	color: #666;
	font-size: 14px;
	margin-top: 10px;
	padding-bottom: 30px;
}

#social
{
	border-top: 0px solid #fff;
	float:left;
}

#footerleft
{
	width: 325px;
	float:left;
	text-align:left;
	border-right: 1px solid #ccc;
	overflow:auto;
	padding-bottom: 5px;
	margin-bottom: 30px;
	padding-right: 20px;
}

#footermid
{
	width: 310px;
	margin-left: 20px;
	text-align:left;
	border-right: 1px solid #ccc;
	overflow:auto;
	float:left;
	padding-bottom: 5px;
	padding-right: 15px;
}


#footerright
{
	width: 230px;
	margin-left: 20px;
	text-align:left;
	overflow:auto;
	float:left;
	
}

#footer a
{
	color: #666;
	text-decoration:none;
	font-weight:normal;
}


#footer a:hover
{
	color: #000;
}




/* ---- FORMS ---- */



#form_kontakt table
{
	margin-left: -2px;
}

#callback
{
	background-color: #aba89e;
	width: 250px;
	color: #fff;
	padding: 5px;
	padding-top: 3px;
}

#callback input
{
	background-color:#fff;
	border: 0px;
	padding: 1px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	size: 12px;
}

#callback .button
{
	background-color:#fff;
	border: 0px;
	padding: 1px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	size: 12px;
}

#callback .schalter
{
	background-color: #747061;
	padding: 5px;
	font-size: 12px;
	margin-left: 5px;
	color: #fff;
}



/* other stuffs */


a.infolink
{
	color:#275379;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;

}

a.infolink:visited
{
	color:#636;
}

a.infolink:hover
{
	color:#000000;
}



a.linksmall
{
	color:#275379;
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
}

a.linksmall:visited
{
	color:#636;
}

a.linksmall:hover
{
	color:#000000;
}

/* ---- Slider ---------------------------------------------------------------*/


.bx-window
{
	
}

#slider
{

}

#content #slider li
{
	width: 895px;
	height: 150px;
	padding-top: 25px;
	background-color: #f6f4f0;
}

#content #slider p
{
	font-size: 18px;
	width: 750px;
	line-height: 25px;
	margin-left: 50px;
	font-weight: normal;
}

#content #slider h2
{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}

.bx-pager
{
	position: absolute;
	margin-left: 750px;
	margin-top: -30px;
	z-index: 1000;
}

a.pager-link
{
	background-color:#97917a;
	padding: 6px;
	padding-left: 6px;
	margin: 3px;
	color: #97917a;
	font-family:"Courier New", Courier, monospace;
	font-size: 0px;
}

a.pager-link:hover
{
	background-color:#000;
	color: #000;
}

a.pager-active
{
	background-color:#555;
}

a.bx-next
{
	display: none;
}

a.bx-prev
{
	display: none;
}

.download
{
	padding-right: 5px;
}