* { margin: 0; padding: 0;}

html
	{
		margin-bottom: 1px;
		height: 100%;
	}


body
	{
		margin: 0;
		padding: 0;
		background: #efefef;
		text-align: center;
	}


#container
	{
		width: 860px;
		height: auto;
		background: #fcfcfc;
		margin: 30px auto 15px auto;
		text-align: left;
	}



#container-position
	{
		position: relative;
		left: 50%;
		margin-left: -430px;
		width: 860px;
		text-align: left;
	}


#container-rahmen
	{
		width: 858px;
		height: auto;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
	}


#header
	{
		width: 860px;
		height: 156px;
		background: url('../bilder/banner3.jpg') no-repeat top left;
	}

/*======================================
		Navileiste
========================================*/

#navileiste
	{
		width: 858px;
		height: auto;
		background: #88bbff;
		border-top: 1px solid #fcfcfc;
		overflow: hidden;
		padding : 9px 0 0 0;
	}


* html #navileiste { height: 1%; }


#navileiste ul
	{
		width: auto;
		margin: 0 0 0 20px;
	}
	

#navileiste li
	{
		width: auto;
		float: left;
		list-style-type: none;
		margin: 0 10px 0 0;
		background: #88bbff url('../navi/rechts.gif') no-repeat right top;
	}
	
	#navileiste a,
	#navileiste strong
		{
			display: block;
			background: #88bbff ;
			padding: 6px 9px 5px 9px;
			color: #331188;
			text-decoration: none;
			font: 13px arial, sans-serif;
		}
		
		

		
	#navileiste a 
		{ 
			background: url('../navi/links.gif') no-repeat left top;
		}
		
		
		
	#navileiste a:focus, 
	#navileiste a:hover, 
	#navileiste strong
		{
			background: url('../navi/linksaktiv.gif') no-repeat left top;
		}	
		
		
	#navileiste li:focus,
	#navileiste li:hover, 
	#navileiste li#current
		{
			background: url('../navi/rechtsaktiv.gif') no-repeat top right;
		}
		
			
/*======================================
		Menü
=======================================*/

#linke-seite
	{
		position: absolute;
		top: 193px;
		left: 1px;
		width: 165px;
		height: auto;
		background: #fcfcfc;
		text-align: left;
	}


ul#menu
	{
		width: 165px;
		height: auto;
		background: #fcfcfc;
		font: 13px verdena, arial, sans-serif;
		margin-top: 20px;
		border-top: 1px solid #aabbff;
		border-right: 1px solid #aabbff;
		border-bottom: 1px solid #aabbff;
		text-align: left;
	}


ul#menu li
	{

		margin: 0;
		display: block;
		list-style-type: none;
		border-top: 1px solid #aabbff;/*vorher 33bbff*/
	}


ul#menu a
	{
		display: block;
		text-decoration: none;
		padding: 6px 3px 5px 9px;
		color: #331188;
		padding-left: 24px;
	}

	ul#menu a:link,
	ul#menu a:visited
		{
			background: #e1e1e1 url('../bilder/ecke9.jpg') no-repeat bottom left;
			
		}


	ul#menu a:focus,
	ul#menu a:hover,
	ul#menu a:active, 
	ul#menu li#current-menu a
		{
			background: #d9d9d9 url('../bilder/ecke14.jpg') no-repeat bottom left;
		}/*c6d9ff*/




* html #menu li { margin-bottom: -16px; }



h4#menuueberschrift
	{
		font: 14px arial, helvetica, verdena, sans-serif;
		color: #22bbdd;
		margin: 0 auto 0 auto;
		padding: 5px 0px 5px 0px;
		text-align: center;
	}


/*===========================================
		Contentbereich
============================================*/


#contentbereich
	{
		width: auto;
		height: auto;
		background: #fcfcfc;
		margin: 15px 184px 15px 170px;
		text-align: center;
	}/*right 195*/


#textbereich
	{
		margin: 18px auto 10px auto;
		padding: 0 0 40px 0;
		width: 470px;
	}


	#textbereich p
		{
			font: 13px tahoma, helvetica, arial, sans-serif;
			color: #003366;
			text-align: justify;
			line-height: 18px;
			margin: 0 auto 20px auto;
		}


h1#hauptueberschrift
	{
		font: 19px helvetica, arial, sans-serif;
		font-weight: bold;
		color: #22ccdd;
		margin: 0px auto 15px auto;
	}
		
h2#ueberschrift-zwei
	{
		font: 13px helvetica, arial, sans-serif;
		color: #000033;
		font-weight: bold;
		text-align: left;
	}
/*===========================================
		Rechte Seite
=============================================*/

#rechte-seite
	{
		position: absolute;
		top: 193px;
		left: 679px;
		width: 180px;
		height: auto;
		background: #77ff66 url('../bilder/gruen3.jpg') no-repeat bottom left;
		border-top: 1px solid #fcfcfc;
		padding: 0 0 25px 0;
		text-align: center;
	}
	


#rechte-bildbox
	{
		width: 180px;
		height: 140px;
		border-bottom: 1px solid #fcfcfc;
	}
	


/*=======================================
		Footer
========================================*/

#endzeile
	{
		width: 600px;
		height: 20px;
		border-top: 1px solid #bbddff;
		margin: 5px auto 0 auto;
		text-align: left;
		color: #0077ff;
		font: 12px helvetica, arial, sans-serif;
		padding: 2px 5px 1px 5px;
	}

	#endzeile a
		{
			text-decoration: none;
			color: #5599ee;
			padding: 0 2px 0 2px;
		}

	#endzeile a:link,
	#endzeile a:visited
		{
			color: #0077ff;
		}
		
	#endzeile a:focus,
	#endzeile a:hover,
	#endzeile a:active
		{
			color: #0077ff;
			text-decoration: underline;
		}

/*======================================
		Kontaktbox
========================================*/

ul#kontaktbox
	{
		width: 180px;
		height: auto;
		margin: 0px auto 0 auto;
		text-align: left;
	}
	
ul#kontaktbox li
	{
		width: auto;
		font: 14px helvetica, arial, sans-serif;
		color: #445544;/*330066*/
		padding-top: 0px;
		list-style-type: none;
		margin: 0 0 0 8px;
	}
	

	ul#kontaktbox li a:link,
	ul#kontaktbox li a:visited
		{
			color: #445544;
		}

	ul#kontaktbox li a:hover,
	ul#kontaktbox li a:focus,
	ul#kontaktbox li a:active
		{
			color: #223322;
		}

	
h4#kontaktbox-ueberschrift
	{
		font: 17px helvetica, arial, sans-serif;
		color: #ffffff;
		margin: 10px auto 10px auto;
		font-weight: bold;
	}	
	

ul#kontaktbox li#style1 
	{
		margin-top: 6px;
		font-size: 11px;
	}


ul#kontaktbox li#style2
	{	
		font-size: 13px;
		margin: 9px auto 0 23px;
	}
/*======================================
		Liste im Text
=======================================*/

ul#text-liste
	{
		width: 370px;
		height: auto;
		margin: 5px auto 15px 30px;
		color: #77ff66;
	}
	
ul#text-liste li
	{
		width: auto;
		height: auto;
		margin: 2px 0 0 17px;
		padding: 1px 0 1px 0;
		text-align: left;
		list-style-type: square;
		font: 12px arial, sans-serif;
		color: #003366;
	}
	
h4#text-listen-ueberschrift
	{
		font: 14px arial, sans-serif;
		color: #22bbff;
		text-align: left;
		margin: 25px 0 10px 0;
	}