*  { padding: 0; margin: 0; }
/*html { height: 101%; } nur bei kurzen seiten!*/ 
body {
	color: #336699;
  background-color: #ffffff;
  background-image: url(bg.jpg);
  background-repeat: repeat-y;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetia, Sans-Serif;
}
a {color: #336699; text-decoration: none; outline: none;}
a:visited {color:#999999; }
a:hover {color: #EB0000; }
a:active { color:#999999; }
a img { border: none;}
h1 {
	font-size: 2em; 
	font-weight: normal;
	padding: 10px;
	margin-top: 0px;
 }
h2 {
	font-size: 1.7em;
	font-weight: normal;
	padding: 10px 15px;
	margin: 0 0 0 10px;
}
h3 {
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 5px;
	margin: 0 0 0 10px;
}
h4 {
	font-size: 1.3em;
	font-weight: normal;
	padding: 10px 0;
	margin: 0;
}
h5 {
	font-size: 1.0em;
	font-weight: normal;
	padding: 10px 15px;
	margin: 0 0 0 10px;
}
h6 {
	font-size: 0.8em;
	font-weight: normal;
	padding: 5px 0;
	margin: 0;
}
img.download {vertical-align:middle;}
img.mit { border: 5px solid #ccc; padding: 3px; }


.bildlinks {
  float:left;
  padding: 3px;
  border: 5px solid #ccc;
  margin-right: 10px;
  margin-bottom: 10px;
}
.bildrechts {
  float:right;
  padding: 3px;
  border: 5px solid #ccc;
  margin-bottom: 10px;
  margin-left: 10px;
}
.clearing { clear: both; }

address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}

#container {
	width: 70em;
	margin: 0 auto;
	padding: 0;
	/*background-color: #564b47;*/
}

#banner {
	margin: 0;
	padding: 0;
	/*background-color: #00AEEE;*/
}
#banner p{
	margin-left: 15em;
	padding: 10px;
}
/* ==============================================
   Navi Anfang
   ============================================== */
#navibereich {
   overflow: hidden;
   color: white;
   background-color: #008CD0;
   padding: 0px ;
   margin: 0 0 0 15em;
}
/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #navibereich { height: 1%; }

#navibereich ul { margin: 0; }
#navibereich li {
   float: left;
   width: auto;
   list-style: none;
   margin: 0;
}

#navibereich li li { clear: both; }

#navibereich a {
   display: block;
   border-right: 1px solid white; 
   color: white;
   font-size: 1.0em;
   font-weight: bold;
   padding: 0.4em 0.8em;
}

#navileer {
   display: block;
   border-right: 1px solid white; 
   color: white;
   font-size: 1.0em;
   font-weight: bold;
   padding: 0.4em 0.8em;
}

#navibereich a:hover,
#navibereich a:focus,
#startseite #navi01 a, 
#seite02    #navi02 a, 
#seite0201  #navi02 a, 
#seite0202  #navi02 a, 
#seite0203  #navi02 a,
#seite0204  #navi02 a, 
#seite03    #navi03 a, 
#seite0301  #navi03 a, 
#seite0302  #navi03 a,
#seite0303  #navi03 a,
#seite04    #navi04 a, 
#seite0401  #navi04 a,
#seite0402  #navi04 a,
#seite0403  #navi04 a,
#seite0404  #navi04 a,
#seite05    #navi05 a,
#seite0501  #navi05 a,
#seite0502  #navi05 a {
   color: white;
   background-color: #EB0000;
   border-bottom: none;
} 

#wrapper #navibereich #ebene01 li a:active {
   color: white;
   background-color: #6EBDE4; 
}

#navibereich li ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0; 
   background-color: transparent;   
}

#navibereich li:hover ul,
#navibereich li.sfhover ul {
   left: auto; 
   top: auto;
   display: block;
   width: auto; 
   height: auto; 
   background-color: #EB0000;
   border-bottom: 2px solid #6EBDE4;   
}

#navibereich ul#ebene01 ul.ebene02 li a { 
   background-color: #6EBDE4; 
}

#navibereich ul#ebene01 ul.ebene02 li a:hover {
   background-color: #EB0000;
}

#navibereich li li a {
   width: 12em; 
}

.versteckmich {
   position: absolute;
   left: -9999px; 
   top: -9999px; 
   display: inline;
   width: 0;
   height: 0;
}

.tabmich:focus, .tabmich:active {
   position: absolute;
   top: 9999px;   
   left: 9999px; 
   display: inline; 
   width: 12em;   
   height: auto; 

   background-color: white; 
   color: black; 
   padding: 5px; 
   border: 1px solid black;
}

/* ======================================
   Navi Ende
   ====================================== */

/* ======================================
    Inhalt
    ===================================== */
#content {
	min-height:600px;
	background-color: #ffffff;
	padding: 0px 0 10px 0px;
	margin: 0 15em;
}
 ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 2em }
 li { margin-left: 1.5em; line-height: 1.5em }

p {
	padding: 10px 10px 0 20px;
	margin:0;
}
pre, code { font-size: 1.2em;}

#left p.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 10px 10px;
}
#right p.borderbottom{
	border-bottom:1px solid #00AEEE;
	padding: 0 0 10px 10px;
}
#left {
	float: left;
	width: 15em;
	margin: 0;
	padding:5px 0 0 0;
	color:#ffffff;
}
#right {
	float: right;
	width: 15em;
	margin: 0 0 0 20px;
	padding: 0px;
	color:#336699;
}

#right ul{
  margin: 0;
}

#left ul{
	list-style-type: none ;
	padding: 0 0 0 10px;
	margin: 0;
}
#left ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 10px 10px;
}

#left li a {
	font-size: 1.3em;
	text-decoration:none; 
}
#left  li li a { font-size: 1em; }
#left li{
	margin: 0;
	padding: 0 0 4px 0;
}
#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected {
	margin: 0;
	padding: 0 0 0 10px;
	color:#ffffff;
}

#left li li a.selected {
	margin: 0;
	padding: 0;
}
/* ==================================
    footer
  ===================================*/

#footer {
	clear: both;
	background-color: #ffffff;
	/*border: 1px solid black;*/
  padding: 20px 10px 10px 0;
	margin: 0 15em 20px 15em;
	text-align: center;
}
/*====================================
  Kontaktformular
=====================================*/
#formular { margin:0 auto; padding:0; width:420px; }
  form { margin:0; padding:0;}
  fieldset { width:400px; border:1px solid #336699; padding:10px; margin:5px; text-align:left;}
  legend {font-size:1.1em; color:#336699; font-weight:bold; padding:5px; margin:5px; background:none;}
  label { color:#336699; font-size:1em; margin:0 3px 3px 0; padding:0; line-height:1.5em; width:120px; display:block; float:left; clear:left;}
  input {border:1px solid #336699; padding-left:0.3em; margin-bottom:0.6em; width:240px; background:#EEEEEE; color:#000000;}
  input:focus {border-color:#336699;}
  select {border:1px solid #336699; padding-left:0.3em; margin-bottom:0.6em; background:#EEEEEE; width:100px;}
  option {color:#000000;}
  textarea {width:244px; background-color: #EEEEEE; border:1px solid #666;}
  textarea:focus {border-color:#900;}
  td input {width:25px; border:none;}
  td {border-bottom: 1px solid #900; border-right:1px solid #900; padding:3px;}
  .submitbtn {width:185px;background:#008CD0; color:#fff; cursor:pointer; padding:0; margin: 15px 0 0 10px;}
  .submitbtn:hover { background:#6EBDE4;  color:#fff;}
/*====================================
  Ende Kontaktformular
=====================================*/
