﻿
html, body {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background-color:#9CC4D0;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
}
h1 {
    font-size:1.6em;
    font-weight:bold;
    color:#5E9CAE;
    padding:0em 0em 0.5em 0em;
    margin:0em;
}
h2 {
    font-size:1.3em;
    font-weight:bold;
    color:#5E9CAE;
    padding:0em 0em 0.4em 0em;
    margin:0em;
}
h3 {
    font-size:1.1em;
    font-weight:bold;
    color:#5E9CAE;
    padding:0em 0em 0.3em 0em;
    margin:0em;
}
h4 {
    font-size:0.9em;
    font-weight:bold;
    color:#5E9CAE;
    padding:0em 0em 0.2em 0em;
    margin:0em;
}
h5 {
    font-size:0.8em;
    font-weight:bold;
    color:#5E9CAE;
    padding:0em 0em 0.1em 0em;
    margin:0em;
}
h6 {
    font-size:0.7em;
    font-weight:bold;
    color:#5E9CAE;
    padding:0em 0em 0.1em 0em;
    margin:0em;
}
a {
    color:black;
    text-decoration:underline;
    background-color:transparent;
}
a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#5E9CAE;
}
.LayerInhalt a[target="_blank"], .LayerInhalt a[target="new"] {
    background-image: url(/structure/external.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1.1em;
}
img {
    border:0em;
}
form {
    padding:0em;
    margin:0em;
}
.txtupdate {
    color:#999999;
}
.txtupdatedatum {
    color:#666666;
}
.LayerHeaderSpalteRechts h1 {
    font-size:1.6em;
    font-weight:bold;
    color:#9dc5d1;
    padding:0em;
    margin:0em;
    text-decoration:none;
}
#LayerInhaltStartseite h1 {
    font-size:1.2em;
    color:#508da0;
    padding:0em;
    margin:0em;
}
#LayerTextExtranetStartseiteTextSpalte1 h1 {
    font-size:1.7em;
    color:black;
    padding:0em 0em 0.5em 0em;
    margin:0;
}
#LayerTextExtranetStartseiteTextSpalte1 strong {
    font-size:1.3em;
}
#LayerInhaltStartseite ul {
    margin:0em 0em 0em 0em;
    padding:0em 0em 1em 1.5em;
}
#LayerInhaltStartseite li {
    margin:0em 0em 0em 0em;
    padding:0em 0em 0.3em 0em;
}
#LayerNewsHeader h1 {
    font-size:1.3em;
    color:#fff;
    background-color:#5E9CAE;
    padding:0.5em;
    margin:0;
}
#LayerExtranetLoginHeader h1 {
    font-size:1.1em;
    color:#fff;
    padding:0;
    margin:0;
}
#menue {
    margin:0;
    padding:0;
    list-style:none;
}
#menue li {
    float:left;
    margin:0;
    padding:0em 1em 0em 0em;
    list-style:none;
}
#menue li a {
    color:#fff;
    text-decoration:none;
    background-image:url(/structure/arrow-menu.gif);
    background-repeat:no-repeat;
    background-position:left;
    background-color:#5E9CAE;
    padding:0em 0em 0em 0.7em;
    margin:0em;
    display:block;
}
#menue li a:hover, #menue li #clicked, #menue li #clicked:hover {
    color:#fff;
    text-decoration:underline;
    background-image:url(/structure/arrow-menu.gif);
    background-repeat:no-repeat;
    background-position:left;
    background-color:#5E9CAE;
    padding:0em 0em 0em 0.7em;
    margin:0em;
    display:block;
}
#LayerSuche input {
    color:#fff;
    font-size:1.1em;
    width:6.7em;
    background-color:#94c2d2;
    border:1px solid #418497;
}
#LayerTrennlinie1 img {
    width:80.4em;
}
#LayerTrennlinie2 img {
    width:100%;
}
.menue2 {
    padding:0em;
    margin:0em;
    list-style:none;
}
.menue2 li {
    float:left;
    margin:0em;
    list-style:none;
    border-style: solid;
    border-top-color: transparent;
    border-top-width: 0;
    border-right-color: transparent;
    border-right-width: 0;
    border-bottom-color: transparent;
    border-bottom-width: 1.2em;
    border-left-color: transparent;
    border-left-width: 1px;
}
/*
.menue2 li:hover {
    border-style: solid;
    border-top-color: transparent;
    border-top-width: 0;
    border-right-color: transparent;
    border-right-width: 0;
    border-bottom-color: #EAEAEA;
    border-bottom-width: 1.2em;
    border-left-color: #EAEAEA;
    border-left-width: 1px;
}
*/
.menue2 li.selected {
    background-color:#F2F6FA;
    border-style: solid;
    border-top-color: transparent;
    border-top-width: 0;
    border-right-color: transparent;
    border-right-width: 0;
    border-bottom-color: #5E9CAE;
    border-bottom-width: 1.2em;
    border-left-color: #5E9CAE;
    border-left-width: 1px;
}
.menue2 .aktive {
    border-style: solid;
    border-top-color: transparent;
    border-top-width: 0;
    border-right-color: transparent;
    border-right-width: 0;
    border-bottom-color: #EAEAEA;
    border-bottom-width: 1.2em;
    border-left-color: #EAEAEA;
    border-left-width: 1px;
}
.menue2 .li01 {
    height: 5.8em;
    width:12em;
    padding:0.5em;
    border-color: #FFFFFF;
}
.menue2 .li02 {
    height: 5.8em;
    width:12em;
    padding:0.5em;
    border-color: #FFFFFF;
}
.menue2 .li03 {
    height: 5.8em;
    width:12em;
    padding:0.5em;
    border-color: #FFFFFF;
}
.menue2 .li04 {
    height: 5.8em;
    width:12em;
    padding:0.5em;
    border-color: #FFFFFF;
}
.menue2 h1 {
    font-size:1.4em;
    font-weight:bold;
    color:#426D7A;
    padding:0em 0em 0.5em 0em;
    margin:0em;
    text-decoration:none;
}
.menue2 h1 a {
    color:#426D7A;
    padding:0em 0em 0.5em 0em;
    margin:0em;
    text-decoration:none;
    background-color:transparent;
}
.menue2 h1 a:hover, .menue2 h1 a#clickedheader {
    color:#426D7A;
    padding:0em 0em 0.5em 0em;
    margin:0em;
    text-decoration:none;
    background-color:transparent;
}
.menue2 a {
    font-size:1em;
    color:#a0a0a0;
    text-decoration:none;
    font-weight:bold;
    background-color:transparent;
}
.menue2 a:hover, .menue2 .clicked, .menue2 .clicked:hover {
    font-size:1em;
    color:#a0a0a0;
    text-decoration:underline;
    font-weight:bold;
    background-color:transparent;
}
ul.menue2ebene2, ul.menue2ebene2 li, ul.menue2ebene2 a{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    color:#a0a0a0;
}
#LayerMenue2Spalte2 img {
    width:22.7em;
    height:7.05em;
}
#LayerTextExtranetStartseiteBild img {
    width:51.9em;
    height:18em;
}
#LayerBildStartseite img {
    width:22.6em;
    height:18em;
}
#LayerNewsBalkenOben img {
    width:22.6em;
    height:0.7em;
}
#LayerNewsBalkenUnten img {
    width:22.6em;
    height:0.7em;
}
.newstext{
    color:black;
}
.LayerNewsRechts h1, .LayerNewsRechtsAbschluss h1 {
    color:black;
    font-size:1em;
    font-weight:bold;
    padding:0;
    margin:0;
    padding: 5pt 0pt;
}
#LayerInhaltAbschluss img {
    width:81.4em;
    height:2.1em;
}
.txtfooteradresse {
    color:black;
}
#LayerFooterAdresse a {
    color:black;
    text-decoration:underline;
    background-color:#9CC4D0;
}
#LayerFooterAdresse a:hover {
    color:white;
    text-decoration:none;
    background-color:#5E9CAE;
}
.buttonabschluss {
    padding:0em 0em 0em 0.3em;
    margin:0;
}
.inputextranetlogin {
    color:#fff;
    width:10em;
    border:1px solid #D3E1EC;
    background-color:#5E9CAE;
}
#LayerMainSpalte1 img {
    position:relative;
    padding:0em 0em 0.7em 0em;
    margin:0em;
}
.download {
    padding:0;
    margin:0;
    list-style:none;
}
.download li {
    padding:0;
    margin:0;
    list-style:none;
    padding:0.7em 0em 0.7em 0em;
    margin:0em;
}
.download li.downloadElement {
    background-image:url(/structure/trennlinie-punkte.gif);
    background-repeat:repeat-x;
    background-position:bottom left;
}
.download li.downloadElement a {
    color:#000000;
    text-decoration:none;
    padding:0.3em 0em 0.5em 2em;
    margin:0em;
    background-image:url(/structure/icon-download.gif);
    background-repeat:no-repeat;
    background-position:left top;
    background-color:#fff;
    display:block;
}
.download li.downloadElement a:hover {
    color:#000000;
    text-decoration:underline;
    padding:0.3em 0em 0.5em 2em;
    margin:0em;
    background-image:url(/structure/icon-download.gif);
    background-repeat:no-repeat;
    background-position:left top;
    background-color:#fff;
    display:block;
}
.menueright {
    position: relative;
    float: left;
    /* width: 22em; */
    width: 100%;
    margin:0;
    padding:0em 0em 0em 0em;
    list-style:none;
    /* background-image:url(/structure/trennlinie-punkte.gif);
    background-position:top left;
    background-repeat:repeat-x; */
}
.menueright li {
    margin:0em 0em 1px 0.0em;
    padding: 0.1em 0.1em 0.1em 0.1em;
    list-style:none;
    /* background-image:url(/structure/trennlinie-punkte.gif);
    background-position:bottom left;
    background-repeat:repeat-x; */
    font-size: 1.2em;
    border-style: solid;
    border-top-color: transparent;
    border-top-width: 0;
    border-right-color: transparent;
    border-right-width: 1.2em;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-width: 0;
    border-color: #FFFFFF;
}
.menueright li:hover {
    border-style: solid;
    border-top-color: transparent;
    border-top-width: 0;
    border-right-width: 1.2em;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-width: 0;
    border-color: #EAEAEA;
}
.menueright li.act {
    border-style: solid;
    border-top-color: transparent;
    border-top-width: 0;
    border-right-color: #5E9CAE;
    border-right-width: 1.2em;
    border-bottom-color: #5E9CAE;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-width: 0;
    background-color: #F2F6FA;
}
.menueright li a {
    color:#666666;
    margin:0;
    padding:0em 0em 0em 0em;
    text-decoration:none;
    background-color:#fff;
}
.menueright li a:hover {
    color:#666666;
    margin:0;
    padding:0em 0em 0em 0em;
    text-decoration:underline;
    background-color:#fff;
}
.menueright li.act a {
    color:#426D7A;
    margin:0;
    padding:0em 0em 0em 0em;
    text-decoration:none;
    background-color:transparent;
    font-weight: bold;
}
.menueright li.act a:hover {
    color:#426D7A;
    margin:0;
    padding:0em 0em 0em 0em;
    text-decoration:underline;
    background-color:transparent;
    font-weight: bold;
}
.menuerightsub {
    margin:0;
    padding:0.4em 0em 0em 4em;
    list-style:none;
    background-image:url(/structure/trennlinie-punkte.gif);
    background-position:top left;
    background-repeat:repeat-x;
}
.menuerightsub li {
    margin:0;
    padding:0em 0em 0.3em 0em;
    list-style:disc;
    background-image:none;
}
.menuerightsub li a {
    color:#666666;
    text-decoration:none;
    background-color:#fff;
}
.menuerightsub li a:hover, .menuerightsub li a.clicked, .menuerightsub li a.clicked:hover {
    color:#6599cb;
    text-decoration:underline;
    background-color:#fff;
}
.LayerInhaltSpalte2 img {
    position:relative;
    float:left;
    padding:0em 0em 0.2em 0em;
    margin:0em;
    width:13.7em;
}
.LayerGeschaeftsfuehrungSpalte2 img {
    height:10em;
}
.txtsuche {
    font-size:1.2em;
    color:#fff;
}
.formlabel {
    color:#fff;
}
#LayerFooterButtons img {
    padding:0em 0em 0em 0.7em;
    margin:0em;
}
#LayerSucheArrow img {
    width:1.8em;
}
.LayerNewsImage img {
    margin: 0;
    padding: 0;
    width: 12em;
}
/* Sitemap */
.sitemap, .sitemap li {
    list-style-type: none;
    padding: 0 0 0.3em 0;
    margin: 0;
}
/*
ul#sitemap, ul#sitemap ul, ul#sitemap li {
    list-style-type: none;
    list-style-position: outside;
}
ul#sitemap a {
    color: #508DA0;
    background-color: #FFFFFF;
    text-decoration: none;
}
ul#sitemap a:hover {
    color: #508DA0;
    background-color: #FFFFFF;
    text-decoration: underline;
}*/
.sitemap_title {
  background-color: #F2F6FA;
  border-bottom:1px solid #426D7A;
  font-size:105%;
  padding:0.4em;
  font-weight:bold;
}
.sitemap_content {  
  padding:0.2em 0.4em 0.2em 0.4em; 
}
/* Sitemap */
 
div.hr {
    position: relative;
    float: left;
    background-color: #FFFFFF;
    border-style: none;
    height: 1px;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    width: 18em;
    overflow: hidden;
}
#LayerSchriftvergroeserung img{
    height: 1.7em;
}

/* COLORS */
#LayerMasterInhalt { background-color:#FFFFFF; }
#LayerMainInhalt2 { background-color:#FFFFFF; }
#LayerNewsHeader { border-bottom-color: #FFFFFF; }
.LayerNewsTitle { background-color: #FFFFFF; }
.LayerNewsDate { background-color: #FFFFFF; }   
.LayerNewsListTitle { background-color: #FFFFFF; }
#LayerFooterW3C a, #LayerFooterW3C a:hover { background-color: #9EC4CE; }
.LayerNewsRechts { background-color: #D2E1EC; }
.LayerNewsRechtsAbschluss { background-color: #D2E1EC; }
.LayerNewsTitle { color: #40717F; }
.LayerNewsDate { color: #40717F; }   
.LayerNewsListTitle { color: #40717F; }
a.mehr { border-left-color: #5E9CAE; }
#LayerSchriftvergroeserung a, #LayerSchriftvergroeserung a:hover { background-color: #5E9CAE; }
#LayerMenue { background-color: #5E9CAE; }
#LayerSchriftvergroeserung a, #LayerSchriftvergroeserung a:hover { background-color: #5E9CAE; }
#LayerTextExtranetStartseiteTextSpalte2 { background-color:#0099CC; }
/* COLORS */
 
/* Lightbox */
#lightbox{ position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto; }
#lightbox a, #lightbox a:hover { background-color:#FFFFFF; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; display: block; } /* Trick IE into showing hover */ 
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/structure/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/structure/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}         
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* Lightbox */


/* Sitemap - neu */
ul.sitemap {
    position: relative;
    float: left;
    width: 50em;
    margin: 0;
    padding: 0;
}
ul.sitemap li {
    position: relative;
    float: left;
    width: 12.5em;
    margin: 0;
    padding: 0;
}
ul.sitemap li a {
    position: relative;
    float: left;
    width: 12.5em;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 1em;
    margin: 0;
    padding: 0;
    padding-bottom: 0.5em;
}
ul.sitemap li {
    margin: 0;
    padding: 0;
}
ul.sitemapE2 {
    position: relative;
    float: left;
    border-top: 1px solid #426D7A;
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
}
ul.sitemapE2 li {
    width: auto;
    border-bottom: none;
}
ul.sitemapE2 li a {
    font-weight: normal;
    padding: 0;
}
/* Sitemap - neu */

/* SKIPLINKS */
.skiplink a {
    position: absolute;
    top: -100px;
    left: 0;
    padding: 0 5px;
    background: white;
    font-size: 1.3em;
    z-index: 100;
}
.skiplink a:focus {top: 0px;}
/* SKIPLINKS */

#LayerMenue2Spalte2 a:hover {
    background:none;
}
/*.LayerDownloadText a:hover img{
    background:none;
}*/
