@charset "utf-8";
/* CSS Document */

*{
	margin:0; padding:0;
	font-family:ITC Avant Garde, Verdana, Geneva, sans-serif;
}

html, body {
	border-left:20px solid #CCC;
	border-right:20px solid #CCC;
	height:100%;
	margin:0;
	width:auto;
	scrollbar-3dlight-color:#ee7f00;
    scrollbar-arrow-color:#58585a;
    scrollbar-face-color:#ee7f00;
    scrollbar-track-color:#CCC;
    scrollbar-darkshadow-color:#ee7f00;
    scrollbar-highlight-color:#ee7f00;
    scrollbar-shadow-color:#ee7f00;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	background-size: contain;
}
@media screen and (max-width: 1050px){
	
html, body {
	border:none;}	
	
}

#page{
	max-width:940px;
	margin: 0 auto;
	max-height: 100%;
	min-height: 80%; /* Mindesthöhe für moderne Browser */
	height:80% !important; /* Important Regel für moderne Browser */
	height:80%; /* Mindesthöhe für den IE */
}

#header{
	padding:30px;
	height:61px;
	
}

#navigation{
	font-size:12pt;
	text-align:center;
	-moz-box-shadow: 1px 1px 1px 1px #888;
	-webkit-box-shadow: 1px 1px 1px 1px #888;
	box-shadow: 1px 1px 1px 1px #888;
	padding:10px;
	vertical-align:middle;
	background:#FFF;
	opacity: 0.8;
}

#content{
	font-size:11pt;
	text-align:center;
	-moz-box-shadow: 1px 1px 1px 1px #888;
	-webkit-box-shadow: 1px 1px 1px 1px #888;
	box-shadow: 1px 1px 1px 1px #888;
	color:#58585a;
	text-align:left;
	padding:10px;	
	background-color:rgba(255,255,255,0.7) !important;
	height:70%;
	overflow:auto;
}

#footer{
	font-size:11px;
	text-align:center;
	-moz-box-shadow: 1px 1px 1px 1px #888;
	-webkit-box-shadow: 1px 1px 1px 1px #888;
	box-shadow: 1px 1px 1px 1px #888;
	padding:10px;
	vertical-align:middle;
	color:#58585a;
	background:#FFF;
	opacity: 0.8;
}