html, body{ 
	height:100%; 
	max-height:100%; 
	border:0px none; 
	background-image: url('/images/pagebg.jpg') ;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;,
	position:absolute;
	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;
	}

.highlight 			{ color: #b60000 }
.grey-dark			{ color: #404040 }
.grey-light			{ color: #d4d4d4 }

#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: 15px ;  
 	margin-left: auto; 
 	margin-right: auto;  
	} 
 
#header{
 	position:relative; 
 	height:222px;
	background-image: url('/images/header.jpg') ; 
	background-repeat:no-repeat;
 	z-index:5;
	} 
 
#menurow{
 	position:relative; 
 	height:28px;
	background-image: url('/images/menu.jpg') ; 
	background-repeat:no-repeat;
 	margin-left: auto; 
 	margin-right: auto;  
 	z-index:5;
	}
 
#maincol{  
	float: left; 
	overflow:auto;
	width: 731px;
	position:absolute; 
	background-color: #d4d4d4;
	top:250px; 
	bottom:61px;  
	padding-left: 15px ;
	padding-right: 248px ; 
 	z-index:3;
	/* Exclude all previous props for Mac IE5 */
	margin: 170px 100px 27px 270px; /* Cater for Mac IE5 */
	/*\*/ margin: 0; /* Put back for all the rest */
	/*\*/ overflow: auto; /* no need for Mac IE5 to see this */
	}

#maincol-full{  
	float: left; 
	overflow:auto; 
	width: 969px;
	position:absolute; 
	background-color: #d4d4d4;
	top:250px; 
	bottom:61px;  
	padding-left: 15px ;
	padding-right: 10px;
 	z-index:3;
	/* Exclude all previous props for Mac IE5 */
	margin: 170px 100px 27px 270px; /* Cater for Mac IE5 */
	/*\*/ margin: 0; /* Put back for all the rest */
	/*\*/ overflow: auto; /* no need for Mac IE5 to see this */
	}

#maincol-nomenu{  
	float: left; 
	overflow:auto; 
	width: 969px;
	position:absolute; 
	background-color: #d4d4d4;
	top:222px; 
	bottom:61px;  
	padding-left: 15px ;
	padding-right: 10px;
 	z-index:3;
	/* Exclude all previous props for Mac IE5 */
	margin: 170px 100px 27px 270px; /* Cater for Mac IE5 */
	/*\*/ margin: 0; /* Put back for all the rest */
	/*\*/ overflow: auto; /* no need for Mac IE5 to see this */
	}


#rightcol{
 	width:215px;
 	float:right;
	overflow:hidden;
 	position:absolute;
 	top:250px; 
 	bottom:51px; 
 	left:765px;
 	padding-left:5px;
	margin-top:15px;
 	margin-right: 47px;
    background-color: #cccccc;
 	z-index:4;
	}
	
* html #rightcol{
 	height:100%;
}
 
#footer{
    background-color: transparent;
 	background-image: url('/images/footer.jpg') ; 
	background-repeat:no-repeat;
	height: 51px; 
	width: 1024px; 
	position: absolute;
	padding: 10px 0 0 240px ;
	bottom: 0 !important; 
	bottom: -1px;
	z-index:6; 
} 

 
 /* *** 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 */  




/* ==================== Navigationsmenü */


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:transparent;
	height:28px;
	list-style:none;
	margin:0;
	padding:0;	
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background: transparent url("/images/seperator.gif") top right no-repeat;
		background-position:0px 0px; 
		color:#000000;
		display:block;
		font-weight:normal;
		line-height:10px;
		margin:0px;
		padding: 8px 20px 10px 20px;
		text-align:center;
		text-decoration:none;
		text-transform: uppercase;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: transparent url("/images/hover.gif") bottom center no-repeat;
			color:#ffffff;
			text-decoration:none;
			}
	.menu li.active a{
		color:#FFFFFF;
		}

	.menu li ul{
		background:#404040;
		display:none;
		height:auto;
		padding:0px;
		padding-top:10px;
		margin:0px;
		border:0px;
		position:absolute;
		width:280px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('/images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:280px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:25px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:10px 10px 0px 15px;
		text-align:left;
		text-transform:none;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#5c5d5b url('/images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}



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

span#menu a img {height: 0; width: 0; border-width: 0;}
span#menu a:hover img {position: absolute; top: -190px; left: 0px; width:350px; height:140px;}
span#submenu a img {height: 0; width: 0; border-width: 0;}
span#submenu a:hover img {position: absolute; top: -190px; left: 0px; width:350px; height:140px;}




h1 				{ color: #b60000; font-size: 2.5em; font-weight: bold; font-family: Cambria, Arial, Helvatica, sans-serif;}
h2				{ color: #b60000; font-size: 1.8em; font-weight: bold; font-family: Cambria, Arial, Helvatica, sans-serif;}
h3 				{ color: #b60000; font-size: 1.2em; font-weight: bold; font-family: Cambria, Arial, Helvatica, sans-serif; margin-top: 1em; margin-bottom: 1em; text-align: center;}
h4 				{ color: #404040; font-size: 1.2em; font-weight: bold; font-family: Cambria, Arial, Helvatica, sans-serif; margin-top: 1em; margin-bottom: 2em; text-align: center;}
h6, h6 a, h6 a:visited		{ margin-top: 1.2em; color: #ffffff; font-size: 11pt; font-weight: bold; font-family: Calibri, Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }
h6 a:hover		{ color: #000000; text-decoration: none;}
ul 				{ list-style-image: url('/images/bullet.gif'); line-height: 150%;}
/* ==================== Alternative zum hr-tag */
p.hr 				{ border-bottom: 4px solid #1d62cc; width: 400px; padding: 0 0 0 0; margin: 0 0 0 0; }


/* ========================= Links */

a					{ color: #1b62cc; text-decoration: underline; border: 0px; }  
a:hover				{ color: #a0c0ff; text-decoration: none; border: 0px; }
a:visited			{ color: #6d9eff; border: 0px;}
a:active			{ color: black; text-decoration: none; border: 0px; }

a.external-link 	{ padding-right: 14px; background: url('/images/icon-extlink.gif') no-repeat center right; }


.links				{ line-height: 200%; }



/* ========== Foto mit Rahmen hinzufügen */
.bildschatten-200 {
	border-top: 1px solid #eaeaea;
	background: url(/images/bildschatten-200.png) no-repeat bottom left;
	padding: 4px 7px 12px 7px;
}

.pageimage {
	border: 2px solid #ccc; 
	margin: 5px 0px 5px 10px;
}


/* ==================== 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");
	}
#rightcol
	{
	height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - (155 + 45) + "px");
	}
#maincol
	{
	height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - (155 + 45) + "px");
	}