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


div {
	margin:0;
	padding:0;
}

dl, dt, dd, ul {
	margin:0;
	padding:0;
}

object {
	margin:0;
	padding:0;
}

fieldset {
	margin:0;
	padding:0;
	border:none;
}


h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#CCCCCC;
}


body {
	background:url('../img/bg_1.png');
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:64.5%;
}




#wrapper {
	width:800px;
	margin:0 auto 0 auto;
}




#topbar {
	background: url('../img/topbar_bg_round.png') top no-repeat #262626;
	min-height:25px;
	float:left;
	width:800px;
	font-size:0.9em;
}

*html #topbar { height:25px; }

#topbar ul {
	margin:0;
	padding:0;
	float:right;
	margin:0  20px 0 0;
	color:#555555;
	list-style:circle;
}

*html #topbar ul {margin:0 10px 0 0;}

#topbar ul li {
	float:left;
	margin:0 20px 0 0;
	line-height:25px;
}

*html #topbar ul li { margin:0 10px 0 0; }

#topbar ul li.first {
	list-style:none;	
}

#topbar ul li a {
	color:#706a59;
	text-transform:uppercase;
}

#topbar ul li a:hover {
	color:#706a65;
	color:#c7bda1;
}

#topbar ul li a.current {
	color:#706a65;
	color:#c7bda1;
}



#header {
	background: url('../img/header_bg.png') repeat-x  top #333333;
	position:relative;
	min-height:90px;
	border-bottom:7px solid #005f7e;
	float:left;
	width:800px;
}

*html #header { height:90px; }

#logo {
	position:absolute;
	height:36px;
	width:263px;
	top:25px;
	left:20px;
}

#logo h1 a {
	background:url('../img/logo.png') no-repeat;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
	height:36px;
	width:263px;
	overflow:hidden;
}

/*new logo try*/
#logo {
	position:absolute;
	height:37px;
	width:270px;
	top:20px;
	left:20px;
}

#logo h1 a {
	background:url('../img/logo9.png') no-repeat;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
	height:37px;
	width:270px;
	overflow:hidden;
}
/*
#logo h1 a {
	background:url('../img/logo4.png') no-repeat;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
	height:52px;
	width:217px;
	overflow:hidden;
}
*/

#navigation {
	margin:33px 20px 0 0;
	width:360px;
	float:right;
}

*html #navigation { margin:33px 10px 0 0; }

#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navigation ul li {
	float:left;
	margin:0;
	padding:2px 16px 2px 14px;
	background:url('../img/navi_line.png') repeat-y right center;
}

#navigation ul li.last {
	background:none;
	padding:2px 0 2px 14px;
}

#navigation ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#c7bda1;
	font-size:1.2em;
}

#navigation ul li a:hover {
	color:#FFFFFF;
	color:#E5E5E5;
}

#navigation ul li a.current {
	color:#FFFFFF;
	color:#E5E5E5;
}


#content-home {
	width:790px; /*800*/
	padding:5px 5px 15px 5px;
	background:#e5e5e5;
	float:left;
}

#imageswitcher {
	width:790px;
	height:340px; /*340*/
	border-bottom:6px solid #333333;
	position:relative;
	padding:0 0 4px 0;
	margin:0 0 5px 0;
}




h2 {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background:url('../img/bg_headline.png') no-repeat left center;
	padding:5px 0 5px 30px;
	text-transform:uppercase;
	font-size:14px;
}

#content-home p {
	margin:5px 0 0 32px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
letter-spacing:0.02em;
line-height:1.3em;
margin:5px 0 6px 32px;
}

#widebox {
	width:455px; /*465*/
	padding:0 10px 0 0;
	float:left;
	font-size:1em;
}

#smallbox {
	width:315px; /*325*/
	float:right;
	padding:0 0 0 10px;
	font-size:1em;
}

#smallbox dl {
	margin:5px 0 0 32px;	
}

#smallbox dt {
	color:#005f7e;
	font-weight:bold;
	font-size:12px;
}

#smallbox dd {
	margin:0 0 10px 0;
	font-size:1.1em;
}

#smallbox dd a {
	color:#333;	
	text-decoration:underline;
}

#smallbox dd a:hover {
	text-decoration:none;	
}


/* =headlines */
#smallbox ul {
list-style:square;
color:#706A59;
padding:0;
font-size:1.1em;
line-height:1.3em;
margin:0 0 0 30px;
}

#smallbox ul li {
	margin:0 1px 5px 0px;	
	padding:2px 0;
	border-bottom:1px dotted #000;
}




#content, 
#content-projects {
	width:780px; /*800*/
	padding:25px 10px;
	padding:10px 10px 25px 10px;
	background:#e5e5e5;
	float:left;
}



.subtext {
	font-size:1.1em;
	padding:10px 0 10px 32px;	
}


/* =projects */

#project-sel {
	width:780px;
	min-height:28px;
	margin:10px 0 20px 0;
	float:left;
	background:#303030;

}

#project-sel ul {
	list-style:none;
}

#project-sel h3 {
	float:left;	
	line-height:28px;
	margin:0;
	padding:0 5px;
	color:#7B7668;
	color:#706A59;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

#project-sel ul li {
	float:left;	
	padding:0 20px;
}

#project-sel ul li a {
	line-height:28px;
	min-height:28px;
	color:#7b7668;
}

#project-sel ul li a:hover {
	color:#FFF;	
}

#project-sel ul li a.current {
	color:#FFF;	
}

#project-sel form fieldset {
	float:right;
	margin:0 20px 0 0;
	padding:5px 0;
}

*html #project-sel form fieldset{ margin:0 10px 0 0;}

#project-sel form fieldset select {
	border:1px solid #3b3b3b;
	background:#303030;
	color:#7b7668;
	min-width:150px;
	min-height:16px;
	font-size:1em;
}




/* =project details*/
#project-panel {
	width:780px;
	min-height:38px;
	margin:20px 0;
	margin:0 0 10px 0;
	float:left;
	background:url('../img/project_navi_bg.png') repeat-x bottom #303030;
}

*html #project-panel { height:38px; }
/*
#project-panel {
	width:750px;
	min-height:38px;
	margin:20px 0 20px 30px;
	float:left;
	background:url('img/project_navi_bg.png') repeat-x bottom #303030;
}
*/
*html #project-panel { margin:20px 0 20px 15px; height:38px;}

*html #project-panel { height:38px;}

#project-panel ul {
	list-style:none;
	
}

#project-panel ul li {
	float:left;
}

#project-panel ul li a {
	padding:0 20px;
	line-height:30px;
	min-height:38px;
	color:#7b7668;
	display:block;
}



*html #project-panel ul li a {height:38px; float:left;}

#project-panel ul li a:hover {
	background:url('../img/project_navi_bg_hover.png') repeat-x bottom #303030;
	height:38px;
	color:#FFF;
}

#project-panel ul li a.current {
	background:url('../img/project_navi_bg_hover.png') repeat-x bottom #303030;
	color:#FFF;
}

#project-panel form fieldset {
	float:right;
	margin:0 20px 0 0;
	padding:5px 0;
}

*html #project-panel form fieldset{ margin:0 10px 0 0;}

#project-panel form fieldset select {
	border:1px solid #3b3b3b;
	background:#303030;
	color:#7b7668;
	min-width:150px;
}

#projects {
	width:780px;
	float:left;	
}
/*
#projects {
	width:750px;
	margin:0 0 0 30px;
	float:left;	
}



*html #projects {margin:0 0 0 15px;}
*/
#projects ul {
	list-style:none;	
}

#projects ul li {
	float:left;	
	width:180px;
	margin:0 20px 20px 0;
}

#projects ul li.last {
	margin:0 0 20px 0;	
}

#projects ul li a img {
	border:2px solid #000000;	
	margin:0 0 2px 0;
}

#projects ul li a:hover img {
	border:2px solid #005f7e;
}

#projects ul li dl {
	clear:both;	
	margin:0 0 0 2px;
	font-size:1em;
}

#projects ul li dl dt {
	float:left;
	padding:0 5px 2px 0;
	color:#7b7668;
}

#projects ul li dl dd {
	float:left;
	padding:0 0 2px 0;
}




/* =project details*/


#details {
	color:#FFF;
	padding:5px 5px 10px 0px;
	/*background:#303030;*/
	border-bottom:4px solid #303030;
	margin:0 0 2px 0;
}

#details h2 {
	font-size:1.6em;
	
	margin:0;
	
	color:#005f7e;
	color:#7b7668;
	color:#303030;
	font-weight:bold;
}

#details p {
	color:#7b7668;
	margin:0 0 0 32px;
}

/* project details und project content*/

#project {
	font-size:1.1em;	
}

#cont {
	float:left;
	width:470px; /*460*/
	padding:0 15px 0 0;
	border-right:1px dashed #706A59;
	min-height:200px;
}

*html #cont { height:200px; }

#cont p {
	margin:0 0 10px 0;	
}

#pdetail {
	float:right;
	padding:0 5px;
	width:275px;
}

#pdetail h3 {
	line-height:20px;
	margin:0;
	padding:0 0 5px 0;
	color:#7B7668;
	color:#706A59;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;	
}

#pdetail table {
	margin:0;
	padding:0;
	font-size:0.9em;
}

#pdetail table td {
	table-layout:fixed;
	padding:2px 0;
}

#pdetail table th {
	text-align:left;
	vertical-align:top;
	width:100px;
	padding:2px 0;
}


/* =other pages */

#content-services,
#content-about,
#content-contact,
#content-news,
#content-jobs,
#content-imprint {
	width:750px; /*800*/
	padding:25px 10px;
	padding:10px 10px 25px 10px;
	padding:10px 10px 25px 40px;
	background:#e5e5e5;
	float:left;
	font-size:1.1em;
}

#content-services h2,
#content-about h2,
#content-contact h2,
#content-news h2,
#content-jobs h2,
#content-imprint h2 {
	margin:0 0 10px -30px;
}

#content-services h3,
#content-about h3,
#content-contact h3,
#content-news h3,
#content-jobs h3,
#content-imprint h3 {
	color:#005F7E;
	font-size:1em;
	margin:20px 0 10px 0;
}

#content-services p,
#content-about p,
#content-contact p,
#content-news p,
#content-jobs p,
#content-imprint p {
	font-size:1em;
	margin:0 0 6px 0;
	line-height:1.3em;
	letter-spacing:0.02em;
}



#content-services ul {
	list-style:square;
	margin:5px 0 0 30px;
	color:#000;
	padding:0 30px;
}

#content-services ul li h3 {
	margin:20px 0 5px 0;
}

#content-services ul li p {
	
}


#content-jobs dl {
	width:100%;
	float:left;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px dashed #706A59;
}

#content-jobs dl dt {
	float:left;
	width:250px;
	font-weight:bold;
}

#content-jobs dl dd {
	width:500px;
	float:left;
}


#content-jobs dl dd ul {
	padding:0 0 0 25px;
}

#content-jobs dl dd ul li {
	margin:2px 0;
}








#footer {
	clear:both;
	width:780px; /*800*/
	padding:20px 10px 25px 10px;
	background:url('../img/footer_bg.png') top repeat-x #333333;
	font-size:1.1em;
	color:#b3ac95;
}

#footer p {
	line-height:1.3em;	
}





p {
	margin:0;
	padding:0;
}

#widecontent {
	float:left;
	width:445px;
	min-height:200px;
	padding:0 10px 0 0;
	font-size:1em;
	border-right:1px dashed #706A59;
}

#smallcontent {
	float:right;
	width:280px;
	padding:0 0 0 5px;
}

#widecontent form {
	margin:20px 0 0 0;	
}

#address {
float:right;
padding:0 5px;
width:275px;
}

#form {
float:left;
width:450px; /*460*/
padding:0 5px 0 0;
border-right:1px dashed #706A59;
}

#widecontent h3,
#smallcontent h3 {
	margin:0 0 10px 0;	
}

#widecontent dl {
	margin:0 0 5px 0;	
	width:400px;
}

#widecontent dt {
	padding:0 0 2px 0;
	margin:0 0 2px 0;
	color:#706A59;
}

#widecontent input.text {
	border:1px solid #706A59;
	width:250px;
}

#widecontent textarea {
	border:1px solid #706A59;
	width:400px;
}

#widecontent input.btn {
	border:1px solid #706A59;
	background:#706A59;
}

#widecontent input.captcha {
	border:1px solid #706A59;
	width:100px;	
	vertical-align:top;
}

#widecontent dd img {
margin: 0 0 0 10px;	
}



#error {
border:1px solid #C00;
background:#FCC;
padding:10px 10px 10px 20px;
margin:10px 0;
list-style:square;
}

#error li,
#success li{
	margin:0 0 5px 0;	
}

#success {
	border:1px solid #090;
	background:#CFC;
	padding:10px 10px 10px 20px;
	margin:10px 0;
	list-style:square;
	
}

p.message {
	border:1px solid #FC6;
	background:#FFC;
	padding:10px;
	margin:10px 0;
	list-style:square;
}




ul#subnav {
list-style:square;
list-style:none;
margin:0;

color:#706A59;
padding:0 0 0 10px;
padding:0;
}

#subnav li {
margin:0 0 2px 0;
padding:2px;
/*background:#706A59;*/
clear:both;
}

#subnav li img {
margin:0 10px 0 0;
vertical-align:middle;
float:left;
}

#subnav li a {
color:	#005F7E;
}

#subnav li a.current {
	font-weight:bold;
}

#subnav li p {
color:#333;	
}


ul#subnav {
list-style:square;
list-style:none;
margin:0;

color:#706A59;
padding:0 0 0 10px;
padding:0;
}

#subnav li {
margin:0 0 5px 0;
padding:5px;

float:left;
width:270px;
border-bottom:1px solid #706A59;
border-bottom:1px dotted #333;
}

#subnav li img {
margin:0 10px 0 0;
vertical-align:middle;
float:left;
}

#subnav li a {
color:	#005F7E;

}

#subnav li a.current {
	font-weight:bold;
}

#subnav li p {
color:#333;	

}


ul#news {
list-style:square;
color:#706A59;
padding:0 0 0 10px
} 

#news p.ndate {
padding:0;
color:#000;
font-size:0.9em;
}

#news p {
font-size:1em;	
}





p#warning {
	clear:both;
	border:1px solid #FC0;
	background:#FFC;
	margin:0 0 10px 0;
	padding:10px;
}