/*
	CSS Stylesheet
	written by Hendrik Meyer
	MEDIA DSIGN | websolutions
	www.media-dsign.de
*/

/* reset css */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; 	padding: 0; 	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 	content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* fonts */
@font-face { font-family: Delicious; src: url("/fonts/delicious_roman-webfont.eot") /* EOT file for IE */ }
@font-face { font-family: Delicious; src: url("/fonts/delicious_roman.ttf") /* TTF file for CSS3 browsers */ }

body { background:#A0B521 url('/img/background.png'); color:#222; font: normal 15px Delicious,Arial,sans-serif; text-align:center; }
a,a:link,a:visited,a:active,a:hover { color: #000; text-decoration:underline; }
div { text-align:left; }

#page_header { height:114px; border-bottom: #666 2px solid; background: url('/img/gradient_top.png') repeat-x top left; }
#page_content { min-height:500px; height:auto !important; background: url('/img/white2.png') repeat top left;  }
#page_content.index { min-height:500px; height:auto !important; background: url('/img/white.png') repeat top left;  }
#page_footer { height:135px; border-top: #666 2px solid;  background: url('/img/gradient_bottom.png') repeat-x bottom left; }
#header,#content,#footer { width:908px; margin: 0px auto;font-family: Delicious,Arial,sans-serif; }
#header {  }
#header a,#footer a { color:#fff; text-decoration:none; font-family: Delicious,Arial,sans-serif; }
#logo { width:280px; height:72px; float:right;margin:15px 5px; }
#header ul { list-style:none; padding:73px 0 0 0; }
#header ul li { float:left; width:90px; height:25px; }
#header ul li a { font-size:22px; text-shadow: 0px 1px 1px #555; -moz-text-shadow: 0px 1px 1px #555; -webkit-text-shadow: 0px 1px 1px #555; }
#header ul li#active a,#header ul li a:hover { border-bottom:#fff 1px solid; }
#language { position:absolute; margin: 5px 0 0 800px; font-size:12px; }
#content { line-height:150%; min-height:450px; height:auto !important;padding:0 0 25px; }
#content.index { padding:0 440px 30px 0; background:url('/img/bokeh.png') no-repeat bottom right; width:468px; }
#content h1 { font:normal 35px Delicious,Arial,sans-serif; padding:30px 0 15px 0; text-shadow: 0px 1px 1px #555; -moz-text-shadow: 0px 1px 1px #555; -webkit-text-shadow: 0px 1px 1px #555; }
#content h2 { font:normal 22px Delicious,Arial,sans-serif; padding:10px 0 15px 0; text-shadow: 0px 1px 1px #555; -moz-text-shadow: 0px 1px 1px #555; -webkit-text-shadow: 0px 1px 1px #555; }
#content p { margin:5px 0 15px 0; }
#content ul { list-style:disc; }
#content ul li { margin:0px 0 0px 20px; }
#content table { margin-left:-15px; }
#content table td { padding:15px; vertical-align: top; }
#footer { clear:both; font-size:12px; text-align:right; margin:10px auto; }
#footer a { padding:0 0 0 10px; }

/* Wie */
#content.wie div { min-height:140px;height:auto !important;padding:30px 0 30px 0; clear:both }
#content.wie div div { min-height:0px; padding:0; }
#content.wie .links { min-height:220px;float:left;  margin: -30px 50px 0 0; padding:0; }
#content.wie .rechts { min-height:220px;float:right; margin: -30px 0 0 50px; padding:0; }
#content.wie .grafik { min-height:160px;height:auto !important; width: 450px; }
#content.wie .grafik h2 { text-align:center;font:normal 18px Delicious,Arial,sans-serif;  text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow:none; }
#content.wie .block { float:none; }

#content.wie .effizienz {  background: url('/img/wie_effizienz_erhoehen.png') no-repeat 50% 50%; }
#content.wie .effizienz div { margin:10px 0 0 25px; }
#content.wie .effizienz p { float:left; width:110px; margin:0 13px; text-align:center; }
#content.wie .leistungstraeger { min-height:220px; background: url('/img/wie_leistungstraeger_binden.png') no-repeat 50% 50%; }
#content.wie .leistungstraeger p { float:left; margin:12px 0 0 90px;width:80px; }
#content.wie .leistungstraeger .block { float:none; text-align:center; width:auto !important; margin:7px 0 0 0; }
#content.wie .leistungstraeger .block2 { float:left; margin:25px 0 0 90px;width:80px; text-align:center; }
#content.wie .projekte { min-height:220px; background: url('/img/wie_projekte_erfolgreich.png') no-repeat 50% 50%; }
#content.wie .projekte div { margin:10px 0 0 25px; }
#content.wie .projekte p { float:left; margin:15px 20px 0 0; text-align:center; width:120px; }
#content.wie .projekte .block { float:none; text-align:center; width:auto !important; margin:10px 0 0 0; }
#content.wie .projekte .block2 { float:none; text-align:center; width:auto !important; margin:80px 0 0 0; }
#content.wie .richtige { min-height:180px; background: url('/img/wie_richtige_entscheidungen.png') no-repeat 50% 50%; clear:left; }
#content.wie .richtige p { margin:37px 0 0 240px;text-align:center;width:160px; }
#content.wie .zielorientiert { min-height:280px; background: url('/img/wie_zielvereinbarung.png') no-repeat 50% 50%; }
#content.wie .zielorientiert p { margin:85px 0 0 0; text-align:center; }
#content.wie .zukunftsorientiert { min-height:280px; background: url('/img/wie_zukunftsorientiert.png') no-repeat 50% 50%; }
#content.wie .zukunftsorientiert .block { float:none; text-align:center; width:auto !important; margin:15px 0 0 0; }
#content.wie .zukunftsorientiert .block2 { float:none; text-align:center; width:auto !important; margin:60px 0 -20px 0; }
#content.wie .zukunftsorientiert p { float:left;height:80px; margin:0px 40px 0 60px; width:120px; text-align:center;}
#content.wie .zukunftsorientiert .extra { margin: 0px 40px;}