html, body {
  background-color: #000000;
  background-image: url(../bilder/bg_staatz.jpg);
  background-repeat:no-repeat;
  font-size: 12px;
  font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#FFFFFF;  
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  overflow: hidden; 
  }
  
/* for internet explorer */
* html body {
  padding:150px 0 40px 0; 
  }

#container {
  font-family: Arial, Helvetica, sans-serif, serif;
  font-size: 1.1em;
  position:fixed; 
  top:150px;
  left:0;
  bottom:40px; 
  right:0; 
  overflow: inherit;
  background-repeat:no-repeat;
  text-align:left;
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position: absolute; 
  top:0px; 
  left:0px; 
  width:100%; 
  height:150px; 
  overflow: hidden; 
  }
* html #header {height:150px;}

#footer {
  position:absolute; 
  bottom:0px; 
  left:15px;
  width:100%; 
  height:30px; 
  }
  
* html #footer {height:30px;}

#nav { 	
  position:fixed;
  height:20px; 
  width:790px;
  margin: 105px 0px 0px 15px; 
  text-align: left;
  overflow: hidden;
}

#bild_nav {
	position: fixed;
	width: 100px;
	height: 150px;
	margin: 155px 0px 0px 170px;
}

.navi-presse a {
background:#9E9981;
color: #FFFFFF;
display:block;
width:108px;
height: auto;
padding-left:3px;
font-size: 11px;
font-weight: bold;
text-align:left;
text-decoration: none;
}

.navi-presse a:hover {
background:#9E9981;
color: #000000;
display:block;
width:108px;
height:auto;
padding-left:3px;
font-size: 11px;
font-weight: bold;
text-align:left;
text-decoration: none;
}

.navi a {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-align:left;
text-decoration: none;

}

.navi a:hover {
color: #9E9981;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}

#nav_unten {
	position: fixed;
	text-align: right;
	width: 200px;
	margin: 500px 0px 0px 145px;
	font-size: 12px;
}

#nav_buttom {
	position:absolute;
	height:20px;
	width:790px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	background-repeat:no-repeat;
	overflow: hidden;
}

#frame {
	position:absolute;
	height:370px;
	width:480px;
	margin:150px 0px 0px 320px;
	text-align: left;
	overflow:auto;
	top: -1px;
	left: 3px;
}

#frame2 {
	position:absolute;
	height:370px;
	width:577px;
	margin:150px 0px 0px 225px;
	text-align: left;
	overflow:auto;
	top: 0px;
	left: 0px;
}

#frame3 {
	position:absolute;
	height:340px;
	width: 500px;
	margin:150px 0px 0px 300px;
	text-align: left;
	overflow:auto;
	top: 0px;
	left: 2px;
}

a {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
background-color:transparent;
text-decoration: none;
}

a:hover {
color: #9E9981;
font-size: 12px;
font-weight: bold;
background-color:transparent;
text-decoration: none;
}

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

.ueberschrift {
	color: #9E9981;
	font-weight: bold;
}

.pics {
border: #FFFFFF solid;
border-width: 1px;
}

.trennline {
border-bottom: #FFFFFF solid;
border-width: 1px;
}

/**************************************************************/

#lightbox{
	background-color: #000000;
	padding: 8px;
	border: 1px solid #999999;
	}
#lightboxDetails{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 8px;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: 1px solid #FFFFFF; clear: both; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../bilder/overlay.png); }

* html #overlay{
	background-color: #FFF;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}