/* ----- Allgemein ----- */
body {
  background-color: #F7F7F7;
  font-size: 11px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;
  padding:0px;
  margin:0px;
}

h1 {
  font-size: 11px;
  text-transform:uppercase;
  background-color: #E0A3B7;
  border-top:1px solid #564b47;
  border-bottom:1px solid #564b47;
  padding:5px 15px;
  margin:0px;
}

h2 {
  font-size:20px;
  font-weight: normal;
  padding: 5px 10px;
  margin:0px;
}
/* ----- ENDE Allgemein ----- */



/* ----- Banner ----- */
#banner-1 {
  background-color : #BCD5CB; 
  height:15px;
  width:100%;
} 
#banner-2 {
  background-color : #FFFFFF; 
  background-image : url('img/banner.jpg'); 
  background-position : 100% 50%; 
  background-repeat : repeat-y; 
  height:42px
  vertical-align : middle; 
  width:100%;
} 
#banner-3 {
  background-color :#338261;
  height:15px;
  width:100%;
} 
/* ----- ENDE Banner ----- */

/* ----- Kontainer ----- */
#container {
  width: 750px;
} 
/* ----- ENDE Kontainer ----- */

/* ----- Menu Links ----- */
#menu-links {
  width:175px; 
  float:left;
  background-color: #F7F7F7;
  height:auto;
}

#menu {
  font-family : Verdana, Tahoma, Arial; 
  font-size : 8pt;
  min-height:100%; 
  margin: 0px;
  padding: 5px;
  text-decoration : none; 
  width: 165px;
}
#menu li {
  display: inline;
} 

#menu a {
  border : 1px solid #F7F7F7;
  color : #000000;
  display : block;
  padding : 3px;
  text-decoration : none;
  padding-left: 10px;
} 
#menu a:hover {
  background-color : #F1F1F1;
  border : 1px solid #CCCCCC;
} 
#menu strong {
  line-height:200%;
  color:#000000;
  font-weight:bold;
}
#menu-line {
  border : 0px; 
  padding-left:20px;
  padding-bottom: 5px;
  padding-top: 10px;
}

/* ----- ENDE Menu Links ----- */
/* ----- Menu Rechts ----- */
#menu-rechts {
  width:175px; 
  float:left; 
  background-color: #F7F7F7;
  height:auto;
}
#menu2 {
  width:100px; 
  font-family : Verdana, Tahoma, Arial;
  font-size : 8pt;
  font-weight : normal; 
  line-height:180%;
  margin: 0px;
  padding-left: 20px;
  text-decoration : none; 
  width: 165px;
} 
#menu2 li {
  display: inline;
} 
#menu2 strong {
  line-height:200%;
  color:#000000;
  margin-left: -10px;
  font-weight:bold;
}
#menu2 a{
  color:#336699;
  font-size:8pt;
  font-weight:normal;
  text-decoration:none;
}
#menu2 a:hover {
  color:#9C9C9C;
  font-weight:normal;
  text-decoration:none;
}

/* ----- ENDE Menu Rechts ----- */
/* ----- Inhalt ----- */
#inhalt {
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  width:398px;
  float:left;
  background-color: #FFFFFF;
  height:auto;
}
/* ----- ENDE Inhalt ----- */
/* ----- Fusszeile ----- */

#fusszeile {
  background-color : #BCD5CB; 
  clear:left;
  font-family : Verdana, Tahoma, Arial;
  font-size : 8pt;
  font-weight : normal; 
  padding-bottom: 8px;
  padding-top: 8px;
  width:100%;
} 
#fusszeile a {
  color: #000000;
  padding:5px;
  text-decoration : none; 
} 
#fusszeile a:hover {
  background-color : #FFFFFF; 
  color: #666666;
  text-decoration : none; 
}
/* ----- ENDE Fusszeile ----- */


/* ----- Seitenspezifisches ----- */

#welcome { 
  background-image : url('img/welcome.gif'); 
  background-position : 50% 50%; 
  background-repeat : no-repeat; 
  height : 150px;
  width : 100%;
}
#versteckt { 
  visibility:hidden;
}

#welcome2 { 
  background-color: #F9F9F9;
  background-image : url('img/start.gif'); 
  background-position : 50% 50%; 
  background-repeat : no-repeat; 
  height : 150px;
  width : 100%;
}

#welcome3 { 
  background-image : url('img/endlichundleis.gif'); 
  background-position : 50% 50%; 
  background-repeat : no-repeat; 
  height : 150px;
  width : 100%;
}
#titel {
  width:100%;
  padding:20px;
  text-decoration:none;
  color:#C0C0C0;
  font-family:Tahoma, Verdana, Arial;
   text-decoration:bold;
  font-weight:normal;
  font-size:18pt;
}
#content {
  width:358px;
  padding:20px;
  line-height:180%;
  color:#000000;
  font-family:Tahoma, Verdana, Arial; 
  text-decoration:none;
  font-weight:normal;
  font-size:8pt;
}
#content table {
  line-height:180%;
  color:#000000;
  font-family:Tahoma, Verdana, Arial; 
  text-decoration:none;
  font-weight:normal;
  font-size:8pt;
}
#content fieldset {
  line-height:180%;
  background-color:#F9F9F9;
  border:1px solid #F0F0F0;
}
#content legend {
  font-size:8pt;
  font-weight:bold;
}

#content a{
  color:#336699;
  font-size:8pt;
  font-weight:normal;
  text-decoration:none;
}
#content a:hover {
  color:#9C9C9C;
  font-weight:normal;
  text-decoration:none;
}

#cont1 {
  background-color:#F9F9F9;
  border-top:1px solid #F0F0F0;
  border-bottom:1px solid #F0F0F0;
  height:65px;
  padding:20px;
  width:358px;
}
#cont2 {
  background-color:#FFFFFF;
  height:65px;
  padding:20px;
  width:358px;
}
#cont-high {
  background-color:#F8FBFA;
  border-top:1px solid #F0F0F0;
  border-bottom:1px solid #F0F0F0;
  height:65px;
  padding:20px;
  width:358px;
}
#cont-vf1 {
  background-color:#F9F9F9;
  border-top:1px solid #F0F0F0;
  border-bottom:1px solid #F0F0F0;
  height:65px;
  padding:20px;
  width:358px;
  text-align:center;
}
#cont-vf2 {
  background-color:#FFFFFF;
  height:65px;
  padding:20px;
  width:358px;
  text-align:center;
}