html {height: 101%}

* { 
	padding: 0;
	margin: 0;
	}

body
 	{
	background-color: #C0BFE6;
	padding: 0;
    margin: 0;
    text-align: center;
	}
/*Hier ist alles drin*/
#container  
	{
	margin: 1em auto;
	width: 761px;
	height: auto;
	text-align: left;
	}
	
#header
	{
	height: 111px;		
	}
	
/*Hauptmenü horizontal*/	
#menuecontainer 
    {
	height: 43px;
	background-image:  url("images/menue_content.jpg");
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url(images/menue_content.jpg);
	}
	 
#menuecontainer a
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;		
	}
	
#menuecontainer a:hover, a:focus 
	{
	color: #000066;
	}
	
/* Untermenü im eingerahmten Kasten*/	
#untermenue
	{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC6600;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;	
	background-color: #E8E9F6;
	border: 1px solid #817ECD;
	}
/* Liste im Untermenü im eingerahmten Kasten*/
#untermenue li
	{
	list-style-type: disc;
	line-height: 20px;
	}
	
#untermenue a
	{
	color: #CC6600;
	}
	
	
	
/*themenbezogene Inhalte*/
#contents	
	{
	background-image:  url("images/content_bg.jpg");
	height: auto;
	
	}
	
/* Linke Spalte*/	
#inhaltlinks	
	{
		float:left;
		width:350px;
		margin-top:10px;
		margin-left:15px;
		z-index:1;
		display: inline;		
	}
	
.inhaltlinks	
	{
		float:left;
		width:350px;
		margin-top:2px;
		margin-left:15px;
		z-index:1;
		display: inline;		
	}
	
/*Rechte Spalte*/  
#inhaltrechts	
	{
		float:left;
		width:350px;
		margin-top:10px;
		margin-left:25px;
		z-index:1;
				
	}

.inhaltrechts	
	{
		float:left;
		width:350px;
		margin-top:2px;
		margin-left:25px;
		margin-bottom: 0px;
		z-index:1;
				
	}

/* Apfelbild unten */
#bildcontainer	
	{
	clear:left;
	display:block;
	height: 200px;
	margin-left:15px;
	z-index:2;
	padding-top:50px;
	background-repeat: no-repeat;
	background-position: center;		
	} 


/* Text und Überschrift des linken Containers 
#textlinks	
	{
	display: block;
	}   
*/
	
#footer	
	{
	height: 34px;
	background-image:  url("images/footer.jpg");
	text-align: center;
	word-spacing: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	}

#footer a 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;		
	}

#footer a:hover, a:focus 
	{
	color: #000066;
	}
	
	
	
	
	
	
	
/* Galerie - Liste mit absoluter Positionierung  */
#galerie ul {  
   list-style-type: none;
   padding: 0; 
   margin: 0; 
}
#galerie ul li h3 { 
   line-height: 1; 
   margin-top: 0; 
}
/* Listenelemente relativ positionieren */ 
#galerie ul li {
   position: relative;
   min-height: 246px; 
   padding: 0;
   margin: 0; 
}
/* Patch für IE < 7, der min-height nicht kennt */
* html #galerie ul li { height: 246px; } 

/* Lücke für die Bilder schaffen */ 
#galerie ul li h3,
#galerie ul li p {
   padding-left: 220px;
   padding-right: 20px;
   margin-top: 0;
}
/* Bilder in die Lücke schieben */ 
#galerie ul li img {
   position: absolute; 
   top: 0;
   left: 3px;
   width: 200px; 
   height: 246px; 
}
#galerie ul img:hover {
   width: auto;
   height: auto; 
}

/*Ende Galerie*/







	
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #000099;
	letterspacing: 1px;
	padding-top: 12px;
	padding-bottom: 7px;
	}
	
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	padding-top: 12px;
	margin-bottom: 5px;
	}
	
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	padding-top: 12px;
	padding-bottom: 7px;
	}
h4  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000099;
	line-height: 9px;
	padding-top: 1px;
	padding-bottom: 7px;
	}
	
p { margin-bottom: 1em; }

	
.clearing {clear: both;}

.fliesstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #000099;
	}
	
.bildunter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #000099;
	}
	
.abstandlinks {margin-left:15px;}

.einrueckcontainer {
	margin-left:70px;
	margin-right:50px;
	}

/*Anfang Einspalter*/
#einspalter {
	clear: both;
	width: 725px;
	height: auto;
	margin-left:15px;
	padding-top:15px;
	padding-bottom:15px;
}
/*Ende Einspalter*/
	
	
.aktiv {
	color: #000033!important;
}


/*Bildunterschrift mittels Definitionsliste*/

dl.img{
padding-bottom: 10px;
/**max-width:350px; **/ /**(1)**/
}

dl.img dt {
margin-bottom: 0;
}

dl.img dd {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 20px;
color: #000099;
}



/*Bildunterschrift mittels Definitionsliste, große Bilder mit clearing*/

dl.imgbig{
padding-bottom: 10px;
clear: both;
/**max-width:725px; **/ /**(1)**/
}

dl.imgbig dt {
margin-bottom: 0;
}

dl.imgbig dd {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 20px;
color: #000099;
}

