@charset "ISO-8859-1";
/* CSS Document Screen */
/****** TAGS ******/

body {
	background:#fff;
	background-image:url(../allgemeinbilder/bg_grey.gif);
	background-repeat:repeat-y;
	background-position:10px 10px;
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	line-height:16px;
	text-align:left;
	color:#444;
}

td, th, p {
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	line-height:16px;
	text-align:left;
	color:#444;
	}

h1 {
	font-size:14px;
	margin-top:0;
	padding:0;
	}
	
h2 {
	font-size:13px;
	}
	
h3 {
	font-size:11px;
	margin-top:8;
	}
	
ul {
	margin-left:10px;
	padding-left:10px;
	list-style:disc;
	}
	
a {
	color:#2A6AB1;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
a:focus {
     -moz-outline:0;outline:0;outline-offset:0;
     }
	
fieldset {
	padding:0;
	border:1px solid silver;
	}
	
legend {
	font-weight:bold;
	padding:0 9px 4px 9px;
	}
	
/****** FORMULARE ******/

.input {
	border:none;
	border:1px solid silver;
	padding:2px;
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	line-height:16px;
	color:#444;
	width:220px;
	}
	
.button {
	border:none;
	border:1px solid silver;
	padding:2px;
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	line-height:16px;
	color:#444;
	width:226px;
	background-color:#fff;
	}
	
.hinweis {
	font-size:11px;
	line-height:13px;
	}


/****** LAYOUT ******/

.frame {
	width:970px;
	position:absolute;
	top:0px;
	left:10px;
	border-top:10px solid #fff;
}

.maincontent {
	position:absolute;
	top:220px;
	left:0px;
}

.cntpad {
	padding:0px;
	margin:0px;
	}
	
.mainnav {
	position:absolute;
	top:20px;
	left:230px;
	width:320px;
	}
	
#subnav_Leistungsspektrum, #subnav_Projekte, #subnav_Oeffentlichkeit, #subnav_Unternehmen, #subnav_Kontakt, #subnav_Impressum {
	visibility:hidden;
	position:absolute;
	top:43px;
	left:10px;
	width:210px;
	text-align:right;
	}
	
.img_content {
	width:540px;
	height:320px;
	position:relative;
	float:left;
	border-right:1px solid #ddd;
	}
	
.kontaktarea .img_content {
	width:353px;
	overflow:hidden;
	}
	
.img_content_small {
	width:207px;
	height:320px;
	position:relative;
	float:left;
	overflow:hidden;
	border-right:1px solid #ddd;
	}
	
.img_content_liste {
	width:236px;
	height:320px;
	position:relative;
	float:left;
	overflow:hidden;
	border-right:1px solid #ddd;
	}
	
.img_content_txt {
	position:absolute;
	top:10px;
	left:226px;
	width:270px;
	}
	
.img_content_txt p {
	margin-top:0px;
	}
	
.right_content {
	margin-left:550px;
	width:400px;
	}
	
.right_content_3spalten {
	 margin-left:230px;
	 width:710px;
	}
	
.right_content_flash {
	 margin-left:0px;
	 width:940px;
	 border:0px solid blue;
	}
	
.right_content img {
	margin-right:5px;
	margin-bottom:5px;
	}
	
.right_content_txt {
	margin-left:560px;
	width: 300px;
	}
	
.kontaktarea .right_content_txt {
	margin-left:373px;
	}
	
.right_content_txt_liste {
	margin-left:260px;
	width: 650px;
	}
	
.right_content_txt .cntpad {
	padding:0;
	margin:0;
	}
	
.spalte1, .spalte2, .spalte3 {
	float:left;
	width:220px;
	margin-right:15px;
	}
	
.spalte3 {
	margin-right:0;
	}
	


/****** ELEMENTE *****/

.logo {
	position:absolute;
	top:20px;
	left:780px;
	}
	
.mainnav a {
	display:block;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	padding:3px 6px;
	margin-bottom:2px;
	}
	
.mainnav a:hover, .mainnav a.active {
	background-color:#fff;
	text-decoration:none;
	}
	
.subnav a {
	color:#296AB1;
	text-decoration:none;
	display:block;
	padding:3px 1px;
	margin-bottom:2px;
	}
	
.subnav a:hover, .subnav a.active {
	background-image:url(../allgemeinbilder/subnav_pfeil.gif);
	background-position:4px 8px;
	background-repeat:no-repeat;
	}
	
.rahmen {
	border:1px solid #CCCCCC;
	}
	


/****** STARTSEITE ******/
	
.startarea .img_content {
	background-image:url(../allgemeinbilder/lay_start.jpg);
	background-repeat:no-repeat;
	}
	
.leistungsspektrumarea .img_content {
	background-image:url(../allgemeinbilder/lay_leistungsspektrum.jpg);
	background-repeat:no-repeat;
	}
	
.unternehmenarea .img_content {
	background-image:url(../allgemeinbilder/lay_unternehmen.jpg);
	background-repeat:no-repeat;
	}
	
.unternehmenarea .img_content_small {
	background-image:url(../allgemeinbilder/lay_unternehmen_leitung.jpg);
	background-repeat:no-repeat;
	}
	
.projektearea .img_content, .projektearea .img_content_liste {
	background-image:url(../allgemeinbilder/lay_projekte.jpg);
	background-repeat:no-repeat;
	}
	
.projektearea .img_content {
	background-image:url(../allgemeinbilder/lay_projekte.jpg);
	background-repeat:no-repeat;
	}

.oeffentlichkeitarea .img_content {
	background-image:url(../allgemeinbilder/lay_oeffentlichkeit.jpg);
	background-repeat:no-repeat;
	}
	
.kontaktarea .img_content {
	background-image:url(../allgemeinbilder/lay_kontakt.jpg);
	background-repeat:no-repeat;
	}
	
.impressumarea .img_content {
	background-image:url(../allgemeinbilder/lay_impressum.jpg);
	background-repeat:no-repeat;
	}
	
table.kontakt, table.kontaktformular {
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:520px;
	}
	
table.kontakt td, table.kontaktformular td {
	padding:2px 4px;
	vertical-align:top;
	}
	
.label {
	font-weight:bold;
	text-align:left;
	border-right:0px solid silver;
	white-space:nowrap;
	}
	
table.kontaktformular .label {
	text-align:left;
	}
	
/****** PROJEKTE ******/

.projektliste {
	border-collapse:collapse;
	margin-left:32px;
	}
	
.projektliste td {
	vertical-align:top;
	width:130px;
	padding:6px 12px 12px 12px;
	background-color:#DFDFDF;
	border:1px solid #EBEDEB;
	}
	
.projektliste img {
	margin-top:8px;
	border:none;
	}
	
.projektliste .firstrow_txt td, .projektliste .secondrow_txt td {
	border-bottom:none;
	padding:8px 4px 2px 12px;
	}
	
.projektliste .firstrow td, .projektliste .secondrow td {
	border-top:none;
	}
	
.projektdetail {
	background-color:#DFDFDF;
	width:490px;
	}
	
.projektdetail img {
	margin-bottom:8px;
	}
	
.projektdetail td {
	padding:5px;
	}
	
.projektdetail h3 {
	font-size:12px;
	margin:4px 0;
	}
	
table#planer {
	margin-left:8px;
	}
	
table#planer td {
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	padding: 5px;
	}

tr.dimm input {
	color:#444;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 2px;
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	}

input.plz {
	width: 50px;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 2px;
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	color:#444;
}

input.stadt {
	width: 130px;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 2px;
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
}

input.strasse {
	width: 160px;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 2px;
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	}

table#planer th {
	font:11px 'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif;
	text-align: left;
	padding-left: 6px;
	}
	
.presseliste {
	border-bottom:1px solid silver;
	padding:3px 0;
	}
	
.presseliste a {
	font-weight:bold;
	text-decoration:underline;
	}
	
input.missing, textarea.missing {
	background-color:#C7D4E9;
	}
	
a.linkbutton {
	padding:2px 22px;
	background-color:#fff;
	border:1px solid silver;
	}
	
a.linkbutton:hover {
	text-decoration:none;
	}
	
.weitereprojekte {
	width:440px;
	text-align:right;
	white-space:nowrap;
	}