body {
	font-family : Arial, Helvetica, Tahoma, Verdana, sans-serif;
	/*background-image: url(../img/hg_darkblue.gif); */
	background-color: #ffffff;
	letter-spacing: 0px;
} 

a { 
	color: #666666; 
	background-color: transparent; 
	text-decoration: none; 
	font-size: 10pt;
	line-height: 14pt;
	 }
	  
.content a:hover {	
	color: #666666;
	background-color: transparent;
	text-decoration : none;
	font-size: 10pt;
}

p {
    margin: 0;
    padding: 0;
}


/*
   Inhaltsblock 
   dieser wird auf der Seite horizontal zentriert
	1) die Gesamtbreite wird festgelegt
	 width: 850px;
	Daf?r wird der linke Rand in die Mitte des Fensters ger?ckt
	 left: 50%; (r?ckt nach rechts)
	Dann wird das ganze um die H?lfte der Breite nach links ger?ckt
	 margin-left: -425px;
*/



.univers {
	position: absolute;
	width: 850px;
	left: 50%;
	margin-left: -425px;
	
	height: 700px;
	top: 40%;
	margin-top: -300Px;
	background-color: transparent;
}


.colour {
	position: absolute;
	left: -60px;
	height: 50px;
	width: 50px;
	margin: 0;
	padding: 0;

	/*background-image: url(../img/lines_orange.gif);*/
}
/*	********* LOGO ************ */
.logo_tit {/*norm*/
		position: absolute;
        left: 180px;
        top: 300px;
        width: 555px;
        height: 350px;
        vertical-align: top;
}

.bereich_tit {
		position: absolute;
        left: 180px;
        top: 380px;
        width: 324px;
        height: 70px;
        vertical-align: top;
}

.logo {/*norm*/
		position: absolute;
        top: 100px;
        width: 200px; 
}


/* ###### MainNav #################### */

.mainnav {
	position: absolute;
	left: 260px;
	top: 110px;
	width: 800px;
	height: 30px;
	background-color: #ffffff;
	border: 0;
}

.mainnav ul {
	margin: 0;
	padding: 0;
}

.mainnav li {
	list-style: none;
	display: block;	
	margin-bottom: 8px;	
	background-color: #ffffff;
	width: 120px;
	line-height: 8px;
	float: left;
}





/*	********  Content Hintergrund ************************  */
.cont_base {
	position: absolute;
	top: 180px;
	height: 450px;
	/*min-height: 450px;*/ 
	width: 850px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}


/*	********  Content Illustrationen ************************  */
.content { 
	position: absolute;
	/*min-height: 520px; */
	top: 0px;
	height: 420px; 
	width: 580px; 
	margin: 0; 
	padding: 0; 
	background-color: transparent; 
	}

.cont_illu {
	position: absolute;
	left: 610px;
	top: 0px;
	height: 450px;
	width: 240px;
	padding: 0;
	background-color: transparent;
}


/*Formatierungen Text Content*/
/*Formatierungen Text Content*/


/* gruen */
h1 {
		font-size : 16pt;
        color: #007757;
        font-weight: bold;
        letter-spacing: 2px;
        text-align: left;
	    margin: 0;
        }


       
p, .norm {
		font-size : 9pt;
        color: #333333;
        font-weight: lighter;
        line-height: 16pt;
        letter-spacing: 2px;
        text-align: left;
        
        }
        

.hf {
		font-size : 10pt;
        color: #999999;
        font-weight: bold;
        line-height: 16pt;
        text-align: left;
        letter-spacing: 2px;
        }


.dot {
		font-size : 16pt;
        line-height: 10pt;
        color: #007757;
        font-weight: bold;
        letter-spacing: 2px;
        text-align: left;
	    margin: 0;
        }