/*  body und schrift definitionen */


body {
  background-color: #F2F0EE;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000000;  
  padding:0px;
  margin:0px;
}

body#start{
  background-color: #000000;
}

h1 {
font-size: 12px;
text-align: left;
color: #3DB19C;
}

h6 {
font-size: 12px;
text-align: left;
color: #3DB19C;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

a { 
color: #3DB19C;
text-decoration: none; 
}

a:hover { 
color: #3DB19C;
text-decoration: underline; 
}

.start{
float: left;
margin-left: 75px;
margin-top: -2px;
}

*html .start{
margin-left: 38px;
}


.start, .start a:link, .start a:visited, .start a:active{
font-size: 9px;
color: #868686;
}

#inhalt {
  position:absolute;
  height:440px;
  width:780px;
  margin:-220px 0px 0px -390px;
  top: 50%;
  left: 50%;
  text-align: left;
  padding: 0px 0px 0px 0px;
  background-color: #E0DAD2;
}


#inhalt form{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#inhalt-start{
  position:absolute;
  height:440px;
  width:780px;
  margin:-220px 0px 0px -390px;
  top: 50%;
  left: 50%;
  text-align: left;
  padding: 0px 0px 0px 0px;
  background-color: #000000;
  text-align: center;
}


#menu{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #091253;
width: 100%;
height: 200px;
}

#ani{
float: right;
width: 350px;
margin: 0px 50px 0px 0px;
padding: 0px 0px 0px 0px;
}

*html #ani {
margin: 0px 23px 0px 0px;
padding: 0px 0px 0px 0px;
}


#submenu{
width: 100%;
height: 254px;
}

#submenu ul{
list-style-type: none;
margin-left: -40px;
}

*html #submenu ul{
list-style-type: none;
margin-left: 0px;
margin-top: 15px;
}

#submenu ul li{
/*height: 16px;*/
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 30px;
width: 780px;
}

/*
#submenu ul li:hover{
background-color: #F3F0EB;
}
*/

#submenu .sitemenu .on, #submenu .sitemenu .on a{
background-color: #F3F0EB;
color: #3DB19C;
}

#submenu .sitemenu .onsub, #submenu .sitemenu .onsub a{
color: #3DB19C;
}

#submenu .sitemenu a { 
color: #9A989B;
text-decoration: none; 
}


#submenu .sitemenu a:hover { 
color: #3DB19C;
text-decoration: none; 
}

*html #submenu ul li{
width: 750px;
}

*html #submenu{
margin-bottom: -19px;
}


#subsitenav, #sitenav{
width: 380px;
margin: 0px 0px 3px -30px;
}

#subsitenav td{
font-size: 11px;
padding: 2px 0px 2px 40px;
}

#sitenav td{
padding: 2px 0px 0px 30px;
}

#subsitenav .subsubnav, #sitenav .subsubnav{
text-align: right;
padding-right: 15px;
}

.subsubnav img{
padding-right: 6px;
}

#subsitenavon{
background-color: #F3F0EB;
}




#text{
float: right;
width: 330px;
font-size: 11px;
line-height: 130%;
background-color: #ffffff;
margin: -12px 50px 0px 0px;
padding: 8px 9px 8px 9px;
min-height: 205px;
height: 200px;
overflow: auto;
}



*html #text {
float: left;
position: absolute;
z-index: 999;
height: 220px;
margin: 0px 23px 0px 385px;
padding: 15px 10px 0px 9px;
}

#text-kontakt{
float: right;
width: 330px;
font-size: 11px;
line-height: 130%;
background-color: #ffffff;
margin: 0px 50px 0px 0px;
padding: 8px 9px 8px 9px;
min-height: 205px;
height: 200px;
overflow: auto;
}



*html #text-kontakt {
float: left;
position: absolute;
z-index: 999;
height: 220px;
margin: 0px 23px 0px 385px;
padding: 15px 10px 0px 9px;
}

.tableleft .kontakt-small{
font-size: 8.5px;
}

*html .tableleft .kontakt-small{
font-size: 9px;
}


#ref{
position: absolute;
top: -1px;
left: 380px;
width: 382px;
font-size: 11px;
line-height: 130%;
background-color: #F3F0EB;
margin: 0px 0px 0px 0px;
padding: 22px 9px 8px 9px;
height: 411px;
text-align: center;
}


*html #ref{
height: 426px;
}


#ref-w{
position: absolute;
top: -1px;
left: 380px;
width: 382px;
font-size: 11px;
line-height: 130%;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 22px 9px 8px 9px;
height: 411px;
text-align: center;
}


*html #ref-w{
height: 426px;
}

#ref-g{
position: absolute;
top: -1px;
left: 380px;
width: 382px;
font-size: 11px;
line-height: 130%;
background-color: #FCF7F1;
margin: 0px 0px 0px 0px;
padding: 22px 9px 8px 9px;
height: 411px;
text-align: center;
}


*html #ref-g{
height: 426px;
}

#ref-webd{
position: absolute;
top: -1px;
left: 380px;
width: 382px;
font-size: 11px;
line-height: 130%;
background-color: #FCF7F1;
margin: 0px 0px 0px 0px;
padding: 22px 9px 8px 9px;
height: 411px;
text-align: center;
}


*html #ref-webd{
height: 426px;
}

.refnav{
float: right;
height: 25px;
margin-top: 5px;
}

.tableleft td{
font-size: 10px;
padding-left: 10px;
}

.formular{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#glossartext{
position: absolute;
left: 380px;
width: 382px;
font-size: 11px;
line-height: 130%;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 8px 9px 8px 9px;
height: 404px;
text-align: left;
overflow: auto;
}


*html #glossartext{
height: 419px;
}

#glossartext h2{
font-weight: bold;
font-size: 12px;
margin-bottom: 3px;
padding-bottom: 0px;
}

#glossartext p{
margin-top: 0px;
margin-bottom: 14px;
padding-top: 0px;
}


.glossar{
float: left;
margin: 10px 10px 10px 10px;
}

.glossar td{
padding: 3px 5px;
background-color: #FFFFFF;
text-align: center;
}

.glossar td.leer{
background-color: transparent;
}

.glossar td.active{
background-color: #3DB19C;
}

.glossar td.active a{
color: #FFFFFF;
}

#anfahrt{
position: absolute;
top: -1px;
left: 382px;
width: 340px;
font-size: 11px;
line-height: 130%;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 22px 9px 8px 9px;
height: 411px;
text-align: left;
overflow: auto;
}


*html #anfahrt{
height: 426px;
left: 385px;
}

#anfahrt ul{
list-style-type: circle;
margin-left: 0px;
}

*html #anfahrt ul{
list-style-type: circle;
margin-left: 20px;
}


/* Navigation MousOver ohne Javascript */

#nav{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#nav1 a {
 background: url('img/nav1-on.gif') no-repeat;
 display:block; width:127px; /* Linkbereich begrenzen */
 }
 #nav1 img {
 display:block; width:127px; height:100px; border:0;
 }

#nav2 a {
 background: url('img/nav2-on.gif') no-repeat;
 display:block; width:127px; /* Linkbereich begrenzen */
 }
 #nav2 img {
 display:block; width:127px; height:100px; border:0;
 }

 #nav3 a {
 background: url('img/nav3-on.gif') no-repeat;
 display:block; width:127px; /* Linkbereich begrenzen */
 }
 #nav3 img {
 display:block; width:127px; height:100px; border:0;
 }

 #nav4 a {
 background: url('img/nav4-on.gif') no-repeat;
 display:block; width:127px; /* Linkbereich begrenzen */
 }
 #nav4 img {
 display:block; width:127px; height:100px; border:0;
 }

 #nav5 a {
 background: url('img/nav5-on.gif') no-repeat;
 display:block; width:127px; /* Linkbereich begrenzen */
 }
 #nav5 img {
 display:block; width:127px; height:100px; border:0;
 }

 #nav6 a {
 background: url('img/nav6-on.gif') no-repeat;
 display:block; width:127px; /* Linkbereich begrenzen */
 }
 #nav6 img {
 display:block; width:127px; height:100px; border:0;
 }

 #nav1 a:hover img, #nav2 a:hover img, #nav3 a:hover img, #nav4 a:hover img, #nav5 a:hover img, #nav6 a:hover img {
 visibility: hidden;
 }
 #nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover { /* Workaround fuer IE 5.5 und 6 */
 border:0;
 }
 *html #nav1 a, *html #nav2 a, *html #nav3 a, *html #nav4 a, *html #nav5 a, *html #nav6 a {
 margin-right:0px;
 }
 *html #nav1 a:hover, *html #nav2 a:hover, *html #nav3 a:hover, *html #nav4 a:hover, *html #nav5 a:hover, *html #nav6 a:hover {
 width:127px; margin-right:0; /* Workaround fuer IE 5.01 */
 }

/* Formulare */

.kontakt{
width: 230px;
height: 16px;
font-size: 12px;
border: solid 1px #E2E2E0;
}

.kontaktarea{
width: 300px;
height: 100px;
border: solid 1px #E2E2E0;
}