/* ===================================================
Stylesheet
Datei: screen.css
Datum  25/08/09
Autor: wquadrat medien gmbh
=================================================== */



html {height:101%;}

body {color:#333;line-height:1.2em;background:#fff url(/media//bilder/_layout/bg_body.gif) repeat-x;}

#container_outer {width:100%;background:#E0EEED;margin-bottom:-23px;padding-top:30px;}
#container {background:#eee;position:relative;padding-bottom:23px;}

/******************************* logo, branding (flash-slideshow) **************************************/

#branding {background:#6699cc;height:60px;margin-bottom:1px;}

h1#logo img {display: none; }
h1#logo {text-indent: -9999px; position:absolute;left:0px;top:0px;}
h1#logo a {display: block; width: 208px; height: 60px; background:#fff url("/media//bilder/_layout/logo.jpg") no-repeat; }

h1#slogan img {display: none; }
h1#slogan {text-indent: -9999px; position:absolute;right:80px;top:14px;}
h1#slogan a {display: block; width: 389px; height: 33px; background:url("/media//bilder/_layout/slogan.jpg") no-repeat; }

h2#site_info_slogan img {display: none; }
h2#site_info_slogan {text-indent: -9999px; position:absolute;right:80px;top:9px;}
h2#site_info_slogan a {display: block; width: 313px; height: 24px; background:url("/media//bilder/_layout/site_info_slogan.jpg") no-repeat; }

/*#site_info h2 {position:absolute;top:12px;right:0px;font-weight:bold;font-size:.9em;}*/
/*h1#slogan {position:absolute;top:9px;right:80px;color:#fff;font-size:1.85em;line-height:1.9em;}*/

/******************************* navigation **************************************/

#navigation {background:#6699CC;font-size:1.05em;border-bottom:1px solid #fff;}
 
ul.navi, ul.navi ul {margin:0;list-style-type: none; z-index:10;}
*html ul.navi ul li {height:1%;}
ul.navi li {margin:0;border-right:1px solid #fff;float: left;}
ul.navi li.first {background:none;border-left:1px solid #fff;}
ul.navi li.first a {}
 
/* navi links */
ul.navi li a {display: block; padding:8px 53px 9px 5px;text-decoration:none;}
ul.navi li a {color: #fff;}
ul.navi li a:hover,
ul.navi li.hover a, 
ul.navi li a.selected {color: #fff;background:#008981;text-decoration:underline;}
 
/* subnavi */
ul.navi li.hover ul {display:block;}
ul.navi ul {display:none; position: absolute; background:#008981; width: 160px;z-index: 3;border:1px solid #fff;border-top:none;}
ul.navi ul li {position:relative;background:none; float: none; margin: 0;font-size: 1em;border-top: 1px solid #fff;border-right:none;}
ul.navi ul li.first {background:none;border-left:none;}
 
/* subnavi links 1.Level */
ul.navi ul li a {color:#fff;padding:8px 5px 9px 5px; text-decoration: none;}
ul.navi li.hover ul li a {text-decoration:none;}
ul.navi li.hover ul li a:hover {color: #008981;background:#c3dddb;text-decoration:underline;}
ul.navi ul li a.selected {color: #008981;background:#c3dddb;text-decoration:underline;}
ul.navi ul li.with-ul > a:after{content:" >";}

/* subnavi links 2.Level */
ul.navi li.hover ul li.hover ul {display:block;}
ul.navi li.hover ul ul {display:none; position: absolute; background-color: #008981;width:255px;z-index: 3;left:160px;top:-1px;}

/******************************* content **************************************/

#content .startseite .content_main_block {padding-bottom:5px;}
#content {margin-top:5px;}
#content h2 {margin-top:.8em;letter-spacing:.5px;line-height:1.1em;}
#content h2.service {margin-top:30px;}
#content h2 a {color:#444;text-decoration:none;}
#content div.p {font-size:0.85em;padding:0 10px 10px 0;}
#content a {color:#008981;}
#content a:hover {color:#6699CC;}

#content_main {min-height:330px;}
*html #content_main {height:330px;}
.content_main_block_holder {margin-top:15px;}
.content_main_block {background:#fff;}
.content_main_block img {display:block; }
.content_main_padding {padding:0 40px 15px 40px;}

#bg_container_top {background:url(/media//bilder/_layout/bg_content_top.gif) left top no-repeat;width:100%;height:8px;margin-top:15px;}
#bg_container {background:url(/media//bilder/_layout/bg_content.gif) left top repeat-y;}
#bg_container2 {background:url(/media//bilder/_layout/bg_content_bottom.gif) left top no-repeat;width:100%;height:9px;}

dl.bild img {border:1px solid #cecece;}
dl.bildMedium {margin-left:30px;}
dl.bild dd {padding:3px 0;}
dl.bild dd span {font-style:italic;font-size:0.85em}


.block {border-bottom:1px dashed #333;padding:20px 0 10px 0;}
#content_main .block.first {padding-top:5px;}
#content .team_block h2 {margin-top:0;}
.team_bild {float:left;width:150px;}
div.team_bild dl img {border:none;}
div.team_bild dl.bildKlein {margin:0;}
.team_text {float:left;width:380px;padding-left:10px;}

#content a.pdf {background:url(/media/bilder/_layout/pdf.jpg) left center no-repeat;padding:16px 40px 10px;float:left; color:#008981;text-decoration:none;}
#content a.pdf:hover {color:#6699CC;}

/******************************* navigation2 (linke navigation) **************************************/

#navigation2 {position:absolute;left:10px;top:115px;width:310px;}
*html #navigation2 {height:1px;}
#navigation2 h2 {color:#999;margin:10px 0 10px 10px;font-size:.9em;}

ul.navi2, ul.navi2 ul {margin:0;list-style-type: none; z-index:10;}
ul.navi2 li {margin:0;}
ul.navi2 li.first {background:none;}
ul.navi2 li a {color:#999 !important;display: block; padding:8px 5px 9px 10px;text-decoration:none;margin-bottom:2px;}
ul.navi2 li a.selected,
ul.navi2 li a:hover {color:#008981 !important;}
ul.navi2 li a span {display:none;}   
       
               
/* navi links */
ul.navi2 ul li a {display: block; padding:8px 5px 9px 10px;text-decoration:none;background:#f7f7f7 url(/media/bilder/_layout/bg_navi2.gif) right top repeat-y;margin-bottom:2px;}
ul.navi2 ul li a {color:#999 !important;position:relative;}
ul.navi2 ul li a:hover,
ul.navi2 ul li.hover a, 
ul.navi2 ul li a.selected {color: #008981 !important;background:#c3dddb /*url(/media/bilder/_layout/navi2_pfeil.gif) right top no-repeat*/;text-decoration:none;}
        
        
ul.navi2 ul li a span {display:none;}
ul.navi2 ul li a:hover span,
ul.navi2 ul li a.selected span {display:block;position:absolute;width:20px;height:20px;top:0;right:-3px;}

*html ul.navi2 ul li a:hover span, 
*html ul.navi2 ul li a.selected span {left:283px;}

/******************************* navigation2-level3 (linke navigation) **************************************/

/* navi links */
ul.level3 {padding-top:10px;}
ul.level3 li a {display: block; padding:8px 5px 9px 10px;text-decoration:none;background:#f7f7f7 url(/media/bilder/_layout/bg_navi2.gif) right top repeat-y;margin-bottom:2px;}
ul.level3 li a {color:#999 !important;position:relative;}
ul.level3 li a:hover,
ul.level3 li.hover a, 
ul.level3 li a.selected {color: #008981 !important;background:#c3dddb /*url(/media/bilder/_layout/navi2_pfeil.gif) right top no-repeat*/;text-decoration:none;}
        
        
ul.level3 li a span {display:none;}
ul.level3 li a:hover span,
ul.level3 li a.selected span {display:block;position:absolute;width:20px;height:20px;top:0;right:-3px;}

*html ul.level3 li a:hover span, 
*html ul.level3 li a.selected span {left:283px;}

/******************************* site_info **************************************/

#container_bottom {width:100%;background:#fff url(/media//bilder/_layout/bg_bottom.gif) left top repeat-x;height:200px;margin-top:23px;}
#site_info {padding-top:50px;color:#555;position:relative;top:-23px;background:url(/media//bilder/_layout/bg_bottom_container.jpg) left top no-repeat;height:100px;}
#site_info p {line-height:1.5em;}