body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

h1
{
	font-size:15px;
	margin-top:10px;
}


h2
{
	font-size:13px;
}

font
{
	font-size:11px;
	font-family:tahoma;
	color:#666666
}


a:link    { color:#fff; text-decoration:none;}
a:visited { color:#fff; text-decoration:none; }
a:hover   { color:#666; text-decoration:none; font-weight:bold; }
a:active  { color:#999; text-decoration:none; }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(content/ebene02/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(content/ebene02/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(content/ebene02/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 113px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
#container
{
	
	width:1024px;
	height:800px;
	margin: 1px auto 1px auto;
	position:relative;
	background-image: url(../img/head01.png) no-repeat;
	background-color:#FFFFFF;
	border-width: thin;
	border-style: solid;
	border-color:#CCCCCC;
}

#content
{
	position:absolute;
	top:242px;
	left:389px;
	width:447px;
	height:549px;
	color:#666666;
	overflow: auto;
	
	
}

#content a, a:link { color:#666666; text-decoration:none; }
#content a:visited { color:#666666; text-decoration:none; }
#content a:hover, a:active, a:focus { color:#FF0000; text-decoration:none;}


#content ul 
{
		list-style-type:square;
		list-style-position:outside;
}

#content table 
{
		border-style:solid;
		border-width:thin;
		border-color:#CCCCCC;
}

#content td
{
		border-style:none;
}

#dienst ul 
{
		list-style-type:none;
		list-style-position:outside;
}



#linkPdf
 
 {
 display:block;
 width:28px; 
 height:34px;
 background-image: url("img/icons/down-pdf.jpg")
 }
 
 #linkPdf:hover
 {
background-image: url("img/icons/down-pdf-over.jpg")
 }

#kreisEins
 
 {
 display:block;
 width:98px; 
 height:107px;
 background-image:url(img/kreis/kr_03.jpg)
 }
 
 #kreisEins:hover
 {
background-image:url(img/kreis/kr_over_03.jpg)
 }
 
 #kreisZwei
 
 {
 display:block;
 width:98px; 
 height:107px;
 background-image:url(img/kreis/kr_04.jpg)
 }
 
 #kreisZwei:hover
 {
background-image:url(img/kreis/kr_over_04.jpg)
 }
 
  #kreisDrei
 
 {
 display:block;
 width:98px; 
 height:107px;
 background-image:url(img/kreis/kr_06.jpg)
 }
 
 #kreisDrei:hover
 {
background-image:url(img/kreis/kr_over_06.jpg)
 }
 
  #kreisVier
 
 {
 display:block;
 width:98px; 
 height:107px;
 background-image:url(img/kreis/kr_07.jpg)
 }
 
 #kreisVier:hover
 {
background-image:url(img/kreis/kr_over_07.jpg)
 }

#left
{
	position:absolute;
	margin:0%;
	top:218px;
	left:0px;
	width:68px;
	height:582px;
	background-color:#FFFF33;
	
}

#left2
{
	position:absolute;
	margin:0%;
	top:218px;
	left:68px;
	width:298px;
	height:582px;
	background-color:#CCCCCC;
	
}

#red
{
	position:absolute;
	margin: 0%;
	top:186px;
	left:0px;
	width:1024px;
	height:32px;
	background-color:#FF0000;
	
	

	
}

#right1
{
	position:absolute;
	top:234px;
	left:854px;
	width:160px;
	height:250px;

	

	
}
#right2
{
	position:absolute;
	top:206px;
	left:829px;
	width:207px;
	height:23px;
	font-weight:bold;
	color:#FFFFFF;
	
	
	
}


.auswahl {
	font-weight: normal;
	font-size:11px;
	color: #000001;
	width: 160px;
	padding: 5px;
	background-color: #cccccc;
	
}


a.menu { display:block; margin-bottom:5px; text-align:center; width:20px;
         border-style:solid; border-width:1px 1px 1px 1px; padding:10px; text-decoration:none; }

a.menu:link    { color:#666; background-color:white; }
a.menu:visited { color:#666; background-color:white; }
a.menu:hover   { color:#666; background-color:#FFFF99; font-weight:bold; }
a.menu:active  { color:#666; background-color:#FFFF99; }

#mainnav

{
	position:absolute;
	top:234px;
	left:60px;
	width: 186px;
	height: 172px;
	
}

#menue {
	width: 150px;
	font-size: 80%;
	
	
}
.menuekopf {
	font-weight: bold;
	font-size:12px;
	color: #FF0000;
	width: 160px;
	padding: 5px;
	background-color: #CCCCCC;
}
#menue ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
}
#menue li {
	display: block;
}
#menue li a, #menue li a:link {
	text-decoration: none;
	display: block;
	color: #000000;
	width: 140px;
	padding: 5px;
}
#menue li a:visited {
	color: #000000;
}

#menue li a:hover, #menue li a:active, #menue li a:focus {
	color: #FF0000; font-weight:normal;
}


/* Vertikale Navigation */
  div#Tmenu {
    font-size: 94%;
    width: 10em;
    padding: 0.3em;
  }
  * html div#Tmenu {
    width: 11.3em;
    width: 10em;  /* (IE 6 in standards-compliant mode) */
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: left;
  }

  ul#Navigation li {
    list-style: none;
    position: relative;
    margin: 0.5em; padding: 0;
  }
  
  * html ul#Navigation li {
    margin-right:0.3em;  /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0; left: 11em;
  }
  *:first-child+html ul#Navigation li ul {
    left: 13em;  /* (IE 7 in standards-compliant mode) */
  }
  ul#Navigation li ul li {
	margin: 0; padding-left: 0; 
	
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 9em;
	background-color: #ffffff;
    font-family: "Tahoma", Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 0.2em 1em;
    color: #000000; 
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 11em;
    width: 9em;  /* (IE 6 in standards-compliant mode) */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    border-color: #c96;
    border-left-color: #000000; border-top-color: #000000;
    background-color: #cccccc;
	
	
  }
  li a#aktuell {
    border-right-color: #300; border-bottom-color: #300;
    background-color: #999999;
  }
  ul#Navigation li ul span {
    border-color: #000000; border-left-color: #c96;
    color: #FF0000; background-color: white;
  }
  ul#Navigation li a:active {
    color: black; background-color: #666666;
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
	
  }
  ul#Navigation li:hover>ul {
    display: block;

  }
  ul#Navigation>li:hover>a {
    width: 13em;
    background: #999999;
  }
  
  ul#Navigation li ul {
    width: 15em;
    color: #FF0000; background-color: white;
  }

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
  * html ul#Navigation li.hoverIE {
    margin-right:1.5em;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }
  * html ul#Navigation li.hoverIE ul {
    display: block;
  }
  * html ul#Navigation li. hoverIE {
    width: 10.3em;
    width: 8.2em;  /* (IE 6 in standards-compliant mode) */
    background: #999999;
  }
  
  
/* Kontaktformular */
form#contact-form {
  font-size: .8em;
}
form#contact-form div {
  margin-bottom: 4px;
}
form#contact-form label {
  clear: both;
  display: block;
  float: left;
  margin-right: 8px;
  text-align: right;
  width: 80px;
}
form#contact-form input {
  padding: 1px 2px;
  width: 200px;
}
form#contact-form sup.required {
  color: red;
  font-weight: bold;
  padding-left: 4px;  
}
form#contact-form textarea {
  width: 300px;
}
form#contact-form button {
  margin-left: 88px;
}