* {
		margin:0;
		padding:0;
		}
	
	html, body {
		height:100%;
		}
	
	body {
		background-color:#ffffff;
		color:#000000;
		font:100.01%/1.4  Helvetica, Verdana, Arial, sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}
		
	#distance { 
		width:1px;
		height:50%;
		background-color:#ffffff;
		margin-bottom:-18.20em; /* half of container's height */
		float:left;
		}
	
	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:900px;
		height:580px;
		clear:left;
		background-color:#339999;
		z-index:1;
		}

	
/* #################################### von leo #################################### */


	#header {
	position:absolute;
	top:0px; left:0px; 
	width: 900px;
	height: 100px;
	background:#6fc  url(../images/bg_header.jpg) no-repeat top left;
	}	
	
	#whitespace {
	position:relative;
	top:100px; left:0px; 
	width: 900px;
	height: 3px;
	background:  url(../images/white_line.gif) no-repeat top left;
	z-index:2;
	}	
	
	
	#logo {
	position:absolute;
	top:12px; left:576px;
	width: 164px;
	height: 165px;
	z-index:2;
	background:  url(../images/logo.jpg) no-repeat top left;
	}
	
	
	#bg_left {
	position:absolute;
	top:103px; left:0px;
	width: 248px;
	height: 477px;
	z-index:1;
	background:  url(../images/bg_left.jpg) no-repeat top left;
	}
	
	#mainnav {
	position:absolute;
	top:194px; right:676px;
	width:168px;
	height:318px;
	text-align:right;
	line-height:0px;
	color:#ffffff;
	z-index:2;
	}
	
	
	#mainarea {
	position:absolute;
	top:195px; left:290px; 
	width:510px;
	height:311px;
	z-index:2;
	background-color: #ffffff;
	}
	
	
	#maintext {
	position:absolute;
	top:22px; left:40px; 
	width:530px;
	height:264px;
	z-index:3;
	overflow:auto;
	padding-right:10px;
	scrollbar-base-color:#43B4B4;
	}
	
	#text {
	position:absolute;
	top:3px; left:0px; 
	width:425px;
	height:261px;
	font:12px Helvetica, Verdana, Arial, sans-serif;
	line-height:16px;
	color:#000;
	}
	
	
	#leftbar {
	position:absolute;
	z-index:1;
	top:162px; left:257px; 
	width:75px;
	height:376px;
	background-color: #66ffcc;
	}

	#rightbar {
	position:absolute;
	z-index:1;
	top:162px; left:757px; 
	width:75px;
	height:376px;
	background-color: #66ffcc;
	}
	
	#logo_dgps {
	position:absolute;
	z-index:1;
	top:163px; left:243px; 
	width:183px;
	height:77px;
	}
	
	#text_home {
	position:absolute;
	z-index:1;
	top:20px; left:32px; 
	width:396px;
	height:32px;
	}
	
	
	/* ########## id für die Navi Links ########## */
	
	#links 
  	{
    text-align: right;
  	}
	
    #links a 
    {
    color: #ffffff;
    font:bold 12px Helvetica, Verdana, Arial, sans-serif;
    text-decoration: none;
    }

    #links a:hover 
    {
    color: #66ffcc;
    }
	
	#links a:active 
    {
    color: #66ffcc;
    }
	
	
	/* ########## Content Links ########## */
     a.contentlinks 
    {
    color: #000000;
    font: 12px Helvetica, Verdana, Arial, sans-serif;
    text-decoration: underline;
    }

     a:hover.contentlinks 
    {
    color: #339999;
    }
	
	 a:active.contentlinks 
    {
    color: #339999;
    }
	
	
	
	ul
	{
	line-height:16px;
	margin-left: 25px;
	list-style-type:disc;
	}
	
	ol
	{
	line-height:16px;
	margin-left: 25px;
	list-style-type:decimal;
	}
	
	#head
	{
	font-weight:bold;
	}
	
	.head16 
	{
	 font:bold 16px Helvetica, Verdana, Arial, sans-serif;
	}
	
	.head14 
	{
	 font:bold 14px Helvetica, Verdana, Arial, sans-serif;
	}