body {
	font: 100.01% verdana, sans-serif;
	background-color: #E6E6E6;
	margin: 20px;
  	background-image: url(bilder/Hintergrund.gif);
	background-repeat: repeat-x;
	padding: 0;
	text-align: center;
	       
}

#logo {   
	padding-top: 114px;
  	padding-left: 1.5em;
	background-image: url(bilder/SommerPanorama900.jpg);
	height: 50px;
	text-align: left;
}	  
#container {
  border: 0px solid #C0C0C0;
  border-style: inset;
  width: 900px;
  background-color: #CBCB98;
  margin: 0 auto;
}
#container a:link, a:visited {
  color: Blue;
  text-decoration: none;
  font-weight: bold;
}
#container a:hover, a:active, a:focus {
  color: #CE0F18;
  text-decoration: underline;
  font-weight: bold;
}   	
#inhalt {  
  float: left;	
  width: 71%;
  padding: 2em;
  font-size: 0.8em;
  color:#000;
  text-align: left;
  background-color:White;
}


#inhalt ul {
  color: #000000;
  list-style-type: square;
  
} 

#table {
  list-style-type: square;
}

table {
           border-collapse: collapse;
           font-size: 1em;
           margin: 2em;
}

th {
           padding: 1em;
          
           border: 1px solid #807459;
           font: 0.8em sans-serif;
}


caption {
           text-align: left;
           font-size: 1em;
           margin-bottom: 10px;
           font-weight: bold;
}


tbody tr.gerade {
           background-color: #E6DFCF;
           color: #647D8F;
}
tbody tr {
           background-color: white;
          
}




.links {
float: left;
padding: 0 2em 2em 0;

}
.rechts {
float: right;
}

/*Panorama*/

#panorama {  
  position: absolute;
  left: 73%;
  top: 50px;
  margin: 0;
  z-index: 2;
}
#panorama ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#panorama li {
  margin: 0px;
}
#panorama li a:link, #panorama li a:visited {
  display: block;
}

#panorama li a .pop {
  display: none;
  text-decoration: none;
  top: 0;
} 
/*Panorama Popup*/
#panorama li a:hover span.pop {
  display: block;
  position: absolute;
  top: 35px;
  right: 170px;
  width: 600px;
  
  
}
#panorama li a:hover {
  position: relative;
}

/*Bilder*/

#bilder{  
  float: left;
  margin: 0;
  padding: 0 2em 2em 0;
  z-index: 2;
}
#bilder ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#bilder li {
  margin: 0px;
}
#bilder li a:link, #bilder li a:visited {
  display: block;
}

#bilder li a .pop {
  display: none;
  text-decoration: none;
  top: 0;
} 
/*Bilder Popup*/
#bilder li a:hover span.pop {
  display: block;
  position: absolute;
  left: 30px;
  top: 30px;
  width: 500px;
 
  
}
#bilder li a:hover {
  position: relative;
}

/*Bilder2*/

#bilder2{  
  z-index: 2;
  margin: 0;
  padding: 0 2em 2em 0;
}
#bilder2 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#bilder2 li {
  margin: 0px;
}
#bilder2 li a:link, #bilder2 li a:visited {
  display: block;
}

#bilder2 li a .pop {
  display: none;
  text-decoration: none;
  top: 0;
} 
/*Bilder2 Popup*/
#bilder2 li a:hover span.pop {
  display: block;
  position: absolute;
  left: 0px;
  top: 30px;
  width: 500px;
 z-index: 2;

  
}
#bilder2 li a:hover {
  position: relative;
}


/*Bilder3*/

#bilder3{
  background-color: #CBCB98;
  padding-top: 30px;
  padding-left: 14px;
}

/*Bilder4*/

#bilder4{
  background-color: #CBCB98;
  padding-top: 30px;
  padding-left: 14px;  
}

/*Bilder5*/

#bilder5{
  background-color: #CBCB98;
  padding-top: 30px;
  padding-left: 14px;
}

#box { 
  padding:20px;
  background-color:#FFFFB7;
  width:90%;
}

h1 {
  font-size: 1.5em;
  color: #FFFFD1;
}
h2 {
  font-size: 1.3em;
  color: #004000;
}
h3 {
  font-size: 1em; 
  color: #004000;
}
.wichtig {
  font-weight: bold;  
}

#sterne {  
  padding: 5px; 
  border: 0;
 }	

#navigation {  
  float: right;
  text-align: left;
  font-size: 0.8em;
  margin-top: 20px;
  margin-right: 15px;
  padding: 0;
  width: 19.9%;
  background-color: #FFF;
  z-index: 1;
}
#navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navigation li {
  margin: 0 0 1px;
}
#navigation li a:link, #navigation li a:visited {
  padding: 5px 5px 5px 0.5em;
  display: block;
  text-decoration: none;
  font-weight: bold;
  background-color: #CBCB98;
  color: #004000;
}
#navigation li a:hover, #navigation li a:active, #navigation li a:focus {
  background-color: #990000;
  text-decoration: none;
  color: #ffffff;
}
#navigation li span.doppelpunkt {
  display: none;
  text-decoration: none;
  top: 0;
}
#navigation li a .pop {
  display: none;
  text-decoration: none;
  top: 0;
}
#navigation li a:hover span.pop {
  border: 0px solid #990000;
  padding: 10px;
  display: block;
 
  top: 0;
  right: 15em;
  width: 25em;
  background-color: #FFFF80;
  color: #000000;
  font-size: 0.85em;
  font-weight: normal;
}
#navigation li a:hover {
  position: relative;
}
#Fusszeile {
  margin: 0;
  padding: 0.2em;
  clear: both;
  font-size: 0.7em;
  text-align: center;
  color: #ffffff;
  background-color: #990000;
}