* { margin: 0; padding: 0; }
html {height: 100%;}
body {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #b00;
	height: 100%;
}
a {color: #fff;}
img { border:0;}

#logo {
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 99;
}

#upper {
	width: 100%;
	background-color: #000;
	height: 55%; /* optimiert fuer ipad */
	min-height: 300px; 
}


#upper #slideshowWindow {
	max-width: 1600px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
#upper #slideshowWindow .slide {
	margin: 0;
	padding: 0;
	width: 1600px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.slide img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
	z-index: -20;
}
#upper #slideshowWindow .slide .slideText {
	
	font-family: Arial, Helvetica, sans-serif;
	
	position: absolute;
	left: 0px;
	width: 100%;
	height: 150px;
	background-image: url(images/grey.png);
	background-repeat: repeat;
	margin: 0;
	padding: 0 0 0 20px;
	color: #fff;
	font-size: 3em;
	font-weight:bold;
	line-height:50px;
}
#upper #slideshowWindow .slide .slideText a:link, #upper #slideshowWindow .slide .slideText a:visited {
	color: #ffffff;
	text-decoration: none;
}
#upper #slideshowWindow .slide .slideText h2, #upper #slideshowWindow .slide .slideText p {
	margin: 10px 0 0 10px;
	padding: 0;
}

.nav {
	display: block;
	text-indent: -10000px;
	position: absolute;
	cursor: pointer;
}
#leftNav {
	left: 30px;
	width: 94px;
	height: 50px;
	background-image: url(images/left.png);
	background-repeat: no-repeat;
	z-index: 999;
}
#rightNav {
	width: 53px;
	height: 50px;
	background-image: url(images/right.png);
	background-repeat: no-repeat;
	z-index: 999;
}



#lower {padding:20px;z-index: 10;}

#lower_left {float:left;width:280px;height:280px;padding-left:8px;line-height:1.8em;font-size:18px;}
#lower_left #address {height:236px;line-height:22px;}
#lower_left #copyright {position:relative;font-size:14px;}

#lower_mid { height:280px;text-align:center;margin-left:auto;margin-right:auto;padding:none;white-space:nowrap;overflow:auto}

#lower_right {float:right;width:280px;height:300px;}
#lower_right #news {margin:10px;overflow:auto;height:300px;}
#lower_right #news #newstitle {margin-bottom:3px;font-size:20px;background-color:#000;padding:10px;}
#lower_right #news #newstext {font-size:14px;background-color:#000;padding:10px;line-height:18px;}
#lower_right #bitcode {text-align:right;padding-right:10px; }
#lower_right #bitcode a {opacity:0.5; filter:alpha(opacity=50);}
#lower_right #bitcode a:hover {opacity:1; filter:alpha(opacity=100);}


.area {cursor:pointer;text-align:left;background-color:#000;width:200px;height:126px;float:left;overflow:hidden;margin:5px;}
.area span {padding-left:10px;line-height:26px;}

#area1:hover,#area2:hover,#area3:hover,#area4:hover,#area5:hover,#area6:hover,#area7:hover,#area8:hover {opacity:0.7; filter:alpha(opacity=70); background-color:#000 !important; }

#overlay { z-index:500; width: 650px; height: 600px; line-height: 50px; display:table; margin:0 auto; }


@media print 
{
	#upper { display: none; height:0;clear:both; }
	#lower {height:100%;clear:both;}
	#lower_left {height:150px;}
	#lower_mid { overflow:visible;clear:both;}
	#lower_right {float:left;clear:both;height:150px;}
	#logo  { display: none; }
	#copyright { display: none; }
}  


#full {background-color:#fff; position:absolute;width:100%;height:100%;opacity:0.5; filter:alpha(opacity=50); z-index:100;}

#address dl dt { float:left; margin-right:10px; width:50px;}
 


