/* Hier finden sich die Styles welche den Seitenaufbau charakterisieren, Position Ausrichtung Breite und Höhe von DIVs und deren Hintergrundbilder */
/*ganze Browserbreite*/
body{
	margin:				0;
	padding:			0;
	font-family: 		Verdana, Arial, Helvetica;
}
.clear_both{
	clear: 				both;
	font-size:			0px;
	height:				0px;
	margin:				0px;
	padding:			0px;
	border:				0px;
	background-color:	#FFFFFF;
}
.clear_both_grau{
	clear: 				both;
	font-size:			0px;
	height:				0px;
	margin:				0px;
	padding:			0px;
	border:				0px;
	background-image: 	URL("../images/hintergrund_pfad.gif");
	background-repeat:	repeat-y;
}
.clear_left{
	clear: 				left;
	font-size:			0px;
	height:				1px;
}
#container_nbg_online_100{
	width: 				100%;
	height: 			40px;
	margin:				0;
	padding:			0;
	float: 				left;
	position:			relative;
	background-color:	#FFFFFF;
}
/* 960 px */
#container_nbg_online_960{
	width: 				960px;
	height: 			40px;
	margin:				0;
	padding:			0;
	float: 				left;
	position:			relative;
	background-color:	#FFFFFF;
}
#nbg_online{
	padding:			0;
	margin:				0;
	padding-left: 		32px;
	float:				left;
	position:			absolute;
	bottom:				0px;
	left:				0px;
	background-color:	#FFFFFF;
}
#features{
	padding-right:		0;
	float:				right;
	position:			absolute;
	bottom:				5px;
	right:				0;
	background-color:	#FFFFFF;
	width: 				600px;
}
/*ganze Browserbreite Hintergrundbild mit Tieren und Bäumen*/
#container_hintergrund_100{
	width: 				100%;
	height: 			138px;
	background-image: 	URL("../images/hintergrund_oben2.jpg");
	background-repeat: 	repeat-x;
	margin:				0;
	padding:			0;
	float:				left;
	position:			relative;
	border-bottom:		2px solid #FFFFFF;
}
#container_hintergrund_960{
	width: 				960px;
	height: 			138px;
	margin:				0;
	padding:			0;
	float:				left;
	position: 			relative;
}
#logo_tiergarten{
	float:				left;
	position:			relative;
	left: 				20px;
	top:				10px;
}
#navigation_oben{
	float:				right;
	margin:				0;
	padding:			0;
	width:				auto;
	position:			absolute;
	right:				0px;
	bottom:				0px;
}
	/*ganze Browserbreite Seitenspezifische Hintergrundfarbe standart
	Am besten den Farbwert in ein eigenes CSS pro Seite geben
	*/
#container_bildleiste_100{
	width: 				100%;
/*	min-height:			250px;*/
	background-color: 	#98B700;
	margin:				0;
	padding:			0;
	position:			relative;
	float:				left;
	border-bottom: 		2px solid #FFFFFF;	
}
#container_bildleiste_960{
	width: 				962px;
	background-color: 	#98B700;
	margin:				0;
	padding:			0;
	float:				left;
	position:			relative;
		
}
#meldung{
	width: 				265px;
	float:				left;
	position: 			relative;
	left:				30px;
	background-color:	#990000;
	padding: 			7px;
}
#bildleiste{
	width: 				651px;
	height:				250px;
	float:				right;
	position: 			relative;
	margin:				0px;
	padding:			0px;
/*	background-image:	URL(../images/affen.jpg);
	background-repeat:	no-repeat;*/
	border: 			0px;
	border-left: 		2px solid #FFFFFF;
	border-right: 		2px solid #FFFFFF;
}

/*Pfad*/

#container_pfad_100{
	width: 				100%;
	margin:				0px;
	padding:			0px;
	position:			relative;
	float:				left;
	border-top:			2px solid #CCCCCC;
	background-image: 	URL("../images/hintergrund_pfad.gif");
	background-repeat:	repeat-y;
	min-height:			20px;
}
#container_pfad_960{
	width: 				960px;
	margin:				0px;
	padding:			0px;
	position:			relative;
	float:				left;
}
#pfad_links{
	width: 				310px;
	position:			relative;
	float:				left;
	border:				0px;
	/*border-right:		2px solid #CCCCCC;*/
	
	text-align:			right;
	margin:				0px;
	padding:			0px;
	
}
#pfad{
	position:			relative;
	float:				left;
	border:				0px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	
}
#container_hauptteil_100{
	width: 				100%;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	border-top:			2px solid #CCCCCC;
	float:				left;
	position:			relative;
	background-image: 	URL("../images/hintergrund_seite.gif");
	background-repeat:	repeat-y;
}
#container_hauptteil_960{
	width: 				960px;
	margin:				0;
	padding:			0;
	position:			relative;
	float:				left;
	border: 			0;
}
#navigation_links_aussen{
	float:				left;
	width: 				310px;
	margin:				0;
	padding:			0;
	position:			relative;
	border: 			0;
}
#navigation_links{
	margin:				0;
	padding:			0;
	position:			relative;
	float:				left;
	border: 			0;
}
#suche{
	margin:				0;
	padding:			0;
	padding-left:		30px;
	margin-top:			20px;
	position:			relative;
	float:				left;	
	border: 			0;	
}
#module_links{
	border: 			0;
	padding-left:		30px;
	padding-top:		20px;
	position:			relative;
	float:				left;		
}

#module_links div.mod_links{
	border:				1px solid #CCCCCC;
	width: 				244px;
	background-color:	#FFFFFF;
	padding: 			1px;
	margin:				0;
	position:			relative;
	float:				left;
}
#content_aussen{
	width:				650px;
	margin:				0;
	padding:			0;
	position:			relative;
	float:				left;
	border:				0px;
}
#content{
	padding-top:		20px;
	padding-bottom:		36px;
	padding-left:		16px;
	padding-right:		16px;
	position:			relative;
	float:				left;	
	border: 			0px;		
}

