@charset "utf-8";

html, body {
     margin:0;
     padding:0;
     height:100%;
}

html {
	height: 101%;
}

body {
	background-image:url(pics/bg_breit.gif);
	background-repeat:no-repeat;
	background-color: #cdcdce;
	font-family:Helvetica,Verdana, Arial,sans-serif;

}

a{
	text-decoration:none;
	color: #009ee0;
}
a:hover{
	text-decoration:none;
	color: #000000;
}

div#container{
  	min-height: 100%;
	width:972px;
	text-align:left;
}
/*Linke Spalte______________________________________________________________________________*/
#left{	
	width: 150px;
	float:left;
}

#logotext{
	padding-top:26px;
	padding-bottom:26px;
}

#navigation{

}

#navigation ul{
	list-style:none;
	padding-top:10px;
	padding-left:10px;
	margin:0;
	width:140px;
	float:right;
	font-size:0.75em;
	
}

#navigation li{
	border-bottom:1px #808489 solid; 
	padding-top:8px;
	padding-bottom:8px;
}

#navigation li:hover, #navigation li.aktiv{
	background-color: #009ee0;
	text-indent: 10px;
	cursor:pointer;
}

.topnav{
	border-top:1px #808489 solid; 
}

/*Haupt Spalte_______________________________________________________________________________*/
#center{
	width: 820px;
	float:left;
	background-color:#FFFFFF;
	height:100%;
	/*background-image:url(pics/bg_content.gif)*/
	
}

#top{
	height:100px;
	background-color:#6a6e74;
}

#logo{
	position:relative;
	float:left;
	width:80px;
	left:0;
	top:26px;
}

#metanavigation{
	position:relative;
	float:left;
	width:100px;
	left:640px;
	top: 0;
	color:#FFFFFF;
	font-size:0.7em;
}

#metanavigation ul{
	list-style:none;
	padding-top:17px;
	padding-left:0px;
	margin:0;
	
}

#metanavigation li{
	border-bottom:1px #808489 solid; 
	padding-top:3px;
	padding-bottom:3px;
}
#metanavigation li:hover{
	background-color: #009ee0;
	text-indent: 7px;
	cursor:pointer;
}

#metanavigation a{
	color: #ffffff;
	text-decoration:none;
}


.topmetanav{
	border-top:1px #808489 solid; 
	margin-top: 15px;
}

#content{
	background-color:#FFFFFF;
	height:100%;

}

#copyright{
	height:35px;
	padding-top:5px;
	padding-left:10px;
	font-size:0.7em;
	color:#999999;
	background-color:#cdcdce;

}


/*HOME*/
#home_arbeiten{
	padding-left:20px;
	padding-right:20px;
	padding-top:27px;
}

#home_arbeiten_titel{
	font-size: 0.8em;
	border-top: 1px #999999 dotted;
	/*height:24px;*/
}

#home_arbeiten_titel div{
	float:left;
	padding:10px 10px 0 0;
}

#home_arbeiten_titel .zitat_text{
	width: 730px;
	line-height: 1.8em;
}

#home_arbeiten_items{
	padding-top:20px;
}

.home_arbeiten_item{
	width: 140px;
	font-size:0.75em;
	float:left;
	padding-right:20px;
}

.home_arbeiten_item_bild{
	padding:1px;
	background-color:#9b9b9b;
}
.home_arbeiten_item_bild:hover{
	background-color:#009ee0;
}

.home_arbeiten_item_info{
	padding-top:10px;
}

/*Unternehmen*/
#unternehmen_links_bild{
	padding-top:30px;
}
#unternehmen_links_bildtext{
	padding-top:10px;
	font-size:0.70em;
	color:#737373;
}

#unternehmen_rechts_content{
	font-size:0.75em;
	padding-top:10px;
	line-height:1.5;
}

.unternehmen_rechts_normal{
	clear:both;
	padding-top:20px;
}

.zitat_container{
	padding-top:20px;
	
}

.zitat_bild{
	float:left;
	width:30px;
}
.zitat_text{
	float:left;
	width:480px;
	font-style:italic;
	color:#737373;
}

.zitat_name{
	font-style: normal;
	color:#000000;
}

.subtitel{
	padding-top:40px;
	padding-bottom:8px;
	border-bottom: 1px #737373 dotted;
	font-weight:bold;
}



/*Liste*/
#liste_items{
	clear:both;
	padding-top:30px;
}

.liste_item{
	padding-top:24px;
	padding-left:20px;
	clear:both;
}
.liste_item_bild,.liste_item_bild_presse{
	float:left;
	width:218px;
	padding:1px;
	background-color:#737373;
	margin-right:20px;
}

.liste_item_bild:hover{
	background-color:#009ee0;
}

.liste_item_nobild{
	float:left;
	width:218px;
	padding:1px;
	margin-right:20px;
}


.liste_item_text{
	border-top: 1px #999999 dotted;
	float:left;
	width:540px;
}

.liste_item_text_noline{
	float:left;
	width:540px;
}

.liste_item_normal{
	font-size:0.75em;
	line-height:1.5;
}

.liste_item_name{
	padding-top:2px;
	font-size:0.75em;
	font-weight:bold;
}

.liste_item_kategorie{
	padding-top:7px;
	font-size:0.75em;
}
.liste_item_pressekategorie{
	padding-top:7px;
	font-size:0.75em;
	color:#8e8e8e;
}
.liste_item_titel{
	padding-top:5px;
	font-size:0.85em;
}
.liste_item_titel_l{
	padding-top:5px;
	font-size:0.85em;
	color: #009ee0;
}

.liste_item_info{
	padding-top:20px;
	font-size:0.75em;
	line-height:1.5;
}

.liste_item_downloads{
	padding-top:20px;
	font-size:0.75em;
	line-height:1.5;
	color:#8e8e8e;
}


/*Detail*/
#slideshow{
	height:400px;
}

#bildnavigation{
	position:relative;
	left:660px;
	top: -80px;
	width:158px;
	height:50px;
	border: 1px #737373 solid;
	background-color:#000000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:400;
	color:#FFFFFF;
	clear:left;
}

#bildnavigation:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

#bildnavigation a{
	color:#FFFFFF;
	text-decoration:none;
}

#bildnavigation div{
	float:left;
}
#anzeige{
	padding-top:26px;
	width:27px;
}
#next:hover, #prev:hover{
	cursor:pointer;
}


/*linke Spalte*/



#links{
	padding-left:20px;
	float:left;
	padding-right:20px;
	width:220px;
}

#params{
	list-style:none;
	padding-top:30px;
	padding-left:0px;
	margin:0;
	float:right;
	color:#8e8e8e;
	font-size:0.75em;
	line-height:1.5;
	width:220px;
}

#params .item {
	clear:both;
	border-bottom:1px #808489 dotted; 
	padding-top:5px;	
	padding-bottom:5px;
}
#params .itemtop {
	clear:both;
	border-bottom:1px #808489 dotted; 
	border-top:1px #808489 dotted; 
	padding-top:5px;	
	padding-bottom:5px;
}


.topinfo{
	border-top:1px #808489 dotted; 
}

.label{
	float:left;
	width: 75px;
}

.value{
	float:left;
	width: 145px;
}
		

#links a{
	
}


#links_linie{
	border-bottom: 1px #999999 dotted;
	height:70px;
}

/*rechte Spalte*/
#rechts{
	width:540px;
	float:left;
}

#rechts_titel{
	height:70px;
	font-size:1.5em;
	border-bottom: 1px #999999 dotted;
}

#rechts_titel_projekte{
	height:70px;
	font-size:1.15em;
	border-bottom: 1px #999999 dotted;
}

#rechts_info{
	padding-top:30px;
	font-size:0.75em;
	line-height:1.5;
}



#detailcontent{
	position:relative;
	top: -51px;

}

.linie{
	padding-top:4px;
	border-bottom: 1px #999999 dotted;
}


.blue{
	color: #009ee0;
}

.grey{
	color:#8e8e8e;
}

.filler{
	display:block;
	clear:both;
	padding-left:10px;
	padding-right:10px;
	padding-top:80px;
	padding-bottom:10px;

}

.filler_detail{
	position:relative;
	top: 51px;
	display:block;
	clear:both;
	padding-left:10px;
	padding-right:10px;
	padding-top:80px;
	padding-bottom:10px;

}

.fillerbg{
	background-image:url(pics/bg_streifen.gif);
	background-repeat:repeat;
}


.abstand{
	float: left;
	width:110px;
}