/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; } 
 
h2, p, ul, ol { margin-bottom: 1em; } 

ol ul { margin-bottom: 0; } 

li { margin-left: 2em; }    
   
/* ================================== */

body {
background-color: #ffcc66;
font-family: Verdana, Century Gothic, Arial, Helvetica; 
font-size: 10pt; 
color: black; 
background-image:url(steuerung/bilder/body_hintergrund.jpg);
background-repeat:repeat-x;

}

strong {
font-size: 1.2em;
font-weight: 600;
color: #003366;
}	

/*
von Peter Müller Little Boxes
===============================================================================================================================================
*/
#navibereich {
  overflow: hidden; /* Alternative: Easy Clearing */ 
  color: black; 
  background-image: url(steuerung/bilder/hover.jpg);
  padding: 0; 
  margin: 0; 
  z-index: 2;
}
* html #navibereich {height: 1%; } 

/* =================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   =============================== */
#navibereich ul { margin: 0; }

#navibereich li {
  float: left; 
  width: auto; 
  list-style: none; 
  margin: 0; 
}   
/* Liste in Ebene 2 clearen */ 
#navibereich li li { clear: both; }

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navibereich a {
   display: block;
   color: black;
   padding: 0.2em 0.5em;
   font-weight:400;
}
#navibereich a:hover,
#navibereich a:focus,
#startseite #navi01 a, 
#seite02    #navi02 a, /* 201 Punkte */ 
#seite0201  #navi02 a, 
#seite03    #navi03 a, 
#seite0302  #navi03 a, 
#seite04    #navi04 a, 
#seite0403  #navi04 a,
#seite05    #navi05 a,
#seite0504  #navi05 a {
   color: #003366;
   text-decoration:none;
   background-image: url(steuerung/bilder/hover.jpg);
   border-bottom: none;
} 
/* 314 Punkte */ 
div#wrapper div#navibereich ul#ebene01 a:active {
  color: white; 
  background-color: #d90000; 
}

/* ==============================
   04 Ebene 2 verstecken 
   ========================= */ 
#navibereich li ul {
  position: absolute; 
  top: -9999px; 
  left: -9999px; 
  display: inline; 
  width: 0; 
  height: 0; 
  background-color: transparent; 
}   

/* ==============================
   05 Ebene 2 sichtbar machen  
   ========================= */ 
#navibereich li:hover ul {
  background-image: url(steuerung/bilder/hover.jpg);
  left: auto; 
  top: auto; 
  display: block; 
  width: auto; 
  height: auto; 
  background-color: #ffcc66; 
  border-bottom: 1px solid #003366; 
  border-left: 1px solid #003366; 
  border-right:  1px solid #003366; 
  -moz-border-radius:5px;
}
   
/* ==============================
   06 Ebene 2 korrekt einfärben   
   ========================= */   
/* 214 Punkte */ 
#navibereich ul#ebene01 ul.ebene02 li a { 
  background-color: #ffcc66; 
}   
/* 224 Punkte */ 
#navibereich ul#ebene01 ul.ebene02 li a:hover { 
  background-color: #fff3c0; 
}   

/* Feste Breite für die Links in Ebene 2 */ 
#navibereich li li a {
  width: 8em; /* Wert an den längsten Menüpunkt anpassen */ 
}
/*
================================================================================================================================================
*/



/* Angaben für "Frameset" */
#mantel { 
  background-color: #ffcc66; 
  border-style:solid;
  border-color: black; 
  border-width: 1px;
  color: black; 
  width: 950px; 
  margin: 10px auto; 
  position:relative;
}

	/*Versuch aussen_links*/
	#aussen_links{
		
  border-style:solid;
  border-color: black; 
  border-width: 0px;
  color: black; 
  width: 80px; 
  height: 698px;
  position:absolute;
  top: -11px;
  left:-350px;
  
		}
	/*Ende Versuch aussen_links*/
#aussen_linke_seite {
	position: absolute;
	top: 10px;
	left: 20px;
	float:left;
	}


#aussen_rechte_seite {
	position: absolute;
	top: 9px;
	left: 1310px;
	
	}
	
#aussen_links  a{
	font-weight:500;
	color: #000000;
	}	

#aussen_links a:hover{
	background-color: #fff3c0;
	color: #003366;
	text-decoration:none;
	}	

#banner {
	z-index: 3;
    height: 100px;
    text-align: left;
    background-color: #fc6; 
    }
	
#banner a {
text-decoration: none;
}	

#navi {
    text-align: left;
    background-color:#fc6; 
	position:relative;
	font-size: 1.2em; /*legt die Schriftgröße der Links im Navibalken fest*/
	font-weight: 500;
	z-index: 100;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #003366;
    }

#inhalt {
    text-align: left;
    min-height: 540px;
	background-color:#fc6;
	padding: 0px;
	
	position:static; /*bei position:relative funktionieren im IE 6 die Bilder nicht*/
	}   

#inhalt p  a{
	font-weight:500;
	color: #000000;
	}	

#inhalt p a:hover{
	background-color: #fff3c0;
	color: #003366;
	text-decoration:none;
	}	
	   
#fuss {
    height: 1.5em;
    text-align: center;
    background-color:#fff3c0; 
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #003366;
	letter-spacing: 0.2em;
	}
   
/* Ende Frameset-Angaben*/

#fuss a {
font-weight:500;
color: black;
letter-spacing:0.2em;
}

#fuss a:hover {
/*background-color: #ffcc66;*/
color: #003366;
text-decoration:none;
}

/*Spartenindex*/
div.galerie {
float:left;
padding: 5px;
width: 155px;
border: 1px solid #003366;
margin: 5px;
}


div.galerie span {
font-size: 1.1em;
font-weight: 400;
}


div.galerie a:hover {
text-decoration: none;
background-color: #fff3c0;
}
/*Ende Spartenindex*/


p.inhalt {
	max-width: 400px;
	padding: 5px;
	border-style:solid;
	border-width:1px;
	-moz-border-radius:5px;
	border-color:#003366;
}
	


#infobox {
position:absolute; top: 210px; left: 5px;
z-index:10;
width: auto;
margin: 3px;
padding: 2px;
border-style:solid;
border-color:#003366;
border-width: 1px;
-moz-border-radius:5px;
font-size: 0.9em;
}

#infobox a{
	font-weight:500;
	color: #000000;
	}	

#infobox a:hover{
	background-color: #fff3c0;
	color: #003366;
	text-decoration:none;
	}	

#infobox strong{
	color: #003366;
	font-weight:400;
	}	

span.halbhohe_zeile {
	
	line-height: 0.5em;
	}

#seiteninhalt p{
margin: 10px;
font-size: 1.1em;
}

#seiteninhalt strong{
font-size: 1.2em;
margin: 10px;
color: #003366;
}

#seiteninhalt a {
color: #003366;
}

#seiteninhalt a:hover {
background-color: #fff3c0;
}

#seiteninhalt ol {
margin: 10px;
font-size: 1.1em;
}

#seiteninhalt ul {
margin: 10px;
font-size: 1.1em;
}

/*==========================================================*/


#inhalt_kopf {
margin-left:10px;
padding-bottom: 10px;
padding-left: 35px;
background-image: url(inhalt/bilder/logo_neu.gif);
background-repeat:no-repeat;
}

#inhalt_kopf h1 {
color: #003366;
font-size: 1.6em;
font-weight: 500; 
}

#inhalt_kopf a {
font-size:1.3em;
font-weight:500;
color:black;
}

#inhalt_kopf a:hover {
color:#003366;
background-color:#fff3c0;
text-decoration:none;
}
  
#inhalt_kopf span{
color: #003366;
font-size: 1.3em;
font-weight: 500; 
}

/*Sie befinden sich hier*/
p.navi_klein {
padding-top: 5px;
font-size: 0.8em;
margin: 0px;
}

p.navi_klein a {
font-size: 0.8em;
font-weight:300;
color: black;
}

p.navi_klein a:hover {
background-color: #fff3c0;
color: #003366;
text-decoration:none;
}
/*kleiner Link zur Weiterleitung innerghalb des Themas============================*/
p.link_unten {
text-align: right;
}

p.link_unten a{
color: #003366;
}

p.link_unten a:hover{
background-color: #fff3c0;
text-decoration: none;
}

/*=Ende Link unten================================================*/

/*Eingerahmte Bilder mit Unterschrift*/

#bild_links {
background-color: #fff3c0;
border-style: solid;
border-width: 1px;
margin-right: 10px;
margin-left: 10px;
padding: 3px;
float: left;
display: inline;
}

#bild_rechts {
background-color: #fff3c0;
border-style: solid;
border-width: 1px;
margin-left: 10px;
margin-right: 10px;
padding: 3px;
float: right;
display: inline;
}

#bild {
background-color: #fff3c0;
border-style: solid;
border-width: 1px;
margin: 10px;
padding: 3px;
float:left;
display: inline;
}

/*Eingerahmte Bilder mit Unterschrift - Ende*/

/*Textrahmen z.B. Werner Wrage=========================================*/
p.textrahmen {
background-color: #fff3c0;
line-height: 1.3em;
border-color: #003366;
border-width: 1px;
padding: 10px;
}

p.textrahmen span{
color: #003366;
font-size: 1.2em;
font-weight:400;
padding: 0;
}


/* Ende Textrahmen =========================================*/

table.statistik, tr, td, th {
margin: 10px;
padding: 5px;
font-size: 1em;
border-style:solid;
border-width:1px;
vertical-align: top;
}

/*Banner-Fotos================================================*/
span.bannerbild {
background-color: #fff3c0;
margin: 10px;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
border: solid 1px black;
}

#bannerfoto img{
padding: 0px;
border-top: solid 1px;
border-right: 0px;
border-bottom: solid 1px;
border-left: 0px;
margin-top: 5px;
}

/*
Steuerbord-Liste
*/

#steuerbord  {
font-size: 11pt;
}

#steuerbord a {
font-size: 11pt;
}

/* Formatierungen fuer die neue Galerie, hier ZMF */
img.vorschaubild {
	margin-right: 3px;
	margin-bottom: 5px;
	border: 1px solid #aaaaaa;
	}

img.galerie {
	border: 1px solid #aaaaaa;
	}
	
img[usemap]  a:active {
	border: none;
	}	
	
#bildunterschrift {
	background-color: #fff3c0;
	padding: 5px;
	margin: 10px;
	font-size: 1.1em;
	border: 1px solid #aaaaaa;
	}	
	
	
/*span.blau {
	border-top: 15px solid #003366;
	border-bottom: 15px solid #003366;
	}	

span.beige {
	border-top: 5px solid #fff3c0;
	border-bottom: 5px solid #fff3c0;
	}	
	*/

/*____fuer Startseite backbord - steuerbord zurueckgestellt am 06.112009

#startseite a {
position:absolute; top: 220px; left: 5px;
z-index:10;
font-size:1.3em;
font-weight:500;
color:black;
}

#startseite a:hover {
color:#003366;
background-color:#fff3c0;
text-decoration:none;
}

*/

/* Hier beginnt das Stylesheet für die Bannernavigation */
/*
A:link , A:active , A:visited 
{ 
font-family: 
Verdana, Century Gothic, Arial, Helvetica;    
border: 1px  solid #000000; 
border-left: 5px solid #254D92;
padding: 0px;
color: black; 
text-decoration: underline; 
}

A:hover 
{ 
font-family: Verdana, Century Gothic, Arial, Helvetica; 
font-size: 10pt; 
color: 000000; 
text-decoration: none; 
background-color: #F4F5F5; 
border: 1px  solid #000000; 
border: 1px  solid #000000; 
border-left: 5px solid #BA1C43;
padding: 0px;
}
 /* Hier endet das Stylesheet für die Bannernavigation */
 
/*td.navi A:link
{
border: 1px  solid #000000; 
display: block;
width: 140px;
border-left: 5px solid #254D92;
text-decoration: none;
}

td.navi A:visited
{
border: 1px  solid #000000; 
display: block;
width: 140px;
border-left: 5px solid #254D92;
text-decoration: none;
}

td.navi A:active
{
display: block;
width: 140px;
border-left: 5px solid #254D92;
}

td.navi A:hover
{
display: block;
width: 140px;
border-left: 5px solid #BA1C43;
}
*/
/* Pressespiegel */
/*table.presse
{
border-width: 1px; 
border-style: solid;  
border-color: black;  
}

td.presse
{
font-family: Verdana, Arial, Helvetica; 
font-size: 10pt; 
color: black; 
text-decoration: none; 
background-color: #; 
text-align: justify; 
vertical-align: top; 
}*/
/* Ende Pressespiegel */

/*#unten {
font-size: 8pt;
background-color: #F4F5F5;
border-top: 2px solid #254D92;
border-bottom: 2px solid #254D92;
}*/

/* Banner-Box */
/*
#box a:active ,  a:visited , a:link {
font-family: 
Verdana, Century Gothic, Arial, Helvetica;    
border: 1px  solid #000000; 
border-left: 5px solid #254D92;
padding: 0px;
color: black; 
text-decoration: none; 
}

#box a:hover {
font-family: Verdana, Century Gothic, Arial, Helvetica; 
font-size: 10pt; 
color: 000000; 
text-decoration: none; 
background-color: #F4F5F5; 
border: 1px  solid #000000; 
border: 1px  solid #000000; 
border-left: 5px solid #BA1C43;
padding: 0px;
}

#box a .info {
display:none;
}

#box a:hover .info {
color:black;
background-image:url(banner/pics/infobox.png);
font-size: 8pt ;
display:block;
position:absolute;
top: 13px;
padding:5px;
max-width:200px;
text-align:left;
border:1px solid #000;
}

* html #box a:hover .info {
display:none;
}*/
/* Ende Banner-Box */