* {padding:0; margin:0;}

body {
 font-family: Verdana, sans-serif;
 font-size:10px;
 color:#666;
 background-color:#FFF;
 margin: 0px;
 border:0;
 padding:0;
}
/* #####KOPFBEREICH#################################################################################*/
#kopf {
	position:absolute;
	width:100%;
	height:120px;
	background-color:#ddd;
	background: url(../grafix/kopf_bg.gif);
	background-repeat:repeat-x;
	}
#kopf_li { position:absolute;left:0; top:0;}
#kopf_re { position:absolute;right:0; top:0;}	

#bereiche {
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-260px;
	width:520px;
}
	
#bereiche ul {list-style-type:none;}
#bereiche li {float:left; margin-left:5px;}
#bereiche li a{
	width:80px;
	height:80px;
	background: url(../grafix/bereich_box.gif);
	margin:0 5px 0 5px;
	display:block;
	font-size:14px;
	color:#666;
	text-decoration:none;
	overflow:hidden;
	}
#bereiche span {display:block; padding:5px;}
.raum {width:70px;}
#bereiche li a.edvsel, #bereiche li a.edv:hover{color:#FFF; 	background: url(../grafix/bereich_edv_box.gif);}
#bereiche li a.dessel, #bereiche li a.des:hover{color:#FFF; 	background: url(../grafix/bereich_des_box.gif);}
#bereiche li a.prosel, #bereiche li a.pro:hover{color:#FFF;	background: url(../grafix/bereich_pro_box.gif);}
#bereiche li a.wirsel, #bereiche li a.wir:hover{color:#FFF;	background: url(../grafix/bereich_wir_box.gif);}
/* #####MENUEBEREICH#################################################################################*/
#content {
	position:absolute;
	top: 115px;
	left:50%;
	margin-left:-425px;
	width:845px;
	height:530px;
	background-color:#fff;
	border:1px solid #088c5c;
	background-color:#fff;
	overflow:hidden;
	}
#content.des {border:1px solid #e6712f;}
#content.pro {border:1px solid #6d503a;}
#content.wir {border:1px solid #666;}
#content ul {list-style-type:none; padding:0; margin:0; }
#content ul.men li{float:left; margin-left:0px;}
#inhalt_w li {margin-left:0px;}
#content li a.edvsel, #content li a.edv, #content li a.dessel, #content li a.des, #content li a.prosel, #content li a.pro, #content li a.wirsel, #content li a.wir,
#content li a.edv_no, #content li a.des_no, #content li a.pro_no, #content li a.wir_no {
	width:100px;
	height:100px;
	margin:5px 0 0 5px;
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	}
	
#content li a.edv, #content li a.edv_no {background: url(../grafix/box_edv.gif);}
#content li a.des, #content li a.des_no {background: url(../grafix/box_des.gif);}
#content li a.pro, #content li a.pro_no {background: url(../grafix/box_pro.gif);}
#content li a.wir, #content li a.wir_no {background: url(../grafix/box_wir.gif);}
#content li a.edvsel, #content li a.edv:hover {color:#088c5c; background: url(../grafix/edv_rand.gif);}
#content li a.dessel, #content li a.des:hover {color:#e6712f; background: url(../grafix/des_rand.gif);}
#content li a.prosel, #content li a.pro:hover {color:#6d503a; background: url(../grafix/pro_rand.gif);}
#content li a.wirsel, #content li a.wir:hover {color:#666666; background: url(../grafix/wir_rand.gif);}
#content li a span {display:block; padding:5px;}
.bild_hor { position:absolute; top:110px; left:50%; margin-left: -418px; width: 415px; height:310px;}
.bild_ver{ position:absolute; top: 110px; left:50%; margin-left: -418px; width: 310px; height:415px;}
.bild_max{ position:absolute; top: 110px; left:50%; margin-left: -418px; width: 415px; height:415px;}
.gitter_edv_hor { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 419px;	height:314px; background: url(../grafix/gitter_edv_hor.gif);}
.gitter_des_hor { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 419px;	height:314px; background: url(../grafix/gitter_des_hor.gif);}
.gitter_pro_hor { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 419px;	height:314px; background: url(../grafix/gitter_pro_hor.gif);}
.gitter_wir_hor { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 419px;	height:314px; background: url(../grafix/gitter_wir_hor.gif);}
.gitter_edv_ver { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 314px;	height:419px; background: url(../grafix/gitter_edv_ver.gif);}
.gitter_des_ver { position:absolute; left:50%; margin-left:0; top:108px;	left:3px; width: 314px;	height:419px; background: url(../grafix/gitter_des_ver.gif);}
.gitter_pro_ver { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 314px;	height:419px; background: url(../grafix/gitter_pro_ver.gif);}
.gitter_wir_ver { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 314px;	height:419px; background: url(../grafix/gitter_wir_ver.gif);}
.gitter_edv_max { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 419px;	height:419px; background: url(../grafix/gitter_edv_max.gif);}
.gitter_des_max { position:absolute; left:50%; margin-left:0; top:108px;	left:3px; width: 419px;	height:419px; background: url(../grafix/gitter_des_max.gif);}
.gitter_pro_max { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 419px;	height:419px; background: url(../grafix/gitter_pro_max.gif);}
.gitter_wir_max { position:absolute;	left:50%; margin-left:0; top:108px;	left:3px; width: 419px;	height:419px; background: url(../grafix/gitter_wir_max.gif);}
.ref_hor  { position:absolute; top:425px; left:5px; width: 420px; height:100px; overflow:hidden;}
.ref_ver { position:absolute; top:110px; left:320px; width: 100px; height:420px; overflow:hidden;}
.ref_ver_2 { position:absolute; top:110px; left:215px; width: 100px; height:420px; overflow:hidden;}

.edv div.refbox {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000; background: url(../grafix/edv_rand.gif);}
.des div.refbox {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000; background: url(../grafix/des_rand.gif);}
.pro div.refbox {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000; background: url(../grafix/pro_rand.gif);}
.wir div.refbox {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000; background: url(../grafix/wir_rand.gif);}
.edv div.refbox:hover {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000; background: url(../grafix/edv_rand_over.gif);}
.des div.refbox:hover {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000; background: url(../grafix/des_rand_over.gif);}
.pro div.refbox:hover  {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000; background: url(../grafix/pro_rand_over.gif);}
.wir div.refbox:hover  {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000; background: url(../grafix/wir_rand_over.gif);}
.refbox_leer {float:left; display:block; height:100px; width:100px; margin:0 5px 5px 0; color:#000;}

.galerie {position:absolute;	left:50%; margin-left:0; top:110px;	left:5px; width: 833px;	height:415px; overflow:auto;}
.galerie img {margin:0 1px 3px 0;}

/* ######FUSSBEREICH##################################################################################*/
#footer {
	position:absolute;
	left:50%;
	top:650px;
	height:20px;
	width:600px;
	margin-left:-300px;
	text-align:center;
	}
#footer a{ font-size:10px; 	color:#666;	text-decoration:none;}
#footer a:hover{color:#000;}
	
/* #####INHALTBEREICH#################################################################################*/
#inhalt_w, #inhalt_x {clear:both; position:absolute; top:110px; left:440px; width: 400px; height:415px; overflow:auto;}
#inhalt { position:absolute; top:110px; left:535px; width: 300px; height:415px; overflow:auto;}
#inhalt_w h1 , #inhalt h1 {border:0;margin:0 15px 5px 0; padding:0; font-size:20px;}
#inhalt_w h1.edv, #inhalt h1.edv {color:#088c5c;}
#inhalt_w h1.des, #inhalt h1.des {color:#e6712f;}
#inhalt_w h1.pro, #inhalt h1.pro {color:#6d503a;}
#inhalt_w h1.wir, #inhalt h1.wir {color:#666666;}
#inhalt_w h2, #inhalt h2 {margin:10px 15px 5px 0; border:0;font-size:12px; color:#000;}
#inhalt_w h3, #inhalt h3 {margin:10px 15px 5px 0; border:0;font-size:12px; line-height: 18px; color:#666;}
#inhalt_w p, #inhalt p {margin:0 15px 5px 0; line-height:14px; font-size:10px; color:#666;}
#inhalt_w ul, #inhalt ul {list-style-type:square; line-height:14px; margin-left:20px;}
#inhalt_w li , #inhalt li {border:0; font-size:10px; line-height:14px; clear:both;}
#inhalt_w a, #inhalt a { font-size:10px; color:#000; text-decoration:none;}
#inhalt_w a:hover, #inhalt a:hover { font-size:10px; color:#666; text-decoration:underline;}
#inhalt_w a span.nolink {color:#666; text-decoration: none;}
#inhalt_w table {border:0;margin:0; padding:0; line-height:14px; font-size:10px;}
#inhalt_w table tr {vertical-align:top;}

img {border:0;}

input {
	color: #000;
	padding:2px;
	background-color:#ccc;
	border: 1px solid #666;
	border-right: 0;
	border-bottom: 0;
	margin: 5px 0 0 0;
	width:200px;}

input.submit {
	color: #000;
	padding:2px;
	background-color:#ccc;
	margin: 15px 0 0 0;
	width:200px;
	border: 1px solid #666;
	border-left: 0;
	border-top: 0;
	margin: 5px 0 0 0;
}

input.submit:hover {
	color: #000;
	padding:2px;
	background-color:#bbb;
	border: 1px solid #666;
	border-right: 0;
	border-bottom: 0;
	margin: 5px 0 0 0;
	width:200px;}
body.referenz {padding:20px 20px 0;}
body.referenz img {margin-bottom:10px;}