/** template for screen,projection (c) WinWin 
author: Mirco Reisenberg, Reisenberg Werbegrafik und Webdesign **/

* { margin: 0; padding: 0; outline: none; }

html { height: 100%; margin-bottom: 0.1px; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	text-align: center;
	background: #d5e6e6 url(bilder/hg_body.jpg) repeat-x scroll left top;
}
body.micro {
	background: #d5e6e6 url(bilder/hg_microbody.gif) repeat-x scroll left top;
}

img { border: none; }

.cleaner {
	clear: both;
	height: 15px;
	font-size: 0.1px;
	border: 0px none;
	background-color: transparent;
}

#wrapper {
	position:relative;
	margin: 0 auto 0 auto;
	padding-bottom: 40px;
	width: 800px;
	text-align: left;
}

#adbox_right {
	background-color: transparent;
	position:absolute;
	z-index: 999;
	top:160px;
	left:820px;
	font-size:10px;
	color:silver;
	text-align: right;
}

#adbox_right iframe {
	width:160px;
	height:600px;
	overflow: hidden;
	border:none;
}

#contentwrapper {
	width: 800px;
	min-height: 400px;
	background-color: white;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}
* html #contentwrapper {
	height:400px;
}

#contentwrapper p { margin: 15px 0 5px 20px; }
#contentwrapper .infobox p { margin: 10px 0 5px 20px; }
#contentwrapper p.bildunter { margin-top: -7px; }
#contentwrapper p.hinweis { color: Silver; }

.nobreak {
	white-space: nowrap;
}

#contentwrapper em { 
	font-style: normal;
	font-weight: bold;
}
#contentwrapper em.blue {
line-height: 1.2;
	color: #496F8D;
	font-size: 15px;
}

#pageheader h1 {
	display: block;
	color: #006567;
	font-size: 17px;
	margin: 25px 0 0 20px;
}

#contentwrapper h2 {
	display: block;
	color: #496F8D;
	font-size: 15px;
	line-height: 1.2;
	margin: 25px 0 15px 20px;
}

#contentwrapper h3 {
	display: block;
	color: #496F8D;
	font-size: 13px;
	line-height: 1.2;
	margin: 15px 0 5px 20px;
}

#contentwrapper a {
	text-decoration: none;
	color: #006567;
}

#contentwrapper a:hover {
	background-color: #FCFFC8;
	border-bottom: 1px dotted #006567;
	color: black;
}

#contentwrapper .pdflink_box {
	text-align: left;
}
#contentwrapper a.pdflink {
	padding-left: 18px;
	background-image: url(bilder/pdf_icon.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 11px;
}
* html #contentwrapper a.pdflink {
	background-image: url(bilder/pdf_icon.gif);
}

#contentwrapper ul, #contentwrapper ol {
	list-style-type: none;
	margin: 5px 0px 0px 20px;
}

#contentwrapper .controlslidebox ul, #contentwrapper .controlslidebox ol {
	margin: 5px 0px 0px 10px;
}

#contentwrapper li {
	padding: 0 0 3px 25px;
	background: transparent url(bilder/bulletpoint.gif) no-repeat scroll top left;
}

#contentwrapper li.bullet_1 { background-image: url(bilder/bullet_1.gif); }
#contentwrapper li.bullet_2 { background-image: url(bilder/bullet_2.gif); }
#contentwrapper li.bullet_3 { background-image: url(bilder/bullet_3.gif); }

#contentwrapper ul.presseliste li { 
	background-image: url(bilder/pressebullet.png);
	background-color: #F8FAFB;
	border-top: 2px solid #D1DBE2;
	border-bottom: 1px dashed #D1DBE2;
	margin: 0 0 10px 0;
	padding: 3px 10px 5px 25px;
}
#contentwrapper ul.presseliste li:hover {
	background-color: #f4f7f9;
} 
* html #contentwrapper ul.presseliste li { background-image: url(bilder/pressebullet.gif); }
#contentwrapper ul.presseliste h3 { margin:0 0 5px 0;}
#contentwrapper ul.presseliste .press_date {
	font-size:11px;
	font-weight: normal;
}

#contentwrapper ul.presseliste img {
	border:none;
	display:block;
	float:right;
	margin:-3px -10px 0 0;
	padding:0;
}

#contentwrapper .infobox {
	margin: 15px 0 10px 0;
	border-top: 5px solid #CDDB00;
	background:#f4f7f9 url(bilder/box_gradient.gif) repeat-x scroll top left;
	padding: 0px 0px 10px 0;
}
#contentwrapper #colright .infobox {
	margin: 15px 0px 10px 20px;
}

#contentwrapper .controlslidebox {
	position: relative;
	margin: 15px 0 0 0;
	border-top: 5px solid #D1DBE2;
	border-bottom: 1px dashed #D1DBE2;
	background:#f4f7f9 url(bilder/box_gradient_light.gif) repeat-x scroll top left;
	overflow:hidden;
	padding: 0 24px 3px 0;
}
#contentwrapper #colright .controlslidebox {
	margin: 15px 0 0 20px;
}
#contentwrapper .controlslidebox a {
	font-size: 11px;
}
#contentwrapper a.slidearrow {
	display:block;
	position: absolute;
	width:18px;
	height:10px;
	top:4px;
	right:4px;
	text-decoration:none;
	background-color:#fff;
	background: #fff url(bilder/toggle_arrow.gif) no-repeat scroll top left;
	border-top: 1px solid gainsboro;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	border-left:1px solid gainsboro;
	overflow:hidden;
}
#contentwrapper a.slidearrow:hover {
	background-color: #f0f0f0;
	border-top: 1px solid silver;
	border-right:1px solid gainsboro;
	border-bottom:1px solid gainsboro;
	border-left:1px solid silver;
}
#contentwrapper .slidebox {
	background-color:#f4f7f9;
	margin: 0 0 0 20px;
	padding: 0 10px 3px 35px;
	border-bottom: 1px solid #D1DBE2;
}
#contentwrapper .slidebox a {
	font-size:11px;
}
#contentwrapper .logobox {
	padding: 0 0 0 20px;
}
#contentwrapper .logobox img {
	margin: 0 20px 10px 0;
	border:none;
	width:77px;
	display: block;
	float:left;
}

#siteheader {
	width: 800px;
	height: 100px;
	text-align: center;
}
.micro #siteheader { height:120px; }
#logo { margin: 4px auto 0 auto; }

#nav {
	width: 800px;
	height: 41px;
	border-bottom: 9px solid #006567;
}
.micro #nav { display:none; }

#nav ul { list-style-type: none; }
#nav li { float: left; }

#nav a  {
	text-indent: -2000px;
	text-decoration: none;
	border: none;
	display: block;
   width: 160px;
   height: 41px;
   background: transparent none no-repeat scroll 0 0;
}

a#nav1 { background-image: url(bilder/was_wir_machen.gif); }
a#nav2 { background-image: url(bilder/was_sie_davon_haben.gif); }
a#nav3 { background-image: url(bilder/wer_wir_sind.gif); }
a#nav4 { background-image: url(bilder/wie_wir_arbeiten.gif); }
a#nav5 { background-image: url(bilder/projekte.gif); }

#nav a:hover { background-position: 0 -41px; }
#nav a.active, #nav a.active:hover { background-position: 0 -82px; }

#pageheader {
	width: 800px;
	height: 54px;
	clear: both;
	margin: 10px 0 0 0;
	border-top: 1px solid white;
	border-bottom: 5px solid #CDDB00;
	background: #F4F7F9 url(bilder/hg_pageheader.gif) repeat-x scroll top;
}

#metanav {
	color: #496F8D;
	font-size: 10px;
	padding: 12px 20px 0 0;
	float: right;
}

#metanav a {
	color: #496F8D;
	text-decoration: none;
}

#metanav a.active {
	font-weight:bold;
}

#metanav ul { list-style-type: none; }

#metanav li {
	float: left;
	padding: 0;
	background-image: none;
}


#colleft {
	float: left;
	width: 390px;
}

#colleft img {
	margin: 15px 0 10px 0;
	border-top: 5px solid #CDDB00;
}

#colright {
	float: right;
	width: 410px;
}

#colright img { margin: 0 0 10px 20px; }

#colright p, #colright h2, #colright ul, #colright ol { margin-right: 20px; }

#footer {
   position:relative;
	width: 760px;
	height: 35px;
	text-align: center;
	padding: 0 20px;
	border-top: 1px solid #BBD1DD;
	background: #F4F7F9 url(bilder/hg_footer.gif) repeat-x scroll top;
}

#footer p {
	float: left;
	margin: 13px 10px 0 0;
	color: #496F8D;
	font-size: 10px;
}

#footer a.top {
	display:block;
	position: absolute;
	top:7px;
	right:20px;
	padding: 2px 10px 3px 3px;
	border-top: 1px solid gainsboro;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	border-left:1px solid gainsboro;
	color: #496F8D;
	text-decoration: none;
	font-size: 10px;
	background: #fff url(bilder/top.gif) no-repeat scroll center right;
}

#footer a.top:hover {
	background-color: #F0F0F0;
	border-top: 1px solid silver;
	border-right:1px solid gainsboro;
	border-bottom:1px solid gainsboro;
	border-left:1px solid silver;
}
#footer img { margin: 11px auto 0 auto; padding-right:55px; }
#bookmark_layer {
	margin: 10px 0 0 0;
	padding: 3px 20px;
	height:20px;
	color: #496F8D;
	font-size: 10px;
	text-align: right;
}
#bookmark_layer a img {
	width:16px;
	height:16px;
	padding:1px;
}
#bookmark_layer a { 
	display:block;
	float: right;
	width:17px;
	height:17px;
	overflow:hidden;
	margin:0 0 0 4px;
	border-top: 1px solid gainsboro;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	border-left:1px solid gainsboro;
	background-color: transparent;
}
#bookmark_layer a:hover {
	border: 1px solid white;
}