/**/
/******************************
Allgemeines
******************************/
* {
    margin:0;
    padding:0;
    border:0;
}
body {
    background:#C1C5C8 url('/img/bg-content.jpg') 0 0 no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:16px;
    color:#41525C;
}
body#home {
    background:#CACCCE url('/img/bg-home.jpg') 0 0 no-repeat;
}
a,
a:hover,
a:visited,
a:link,
a:active
{
    color:#41525C;
    text-decoration:none;
}
h1 {
    font-size:14px;
}
.clear,
.spacer,
.halfspacer,
.quarterspacer {
    width:100%;
    clear:both;
    font-size:1px;
    line-height:1px;
    height:1px;
}
.spacer {height:20px;}
.halfspacer {height:10px;}
.quarterspacer {height:5px;}
.left {
    float:left;
}
.right {
    float:right;
}

td {
  vertical-align:top;
}


/******************************
Layout
******************************/
#metanavi {
    position:absolute;
    left:181px;
    top:13px;
}
#metanavi a {
    margin-right:14px;
}
#navi {
    position:absolute;
    left:0px;
    top:34px;
    width:166px;
}
#head {
    width:979px;
    height:179px;
    background-color:white;
    float:left;
}
#logo {
    position:absolute;
    left:754px;
    top:34px;
    width:225px;
    height:115px;
}
#logo img {
    width:225px;
    height:115px;
}
#logo-print {
    display:none;
}
#logo a img {
    border:none;
}
#headline {
    position:absolute;
    left:214px;
    top:61px;
    width:538px;
}
#headline h1 {
    font-size:26px;
    line-height:28px;
    font-weight:normal;
    color:#203C74;
}
#main { 
    border:0;
    position:absolute;
    left:180px;
    top:188px;
    width:764px;
    padding:0 0 20px 36px;
    height:350px;
    background-color:#FFF;
    overflow:auto;
}
#content {
    width:440px;
    margin-right:36px;
    float:left;
}
#content.wide {
    width:728px;
    float:none;
    margin-right:0px;
}
#teaser {
    width:252px;
    float:left;
    padding-top:18px;
}
#footer {
    position:absolute;
    top:577px;
    left:181px;
    width:800px;
    z-index:200;
}
#home #footer {
    position:absolute;
    top:577px;
    left:181px;
    width:800px;
}


/******************************
Navigation
******************************/
#navi ul {
    list-style:none;
    padding-top: 30px;
}
#home #navi ul {
    margin-top: 0;
}
#navi ul li a {
    color:#203C74;
    font-size:14px;
    line-height:26px;
    font-weight:bold;
    display:block;
    padding:0 0 0 14px;
}
#navi ul li a.selected {
    color:#BC0F42;
}
#navi ul li ul {
    padding:1px 0 13px 0;
}
#navi ul li ul li {
    padding:0px 0 2px 0;
}
#navi ul li ul li a {
    color:#41525C;
    font-size:11px;
    line-height:14px;
    font-weight:normal;
    display:block;
    padding:1px 0 1px 24px;
    background: url('/img/navi-icon.gif') 15px 6px no-repeat;
}
#navi ul li ul li ul {
 padding:2px 0 0 9px;
}

/******************************
Suche
******************************/
#search {
    padding:42px 0 0 14px;
}
#search h2 {
    color:#203C74;
    font-size:14px;
    padding-bottom:2px; 
} 
#search input.search {
    width:90px;
    border: 1px solid #9CA4AC;
    height:16px;
    color:#41525C;
    font-size:11px;
    padding:1px 5px 0 5px;
}
#search input.search-image {
    margin-bottom:-3px;
    margin-left:4px;
}
html>body #search input.search-image {
    margin-bottom:-5px;
}
*:first-child+html #search input.search-image {
    margin-bottom:-3px;
}


/******************************
Footer
******************************/
#footer a.back {
    background:url('/img/back.gif') 0 3px no-repeat;
    padding:0 0 0 19px;
}
#footer a.print {
    background:url('/img/print.gif') 0 0 no-repeat;
    padding:0 0 0 18px;
    margin-left:15px;
}
#footer a.top {
    background:url('/img/top.gif') 0 1px no-repeat;
    padding:0 0 0 14px;
    margin-left:10px;
}


/******************************
Content
******************************/
#content h2 {
    font-size:15px;
    line-height:28px;
    color:#BC0F42;
    margin-left:-1px;
}
#content h3 {
    font-size:11px;
    line-height:14px;
    color:#496498;
    margin-bottom:11px;
}
#content h4 {
    font-size:11px;
    line-height:14px;
    color:#496498;
    margin-bottom:3px;
}
#content span.plaintext {
    font-size:11px;
    line-height:14px;
}
#content span.plaintext p{
    margin:8px 0;
}
#content img.wide {
    margin:7px 0 7px 0;
}
#content div.chart, #teaser div.chart {
    margin:0 0 16px 0;
}
#content img.chart, #teaser img.chart {
    border:1px solid #CFD5EE;
}
#content img.zoom, #teaser img.zoom {
    margin:-15px 0 0 -15px;
}

#content a img {
    border:none;
}
#content a img.link {
    margin:6px 7px -1px 0;
}
#content img.subhome {
    padding: 0 14px 0 0;
    float:left;
}
#content .line,
#content .line8,
#content .line12 {
border-bottom:1px solid #9CA4AC;
font-size:1px;
line-height:1px;
height:24px;
clear:both;
margin:0 0 24px 0;
}
#content .line8 {
height:8px;
margin:0 0 8px 0;
}

#content .line12 {
 height:12px;
 margin:0 0 12px 0;
}

#content .pager {
text-align:right;
}
#content .pager img.pager-back {
margin:2px 8px -1px 2px;
}
#content .pager img.pager-forward {
margin:0 2px -1px 8px;
}
#content .pager img.pager-blind {
width:54px;
height:1px;
}
#content .pager span.nonactive {
color:#CCC;
}


#content span.plaintext a.contextLink{
    font-weight:bold;
    font-size:11px;
    background: url('/img/arrow-red-teaser.gif') 0px 9px no-repeat;
    padding:7px 0 7px 16px;
}
/******************************
Teaser
******************************/
#teaser .normal,
#teaser .special {
    padding: 20px 16px 20px 16px;
    margin-bottom:20px;
    background-color:#E8EAF6;
}
#teaser .special {
    color:#496498;
    padding: 20px 4px 20px 16px;
}
#teaser span.plaintext {
    font-size:11px;
    line-height:14px;
}
#teaser .image {
    border:1px solid #B1B7C1;
}
#teaser .image.left {
    margin:0 17px 35px 0;
}
#teaser .image.right {
    margin:0 0 35px 17px;
}
#teaser a img.link {
    margin:12px 7px -1px 0;
}
#teaser h2 {
    font-size:14px;
    line-height:18px;
    color:#BC0F42;
    margin-bottom:8px;
}
#teaser ul {
    list-style:none;
    padding:0 0 0 0;
}
#teaser ul li {
    color:#41525C;
    font-size:11px;
    line-height:14px;
    display:block;
    padding:7px 0 7px 16px;
    background: url('/img/arrow-red-teaser.gif') 0px 9px no-repeat;
}

#teaser div.teaserListItem ul {
    list-style:none;
}
#teaser div.teaserListItem ul li {
    background: url('/img/list.gif') 1px 10px no-repeat;
    padding:4px 0 5px 12px;
}



/******************************
explizit nur auf Homepage
******************************/
#home #flash {
    position:absolute;
    left:180px;
    top:34px;
    width:800px;
    height:492px;
    z-index:10;
}
#home #intro-welcome {
    position:absolute;
    left:214px;
    top:413px;
    width: 440px;
    z-index:300;
}
#home #intro-blick {
    position:absolute;
    left:756px;
    top:413px;
    width:225px;
    z-index:200;
}
#home #intro-welcome a {
    color:#BC0F42;
}
#home #intro-welcome h1,
#home #intro-blick h1 {
    color:#BC0F42;
    padding-bottom:10px;
}
#home #intro-blick a img.link {
    margin:7px 7px -1px 0;
}
#home #verbund {
    position:absolute;
    top:526px;
    background-color:#373E42;
    left:180px;
    height:43px;
    z-index:200;
}
div#verbund { width:800px; padding:0; }
div.verbundlogo { float:left; padding:0 15px; }
div.verbundlogo img { border:0; }

/******************************
Kontaktformular
******************************/
#content fieldset.kontakt {
    padding-top:20px;
}
#content fieldset.kontakt legend {
    display:none;
}
#content fieldset.kontakt label {
    width: 84px;
    float: left;
    clear: both;
    font-size:11px;
    line-height:20px;
    font-weight:bold;
    color:#41525C;
}
#content fieldset.kontakt input,
#content fieldset.kontakt textarea {
    width: 342px;
    float: left;
    margin-bottom: 15px;
    background-color:#F4F5F6;
    border:1px solid #9CA4AC;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:14px;
    padding: 3px 5px 3px 5px;
}
#content fieldset.kontakt input.vorname,
#content fieldset.kontakt input.telefon {width: 137px; width:125px;}
#content fieldset.kontakt label.name,
#content fieldset.kontakt label.fax {width: 39px; width:60px; padding-right:5px; clear:none; text-align:right;}
#content fieldset.kontakt input.name,
#content fieldset.kontakt input.fax {width: 144px; width:133px;}
#content fieldset.kontakt textarea {height:98px;}
#content fieldset.kontakt input.loeschen,
#content fieldset.kontakt input.absenden {
    /*width:auto;jst*/
    /*height:auto;jst*/
    padding:0;
    margin:0;
    border:0;
}
#content fieldset.kontakt input.loeschen {width:108px;height:21px;margin-left:84px;}
#content fieldset.kontakt input.absenden {width:88px;height:21px;margin-left:157px;}
#content fieldset.kontakt input.small {
    width: 18px;
    background:#FFFFFF;
    border:none;
    float:left;
    margin-top:0px;
}
#content fieldset.kontakt div.frau {
    text-align:right;
    width: 42px;
    float: left;
    padding:1px 0 0 1px;
}
#content fieldset.kontakt div.herr {
    text-align:right;
    width: 30px;
    float: left;
    padding:1px 0 0 1px;
}
#content fieldset.kontakt div.herr {
    margin-left: 28px;
}
#content fieldset.kontakt span.error {
    font-size:11px;
    line-height:14px;
    color:#496498;
}
#content div.back {
    text-align:right;
}
#content div.back a img.link {
    margin-top:0px;
}
#content ul {
    list-style:none;
    margin:4px 0;
}
#content ul li {
    /*background: url('/img/list.gif') 1px 10px no-repeat;*/  background: url('/img/list.gif') 1px 8px  no-repeat;

    padding:3px 0 3px 12px;
}

/******************************
Galerie
******************************/
.galerie-box {
    width:230px;
    padding:0 12px 0 0;
    float:left;
    line-height:13px;
    margin:17px 0 50px 0;
}
.galerie-box img {
    float:left;
    margin-right:9px;
    border:1px solid #9CA4AC;
}
.galerie-box a {
    color:#BC0F42;
}
