* { margin: 0; padding: 0;}

html
	{
		margin-bottom: 1px;
		height: 100%;
	}
	

body
	{
		margin: 0;
		padding: 0 0 3px 0;
		text-align: center;
		color: #003399;
		background-color: #f4fbff;
	}
		

#container
	{
		width: 900px;
		margin: 25px auto 30px auto;
		text-align: left;
	}

#container-position
	{
		position: relative;
		left: 50%;
		margin-left: -450px;
		width: 900px;
		text-align: left;
		background-color: #fdfdfd;
	}

#container-rahmen
	{
		width: 898px;
		height: auto;
		border-left: 1px solid #eeeeee;
		border-right: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		padding-top: 1px;
	}	

#header
	{
		width: 900px;
		height: 170px;
		background-color: #ffffff;
		background: url('../Bilder/banner.jpg') no-repeat left top;
		text-align: center;
		
	}



/*======================================
		Navigationsleiste
======================================*/

#hauptnavi
	{
		position: absolute;
		top: 138px;
		left: 0px;
		width: 900px;
		height: auto;
		overflow: hidden;
		padding-top: 7px;
		margin: 0;
	}


* html #hauptnavi { height: 1%; }


	#hauptnavi ul
		{
			width: auto;
			margin: 0 8px 0 0;
			text-align: right;
		}

	#hauptnavi li
		{
			width: auto;
			float: right;
			list-style-type: none;
			margin: 0 10px 0 0;
			padding-left: -20px;
		}


	#hauptnavi a
		{
			display: block;
			background: #ccff66;
			padding: 5px 9px 4px 9px;
			text-decoration: none;
			font: 14px arial;
		}


	#hauptnavi a:link,
	#hauptnavi a:visited
		{ 
			color: #777777;
		}


	#hauptnavi a:focus,
	#hauptnavi a:hover,
	#hauptnavi a:active
		{
			color:#cc0000;
		}




	#hauptnavi li#navi01 a:link,
	#hauptnavi li#navi01 a:visited
		{
			background: url('../links-start5.gif') no-repeat left top;
		}
		
	#hauptnavi li#navi01 a:focus,
	#hauptnavi li#navi01 a:hover,
	#hauptnavi li#navi01 a:active
		{
			background: url('../links-start-akt.gif') no-repeat left top;
		}



	#hauptnavi li#navi03 a:link,
	#hauptnavi li#navi03 a:visited
		{
			background: url('../links-impress5.gif') no-repeat left top;
		}


	#hauptnavi li#navi03 a:focus,
	#hauptnavi li#navi03 a:hover,
	#hauptnavi li#navi03 a:active
		{
			background: url('../links-impress-akt.gif') no-repeat left top;
		}




#hauptnavi li#navi03 strong,
#hauptnavi li#navi01 strong
	{
		display: block;
		background: #ccff66;
		padding: 5px 9px 4px 9px;
		text-decoration: none;
		font: 14px arial;
		color: #cc0000;
	}

	#hauptnavi li#navi01 strong
		{
			background: url('../links-start-akt.gif') no-repeat left top;
		}
		
	#hauptnavi li#navi03 strong
		{
			background: url('../links-impress-akt.gif') no-repeat left top;
		}
/*===============================
 			Linke Box
 ================================*/
 
#linke-box
	{
		position: absolute;
		top: 170px;
		left: 1px;
		width: 155px;
		height: auto;
		float: left;
		text-align: left;
		background-color: rgb(253,253,253); /*#fdfdfd*/
	}


ul#menu
	{
		width: 155px;
		height: auto;
		font: 13px arial;
		text-align: left;
		margin-bottom: 0;
		background-color: rgb(253,253,253); /*#fdfdfd*/
		border-bottom: 1px solid #fdfdfd;
	}
	

	ul#menu li
		{
			margin: 0;
			list-style-type: none;
			border-top: 1px solid #fdfdfd;
		}

	ul#menu a
		{
			display: block;
			text-decoration: none;
			padding: 5px 3px 5px 7px;
		}

	ul#menu a:link,
	ul#menu a:visited
		{
			color: #555555;
			background-color: #bbee55;
		}
	
	ul#menu a:hover, ul#menu a:focus, ul#menu a:active
		{
			color: #cc0000;
			background-color: #fdfdfd;
		}


.unterseite-markiert
		{
			color: #cc0000;
			background-color: #fdfdfd;
			padding: 5px 3px 5px 7px;
		}


* html .unterseite-markiert { padding: 5px 3px 20px 3px; }

* html #menu li { margin-bottom: -16px; }


/*============================
		Rechte Box
=============================*/
		
#rechte-box
	{
		float: right;
		width: 165px;
		height: auto;
		margin: 10px 5px 0 0px;
		text-align: center;
		background-color: #fdfdfd;
	}

/*==========================
 Mittlerer Teil - Contentbereich
============================*/

#contentbereich
	{
		height: auto;
		margin: 25px 181px 25px 175px;
		width: auto;
		padding-top: 20px;
		text-align: center;
		background-color: #fdfdfd;
		font-size: 16px;
		border-right: 1px dotted #ccff66;
		border-left: 1px dotted #ccff66;
	}

#textbereich
	{
		
		width: auto;
		height: auto;
		margin: 0 14px 0 14px;
		padding-bottom: 20px;
	}
	
	#textbereich p
		{
			font: 13px helvetica, arial, sans-serif;
			line-height: 18px;
			color: #666666;
			text-align: justify;
			margin: 0 0 20px 0;
		}


a#interner-link:link,
a#interner-link:visited
	{
		color: #1155ff;
		text-decoration: underline;
	}

a#interner-link:hover,
a#interner-link:focus,
a#interner-link:active
	{
		color: #444444;
		text-decoration: underline;
	}


	
a#externer-link:link,
a#externer-link:visited
	{
		color: #666666;
		text-decoration: underline;
	}

a#externer-link:hover,
a#externer-link:focus,
a#externer-link:active
	{
		color: #222222;
		text-decoration: underline;
	}
	
/*==================================
			Adsense
==================================*/

#adsense-oben
	{
		width: 475px;
		height: 65px;
		margin: 30px auto 0 auto;
		text-align: center;
	}

#adsense-unten
	{
		width: 475px;
		height: 65px;
		margin: 35px auto 35px auto;
	}

#adsense-menu
	{
		width: 160px;
		height: auto;
		margin: 35px 5px 0 auto;
	}
	
/*=============================================
			Webempfehlungen
==============================================*/

ul#empfehlungen
	{
		width: 155px;
		height: 100px;
		margin: 0 0 0 0;	
	}
		
h4#ueberschrift-empf
	{
		font: 13px arial, sans-serif;
		color: #444444;
		margin: 3px auto 6px 8px;
	}

ul#empfehlungen li
	{
		list-style-type: none;
		background: ;
		width: auto;
		height: auto;
		margin: 3px 0 0 8px;
		font: 12px arial, sans-serif;
		color: #222222;
	}
	
ul#empfehlungen li a
	{
		font: 12px arial, sans-serif;
	}
	
ul#empfehlungen li a:link,
ul#empfehlungen li a:visited
	{
		text-decoration: none;
		border-bottom: 1px dotted #fcfcfc;
		color: #666666;
	}
	
ul#empfehlungen li a:hover,
ul#empfehlungen li a:focus,
ul#empfehlungen li a:active
	{
		text-decoration: none;
		border-bottom: 1px dotted #111111;
		color: #222222;
	}




/*==========================
			Rest
==========================*/

#footer
	{
		width: auto;
		clear: both;
		height: 20px;
		background-color: #fdfdfd;
		padding: 5px 2px 0 2px;
		font-size: 12px;
		text-align: left;
		color: #666666;
		border-top: 1px solid #f4f4f4;
		margin:  0 15px 0 15px;
	}

#footer p
	{
		width: auto;
		height: auto;
		margin: 2px 12px 2px 12px;
		font: 11px arial, sans-serif;
		color: #777777;
	}
	
	#footer a, #footer a:link, #footer a:visited
		{
			font: 11px arial, sans-serif;
			color: #666666;
			text-decoration: none;
		}

	#footer a:hover, #footer a:focus, #footer a:active
		{
			color: #333333;
			text-decoration: underline;
		}
		
		
h1 { font-size: 14px;}


h1#hauptueberschrift
	{
		margin: 0px auto 35px auto;
		text-align: center;
		font: 24px book antiqua, arial;
		font-style: italic;
		font-weight: 500;
		color: #666666;
	}


h2.ueberschrift-box
	{
		border-left: 4px solid #ccff66;
		border-bottom: 1px solid #ccff66;
		padding: 0 0 1px 4px;
		margin: 40px 120px 20px 0;
		font: 14px helvetica, arial, sans-serif;
		font-weight: bold;
		color: #880000;
		text-align: left;
	}


#bild-rechts-gefloatet
	{
		float: right;
		width: auto;
		height: auto;
		padding-top: 3px;
		margin-left: 13px;
		margin-bottom: 3px;
	}
	
#bild-links-gefloatet
	{
		float: left;
		width: auto;
		height: auto;
		margin-right: 13px;
		padding-top: 3px;
		margin-bottom: 3px;
	}

#bildleiste
	{
		width: 160px;
		height: auto;
		margin-top: 0;
		background-color: blue;
		background-color: #fdfdfd;
	}

#grafik-menu
	{
		width: 155px;
		height: 40px;
		background-image: url('../menu-ecke.jpg');
		background-repeat: no-repeat;
	}	

/*======================================
		Nur für Impressum
=====================================*/

#anschrift-box
	{
		width: 210px;
		height: auto;
		margin: 5px auto 5px auto;
		padding-bottom: 1px;
		text-align: center;
		color: #444444;
		background: #ccff66 url('../Bilder/runde-ecken-unten.jpg') no-repeat bottom left;
	}

	#anschrift-box p
		{
			background: url('../Bilder/runde-ecken-oben.jpg') no-repeat top left;
			padding-top: 10px;
			text-align: center;
		}
		
	
.bildquellennachweis-bereich
	{
		width: 350px;
		height: 50px;
		background-color: transparent;
		margin-top: 10px;
		font-size: 12px;
		color: #555555;
	
	}
	
.bildquellennachweis-bereich img
	{
		width: auto;
		float:left;
		margin-right: 10px;
	}
	
.bildquellennachweis-bereich p
	{
		padding-top: 2px;
	}
	
.bildquellennachweis-bereich span
	{
		font-style: italic;
		color: #666666;
	}	
		
h1 span { font-size: 16px; }
.fotografen-copyright { font-style: italic; }
.unterpunkte-haftungsausschluss { font-style: italic; text-decoration: underline; color: #222222; }


p#telefon
	{
		text-align: center;
		margin: 40px auto 0px auto;
		font: 23px helvetica, sans-serif;
		font-weight: bold;
		color: #99dc00;
	}