/* CSS Document */

/*muß für den IE7 raus*/
html{height:100%;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	text-align:center; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#e5e0d7;
	background-image:url(../images/hintergruende/h1_kl.gif);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
}

img{
	border:0px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
}

a{
	text-decoration:none;
	border:0px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	color:#666666;
}

a:hover{
	color:#000000;
}

a.over{
	color:#000000;
}
.clear{
	clear:both;
}

.inv{
	visibility:hidden;
}

h1{
font-size:17px;
font-weight:bold;
	}
	
h2{
font-size:13px;
font-weight:bold;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/

#site{
	width:870px;
	height:200px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#e5e0d7;
	}

/*HEAD---------------------------------------------------------------------------------------------------------------------------------------------*/
#nav_container{
	height: 126px;
	width: 870px;
	display:block;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
}

#hauptnavigation{
	text-align:left;
	width:800px;
	padding-left:94px;
	padding-top:79px;
}

/*Navigation---------------------------------------------------------------------------------------------------------------------------------------------*/

		ul.hnu{
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
		}
		
		ul.hnu1{
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
		}

		li.hn{
			float:left;
			padding:0px 24px 0px 0px;
			margin:0px 0px 0px 0px;
			list-style:none;
			text-align:left;
		}
		
		li.hn1{
			padding-left:0px;
			padding-top:5px;
			margin:0px 0px 0px 0px;
			list-style:none;
			text-align:left;
		}

/*Navigation---------------------------------------------------------------------------------------------------------------------------------------------*/
#content_container{
	width:870px;
	height:571px;
	text-align:left;
}

#cl{
	width:320px;
	height:415px;
	text-align:left;
	display:block;
	float:left;	
}

#cr{
	width:94px;
	height:415px;
	text-align:left;
	display:block;
	float:left;
}

#moussa{
	width:94px;
	height:297px;
	display:block;
	float:left;	
	background-color:#e5e0d7;
	background-image:url(../images/hintergruende/moussa.gif);
}

#bild_links{
	width:226px;
	height:297px;
	display:block;
	float:left;
	background-color:#e5e0d7;
}
#bild_rechts{
	width:456px;
	height:297px;
	display:block;
	float:left;
	background-color:#e5e0d7;
}
#bild_panorama{
	width:682px;
	height:297px;
	display:block;
	float:left;
	background-color:#e5e0d7;
}

#gruen{
	width:94px;
	height:297px;
	display:block;
	float:left;
	background-color:#6eab24;
}

#rot1{
	width:94px;
	height:148px;
	display:block;
	float:left;
	background-color:#e20a16;
	}
	
#rot2{
	width:226px;
	height:148px;
	display:block;
	float:left;
	background-color:#e20a16;
	}
	
#text{
	width:456px;
	height:148px;
	float:left;
	background-color:#e5e0d7;
	}
	
#text_innen{
	margin-left:20px;
	margin-right:20px;
	line-height:18px;
}

#text_innen a{
	color:#990000;
}

#text_innen a:hover{
	color:#000000;
}
	
#masi{
	width:94px;
	height:148px;
	display:block;
	float:left;
	background-color:#e5e0d7;
	background-image:url(../images/hintergruende/masi.gif);
	}
/*Navigation Ende---------------------------------------------------------------------------------------------------------------------------------------------*/