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

@import url(reset.css);
@import url(screen.css);
@import url(subnav.css);

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background:#fff url(../img/layout/page_bg_repx.jpg) 0 0 repeat-x;
}

#logo {
	position:absolute;	
	width:283px;
	height:82px;
	top:44px;
	left:632px;
}
#logo a {
	display:block;
	height:82px;
	text-indent:-9999px;
}

#container {
	position:absolute;
	width:990px;
	height:711px;
	top:21px;
	left:50%;
	margin-left:-495px;
	background:transparent url(../img/layout/page_frame.jpg) 0 0 no-repeat;
}

/* HEADER */
#header {
	position:absolute;
	top:75px;
	left:80px;
}
	#header p {
		font-size:15px;
		float:left;
		margin-right:50px;
		height:60px; 
		vertical-align:baseline;
		line-height:1.5em;
		color:#666;
	}
	#header p.right {
		padding-top:15px;
	}
	#header p a {color:#e88201;}
#email {
	position:absolute;
	top:107px;
	left:295px;
	width:77px;
	height:15px;
	background:transparent url(../img/layout/email_link.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}
#email:hover {
	background:transparent url(../img/layout/email_link_on.jpg) 0 0 no-repeat;
}

#dki {
	position:absolute;
	left:672px;
	top:592px;
	width:300px;
}
#dki a
{
	font-weight:bold;
	color:#696969;
}

/* NEWS */
#news {
	position:absolute;
	top:168px;
	left:160px;
	width:671px;
	height:31px;
	padding-top:31px;
	background:transparent url(../img/layout/akt_news_frame.jpg) 0 0 no-repeat;
	text-align:center;
}

	#news p a {color:#e88201;}


/* SECTIONS */
#sections {
	position:absolute;
	top:245px;
	left:58px;
	list-style:none;
	margin:0;
	padding:0;
}
#sections li {
	width:281px;
	height:281px;
	float:left;
	margin-right:10px;
}
#sections li a {
	display:block;
	text-indent:0px;
	height:151px;
	padding:110px 30px 20px;
	color:#d0d0d0;
}
#sections li a:hover {
	text-decoration:none;	
	color:#f0f0f0;
}
#sections li.webdesign {
	background:transparent url(../img/layout/section_webdesign.jpg) 0 0 no-repeat;	
}
#sections li.software {
	background:transparent url(../img/layout/section_software.jpg) 0 0 no-repeat;	
}
#sections li.hardware {
	background:transparent url(../img/layout/section_hardware.jpg) 0 0 no-repeat;	
}

/* DESCRIPTIONS */
#descriptions {
	list-style:none;
	margin:600px 0 0 75px;
}
#descriptions li {
	width:250px;
	float:left;
	margin-right:44px;
}
#descriptions h3 {
	margin-bottom:0.8em;	
	font-size:15px;
	border:1px #888 solid;
	border-width:0 0 1px 0;
}

/* NAVIGATION */
#mainnav {
	position:absolute;
	top:156px;
	left:32px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:50;
}
#mainnav li {
	width:179px;
	/*height:67px;*/
	float:left;
}
#mainnav li a {
	display:block;
	height:67px;
	text-indent:-9999px;	
}
#mainnav li.web {
	background:transparent url(../img/layout/mainnav/mainnav_web_off.jpg) 0 0 no-repeat;
}
#mainnav li.software {
	background:transparent url(../img/layout/mainnav/mainnav_software_off.jpg) 0 0 no-repeat;
}
#mainnav li.hardware {
	background:transparent url(../img/layout/mainnav/mainnav_hardware_off.jpg) 0 0 no-repeat;
}
#mainnav li.web_active {
	width:565px;
	background:transparent url(../img/layout/mainnav/mainnav_web_on.jpg) 0 0 no-repeat;
}
#mainnav li.software_active {
	width:565px;
	background:transparent url(../img/layout/mainnav/mainnav_software_on.jpg) 0 0 no-repeat;
}
#mainnav li.hardware_active {
	width:565px;
	background:transparent url(../img/layout/mainnav/mainnav_hardware_on.jpg) 0 0 no-repeat;
}
#mainnav li.impressum {
	width:565px;
	background:transparent url(../img/layout/mainnav/mainnav_impressum.jpg) 0 0 no-repeat;
}
#mainnav li.kontakt {
	width:565px;
	background:transparent url(../img/layout/mainnav/mainnav_kontakt.jpg) 0 0 no-repeat;
}
#mainnav li.news {
	width:565px;
	background:transparent url(../img/layout/mainnav/mainnav_news.jpg) 0 0 no-repeat;
}
#mainnav li.archiv {
	width:565px;
	background:transparent url(../img/layout/mainnav/mainnav_archiv.jpg) 0 0 no-repeat;
}
#mainnav li.back {
	background:transparent url(../img/layout/mainnav/mainnav_back.jpg) 0 0 no-repeat;
}
#subnav li.active {font-weight:bold;}

/* CONTENT */
#content {
	position:absolute;
	top:270px;
	left:70px;
	width:400px;
	max-height:390px;
	overflow:auto;
	z-index:10;
	padding-right:50px;
}
#content a {color:#E88201;}
#content_pics {
	position:absolute;
	top:251px;
	left:509px;
	width:444px;
	height:401px;
	z-index:9;
}

.referenz_item {
	width:398px;
	border:1px #bbb solid;
	border-width:0 0 1px 0;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	float:left;
}
.referenz_item img {
	width:140px;
	float:left;
	margin-right:20px;
}
.referenz_item h4 {
	margin-bottom:0.5em;	
}
.referenz_item p {
	font-size:11px;
	line-height:1.4em;
}
#news_archiv {
	list-style:none;	
}
#news_archiv li {
	width:360px;
	height:30px;
	line-height:30px;
	border:1px #ddd solid;
	border-width:1px 0;
	border-collapse:collapse;
	margin-bottom:-1px;
}
#news_archiv li a {
	display:block;
	background-color:#f0f0f0;
	padding-left:10px;
	color:#888;
}
#news_archiv li a span {
	display:none;
	font-size:10px;
}
#news_archiv li a:hover {
	background-color:#e9e9e9;	
}
#news_archiv li a:hover span {
	display:block;	
	color:#aaa;
	float:right;
	padding-right:5px;
}