@charset "utf-8";
/* CSS Document */
@import url(layout.css);

html {
	height:100%;
	font-size:100.01%;	
	margin:0;
	padding:0;
	}
body {
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
    font-size:9pt;
	line-height:13pt; 
	height:100%;
    min-height:100.1%;
	background: #4C5A4B url(../images/layout/main_backgrd.jpg) center center no-repeat scroll;
	/*background: #566455 url("../images/layout/main_backgrd.jpg") repeat-x 0px top;*/
	}
body, div, form, dt, dd, ul, li, p, br, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	}
p, li, h1, h2, h3, h4, h5, h6 {
	color: #222222;
}

p { padding:3px 0;}

h1 { font-family:"Times New Roman", Times, serif; font-size: 22pt; font-weight: normal; padding:5px 0 15px 0; margin-left:-3px; float:none; display:block;}
h2 { font-family:"Times New Roman", Times, serif; font-size: 18pt; font-weight: normal; line-height:18pt; margin-left:2px; float:none; display:block;}
h3 { font-family:"Times New Roman", Times, serif; font-size: 12pt; font-weight: normal; display:block;}
h4 { font-size: 11pt; font-weight: bold; font-style:italic; }
h5 { font-size: 10pt; font-weight: normal; }
h6 { font-size: 9pt; font-weight: normal; font-style:italic; }

#header h1 {
	display:none;
}

a,
a:hover,
a:active,
a:visited {
	/*background:#999;*/
	color:#666;
	/*padding:0px 5px;*/
	text-decoration:underline;
}
a img {
	padding:0;
	margin:0;
}

#subnavi a,
#subnavi a:hover {
	font-size:8pt;
	text-decoration:none;
	margin:0 15px 0 0;
}
#centerslot img {
	float:left;
	display:block;
	margin:3px 10px 10px 0;
	border: 1px solid #333333;
}
#centerslot p.left {
	padding:0;
	margin:0;
	width:190px;
	float:left;
}
#centerslot p.right {
	padding:0;
	margin:0;
	width:190px;
	float:right;
}
#centerslot p.left img,
#centerslot p.right img {
	float:none;
}
	
	
#webcam {
	background:url(../images/layout/webcam_barbarossaplatz.jpg) no-repeat 0 0;
	position:relative;
	top:20px;
	left:660px;
	width:200px;
	height:80px;
	cursor:pointer;
}
hr {
	display:block;
}
dl { 
	font-weight: normal; 
	margin:5px 0 5px 20px;
	}
dt { 
	font-size:13px;
	font-weight: bold;
	margin:12px 0 0 0;
	display:block;
	}
dd { 
	font-size: 11px;
	margin:0 0 0 35px; 
	display:block;
	}

ul { 
	margin:5px 0 0 18px;
	}

#navigation ul {
	width:180px;
	list-style:none;
	padding:0;
	margin:0;
}
#navigation h3 {
	margin:0 0 0 0;
	padding:5px 0 2px 15px;
	background:#666;
	color:#FFF;
}
#navigation li a {
	color:#555;
	width:150px;
	display:block;
	background:#FBFBFB;
	border-bottom:1px solid #BBBBBB;
	font-size: 8.5pt; 
	font-weight:normal; 
	padding:3px 5px 2px 25px;
	margin:0;
	text-decoration:none;	
}
#navigation li a:hover,
#navigation li a.active {
	color:#000;
	background:#F2F2F2;
}

#geschichte ul { 
	margin:5px 0 60px 40px;
	width:350px;
	}
#geschichte ul li {
	width:350px;
	}
#geschichte h2 {
	clear:both;
	}
	
.clear {
	clear:both;
}
table {
	width:100%;
}
table th, table td {
	vertical-align:top;
	text-align:left;
}
/*table img a {
	width:1px;
	height:auto;
}*/

/***************** CLEARING METHODE ****************/
.centerslot, .wrapper { overflow:hidden; }
* html .centerslot, * html .wrapper { height:1%; } /* Hack zur IE-Anpassung */