* { padding: 0; margin: 0 }
html {height: 101%; }
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	line-height: 160%;
	letter-spacing:1px;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color:#F8F8F8
}
h1 {
	margin-bottom:2em;
	color:#963;
	font-weight: normal;
	font-size:150%;
	letter-spacing:2px;
}
h2 {
	margin-bottom:1em;
	color:#963;
	font-weight: bold;
	font-size:130%;
	letter-spacing:1px;
}
h3 {
	color:#963;
	font-weight: bold;
	font-size:100%;
	letter-spacing:1px;
}
p {
	margin-bottom: 2em;
}
table {
	padding:5px;
}
input { color: #9999; font-size: 100%; font-weight: normal; background-color: #e2cdb7; border: solid 1px #e2cdb7; padding: 1px; }
.formbtn { color: #963; font-size: 100%; font-weight: bold; background-color: #e2cdb7; border: solid 1px #963; padding: 2px; margin-left:10px;}
.bold {
	font-weight:bold;
}
.tableForm {
	color:#963;
}
.tableForm th {
	font-weight:bold;
	text-align:left;
	padding-top:10px;
	border-bottom: 1px solid #963;
}
.tableForm td {
	padding:5px;
}
#container {
	width: 824px;
	margin: 10px auto 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
#head {
	height:150px;
	background-image:url(../img/head.gif);
	background-repeat: no-repeat;
}
#mainContent {
	margin-left:95px;
	padding: 20px 65px 50px 64px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div-Box. */
	min-height:450px;
	background-color:#F8F8F8;
	font-size: 95%;
}
#mainContent a {
	outline:none;
	color:#963;
	text-decoration:underline;
	font-weight:normal;
}
#mainContent  a:hover {
	color:#fc6;
	text-decoration:none;
}
#bogennav {
z-index:400;
position:absolute;
}
#menue {
	margin-left:150px;
	text-align:right;
	padding-top:125px;
}
#menue a {
	outline:none;
	color:#963;
	text-decoration:none;
	font-weight:normal;
	padding:0 0 0 12px;
}
#menue a:hover {
	color:#fc6;
}
#footer { 
	font-size:0.75em; 
	color:#666; 
	margin: 0 auto; 
	width: 824px;
	height:30px;
}
#footer a {
	outline:none;
	color:#963;
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover {
	color:#fc6;
}
.slideshow { }
.slideshow img { }

#lightbox{
	background-color:#f8f8f8;
	padding: 15px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 90%;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#lightbox a{ 
	color:#963;
	font-size: 120%;
} 
#overlay img{ border: none; }
#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
	}
#bogennav {
	text-align:left;
	margin:175px 0 0 610px;
	position:absolute;
	z-index:400;
}
#bogennav a{
  display: inline;
	outline:none;
	color:#963;
	text-decoration:none;
	font-weight:normal;
	padding: 0 5px;
}
#bogennav a:hover {
	color:#fc6;
}
#bogennav a:active {
	font-weight:bold;
}