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

a {color: #777;font-size: 12px;text-decoration:none;}
a:visited {color:#777;font-size: 12px;text-decoration:none;}
a:hover {color: #777;font-size: 12px;text-decoration:none;}
a:active { color:#777;font-size: 12px;text-decoration:none;}

#navi {
  width: 180px;
  margin: 0;
}


#menu {
  list-style-type: none;
  margin-top: 0px;
  padding-left: 0px;
  margin-left: 0px;
}

#submenu {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
}

#menu a {
 width: 99.9%;
 margin-top: 1px;
 padding: 8px 0px 8px 8px;
 border-style:solid;
 border-width: 0px 1px 1px 1px;
 border-color: #ccc #ccc #ccc #ccc;
 color: #777;
 background-color:#f0e7d7;
}

#submenu a {
 margin-top:1px;
 padding:8px 0px 8px 8px;
 border-style:solid;
 border-width: 0px 1px 1px 1px;
 border-color: #ccc #ccc #ccc #ccc;
 color: #777;
 background-color:#f0e7d7;
}

#menu a:link {
  display: block;
  text-decoration: none;
}

#menu a:visited {
  color: #777;
  text-decoration: none;
  display: block;
  width: 100%;
}

#menu a:hover {
  display: block;
  background-color: #E7CD9F;
  width:100%;
  border-style:solid;
  border-width: 0px 1px 1px 1px;
  border-color: #ccc #ccc #ccc #ccc;
  color: white;
}

#menu a#show {
  background-color: #E7CD9F;
  color: white;
}


span.head {
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
}

#container {
width: 780px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

#container2 {
width: 780px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}  


#banner {
background-color:#f0e7d7;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
 }

#headernav {
background-image:url("../images/headerbg.jpg"); 
text-align:right;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
height:25px;
}

div.climate {
text-align:center;
}

div.midimg {
text-align:center;
}

/* ----------outer und inner----------------- */

#outer{ 
border-left: solid 200px white;/* linke Menue Spalten Farbe  */ 
border-right: solid 0px white;/* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#outer2{ 
border-left: solid 1px white;/* linke Menue Spalten Farbe  */ 
border-right: solid 0px white;/* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; }

/* --------------left und right navigavtion------------- */
#left {
 width:200px; 
 height: 400px;
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 background-color: white;
 border-left: solid 1px #ccc;
 
 }

#left2 {
 width:1px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 background-color: white;
 
 }

 #right {
 width:0px; 
 float:right; 
 position:relative; 
 margin-right:-0px; 
 margin-left:0px;
 background-color: #ffffff;
 }

/* -----------------Inhalt--------------------- */ 
#content{ 
height: 400px;
position: relative; 
margin: 0px;
padding-left: 10px;
padding-right: 10px;
overflow:auto;
border-right: solid 1px #ccc;
}

td.gallery {
text-align:center; width:170px; height:130px;
}

p {
padding:1px 1px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer--------------------- */ 
#footer {
position: relative;
/* top: -22px; */
clear:left;
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
padding:5px 0px 5px 0px;
margin:5px 0px 5px 0px;
text-align: center; 
background-color: white;
}