<style media="screen" type="text/css">
	/* <!-- */
	/* General styles */
	
	* {
		padding:0px;
		margin: 0px;
	}
	
	 html,body {
	    margin:0;
	    padding:0;
	    height:100%;
	    border:none;
	}

	body {
		margin:0;
		padding:0;
		border:0;		/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:900px;	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
		height: 100%;
		font:10pt Arial, Helvetica, sans-serif;
		font-weight: normal;
		color:#7B7B82;
	}
	
	a {
		color: #7A7A81;
		text-decoration: none;
	}
	
	a#active {
		color: #FF0033;
	}
	
	a:hover {
		color:#FF0033
	}
	
	a.login {
		color:#7B7B82;
		font:8pt Arial, Helvetica, sans-serif;
		font-weight: normal;
	}
	
	h1 {
		font:italic bold 14pt  Arial, Helvetica, sans-serif;
		color:#FF0033;
		line-height: 20pt;
	}
		
	h2 {
		font:italic bold 14pt  Arial, Helvetica, sans-serif;
		color:#7A7A81;
		line-height: 20pt;
	}		
	
	h3 {
		font:bold 10pt  Arial, Helvetica, sans-serif;
		color:#FF0033;
	}		
	
h4 {
		font:italic bold 10pt  Arial, Helvetica, sans-serif;
		color:#FF0033;
	}				
	
input {
	border:1px solid #eee;
	height: 13px;
	width: 150px;
	margin: 3px 0 6px 0;
	background-color: #eee;
	font: 8pt  Arial, Helvetica, sans-serif;
}	

.checkbox {
	width: 20px;
	margin: 0 0 0 0;
}

.submit {
	border:1px solid #7A7A81;
	height:25px;
	width:80px;
	font: 8pt  Arial, Helvetica, sans-serif;
	color:#7A7A81;
}
	
.subhead {
		font:bold 10pt  Arial, Helvetica, sans-serif;
		color:#000000;
		
	}		
.contrechts {
		font:italic bold 10pt  Arial, Helvetica, sans-serif;
		color:#D6D6D8;
}
	
	/* column container */
	#mask {
		position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background:#FF0033;
		
		min-height: 100%;
  		/*height:auto !important; /* moderne Browser */
  		height:100%; /* IE */
		margin: 0px auto;
	    border: 0px solid black;
	}
	
	#colmid {
		float:left;
		width:100%;
		position:relative;
		left:50%;
		background-color: #fff;
		/*background:#f6f;*/    	/* Centre column background colour */
		
		min-height: 100%;
  		/*height:auto !important; /* moderne Browser */
  		height:100%; /* IE */
		margin: 0 auto auto -442px;
	}
	
	#colright {
		float:left;
		width:100%;
		position:relative;
		left:884px;         	/* Left column width + right column width */
		background:#D7D7D9;    	/* Left column background colour */
		min-height: 100%;
  		height:auto !important; /* moderne Browser */
  		height:100%; /* IE */	
		margin:0 auto;

	}
	
	
	#col1wrap {
		float:left;
		width:25%;
		position:relative;
		right:25%;
		height: 100%;

	}
	#col1 {
		margin:0 0px 0 0px;
		position:relative;
		right:780px;
		overflow:hidden;
		color:red;
	}
	#col2wrap {
		float:left;
		width:25%;
		position:relative;
		right:25%;
		height: 100%;
	}
	#col2 {
		margin:0 0px 0 0px;
		position:relative;
		right:884px;
		overflow:hidden;
		height: 100%;
		width:884px;
		background-color: #fff;
		min-height: 600px;
		
	    border: 0px solid black;
	}
	#col3 {
		float:left;
		width:170px;        	/* Width of right column content (right column width minus left and right padding) */
		margin-left:0px;  	/* Width of right column right-hand padding + left column left and right padding */
		position:relative;
		right:50%;

	
	}
	
	
#left {
	width:247px;
	height: 530px;
	float:left;
}

#navi {
	margin: 97px 0px 0px 78px;
	/*font:bold 12pt Arial, Helvetica, sans-serif;*/
	font: bold  12pt "Arial Narrow", Geneva, sans-serif;
	line-height: 27pt;

}

#content {
	width:637px;
	float:left;
}

#login {
	margin:5px 0px 0px 10px;
	width: 505px;
	float: left;
}

#subline {
	margin:5px 0px 0px 9px;
	width: 590px;
	float: left;
	font:italic bold 11pt  Arial, Helvetica, sans-serif;
}

#text{
	margin: 40px 0 0 9px;
	width:470px;


	
}

#textsmall{
	margin: 40px 0 0 9px;
	width:450px;
	/*text-align:justify;*/
	line-height: 14pt;
	float: left;
}

#textbig{
	margin: 40px 0 0 9px;
	width:552px;
	/*text-align:justify;*/
	float: left;
}

#textrechts{
	width:135px;
	float: left;
	margin: 24px 0 0 35px;
}

#textkontakt{
	margin: 40px 0 0 9px;
	width:299px;
	float: left;	
}

.balken {
	width:532px;
	height: 22px;
	background-color: #F2F2F2;
	padding:8px 0 0 20px;
	font-weight: bold;
}

.balkensmall {
	width:552px;
	height: 5px;
	background-color: #F2F2F2;
}

.balkenweiss {
	width:632px;
	position: relative;
	height: 18px;
	padding:8px 0 0 20px;
	font-weight: bold;
}

.balkenweiss a, .balken a  {
	float: left;
}

.balkenweissover {
	position: relative;
	top: 0px;
	left: 5px;
	font-weight: bold;
	color:#FF0033;
	float: left;
}

.balkenweissovertext {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 300px;
}

.balkenweissover img {
	position:relative; 
	top:2px;
}

#verknuepfung {
	position: absolute;
	top:431px;
	left: 240px;
	z-index: 100;
}

.pflicht {
	height:17px;
	width:4px;
	background-color: #FF0033;
	float: left;
	margin: 3px 0 0 0 ;
	}
	
.nopflicht {
	height:17px;
	width:4px;
	background-color: #eee;
	float: left;
	margin: 3px 0 0 0 ;
	}

.breaker { clear: both; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; }


	/* --> */
	</style>
	<!--[if lt IE 8]>
	<style media="screen" type="text/css">
	#col1, #col2 {
		width:100%;
	}
	</style>
	<![endif]-->

