@charset "utf-8";
/* CSS Document */

body {
	background-color:#161616;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	}
	
#body_content {
	position:absolute;
	top: 100px;
	left: 50%;
	margin-left: -475px;
	width:950px;
	min-width:951px;
	}

.copyright {
	position:relative;
	top:550px;
	text-align:center;
	padding-bottom:20px;
	}
	
.GLOBAL_area_content { /* Breiten- und Positionsangabe für die Seiteninhaltsbereiche */
	position:relative;
	top:20px;
	left:20px;
	width:910px;
	}	
	
.GLOBAL_header_content { /* Wrapper für den Content-Kopfbereich */
	position:relative;
	left:10px;
	top:12px;
	}
	
.GLOBAL_main_content {
	position:relative;
	top:20px;
	}

.GLOBAL_cat_image {
	float:right;
	}
	
.GLOBAL_detail_content { /* Wrapper für den Content-Detailbereich */
	position:relative;
	top:0px;
	}
	
.GLOBAL_detail_image {
	float:left;
	width:300px;
	height:100px;
	}

.GLOBAL_detail_text {
	position:relative;
	left:10px;
	text-align:justify;
	margin-right:10px;
	}

.GLOBAL_floatbreaker {
	clear:both;
	height:30px;
	}
	
/* FORMATIERUNGEN */

.bold {
	font-weight:bold;
	}	
	

/* START NAVIGATION */
#navi {
	position:fixed;
	left:10px;
	top:10px;
	width:129px;
	height:200px;
	background-color:#333;
	background-image:url(../images/background/navi_bg.png);
	background-repeat:no-repeat;
	z-index:1;
	}
	
#navi_position {
	position:relative;
	left:10px;
	top: 40px;
	}	
	
	
#navi a:link {
	font-size:12px;
	color:#333;
	line-height:200%;
	text-decoration:none;
	}
#navi a:visited {
	font-size:12px;
	color:#333;
	line-height:200%;
	text-decoration:none;
	}
#navi a:active {
	font-size:12px;
	color:#FFF;
	line-height:200%;
	text-decoration:none;
	font-weight:bold;
	}
#navi a:hover {
	font-size:12px;
	color:#CCCCCC;
	line-height:200%;
	text-decoration:none;
	}
	
/* ENDE NAVIGATION */
	
	/**********/
	/**********/
	/**********/
	
/* START LINKS */
a:link {
	text-decoration:none;
	color:#CCC;
	}
a:active {
	text-decoration:none;
	color:#CCC;	
	}
a:visited {
	text-decoration:none;
	color:#CCC;	
	}
a:hover {
	text-decoration:none;
	color:#FFF;
	}	
/* ENDE LINKS */
	
	/**********/
	/**********/
	/**********/
	
/* START LINKLISTE */ /* Highlight für die Detailbereiche der Seiten */

.links ul {
    list-style-type: none;
	margin-left:250px;
} 

*+html .links ul { /* Hack für den IE7, verhindert das auslaufen der Box und ermöglicht eine exakte Positionierung alalog zum FF, Opera und Safari */
	margin-left:290px;
	position:relative;
	top: -11px;
} 

.links li {
	position:relative;
}

.links li a { 
    display: block;
}

 * html .links li a {  /* make hover effect work in IE */
}

.links li a:hover {
	background-image:url(../images/background/highlight_bg.png);
}
/* ENDE LINKLISTE */

	/**********/
	/**********/
	/**********/	

/* START STARTSEITE */
#startseite_area {
	background-color:#000000;
	background-image:url(../images/background/startseite_bg.png);
	background-repeat:repeat;
	height:580px;
	}

#startseite_header {
	height:70px;
	background-image:url(../images/background/highlight_bg.png);
	background-repeat:repeat;
	}
/* ENDE STARTSEITE */
	
	/**********/
	/**********/
	/**********/
		
/* START LEISTUNGEN */
#leistungen_area {
	background-image:url(../images/background/leistungen_bg.png);
	background-repeat:repeat;
	height:1200px;
	position:relative;
	top: 100px;	
	}

#leistungen_header {
	height:70px;
	background-image:url(../images/background/highlight_bg.png);
	background-repeat:repeat;
	}
/* ENDE LEISTUNGEN */

	/**********/
	/**********/
	/**********/


/* START REFERENZEN */
#referenzen_area {
	background-image:url(../images/background/referenzen_bg.png);
	background-repeat:repeat;
	height:700px;
	position:relative;
	top: 200px;
	}

#referenzen_header {
	height:70px;
	background-image:url(../images/background/highlight_bg.png);
	background-repeat:repeat;
	}
	
#referenzen { /* Position der Sprungmarke anpassen */
	position:relative;
	top:200px;
}

/* ENDE REFERENZEN */

	/**********/
	/**********/
	/**********/

/* START KONTAKT */
#kontakt_area {
	background-image:url(../images/background/kontakt_bg.png);
	background-repeat:repeat;
	height:900px;
	position:relative;
	top: 300px;	
	}

#kontakt_header {
	height:70px;
	background-image:url(../images/background/highlight_bg.png);
	background-repeat:repeat;
	}
	
.kontakt_form_field {
	width:500px;
	height:100px;
	text-align:justify;
	}
	
#kontakt { /* Position der Sprungmarke anpassen */
	position:relative;
	top:300px;
}

#kontakt_form_error {
	color:#000;
	font-weight:bold;
}

#kontakt_form_ok {
	color:#0F0;
	font-weight:bold;
}	
	
/* ENDE KONTAKT */

	/**********/
	/**********/
	/**********/

/* START KUNDENBEREICH */
#kundenbereich_area {
	background-image:url(../images/background/kundenbereich_bg.png);
	background-repeat:repeat;
	height:475px;
	position:relative;
	top:400px;	
	}

#kundenbereich_header {
	height:70px;
	background-image:url(../images/background/highlight_bg.png);
	background-repeat:repeat;
	}
	
.kundenbereich_form_field {
	width:500px;
	height:100px;
	text-align:justify;
	}
	
#kundenbereich { /* Position der Sprungmarke anpassen */
	position:relative;
	top:400px;
}
/* ENDE KUNDENBEREICH */

	/**********/
	/**********/
	/**********/



/* START IMPRESSUM */
#impressum_area {
	background-image:url(../images/background/impressum_bg.png);
	background-repeat:repeat;
	height:1150px;
	position:relative;
	top:500px;	
	}

#impressum_header {
	height:70px;
	background-image:url(../images/background/highlight_bg.png);
	background-repeat:repeat;
	}
	
.impressum_form_field {
	width:500px;
	height:100px;
	text-align:justify;
	}
	
#impressum { /* Position der Sprungmarke anpassen */
	position:relative;
	top:500px;
}
/* ENDE IMPRESSUM */

	/**********/
	/**********/
	/**********/