/* ===================================================
Stylesheet
Datei: screen.css
Datum  22/06/10
Autor: wquadrat medien gmbh
=================================================== */


html, body, #container_outer {height:100%;}

body {background:#fff url("../../../media/bilder/_layout/bg_body.jpg") repeat-x;font-size:12px;}

body > #container_outer {height:auto;min-height:100%;}

#container {position:relative;background:#fff;padding-bottom:185px;}


/******************************* logo, branding, icons **************************************/

#branding {height:163px;background:url("../../../media/bilder/_layout/bg_branding.jpg") no-repeat;}

h1#logo img {display:none;}
h1#logo {text-indent:-9999px;position:absolute;z-index:10000;top:35px;right:44px;}
h1#logo a {display:block;width:232px;height:116px;background:url("../../../media/bilder/inhalt/logo.jpg") no-repeat;}


h1#claim {position:absolute;z-index:10000;top:129px;left:5px;width:312px;height:28px;}

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

#navigation {}
 
ul.navi {}
ul.navi, ul.navi ul {margin:0;list-style-type: none; z-index:10;}
ul.navi li {margin:0;float: left;}
ul.navi li.first {position:relative;background:none;}
ul.navi > li.first > a {}
 
/* navi links */
ul.navi li a {font-size:16px;text-transform:uppercase;letter-spacing:-.2px;width:88px;color: #fff;display:block;padding:9px 30px 9px 10px;text-decoration:none;}
ul.navi li.hover a,
ul.navi li a:hover {}
ul.navi li.selected a {/*color: #009eff;background:#fff;*/}
 
/* subnavi */
ul.navi li.hover ul {display:block;}
ul.navi ul {margin-top:10px;}
ul.navi li ul li {float: none; margin: 0;}
ul.navi li ul li.first {border:none;}
 
/* subnavi links */
ul.navi li ul li a {font-size:12px;text-transform:none;width:auto;padding:5px 0px 5px 10px; text-decoration: none;}
ul.navi li.hover ul li a {}
ul.navi li ul li a:hover {border-left:2px solid #960A23;padding-left:8px;}
ul.navi li ul li.selected a {}
ul.navi li ul li.first a {} 
 
 
/******************************* breadcrumb **************************************/

#breadcrumb {font-size:0.85em;color:#0068b4;position:absolute;left:646px;top:50px;}
#breadcrumb ol {margin:0;}
#breadcrumb ol li {line-height:2.5em;float:left;list-style-type:none;margin:0;padding-left:11px;}
#breadcrumb ol li.first {display:none;}
#breadcrumb ol li.first a {padding-left:0;}
#breadcrumb ol li a {color:#b3b3b3;text-decoration:none;padding-left:5px} 


/******************************* suche **************************************/

form#search {position:absolute;right:10px;top:7px;}
form#search label {display:none;}
form#search input#we_lv_search_0 {float:left;background:#bed7e1;border:1px solid #fff;width:190px;padding:2px 0;height:16px;}
form#search input.submit {font-size:12px;margin:1px 0 0 9px;color:#fff;cursor:pointer;background:url(../../../media/bilder/_layout/senden.jpg) no-repeat left center;border:none;width:70px;padding:2px;}


/******************************* content **************************************/
h2 {font-size:16px;color:#960a23;}
h2 a {text-decoration:none;}
div.p {line-height:18px;padding-bottom:20px;}

#content {margin:30px 0  10px;background:url(../../../media/bilder/_layout/bg_content.jpg) no-repeat right bottom;}
.content_main_block {padding:30px 0;border-top:1px dotted #92b2c1;}
.content_main_block.first {padding-top:0;border:none;}

.inhaltstext .content_main_block {border:none;padding:0;}

#content_sub_holder {position:relative;height:185px;background:url("../../../media/bilder/_layout/bg_content_sub2.jpg") repeat-x;margin-top:-185px;}
#content_sub_bg {height:175px;background:url("../../../media/bilder/_layout/bg_content_sub.jpg") no-repeat;padding-top:10px;}
#content_sub {height:151px;}
#content_sub #news h3 {margin:0 0 10px 0;color:#fff;font-size:16px;text-transform:uppercase;border-bottom:1px dotted #fff;padding:5px 0;}
#content_sub #news p {color:#fff;line-height:18px;min-height:54px;margin:0;}
#content_sub #news p a {color:#fff;text-decoration:none;display:block;}
#content_sub #news span.date {font-weight:bold;}

#content_sub #partner {padding-top:20px;}
#content_sub #partner a {display:block;}
#content_sub #partner a.top {margin-bottom:10px;}

dl.bild {position:relative;}
dl.bild dt {position:relative;margin-bottom:16px;}
dl.bild dd {}
dl.bild dd h2 {font-size:16px;color:#960a23;}
dl.bild dd h2 a {text-decoration:none;}
dl.bild dd div.p {line-height:18px;padding-bottom:20px;color:#01121a;}
dl.bild dd a {color:#960a23;}
span.ecke_lo {
  top:0;
  left:0;
  position:absolute;
  width: 0; 
  height: 0; 
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-top: 25px solid rgba(255, 255, 255, 1.0);
}
span.ecke_ru {
  right:0;
  bottom:0;
  position:absolute;
  width: 0; 
  height: 0; 
  border-left: 25px solid transparent;
  border-bottom: 25px solid #fff;
  border-bottom: 25px solid rgba(255, 255, 255, 1.0);
}


dl.startartikel dt a.float img {float:left;}
dl.startartikel dd h2 {line-height:22px;font-size:14px;margin-bottom:20px;background:url("../../../media/bilder/_layout/bg_h2_start.jpg") no-repeat;margin-left:-10px;}
dl.startartikel dd h2 a {color:#014c6f;text-decoration:none;font-weight:bold;padding-left:10px;}
dl.startartikel dt {margin-bottom:30px;}

dl.willkommen dd {position:absolute;top:135px;margin:0;padding:10px 20px;}

#slideshow {margin-bottom:30px;position:relative;}

#teaser dl {padding-bottom:20px;margin:0;float:none;display:block;}

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

#site_info {}
#site_info_text {font-size:11px;text-align:center;color:#fff;padding:5px;}
#site_info_text a {color:#fff;}
#site_info_text span.trenner {padding:0 5px;}

/******************************* übernommene, alte styles **************************************/

table.bildposition_links {background-color:#E3F0FD;float:left;margin:2px 15px 15px 0;}
table.bildposition_rechts {background-color:#E3F0FD;float:right;margin:2px 0 15px 15px;}


.listelinie {
border-bottom:1px solid #0C0083;
clear:left;
height:15px;
}

.pfeil {
float: left;
padding: 2px 0 0 5px;
margin: 0;
font-size: 12px;
}

.pfeiltext {
float: left;
padding: 0 5px 0 0;
margin: 0;
font-size: 12px;
/*width:95%;*/
width:auto;
}

.pfeiltextkurz {
float: left;
padding: 0 5px 0 0;
margin: 0;
font-size: 12px;
width: 140px;
}

.pfeiltextende {
clear:left;
height:5px;
font-size: 1px;
}

.bilduntertitel {
padding:6px;
}

.bildlupe {
float:right;border: 1px solid #e3f0fd;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input {
padding:0;
}

form {
margin:0px;
padding:0px;
}

label.formular { 
margin:4px 0 0 0; 
font-size: 11px;
display: block;
float: left;
width: 100px;
}

label.formular2 { 
margin:10px 0 0 0; 
font-size: 11px;
display: block;
float: left;
width: 440px;
}

.boxkt {
margin:4px 0 0 0;
background-color: #ffffff;
border-bottom: #0c0083 1px solid;
border-left: #0c0083 1px solid;
border-right: #0c0083 1px solid;
border-top: #0c0083 1px solid;
height: 15px;
font-size: 11px; 
color:#333333;
}

.box {
background-color: #ffffff;
border-bottom: #0c0083 1px solid;
border-left: #0c0083 1px solid;
border-right: #0c0083 1px solid;
border-top: #0c0083 1px solid;
height: 15px;
font-size: 11px; 
color:#333333;
}



.abschicken {
font-size: 11px; 
font-weight: bold;
/*text-align:right;*/
background-color: #e3f0fd;
border-bottom : #e3f0fd 1px solid;
border-left : #e3f0fd 1px solid;
border-right : #e3f0fd 1px solid;
border-top : #e3f0fd 1px solid;
color:#de0018;
/*width:47px;*/
cursor: pointer;
}

.inhaltstext .abschicken {
border-bottom : #ffffff 1px solid;
border-left : #ffffff 1px solid;
border-right : #ffffff 1px solid;
border-top : #ffffff 1px solid;
background-color: #ffffff;
}

.suchkasten {
background-color:#E3F0FD;
margin:10px 0 0;
padding:5px;
width:100%;
}

td.titel {
background-color:#E3F0FD;
border-right:1px solid #0C0083;
border-top:1px solid #0C0083;
font-weight:bold;
padding:3px;
}
td.titelende {
background-color:#E3F0FD;
border-top:1px solid #0C0083;
font-weight:bold;
padding:3px;
}
td.text {
border-bottom:1px solid #E3F0FD;
border-right:1px solid #0C0083;
font-weight:normal;
padding:3px;
}
td.textende {
border-bottom:1px solid #E3F0FD;
font-weight:normal;
padding:3px;
}
td.datumtd  {
padding-right:10px;
}