/*Allgemeine Vormatierungen*/

html {height:100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	margin:0;
	
}

a {text-decoration:underline;color:#666;}
img {border:none;}

h1 {font-size:25px;padding:0;margin:0;margin-bottom:10px;font-weight:normal;}
h2 {font-size:20px;padding:0;margin:0;margin-bottom:10px;font-weight:normal;}
h3 {font-size:14px;padding:0;margin:0;margin-bottom:10px;font-weight:normal;}
h4 {font-weight:bold;color:#97CE57;margin:0;}

/*Abstandsformatierung für Überschriften*/
.abstand100 {padding-left:100px;}
.abstand60 {padding-left:60px;}
.abstand_content {margin-bottom:24px;}
.abstand_oben {margin-top:24px;}


/*top navi Box */
#top_navi_box{
	position:absolute; 
	left:0;
	top:0;
	float:right;
	width:950px;
	}

/*main navi Box */
#main_navi_box{
	position:absolute; 
	left:0;
	top:0;
	float:right;
	width:950px;
	}


/*Formatierungen der div. Bereiche*/
#head {
	height:354px;
	width:950px;
	background-repeat:no-repeat;
	background-position: bottom;
	}

.imgurl1 
{
	background-image: url(../head1.jpg);
}    
.imgurl2 
{
	background-image: url(../head2.jpg);
}    
.imgurl3 
{
	background-image: url(../head3.jpg);
}    
.imgurl4
{
	background-image: url(../head4.jpg);
}    
.imgurl5 
{
	background-image: url(../head5.jpg);
}    
.imgurl6 
{
	background-image: url(../head6.jpg);
}    
.imgurl7 
{
	background-image: url(../head7.jpg);
}    
.imgurl8 
{
	background-image: url(../head8.jpg);
}    
.imgurl9 
{
	background-image: url(../head9.jpg);
}    


.logo {
	margin-top:39px;
	margin-left:28px;
	}

#main {
	width:950px;
	padding-top:49px;
	padding-left:15px;
	}
	
	
/*Linke Box */
#left {
	width:195px;
	float:left;
	height:400px;
	}

/*Rechte Box */
.box_right {
	width:172px;
	border-left: solid #97CE57 1px;
	padding-left:15px;
	height:270px;
	float:left;
	}

/*Inhaltsbereich*/	
.head_content {float:left;width:556px;}	

/*allgemeiner Content*/
#content{
	width:555px;
	float:left;
	padding-bottom:50px;
	padding-right:10px;
	}

/*Formatierung Inhalte Content*/
	
/*Bereich für Content mit 3-Spalten*/
.headline {width:555px;float:left;text-align:left;padding-top:25px;padding-right:10px;margin-right:10px;}
.paragraph {width:555px;float:left;text-align:left;padding-top:10px;padding-right:10px;margin-right:10px;}
	
.spalten_div {
	background-image: url(../spalten_bg.jpg);
	background-repeat:repeat-y;
	width:555px;
	float:left;
	}
	a.spalten { text-decoration:none;color:#666;display:block;float:left;height:100%;}
	a.spalten:hover { text-decoration:none;background-color:#E4E4E4;}
	.hover:hover { text-decoration:none;background-color:#E4E4E4;}
	.spalte1 {  width:171px;margin-right:1px;padding-right:10px;}
	.spalte2 {  width:170px;margin-right:1px;padding-left:11px;padding-right:11px;}
	.spalte3 { width:160px;padding-left:11px;}
	

ul.bullet {padding:0;margin:0;margin-left:15px;}
li.bullet {padding-left:0px;margin:0;}

#microstep {border:solid #666 1px; text-align:center; width:520px;margin-top:30px;padding-top:20px;margin-bottom:30px;}
.firmengruppe {width:140px;float:left;text-align:center;padding-left:10px;padding-right:10px;margin-right:10px;}
	
.kontakt1 {float:left;width:150px;}	
.kontakt2 {float:left;width:370px;margin-bottom:30px;}	
.img_kontakt_logo {width:50px;height:50px;}


/*Formatierung Footer*/
#footer
{
    width:950px;
    padding-top:5em;
	margin:1em 0;
	clear:both;
	text-align:center;	
	font-size:0.8em;
}