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

html, body
	{
	background-color:#f5f5f0;

	}
	
a:link, a:visited {
text-decoration: none;
color:#990033;
 }
 
.abstand {
width: 215px;
margin-top: 110px;
margin-left: 12px;
padding-right: 10px;
}


a img {border: none}

.Headline1 {
font-family: "Arial narrow",Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight:bold;
line-height:100%;;
color:#330000;
display: inline;
vertical-align:top;
}


.Headline2 {
font-family: "Arial narrow",Arial, Helvetica, sans-serif;
font-size: 20px;
line-height:110%;
font-weight:bold;

color:#330000;
display: inline;
vertical-align:top;

}

.Copy {
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
line-height:110%;
color:#330000;
display: inline;
margin-bottom: 10px;
vertical-align:top;

}	

.CopyList{
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px;
line-height:140%;
color:#330000;
display: inline;
margin-bottom: 10px;
vertical-align:top;

}	

#content {
width: 735px;
float:left;
display: inline;
 
}

	#header {
	width: 735px;
	height: 100px;
	background-image:url(content_media/logo.gif);
	float:left;
	display: inline;
	 
	}
	
	#visual {
	width: 735px;
	height: 387px;
	float:left;
	display: inline;
	 
	}
	
	#navi {
	width: 735px;
	float:left;
	display: inline;
	 
	}
		.activeLinkNavi {
		font-family: Arial Narrow;
		font-weight:bold;
		line-height:35px; 
		color: #f2f2e1;
		font-size:12px;
		margin-right:2px;
		padding:0px 15px 0px 15px; 
		background-color:#990033;
		float:left;
		vertical-align:bottom;
		display: inline;
		}
		
		.activeLinkSubNavi {
		font-family: Arial Narrow;
		font-weight:bold;
		line-height:25px; 
		color: #f2f2e1;
		font-size:12px;
		margin-right:2px;
		margin-top: 2px;
		padding:0px 15px 0px 16px; 
		background-color:#2e3c43;
		float:left;
		vertical-align:bottom;
		display: inline;
		}



#news {
width: 215px;
float:left;
display: inline;
 
}

	#headerNews {
	width: 220px;
	height: 100px;
	float:left;
	display: inline;
	 
	}

		.activeLink {
		font-family: "Arial narrow",Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:33px; 
		color: #f2f2e1;
		font-size:12px;
		margin-top:67px;
		margin-right:2px;
		padding:0px 15px 0px 15px; 
		background-color:#2e3c43;
		float:left;
		vertical-align:bottom;
		display: inline;
		}

		
	#frame {
	width: 220px;
	padding-left:5px;
	float:left;
	display: inline;
	}
	
/* ***************************************************
NAVIGATION*/


#menuh
	{
	font-size: small;
	font-family:  "Arial Narrow";
	font-weight:bold;
	width:100%;
	float:left;
	margin-top: 1em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #f5f5f0;
	white-space:nowrap;
	margin:0;
	padding: 7px 17px 7px 17px;
	}
	
#menuh a:link, #menuh a:visited	/* menu at rest */
	{
	color: white;
	text-decoration:none;
	font-family: "Arial Narrow";
	font-weight:bold;
	
	}
	
#menuh a:hover, #menuh a:active					/* menu on mouse-over  */
	{
	color: white;
	background-color: #a5abab;
	text-decoration:none;
	}	
	
#menuh a.top_parent  /* attaches down-arrow to all top-parents */
	{
	background-position: right center;
	background-color:#5e1125;
	background-repeat: no-repeat;
	padding: 10px 26px 10px 26px;
	}
	
#menuh a.top_parent:hover, #menuh a.top_parent:active  {
background-color:#8b5562;

}
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	float:left;
	background-color:#2e3c43; 
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:fixed; /*das ist der wichtigste Parameter, um die navi horizontal auszurichten*/
	float:left;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

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

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