@charset "utf-8";
html, body {
	font-family:Verdana, Arial, Geneva, sans-serif;
	color: #900;
	background-color: #320d0d;	
	background-image:url(images/bodybg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	text-align: center;
	margin:0;
	padding: 0;
	font-size: .95em;
	}

#container {
	background-color:#f5f5f5;
	text-align: left;
	margin: auto;
	padding:0;
	width: 980px;
	background-image: url(images/containerbg.png);
	background-repeat: repeat-y;
	}
	
#header {
	color: #FFF;
	margin: 0;
	background-image: url(images/banner.jpg);
	height: 250px;
	border-bottom: 2px solid #112f6c;
	}
#header h1 {text-indent: -1000px;}
	
#logocontainer {position: absolute;  padding:0;}	

#navigation {
	background-color: #900;
	color: #F5F5F5;
	margin:0;
	position: absolute;
	width: 980px;
	top: 100px;
	}
#navigation ul {list-style: none; margin: 0 0 0 290px;}

#navigation li {float: left; padding: 5px 10px;}

#navigation a:link, #navigation a:visited{color:#F5F5F5; text-decoration:none;padding: 5px 10px; font-weight:normal; }

#navigation a:hover, #navigation a:focus, #navigation a:active{background-color:#F5F5F5; color: #900;}

#logo {
	top: 200px; left: 578px;;
	position: absolute;
	z-index: 20;
	width: 400px;
	height: 176px;
	background-image: url(images/logo.png);
	}

#leuchtturm {
	position: absolute;
	z-index: 21;
	width: 296px; height: 250px;
	background-image: url(images/leuchtturm.png);
	}
	
#subnavi {margin: auto; background-color: #112f6c; color: #000000; }
#subnavi a:link, #subnavi a:visited{color:#F5F5F5; text-decoration:none;padding: 0px 10px; font-weight:normal; }
#subnavi a:hover, #subnavi a:focus, #navigation a:active{background-color:#F5F5F5; color: #112f6c;}
#subnavi p {margin: 0 0 0 20px;}

#maincontent {
	padding:20px;
	margin: 0;
	}
	
#dsb {
	background-color: #112f6c;
	text-align: center;
	color: #F5F5F5;
	margin: 0;
	padding:0;
	}
#dsb p {padding: 20px;}

#dsb a:link, #dsb a:visited {color: #F5F5F5;}

#footer {
	text-align: center;
	width: 100%;
	color: #f5f5f5;
	font-size: small;
	margin: 0;
	padding:0;
	}

.infohead {
	float: left;
	width: 400px;
 	border-radius:15px 15px 0 0; 
	border: 1px solid #112f6c;
	background-color:#eee;
	margin: 5px 20px 0 0 ;
	padding: 0 10px;
	}

.infobox {
	clear: both;
	float: left;
	width: 400px;
 	border-radius:0 0 10px 10px; 
	border: 1px solid #112f6c;
	margin: 0 20px 5px 0;
	padding: 0 10px;
	}

.impressum {font-size: .75em;}

img  {border:none;}

h1 {font-size: 1.7em; padding: 20px 0;}

h2 {font-size: 1.4em;}

h3, h4, h5, h6 {font-size: 1em;}

a:link, a:visited {color:#C00; font-weight: bold; text-decoration: none;}
a:hover, a:focus, a:active {text-decoration: underline;}

.kontakt {margin-left: 100px;}

.clrflt {clear:both;}

.hlhistory {
 	border-radius:15px 15px 0 0; 
	border: 1px solid #112f6c;
	background-color:#eee;
	text-align: center;
	padding: 5px;
	margin: 0 20px;
	font-weight: bold;
	}