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

* {
	padding:0;
	margin:0;
}
html {
	background:url(background.jpg);
	background-repeat:repeat-x;
	background-color:#555b83;
}
body {
	position:absolute;
	width:751px;
	height:536px;
	top:50%;
	left:50%;
	margin-left:-350px;
	margin-top:-268px;
}
h1#logo {
	position:absolute;
	width:751px;
	height:129px;
	top:0;
	left:0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#headline, h2#menueauswahl, h2#sprachenauswahl {
	display:none;
}
h3#referenzliste {
	position:relative;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin-bottom:6px;
	color:#7e7e7e;
}
h4 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:19px;
	font-weight:bold;
}
ul#menue {
	position:absolute;
	width:751px;
	height:30px;
	top:129px;
	left:0;
	background-color:#1b1b75;
}
ul#menue li {
	height: 30px;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:30px;
	color:white;
	list-style-type:none;
}
ul#menue li a {
	text-decoration:none;
	color:white;
}
ul#menue li a:hover {
	text-decoration:underline;
}
ul#menue .active, ul#menue .active a {
	background-color:white;
	color:#1b1b75;
}
ul#menue li#portfolio {
	position:absolute;
	top:0;
	left:195px;
	/* background-color:#9900FF; */
}
ul#menue li#technologie {
	position:absolute;
	top:0;
	left:263px;
	/* background-color:#33FF66; */
}
ul#menue li#referenzen {
	position:absolute;
	top:0;
	left:352px;
	/* background-color:#9900FF; */
}
ul#menue li#kontakt {
	position:absolute;
	top:0;
	left:437px;
	/* background-color:#33FF66; */
}
div#text {
	position:absolute;
	top:159px;
	left:180px;
	width:526px;
	height:350px;
	padding:30px;
	padding-top:22px;
	padding-left:15px;
	padding-bottom:5px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:19px;
	background-color:white;
	overflow:auto;
}
div#text p {
	margin-bottom:10px;
}
div#text ul {
	margin-bottom:10px;
	list-style-position:inside;
	list-style-type:square;
}
div#referenzen {
	position:absolute;
	top:159px;
	left:0px;
	width:135px;
	height:325px;
	padding:30px;
	padding-right:15px;
	padding-top:22px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	background-color:white;
}
div#referenzen ul {
	list-style-type:none;
	border-top:1px solid #d8dbea;
}
div#referenzen li {
	padding-bottom:2px;
	padding-top:2px;
	color:#7e7e7e;
	border-bottom:1px solid #d8dbea;
}
div#referenzen li a {
	color:#7e7e7e;
	text-decoration:none;
}
div#referenzen li a:hover {
	text-decoration:underline;
}
ul#submenue {
	position:absolute;
	top:-20px;
	right:0px;
	width:162px;
	height:20px;
	color:white;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
}
ul#submenue li {
	list-style-type:none;
}
ul#submenue li#impressum {
	position:absolute;
	top:0;
	left:0;
}
ul#submenue li#de {
	position:absolute;
	top:0;
	left:64px;
}
ul#submenue li#en {
	position:absolute;
	top:0;
	left:116px;
}
ul#submenue li a {
	color:white;
	text-decoration:none;
}
ul#submenue li a:hover {
	text-decoration:underline;
}
span.kunde, span.label {
	font-weight:bold;
}
dl#technoliste {
	width:520px;
}
dl#technoliste dt {
	width:170px;
	font-weight:bold;
	text-align:left;
	float:left;
	padding-bottom:4px;
}
dl#technoliste dd {
	width:350px;
	float:left;
	padding-bottom:4px;
}
div.kontakt {
	width:340px;
}
div.kontaktart {
	width:40px;
	font-weight:bold;
	float:left;
}
div.kontaktdaten {
	width:300px;
}
p.impressum, h4.impressum {
	color:#7e7e7e;
}