/* Martina Hartung Cosmo */


body {
background-image:url(bilder/hg_page.gif); 
background-repeat:repeat-x;  
background-color:#FFFFFF;
margin:0; 
text-align: center;
}

h1 {
font-family: verdana, arial; 
font-size:22px; 
color:#984C27; 
font-weight:normal;
margin:10px 0 16px 0;
}

h3 {
font-family: verdana, arial; 
font-size:12px; 
color:#D8A317; 
margin:5px 0 6px 0;}

#rahmen { 
width:860px; 
position:absolute; 
left: 50%;
margin: 0px 0px 0px -430px;
text-align:left; 
vertical-align:middle;
border:solid 1px #ffffff;
background-color:#FFFFFF;
}

#head { 
position:relative; 
width:860px; 
border: 0px;
float:left; 
}


#navi {
position:relative;
width: 600px; 
float:right; 
text-align:right; 
font-family: verdana, arial; 
font-size:14px; 
color:#615D5C;
margin-top: 58px;
/*margin-top: 70px;*/
}



/*#navi a { 
font-family: verdana, arial; 
font-size:18px; 
color:#615D5C;
text-decoration:none;
} */


#bild {
position:relative; 
float:left; 
width:860px; 
height:240px;  
background-color:#8C492F;
}


#content {
position:relative; 	
float:left; 
width:540px;  
font-family: verdana, arial; 
font-size:12px; 
line-height:160%;
padding: 20px 10px 0px 44px;
color:#000000;
}

#content table { 
	border-spacing:0;
	border-collapse:collapse;  }

#content td { 
	border:1px solid #984C27; 
 }

.highlight {
	color:#984C27;
	font-weight: bold; 
	}



#sitepromo {
position:relative; 
float:right; 
width:240px; 
height:300px; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
text-align: right; 
font-family: verdana, arial; 
font-size:9px;
}

#sitepromochoice {
position:relative; 
width:206px; 
height:300px; 
margin: 20px 0px 0px 0px;
padding: 10px 10px 10px 20px;
border-left:solid 1px #D9A51B; 
text-align: center; 
font-family: verdana, arial; 
font-size:9px;

}

#fusszeile {	
position:relative; 
float:left; 
width:830px; 
height:20px;
text-align:right; 
font-family: verdana, arial; 
font-size:10px;
margin: 10px 30px 0px 0px; 


clear:all;
}






/* Navigation mit Dropdown */
/* TEST mit Klappmenue text-transform: uppercase;  11px/16px  background: #768D53; 4C6231 */

#menu { 
	position: relative;
	margin: 0px 6px 0px 0px; 
	padding: 0; 
	height: 34px;
	/*max-width: 120px; */
	
	/* width: 100%; */
	/*background: #768D53; */
	/* background: #ff3366; */
	/*border: 1px solid #ff00ff;*/
	float: left;
	text-align: left;
	display: inline;
	z-index: 10;
	vertical-align:top;	
	border:none;
	border:0px;
	overflow:visible;	
	font-family: arial; 
	font-size:12px; 
	color:#451c06; 
	text-align: right;
	
	}  

#menu ul { 
	list-style: none; 
	margin: 0px;
	padding: 0px;
	/* width: 120px;
	min-width: 120px; 
	border: 1px solid #ff0000;
	background-color: #ffffff;*/
	text-align: left;
	float: left;
	/* background-image:url(images/white_trans_bg_navi.png); */
	}  
	 
#menu a, #menu h4
{ 
font: 14px Verdana, san-serif;  
display: block;  
margin: 0; padding: 0px 0px; 

/* border: 1px solid #ff0000; */
}   

#menu h4{ 
color: #451c06; 
padding: 0px;

/* background: #768D53; */
/* width: 130px;  
width: 130px;

margin: 2px;*/
/*background-color: #ff6633;*/
 }   



#menu h4 a:hover { color: #ca7d2f; background-color: #ffffff; }  
#menu h4 a:active { color: #451c06; background-color: #ffffff;} 


#menu a { 
	color: #451c06; 
	text-decoration: none;
	padding: 12px;
	text-align: left;
	display: block;
	}  

#menu a:hover { 
color: #666666; 
background-color: #dbbb89; 
}  
#menu a:active { 
color: #451c06; 
/*background-color: #3B541F;*/
background-color: #c97d2f; } 


#menu ul li ul li a { 
	border-bottom: 1px solid #8d562f;   
	/*border-color: #ccc #888 #555 #bbb; */
	} 

#menu ul li ul a { 
	padding: 5px; 
	color: #000000; 
	border-bottom: 1px solid #8d562f;   
	/*border-color: #ccc #888 #555 #bbb; */
	} 

#menu li {
	position: relative; 
	left: 0px; 
	text-align: left;
	/*border: 0px solid #ff0066;*/

	} 
	


#menu ul li ul {
	background-image:url(bilder/white_trans_bg_navi_75.png);
	} 
	
/*#menu ul li {
	background-image: url(bilder/trans_bg_navi_80.png);
	background-color: #ffffff;
	background-color: #768D53;
	background-image:url(images/white_trans_bg_navi.png);
	}  	*/
	
#menu ul ul { 
	width: 150px;
	z-index:200;
	position:absolute;
	background-image:url(bilder/white_trans_bg_navi_75.png);
	/*position: relative;*/ 
	/* position: absolute; - Absolute und das Pulldown geht nach oben */
	/* background-color: #ffffff;
	background-image:url(images/white_trans_bg_navi.png);*/
	/*height:auto;
	height:auto;*/
	/* bottom: 28px; */
	
	} 
	
#menu ul li ul li {
	margin-bottom: 0px;
	/*background-image: url(images/grey_bg_navi.png);
	border: 1px dotted #ffffff;*/
	
	}    

 

#menu ul ul ul { 
position: relative; 
/* bottom: 0; */
left: 100%; 
}   

div#menu ul ul,  
div#menu ul li:hover ul ul,  
div#menu ul ul li:hover ul ul  
{
display: none;
}   

div#menu ul li:hover ul,  
div#menu ul ul li:hover ul,  
div#menu ul ul ul li:hover ul  
{
display: block;
} 


#menutrenner{
padding: 12px 0 0 0;

	position: relative;
	margin: 0px 6px 0px 0px; 

	float: left;
	text-align: left;
	display: inline;
	z-index: 10;
	vertical-align:top;
	
	border:none;
	border:0px;
	overflow:visible;
	
	font-family: arial; font-size:12px; color:#451c06; text-align: right;
	


}

#impressumlink { 
font-family: arial; font-size:12px; color:#f2e4c3; text-decoration: none;
}

#impressumlink a { 
	color: #f2e4c3; 
	text-decoration: none;
	padding: 12px;
	text-align: left;
	display: block;
	}  

#impressumlink a:hover { 
color: #666666; 
background-color: #dbbb89; 
}  
#impressumlink  a:active { 
color: #f2e4c3; 
/*background-color: #3B541F;*/
background-color: #c97d2f; } 







/* Link im Pulldownmenue */
#menu ul li ul li  #unavi{
font: 12px verdana, san-serif;
text-decoration: none;
}

/* ENDE Navigation */