html, body{
height: 100%;
}

body { /* gesamte Seite */
 font-family: Courier New, Century  Gothic, Garamond, Courier  New,  Courier, Verdana, Helvetica,  Arial;
 font-size: medium;
 margin-top: 7pt;
 background-color: #ffffff;
 border: 6px solid #3366cc;
height: 850%;
direction: ltr;

}
 



/* linke Spalte */
#left {
float:left;
width:19%;
color:#000000;
text-align: left;
margin: 4px;
font-size: smaller;
height: 100%;
}

#navi {

padding-left: 2px;
margin:0px;
list-style-type: none;
}

#navi li{
list-style: none;
padding: 5px; 
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;

}


#navi a {
  text-decoration: none;
  color:#000000;
  border-left: 5px solid #cc3333;
padding: 2px;
list-style: none;
}

#navi a:hover {
   border-left: 5px solid #ffffff; 
background-color:#33cc33; 
color:#ffffff;
}


/* Alles was in der mittleren Spalte steht */
#middle {
float:left;
height: 100%;
width:71%;
margin:1%;
font-size: smaller;
border-left: 6px solid #cc3333;
padding-left: 6px;
 height:99%; 
}

#middle a:hover{
background-color: #33cc33;
color:#ffffff;
}

#middle a {
text-decoration: none;
background-color: #ffffff;
color: #3366cc;
}


/* Alles was in der rechten Spalte steht */
#right {
 float:right;
 border-left: 6px solid #cc3333;
 width:19%;
 color:#000000;
 text-align: center;
 padding: 0px;
 padding-left: 10px;
 padding-right: 0px;
 margin: 4px;
 margin-right: 0px;
 height:99%; 
}


#impressum img {
  border: 0px solid ;
  margin: 0px 40px auto; 
  height: 73px; width: 680px; 
} 

/* Alles was oben im blauen Rahmen ist, über die gesamte Breite 
wird zurzeit nicht genutzt 
#kopf {
text-align: left;
padding:5px;
margin-bottom:20px;
height: 200px;
}

#kopf img {
float: left;
width: 192px;
margin-right: 20px;
}

*/