@charset "utf-8";

@font-face {
	font-family: 'AurulentSansRegular';
	src: url('aurulentsans-regular-webfont.eot');
	src: local('â˜º'), url('aurulentsans-regular-webfont.woff') format('woff'), url('aurulentsans-regular-webfont.ttf') format('truetype'), url('aurulentsans-regular-webfont.svg#webfontPCwzqlAr') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E5E5E4;
}

img {
	border: 0px;
}

#header {
	padding-top:10px;
	padding-bottom:10px;
	width: 983px;
	text-align:right;
	color: #6f6e6e;
}

#header a{
	color: #6f6e6e;
	text-decoration:none;
}
#header a:hover{
	color: #165793;
}

#logo {
	width: 983px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height:188px;
	z-index: 1;
}
#menu {
	width: 730px;
	height:164px;
	z-index: 200;
	margin-top: 13px;
	margin-left: 253px;
	position: absolute;
}

#homelink {
	width: 160px;
	margin-right:0px;
	margin-top:20px;
	margin-left:40px;
	float: left;
}

#flash {
	width: 730px;
	margin-right:0px;
	margin-top:9px;
	padding-right:0px;
	float: right;
}

#highlights {
	width: 983px;
	height: 99px;
}
#highlightsimage {
	width: 252px;
	float:left;
}
#icons {
	width: 730px;
	float: right;
	margin-top:8px;
}

#content {
	width: 983px;
	color: #6f6e6e;
	margin-top:30px;
	text-align:justify;
}
#left{
	float:left;
	width: 300px;
	padding-right:40px;
	border-right: solid #535252 1px;
	margin-bottom:30px;
}
#right{
	float:left;
	width: 600px;
	margin-left:40px;
	margin-bottom:30px;
}

h1{
	font-family:"AurulentSansRegular", arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #175893;
	margin-top: 0px;
	text-align: left;
	font-style: normal;
	line-height:normal;
	font-size-adjust: 0.53;
	white-space:nowrap;
}

div#icon{
	float:left;
	width: 95px;
	margin-right: 10px;
}
div#icon.last{
	float:left;
	width: 94px;
	margin-right: 0px;
}

.consulting{
	color: #0591cc;
}
.infra{
	color: #175894;
}
.security{
	color: #016b38;
}
.services{
	color: #0c9b34;
}
.design{
	color: #a82a11;
}
.software{
	color: #d86804;
}
.betreuung{
	color: #ecb200;
}

a {
	color: #0286cb;
	text-decoration: none;
}

#impressum {
	padding-top:20px;
	padding-bottom:20px;
	width: 983px;
	text-align:center;
	color: #6f6e6e;
}
#impressum a{
	color: #6f6e6e;
	text-decoration:none;
}
#impressum a:hover{
	color: #165793;
}

#references tr {
    background: none repeat scroll 0 0 #e7f0f4;
}
#references tr#even {
    background: none repeat scroll 0 0 #FFFFFF;
}
#references tr#refheader {
    background: none repeat scroll 0 0 #f5f5f4;
}

#references tr td {
    margin: 0;
    padding: 10px 10px 10px 5px;
	text-align:left;
	
}
#references tr#trenner {
    background-color: #d5d5d5;
    height: 1px;
    margin: 0;
    padding: 0;
}

#references tr#trenner td {
    font-size: 0;
    height: 1px;
    margin: 0;
    padding: 0;
}
#references p {
	text-align:left;
}



/* drop up */
ul#nav,ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav {
	width:725px;
	height:164px;
}

ul#nav li {
	position: absolute;
	margin-top:133px;
	width:170px;
	height:31px;
	color:#fff;
	text-align:left;
}
ul#nav li a {
	text-decoration: none;
	color:#b00;
}
#nav li ul {
	position: absolute;
	left: 0; 
	top:-75px;
	margin-left:-999em;
	border:none;
	height:75px;
	width:122px;
	background:#FFF;
	 /*opacity for IE5+*/
	  filter: alpha(opacity=80);
	  /*opacity for older Mozilla browsers*/
	  -moz-opacity: 0.8;
	  /*opacity for mozilla/safari*/
	  opacity: 0.8;
}
ul#nav li li{height:auto;border:none;}
ul#nav li ul li{
	position: relative;
	margin-top:0px;
	color:#333;
	text-align:left;
}
ul#nav li ul li a{
	color:#333;
	padding:5px 10px 5px 35px;
	display:block;
}
ul#nav li:hover ul, 
ul#nav li.over ul {
	margin-left:0;
}
ul#nav li:hover,
ul#nav li.over,
ul#nav li:hover a,
ul#nav li.over a {color:#000}

ul#nav li:hover li a,ul#nav li.over li a{color:#333;}
ul#nav li li a:hover{color:red;}
ul#nav li p {padding:5px;}


table.team td{
	padding-right: 6px;
	padding-bottom: 10px;
}