html, body{ 
	height:100%; 
	max-height:100%; 
	border:0px none; 
	background-image: url('images/background.gif') ;
	background-attachment: fixed;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 0; /* margin and padding only necessary to cater for Mac IE5 */
	padding: 0;
	/*\*/	overflow: hidden; /* because Mac IE5 don't understand */
} 

div
	{
	margin: 0;
	padding: 0;
	}


#news{
 	position: absolute; 
 	left:0; 
 	top:50%; 
 	margin-top: -300px; 
 	height: 600px;
 	width: 120px;
 	padding-top: 30px;
	font-size: 8pt;
	line-height: 150%;
	background-image: url('/images/skyscraper.png');
 	background-repeat: no-repeat ; 
 	z-index:10;
}

#werbung{
 	position: absolute; 
 	right:0; 
 	top:50%; 
 	margin-top: -300px; 
 	z-index:1;
}

#pagewidth{ 
 	width:1024px; 
 	background-image: url('images/container.png') ; 
 	background-repeat: repeat-y ; 
	position: relative ;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	padding-left: 13px ;  
 	margin-left: auto; 
 	margin-right: auto;  
	z-index: 2;
} 
 
#header{
 	position:relative; 
 	height:210px;
	width:100%;
  	padding-top: 0px; 
  	padding-left: 0px; 
  	margin-left: 0px; 
	background-image: url('images/header.png') ; 
	background-repeat:no-repeat;
	font-size: 10px;
	z-index: 4;
} 
 
#leftcol{
 	width:140px; 
 	float:left; 
 	position:relative; 
 	margin-left: 5px;
 	padding-left: 5px;
	z-index: 5;
}
 
#maincol{  
	float: left; 
	display:inline; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:165px; 
	bottom:30px; 
	left:160px; 
	right:100px; 
	width:820px;
	background-image: url('images/vl.gif') ; 
	background-position: left ;
	background-repeat: repeat-y ;   
	padding-left: 10px ;
	padding-right: 10px ; 
	padding-top: 35px;
	/* Exclude all previous props for Mac IE5 */
	margin: 180px 100px 27px 180px; /* Cater for Mac IE5 */
	/*\*/ margin: 0; /* Put back for all the rest */
	/*\*/ overflow: auto; /* no need for Mac IE5 to see this */
}
 
#footer{
 	clear:both;
 	background-image: url('images/footer.jpg') ; 
	background-repeat:no-repeat;
	background-position:38px;
 	height:30px; 
	width: 1024px; 
	position: absolute; 
	bottom: 0 !important; 
	bottom: -1px;
	margin-left: -40px ;
	padding-left: 40px ;
} 

 
 /* *** Float containers fix *** */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* ==================== Menü-Effekte */
#leftcol li {
	list-style-type: decimal;
	margin: 10px;
	padding: 10px;
	color: #8d0000;
}


#leftcol span#menu a:link, #leftcol span#menu a:visited, #leftcol span#menu a:active {
	display:block;
	color:#ffffff;
	text-decoration:none;
	font: bold 12px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	height: 16px;
	line-height: 16px;
	font-variant:small-caps;
	border-bottom: solid 1px #fff;
	width: 120px ;
	padding-bottom:3px;
}


#leftcol span#menu a:hover { 
	background:;
	color: #8d0000  ;
	text-decoration:NONE;
	border-bottom: 1px dashed #8d0000 ;
}


#leftcol span#submenu a:link, #leftcol span#submenu a:visited, #leftcol span#submenu a:active {
	display:block;
	color:#ffffff;
	text-decoration:none;
	font: 11px verdana, sans-serif;
	height: 16px;
	line-height: 16px;
	border-bottom: dashed 1px #fff;
	border-left: solid 2px #8d0000 ;
	width: 112px ;
	padding-bottom:3px;
	padding-left:8px;
}


#leftcol span#submenu a:hover { 
	background:;
	color:#8d0000 ;
	text-decoration:NONE;
	border-bottom: 1px dashed #8d0000 ;
}


/* ==================== Für den Wechsel des Bildes im Header */

span#menu a img {height: 0; width: 0; border-width: 0; z-index:5;}
span#menu a:hover img {position: absolute; top: -210px; left: -5px; width:994px; height:210px; z-index:5;}
span#submenu a img {height: 0; width: 0; border-width: 0;}
span#submenu a:hover img {position: absolute; top: -210px; left: -5px; width:994px; height:210px; z-index:5; }


#skyscraper	{
    	background-color: #000000;
 	position: absolute; 
 	right:0; 
 	top:50%; 
 	margin-top: -300px; 
 	z-index:10;
}

a				{ color: #1c64d1; text-decoration: underline; border: 0px; }  
a:hover				{ color: #77b1f5; text-decoration: none; border: 0px; }
a:visited			{ color: #77b1f5; border: 0px;}
a:active			{ color: #FFFFFF; text-decoration: none; border: 0px; }
.thefinal-red			{ color: #8d0000 }
.thefinal-blue			{ color: #1c64d1 }
.inverted 			{ color: #000000 }
h1 				{ color: #8d0000; font-size: 16pt; display: inline; }
h2				{ color: #8d0000; font-size: 12pt; }
h3				{ color: #8d0000; font-size: 10pt; text-align:center; }
h6 				{ color: #FFFFFF; font-size: 8pt; font-weight: 400;	padding-top: 8px; margin: 0px; }
img, div#header, div#leftcol	{ behavior: url('/include/iepngfix.htc'); }
p				{ color: #FFFFFF ; }
td				{ color: #FFFFFF; }
ul 				{ color: #FFFFFF; list-style-image: url('images/bullet.gif'); line-height: 150%; }
input[type=submit]		{ font-size: 10px; overflow: visible; padding: 0 1px 0 1px; width: auto; background-color: #8d0000; color: #FFFFFF; border: 1px solid #FFFFFF; }
input[type=text]		{ font-size: 10px; background-color: #000000; color: #FFFFFF; border: 1px dashed #8d0000; }
/* ==================== Alternative zum hr-tag */
p.hr 				{ border-bottom: 4px solid #8d0000; width: 400px;	padding: 0 0 0 0; 	margin: 0 0 0 0; }
/* ==================== Link Effekt für Bilder */
.link_effekt {  }
a:hover	.link_effekt		{ filter: Blur(direction=235, strength=6); }


/* ==================== let the IE expressions commence */
#sidebar-left
	{
	height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + "px");
	}
#sidebar-right
	{
	height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + "px");
	}
#maincol
	{
	height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - (210 + 30) + "px");
	}