HTML, BODY {
margin: 0px;
/*height: 100%;*/
}
BODY {
background-color: #F0F0F0;
}

#aussen, #innen, #obin, #topin,#navin, #mitte, #infoot {
    width: 800px;
}

#obout {
width: 100%;
background-color: #F4E9DE;
height: 10px;
font-size: 6px;
}
#obin {
height: 10px; 
margin: auto;   
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  }
#topout {
width: 100%;
height: 120px;
background-color: #BCDCFF;   
}
#topin {
height: 120px;
margin: auto;    
  background-image: url(img/banner_right.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #BCDCFF;
  overflow: hidden;
  border-left: 1px solid #0082da;
  border-right: 1px solid #0061af;
  }

#navout {
width: 100%;
background-color: #F4E9DE; 
overflow: hidden;   
}
#navin {
 margin: auto;   
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  overflow: hidden;
}

#navin UL{position:relative;margin:0;padding:0;list-style-type:none}
#navin UL LI{position:relative;float:left;display:inline;padding-left:10px;line-height:40px;padding-right:10px;font-size:24px}
#navin UL LI,#navin UL LI A{text-decoration:none;color:#333333;font: 18px Arial, Helvetica, sans-serif;line-height: 2em;}
#navin UL LI A:hover,#navin UL LI.aktiv{color:#003399;}


#aussen {
  margin: auto;
  /*margin-top: 10px;*/
  /*min-height: 100%;*/
  /*background-color: white;*/
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}


#oben {
  width: 100%;
  background-image: url(img/kwv_banner.jpg);
  background-color: #BCDCFF;
  overflow: hidden;
  height: 80px;
  border-left: 1px solid #0082da;
  border-right: 1px solid #0061af;
}
#mitte {
  overflow: hidden;
  min-height: 600px;
}
#unten {
  width: 100%;
  height: 30px;
  overflow: hidden;
  border-bottom: 1px solid #CCCCCC;
}

#mrechts {
  margin: 30px auto 20px auto;
  width: 650px;
  overflow: hidden;
  /*background-color: #9999FF;*/
}
#ulinks {
  float: left;
}
#urechts, #footright {
float: right;
margin-right: 15px;
}

#infoot {
    margin: auto;
}


.stroben {
  height: 10px;
  width: 100%;
  font-size: 6px;
}

/* FARBEN UND RÄNDER */
.stroben {
  background-color:  #F4E9DE;
  border-left: 1px solid #AFAFAF;
  border-right: 1px solid #999999;
}
#unten {
  background-color:  #F4E9DE; /*#0026c7;*/
}
#mitte {
  background-color:  #fcf7f1; /*#FFFFFF;*/
}

/* ENDE FARBEN UND RÄNDER */

.dist20 {
  height: 20px;
}
.dist40 {
height: 50px;
}
#logo {
    position: relative;
    margin-top: 25px;
    margin-left: 10px;
}


/* Inhalte */

H1 {
  font: 30px Arial,Helvetica,sans-serif;
  color: #003366;    /*#585E12*/
}

H2 {
  font: 18px Arial,Helvetica,sans-serif;
  color: #333333;    /*#585E12*/
}

#mrechts P {
  text-align: left;
}

P {
  font: 14px Arial,Helvetica,sans-serif;
  color: #333;
  line-height: 1.3em;
}


P.psmall {
  font: 12px Arial,Helvetica,sans-serif;
  color: #333;
  line-height: 1.2em;
}

#sl1 {
  color: #003366;
  font: 14px Arial,Helvetica,sans-serif;
  line-height: 30px;
  margin-left: 15px;
}

img.pbild {
  float: left;
  margin: 5px 10px 10px 0px;
}

#footright a {
  font: 12px Arial,Helvetica,sans-serif;
  line-height: 2em;
  color: #666;
  text-decoration: none;
}


/* ZWEISPALTER */

.zweisp {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
.drittelspalte {
  float: left;
  width: 188px;
  margin-right: 25px;
  background-color: #FEFAF5;
  border: 1px solid #EEE;
  padding: 5px; 
  min-height: 150px; 
}

.zweisp h2 {
  font: bold 12px Arial,Helvetica,sans-serif;
  color: #333;
  margin-bottom: 0px;
  margin-top: 5px;
}
.zweisp p {
  font: normal 12px Arial,Helvetica,sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
}
.zweisp A {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}