/* CSS Document */

/**** body center
	  damit der container auch im internetexplorer mittig angezeigt wird
	  
	  WICHTIG: im container dann gleich wieder text-align auf left bzw. normal setzen*/
	  
	body
	{
	text-align:center;
	}

	#container1
	{
		margin: 1em auto;
		text-align:left;
		width: 760px;
		height: 550px;		
	}

/**** der container "navigation" enthält bild und die navigationsleist ****/	
	

	
	
	#navleiste
	{
		position: absolute; 
		width:440px; 
		height:20px; 
		z-index:100; 
		left: 1px; 
		top:135px;
		background-color: #ff9933;		
	}
	
	#navleiste ul
	{
		margin: 0 0 0 0px;
		padding: 2px;
		list-style-type: none;
	}
		
	
	#navleiste li
	{
		display: inline;
		text-decoration: none;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 0 10px;
		border-right: 1px solid #ffffff;
	}
	
	#navleiste li a
	{
		text-decoration: none;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;

	}

	
	#navleiste li a:hover
	{
		text-decoration: none;
		color: #ff9933;
		background-color: #ffffff;
	}
	
	

/**** .sub definiert den text innerhalb der subnavigation ****/
	
	.sub
	{
	color: #ff9933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
	a:hover.sub 
	{
	color: #000000;
	}
	
/**** die zweite navigationsebene: positionen sind absolut definiert ****/

	#sub1
	{
		position:absolute;
		width:110;
		height:129px;
		left:0px;
		top: 13px;
		background-color: #ffffff;
		visibility: hidden;
		z-index:10;
	}
	
		#sub2
	{
		position:absolute;
		width:110;
		height:125;
		left:84px;
		top: 15px;
		background-color: #ffffff;
		visibility: hidden;
		z-index:11;
	}
	
			#sub3
	{
		position:absolute;
		width:110;
		height:90;
		left:199px;
		top: 50px;
		background-color: #ffffff;
		visibility: hidden;
		z-index:12;
	}
	
	#sub4
	{
		position:absolute;
		width:110;
		height:105px;
		left:270px;
		top: 29px;
		background-color: #ffffff;
		visibility: hidden;
		z-index:13;
	}
	
	#sub5
	{
		position:absolute;
		width:110;
		height:90;
		left:356px;
		top: 50px;
		visibility: hidden;
		z-index:14;
	}
	
	
/**** ende zweite navigationsebene ****/


/**** inhaltsebene ****/

	
	#inhalt
	{	
		position:relative;
		height: 395px;
		background-color: #fff4c2;
		border-top: 5px solid #ffffff;
	}



/**** die klasse .bild bestimmt die position des seitentitels ****/

	.bild
	{
	float:right;
	padding: 10px;
	top: 10px;
	right: 10px;
	
	}

/**** inhalt 1-3 definiert die spalten einer durschnittlichen inhaltseite:
	  text in der linken ebene (inhalt_3) ****/
	  	
	#inhalt_1
	{
	position: absolute;
	top:56px;
	left:12px;
	height:330px;
	width:160px;
	overflow: hidden;
	}
	
	#inhalt_2
	{
	position: absolute;
	top:56px;
	left:180px;
	height:330px;
	width:280px;
	overflow: hidden;
	}
	
	#inhalt_3
	{
	position: absolute;
	top:56px;
	left:466px;
	height:330px;
	width:280px;
	overflow: scroll;
	}
	#inhalt_4
	{
	position: absolute;
	top:56px;
	left:466px;
	height:330px;
	width:280px;
	overflow: auto;
	}
	
		#inhalt_3_haendler
	{
	position: absolute;
	top:60px;
	left:472px;
	height:330px;
	width:280px;
	overflow: auto;
	}
	
	#inhalt_bilder
	{
	position:absolute;
	top: 60px;
	left: 10px;
	width: 450px;
	height: 330px;
	overflow:hidden;

	}
	
	#inhalt_presse
	{
	position:absolute;
	top: 58px;
	left: 198px;
	width: 546px;
	height: 330px;
	overflow:auto;

	}
	
		#inhalt_liste
	{
	position:absolute;
	top: 60px;
	left: 10px;
	width: 450px;
	height: 330px;
	overflow:visible;
	visibility: visible;

	}
	
	
	#inhalt_gesamt
	{
	position:absolute;
	top: 60px;
	left: 10px;
	height: 330px;
	width:740px;
	overflow:hidden;
	}
	
	#inhalt_gesamtscroll
	{
	position:absolute;
	top: 66px;
	left: 12px;
	height: 330px;
	width:740px;
	overflow:auto;
	}
	
	#inhalt_zitat
	{
	position:absolute;
	top:40px;
	left: 40px;
	height: 60px;
	width: 450px;
	overflow:hidden;
	text-align: left;
	}
	
	#inhalt_1_niedrig
	{
	position: absolute;
	top:138px;
	left:9px;
	height:245px;
	width:160px;
	overflow: hidden;
	}
	
		#inhalt_2_niedrig
	{
	position: absolute;
	top:135px;
	left:180px;
	height:245px;
	width:280px;
	overflow: hidden;
	}
	
		#inhalt_3_niedrig
	{
	position: absolute;
	top:135px;
	left:470px;
	height:245px;
	width:280px;
	overflow: hidden;
	}
	
		#inhalt_bilder_niedrig
	{
	position:absolute;
	top: 135px;
	left: 10px;
	width: 450px;
	height: 245px;
	overflow:hidden;

	}


/**** ausrichtung bilder ****/

	.bild_rechts
	{
	text-align:right;
	position:absolute;
	bottom:0 px;
	}

/**** die klassen des fliesstextes, links, sowie bilder ****/

	.fliesstext
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:125%;
	list-style-type: square;
	}
	
	a.fliesstext
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #3d7631;
	text-decoration:none;
	text-align:right;
	}
	
	.zitat
	{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	color:#ff9933;
	line-height:118%;
	}
	
		.zitatbig
	{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	color:#ff9933;
	line-height:118%;
	}
	
	.fliesshead
	{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	line-height:118%;
	}
	
	
/**** footer: impressum ****/
	
	#footer
	{
	clear:both;
	height: 25px;
	width: 760px;
	text-align: right;
	}
	
	#footer a
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff4c2;
	font-weight:bold;
	padding-top:3px;
	text-decoration:none;
	}