/*-----------------------------------------------
$Id: style.css
     Style Sheet
Customer: StEB (Stadtentwässerungsbetriebe Köln)
Author:   Volker Dürr (vierviertel.com)
Version:  1.0
Creation Date:    2006/12/05
Last Modify:      2007/09/04
-----------------------------------------------*/

/* -- import basic styles
------------------------- */
@import "organigramm.css";
@import "safari.css";



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

body {
    margin:0; /* setting top and bottom margin */
    padding:0;
    font-size:100.01%;
    background:#fff;
}
#skipToContent a, #skipToNav a {
    position:absolute;
    z-index:2;
    width:10em;
    overflow:hidden;
    top:-100px;
    left:-1000px
}

#skipToContent a:focus, #skipToNav a:focus, #skipToContent a:active, #skipToNav a:active {
    position:absolute;
    z-index:99;
    width:12em;
    top:.5em;
    left:.5em;
    margin-left:4px;
    text-decoration:underline;
    color:#000;
    background:#ccc;
    font-size:.8em
}
.hidden {
    display: none;
}
.clear {
    clear:both;
    font-size:1px;
    line-height:1px;
    margin-top:-1px;
}

#box-main .box-header {
    width:57.8em;
    position:relative;
    height:5.6em;
    background:#fff;
}
.box-header img {
    position:absolute;
    left:8.2em;
    top:1.3em;
}
.box-content {
    background:#E5EFF5;
    width:100%;
    border-bottom:1px solid #fff;

}
.box-content-inner {
    background:#CCDFEC;
    overflow:hidden;
    width:57.45em;
    border-right:2px solid #fff;
    position:relative;
    top:-2.76em;
    margin-bottom:-2.76em;
}
.lCol {
    width:11.5em;
    float:left;
    position:relative;
}
.lCol fieldset {
    background:#7FB0CF;
    color:#fff;
    font-size:80%;
    clear:both;
    padding:.3em 0 0 1em;
    height:1.95em;
}
.lCol legend {
    display:none;
    color:#000;
}
.lCol fieldset label {
    float:left;
    display:block;
    padding:.2em .4em 0 0;
}
.lCol fieldset input {
    float:left;
    width:8em;
    display:block;
    background:#CCDFEC;
}

* html .lCol fieldset input {
    width:7em;
}
.lCol fieldset input:focus {
    background:#fff;
}
.lCol fieldset .submit {
    float:left;
    border:none;
    width:auto;
    height:auto;
    background:#7FB0CF;
    margin:.3em 0 0 .3em;
    cursor:pointer;
}
* html .lCol fieldset .submit {
    width:1.3em;
    margin-top:.2em;
}
.box-content .checkForm {
    margin:15px 0 10px 0;
}
#box-main .propEmptyResult {
    font-weight:bold;
    background:#CCDFEC;
    padding:5px;
    width:450px;
}
.box-content .checkForm fieldset {
    width:350px;
}
.box-content .checkForm input {
    width:150px;
}
.checkForm input.submit-button {
    float:left;
    border:none;
    width:140px;
    height:auto;
    background:#7FB0CF;
    margin:.3em 0 0 .3em;
    cursor:pointer;
    position:relative;
    left:140px;
}
.checkForm input.number {
    width:50px;
    margin-right:90px;
}
.box-content div.propResult {
    margin:15px 0 15px 0;
    padding:15px;
    background:#CCDFEC;
    width:30em;
}
.box-content div.propResult dl {
    width:29em;
    font-size:100%;
    color:#000;
    overflow:hidden;
    margin-bottom:10px;
}
#box-main div.propResult dt {
    float:left;
    font-size:76%;
    color:#000;
    width:17em;
    margin-bottom:10px;
}
* html #box-main div.propResult dt {
    height:1.5em;
}
#box-main div.propResult dl dd {
    float:left;
    font-size:76%;
    color:#000;
    width:18em;
    margin-bottom:10px;
    font-weight:bold;
    min-height:1.5em;
}
* html #box-main div.propResult dl dd {
    height:1.5em;
}
.contentBox {
    background:#CCDFEC;
    overflow:hidden;
    width:57.45em;
    border-right:2px solid #fff;
    position:relative;
}
.startseite {
    border-bottom:2px solid #fff;
    position:relative;
}
.startseite .imgleft {
    margin:0;
    width:11.5em;
    height:12.45em;
    float:left;
}
.startseite .imgright {
    margin:0;
    float:left;
    width:10.1em;
    height:12.45em;
}
.startseite p {
    position:absolute;
    top:12.5em;
    left:18em;
    color:#fff;
    font-size:76%;
    width:30em;
}
.startseite h1 {
    position:absolute;
    top:5em;
    left:9em;
    color:#fff;
    font-size:150%;
}
* html .startseite .imgright {
    width:10.15em;
}
.content {
    width:33.2em;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    float:left;
    background:#fff;
    min-height:31.5em;
    position:relative;
    padding:0 1em 2.65em 1.3em;
}
* html .content {
    height:31.5em;
}
.stebhome .content {
    min-height:19.5em;
}
* html .stebhome .content {
    height:19.5em;
}


.homeTeaserOuter {
    padding:0;
    width:35.5em;
}
.homeTeaser {
    background:#99C0D9;
    float:left;
    width:17.68em;
    text-align:center;
    min-height:19.6em;
}
* html .homeTeaser {
    height:19.6em;
}
.content .homeTeaser h2 {
    color:#fff;
    background:#0061A0;
    padding:1.4em 0 .5em 1.8em;
    text-align:left;
}
.content .homeTeaser h2 span {
    background:url(img/bghomeTeaser.gif) #0061A0 center left no-repeat;
    padding-left:1em;
}
.content .homeTeaser img {
    margin:1em 0 0 0;
    width:14.9em;
}
.content .homeTeaser p {
     text-align:left;
    width:22em;
    padding-right:1em;
    font-size:70%;
    margin:.5em 0 .5em 1.8em;
}
.content .homeTeaser a:active,
.content .homeTeaser a:focus,
.content .homeTeaser a {
     text-align:left;
    color:#000;
    display:block;
}
.tleft {
    border-right:2px solid #fff;
}
.content .footer {
    position:absolute;
    bottom:0;
    left:0;
    background:#BFD7E7;
    width:35.5em;
    height:1.7em;
}
.content .footer ul {
    list-style:none;
    margin:.1em 0 0 1em;
    font-size:100%;
}
.content .footer ul li {
    display:inline;
    padding-right:.5em;
    margin-bottom:0;
}
.content .footer a:active,
.content .footer a:focus,
.content .footer a {
    background:url(img/bg_breadcrumb.gif) left .4em no-repeat;
    font-size:66%;
    padding:0 0 0 10px;
    color:#0061A0;
    text-decoration:none;
}
.content .footer a:hover {
    text-decoration:underline;
}
.content .footer span {
    position:absolute;
    right:1em;
    top:.4em;
}
.content .intro h2,
.content .intro h3,
.content .intro a:active,
.content .intro a:focus,
.content .intro a,
.content .intro {
    color:#0061A0;
    padding-top:0;
}
.content .intro h1 {
    position:absolute;
    top:1.3em;
    left:2.6em;
    color:#fff;
    background:none;
    padding:0;
}
.content .introbild {
    width:35.5em;
    margin-bottom:1em;
    margin-left:-1.3em;
    margin-right:-1.3em;
}
.startseite .introbild {
    width:35.5em;
    margin-left:0;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    float:left
}
.content h1 {
     background:#ADC9E3;
    font-size:95%;
    padding:1.3em .5em .8em 1.3em;
    margin:0 -1.05em 1em -1.35em;
}
.content h2 {
    padding:0 .5em .2em 0;
    margin-left:0;
}
.content h3 {
    padding:.8em .5em .1em 0;
}
.content h4 {
    padding:1em .5em .1em 0;
    font-size:76%;
}
.content a:active,
.content a:focus,
.content a {
    color:#0061A0;
}
.content a:active,
.content a:focus,
.content a {
    text-decoration:underline;
}
.content ul,
.content p {
    font-size:76%;
    margin:.2em 8em .8em 0;
    line-height:1.3em;
}
/* added 11.12.2008 */
.dichtheitspruefung p {
    width:40em;
    margin:.2em 0 .8em 0;
}
/* added 11.12.2008 */
.dichtheitspruefung .intro p {
    color:#000;
    background:#E5EFF5;
    padding:10px;
    width:41.7em;
}

.content ul {
    margin:0 6em 0 16px;
}
.content ul.spiegelstrich {
   list-style:url(img/hyphen.gif);
   margin-left:20px;
}
.gesamttext ul {
    margin:0 6em 0 32px;
}
.content .gesamttext ul li {
    margin-bottom:.4em;
}
.content ul li {
    list-style:url(img/liste.gif);
    margin-bottom:.8em;
}
.content ul.spiegelstrich li {
   list-style:url(img/hyphen.gif);
}
.content ol {
    padding-left:30px;
    width:28em;
}
.content ol li {
    font-size:76%;
    margin-bottom:.8em;
}
.content ol li ol li {
    margin-top:8px;
    font-size:100%;
}
span.trenner {
    display:block;
    background:url(img/trenner.gif) center repeat-x;
    height:2px;
    line-height:1px;
    margin:1.5em 0 1.2em 0;
}
.content img {

}
dd {
    display:block;
    font-size:66%;
    color:#6699CC;
}
.daten {
    font-size:76%;
}
.daten dt {
    float:left;
    width:8em;
    color:#6699CC;
}
.daten dd {
    float:left;
    font-size:100%;
    color:#000;
    width:30em;

    overflow:hidden;
    margin-left:0;
}
.daten dd.trenner {
    clear:left;
    float:none;
    width:43em;
    line-height:1px;
    height:1px;
    position:relative;
    top:.5em;
    margin:.5em 0 1.2em 0;
    overflow:hidden;
    background:url(img/trenner.gif) repeat-x;
}
.stellen {
    font-size:76%;
    margin:1em 0 0 0;
}
.stellen dt {
    width:18em;
    color:#6699CC;
    background:#CCDFEC;
    padding:.2em .5em .2em .8em;
    text-align:right;
    overflow:hidden;
}
.stellen dt span {
    display:block;
    float:left;
    width:12em;
    text-align:left;
    background:#CCDFEC;
}
.stellen dd {
    font-size:100%;
    margin-right:8em;
    overflow:hidden;
    margin-left:0;
    padding:.2em;
}
.stellen a:active,
.stellen a:focus,
.stellen dd a {
    color:#000;
    text-decoration:none;
}
.stellen dd a:hover {
    text-decoration:underline;
}
.stellendetail {
    padding-top:.5em;
    margin-top:1em;
    background:url(img/trenner.gif) top repeat-x;
}
.stellendetail h3 {
    color:#6699CC;
}
.content .bilder {
    margin:1.5em 0 1em 0;
    list-style:none;
    overflow:hidden;
    width:43em;
}
.bilder span {
    display:block;
    color:#6699CC;
    font-size:90%;
}

.bilder li {
    display:inline;
    float:left;
    margin-right:1.5em;
}
.bilder li a:active,
.bilder li a:focus,
.bilder li a {
    display:block;
    color:#970F00;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
    text-decoration:none;
}
.bilder li a:hover {
    text-decoration:underline;
}
/* VCARD Kontakte */
.kontakt-gruppe {
    padding-bottom:.1em;
    background:url(img/trenner.gif) bottom repeat-x;
    margin-bottom:1em;
}
.kontakt-gruppe h2 {
    margin-top:1em;
}
.vcard {
    font-size:76%;
    margin:.5em 0 2em 0;
}
.vcard span {
    display:block;
}
.vcard .fn {
    color:#6699CC;
    font-weight:bold;
}
.content .kontakt-gruppe a:active,
.content .kontakt-gruppe a:focus,
.content .kontakt-gruppe a {
    font-weight:normal;
}
.dlBox2,
.dlBox1 {
    position:relative;
    left:0;
    padding-bottom:2em;
    margin-bottom:1.5em;
    background:url(img/trenner.gif) bottom repeat-x;
    width:33em;
}
.dlBox2 {
     min-height:4em;
    margin-bottom:0;
}
* html .dlBox2 {
     height:4em;
}
.dlBox1 div {
    position:absolute;
    left:8em;
    top:0;
}
.dlBox2 div {
    position:static;
    left:0;
    top:1em;
    height:3em;
    width:33em;
}
.dlBox1 img {
    margin:0;
}
.dlbox2 h3 {
     position:relative;
    left:0;
    top:0;
}
.dlBox1 h3 {
    position:absolute;
    left:10em;
    top:-.8em;
}
.dlBox2 div p {
    position:relative;
    left:0;
    top:0;
    width:28em;
}
.dlBox1 p {
    position:relative;
    left:0;
    top:2em;
    width:28em;
}
.dlBox1 a:active,
.dlBox1 a:focus,
.dlBox1 a {
    position:relative;
    display:block;
    color:#970F00;
    top:2em;
    font-size:76%;
    margin-top:.5em;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
    text-decoration:none;
}
.dlBox2 a:active,
.dlBox2 a:focus,
.dlBox2 a {
    position:absolute;
    display:block;
    color:#970F00;
    left:30.5em;
    bottom:2em;
    font-size:76%;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
    text-decoration:none;
}
.dlBox2 a:hover,
.dlBox1 a:hover {
    text-decoration:underline;
}
.dlBox1 a.imgLink:focus,
.dlBox1 a.imgLink:visited,
.dlBox1 a.imgLink:active,
.dlBox1 a.imgLink {
     background:none;
    top:0;
    left:0;
    padding:0;
}
.content ul.ausschreibung {
     list-style-image:none;
       list-style:none;
    margin:0 0 1em 0;
    width:18em;
}
.content ul.ausschreibung li {
     list-style-image:none;
       list-style:none;
    display:block;
    margin:0 0 .4em 0;
    padding:6px 0 6px 10px;
    color:#000;
    background:#CCDFEC;
}
.content ul.ausschreibung li a:active,
.content ul.ausschreibung li a:focus,
.content ul.ausschreibung li a {
    padding-right:3px;
}
.baumassnahme {
    margin:-.5em 1em 1em 0;
    background:url(img/trenner.gif) bottom repeat-x;
    padding-bottom:1em;
}
.content ul.backlinks {
    margin:0;
    padding:0;
    list-style:none;
    width:35em;
    overflow:hidden;
    margin-bottom:-.8em;
}
* html .content ul.backlinks {
    margin-bottom:-1.6em;
}
.content ul.backlinks li {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:15em;
    display:block;
}
.content ul.backlinks li a:active,
.content ul.backlinks li a:focus,
.content ul.backlinks li a {
    display:block;
    color:#970F00;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
    margin:0;
}
.content .baumassnahme ul {
    list-style:none;
    margin:0;
}
.content .baumassnahme ul {
    width:37em;
}
.baumassnahme ul li {
    list-style:none;
    list-style-image:none;
    background:#e5eff5;
    padding:.2em 0 .2em .5em;
    margin-bottom:.4em;
}
.baumassnahme ul li a:active,
.baumassnahme ul li a:focus,
.baumassnahme ul li a {
    font-weight:bold;
    text-decoration:none;
    color:#000;
}
.baumassnahme ul li a:hover {
    text-decoration:underline;
}
.zweispalten {
    margin:.5em 0 .5em 0;
    clear:both;
    float:none;
    overflow:hidden;
    width:32em;
}
.zweispalten p {
    float:left;
    width:18em;
    margin:0 1em 0 0;
}
.beschreibung {
    color:#000;
    font-size:76%;
    margin:1em 0 3em 0;
    overflow:hidden;
    width:38em;
    clear:left;
    float:none;
}
.beschreibung dt {
    width:11em;
    float:left;
    margin-bottom:.5em;
}
.beschreibung dd {
    width:25em;
    min-height:2em;
    color:#000;
    font-size:100%;
    float:left;
    margin-bottom:.5em;
}
.content .linkliste,
.content .linkliste li {
    list-style:none;
    list-style-image:none;
    clear:both;
}
.content .linkliste {
    margin:0;
}
.content .linkliste li {
    margin-bottom:.3em;
}
.content .linkliste a:active,
.content .linkliste a:focus,
.content .linkliste a {
    color:#970F00;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
}

.veranstaltung {
    background:url(img/veranstaltung_trenner.gif) 24.9em top #ccdfec no-repeat;
    margin:1em 0 1em -.2em;
    overflow:hidden;
    width:33em;
    position:relative;
}
.veranstaltung .inner {
    background:url(img/veranstaltung_trenner.gif) 24.9em top #6699cc no-repeat;
    position:relative;
    min-height:1.5em;
}
* html .veranstaltung .inner {
    height:3.5em;
}

.veranstaltung .inner h2 {
    width:29.5em;
    padding-left:1.4em;
}
.veranstaltung .inner span {
    display:block;
    position:absolute;
    right:3.7em;
    top:1.8em;
    font-size:76%;
    font-weight:bold;
}
.veranstaltung p {
    float:left;
    width:27.5em;
    margin:.5em 0 0 0;
    padding:0 0 0 1.3em;
    min-height:7.5em;
}
* html .veranstaltung p {
    height:7.5em;
}
.veranstaltung .inner p {
    width:31.5em;
    margin:0 0 0 1.4em;
    padding:.3em 0 0 0;
    float:none;
    height:auto;
    min-height:1em;
}
.veranstaltung a:active,
.veranstaltung a:focus,
.veranstaltung a {
    color:#000;
    text-decoration:none;
    position:absolute;
    left:1.4em;
    bottom:.5em;
    font-size:76%;
    display:block;
    color:#970F00;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
}
.veranstaltung ul li a:active,
.veranstaltung ul li a:focus,
.veranstaltung ul li a {
    font-size:100%;
}
.presse {
    margin:1em 0 1em -.2em;
    overflow:hidden;
    width:33em;
    position:relative;
    background:url(img/trenner.gif) bottom repeat-x;
    padding-bottom:1em;
}
.detail {
    background:url(img/trenner.gif) top repeat-x;
    padding-top:1em;
}
.presse span {
    display:block;
    float:left;
    position:relative;
    width:7em;
    font-size:76%;
    padding-left:1px;
    color:#0061A0;
}
.presse div {
    float:left;
    position:relative;
    width:27em;
}
.presse h2 {
    color:#0061A0;
    width:29em;
}
.presse p {
    margin-bottom:0;
}
.content .detail .linkliste a:active,
.content .detail .linkliste a:focus,
.content .detail .linkliste a,
.presse a {
    color:#970F00;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
    font-size:76%;
    text-decoration:none;
}
.content .detail .linkliste a:active,
.content .detail .linkliste a:focus,
.content .detail .linkliste a {
    font-size:100%;
}
.content .detail a:active,
.content .detail a:focus,
.content .detail a {
    background:none;
    font-size:100%;
    padding:0;
}
.presse a:hover {
    text-decoration:underline;
}
.content a.back:active,
.content a.back:focus,
.content a.back {
    display:block;
    color:#970F00;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
    font-size:76%;
    margin-bottom:-.5em;
}
.veranstaltung p a:hover {
    text-decoration:underline;
}
.veranstaltung img {
    float:right;
    width:8.05em;
}
.veranstaltung .gesamttext {
    float:left;
}
.veranstaltung .gesamttext img {
    width:auto;
}
#inhalt .veranstaltung .gesamttext p {
    float:none;
    width:27.5em;
    margin:.5em 0 1em 0;
    padding:0 0 0 1.3em;
    min-height:1em;
    height:auto;
    max-height:auto;
}
.veranstaltung .gesamttext p a:active,
.veranstaltung .gesamttext p a:focus,
.veranstaltung .gesamttext p a {
    font-size:100%;
    background:none;
    padding:0;
    position:relative;
    left:0;
    bottom:0;
}

.baustellen-karte {
    position:relative;
}
.baustellen-karte .karte {
    width:30em;
    height:30em;
}
.baustellen-karte .punkt {
    width:.6em;
}
.blaustelle-detail {
    margin-top:1em;
    background:url(img/trenner.gif) top repeat-x;
    padding-top:1em;
}
.blaustelle-detail dl {
    margin-top:1em;
}
.blaustelle-detail dl dt {
    font-size:76%;
    font-weight:bold;
    float:left;
    width:10em;
    margin-bottom:1em;
}
.blaustelle-detail dl dd {
    color:#000;
    font-size:76%;
    float:left;
    margin-bottom:1em;
}
.blaustelle-detail dl dd.clear {
    clear:both;
    float:none;
    margin:0;
    height:1px;
}
.blau {
    color:#006699;
}
.content .links dt {
    background:url(img/trenner.gif) top repeat-x;
    padding:.5em 0 0 0;
}
.content .links dt a:active,
.content .links dt a:focus,
.content .links dt a {
    font-size:80%;
    text-decoration:none;
    color:#000;
}
.content .links a:hover {
    text-decoration:underline;
}
.content .links dd {
    margin-bottom:.5em;
    font-size:80%;
    text-decoration:none;
    color:#000;
}

.content fieldset {
    font-size:76%;
    width:37em;
}
* html .content fieldset {
    width:39em;
}
legend {
    font-weight:bold;
    margin:0 0 .5em 0;
    color:#000;
}
* html legend {
    margin-left:-.3em;
}
.content fieldset p {
    margin:0 0 2em 0;
    font-size:100%;
}
.content fieldset label {
    display:block;
    float:left;
    width:12em;
    margin-bottom:1em;
}
.content fieldset textarea,
.content fieldset select,
.content fieldset input {
    display:block;
    border:1px solid #6699CC;
    float:left;
    width:24em;
    margin-bottom:1em;
}
.content fieldset input {
    font-size:100%;
}
*+html .content fieldset input {
    width:20em;
}
.content fieldset input.hidden {
    border:none;
    display:none;
    background:none;
}
.content fieldset textarea {
    font-size:100%;
}
* html .content fieldset textarea {
    width:26.3em;
}
.content fieldset select {
    width:24.25em;
}
.content fieldset input:focus {
    background:#D9E5F2;
}

.content fieldset div {
    clear:left;
    float:none;
    padding-left:12em;
}
.content fieldset div input {
    background:#6699CC;
    width:8em;
    color:#fff;
    cursor:pointer;
    margin-right:1em;
}
.content fieldset div input:focus {
    background:#6699CC;
}
.content fieldset .checkbox {
    width:1.2em;
    border:none;
    margin:0;
}
.content .a-z {
    background:url(img/trenner.gif) top repeat-x;
    padding:.5em 0 0 0;
}
.content .abisz {
    clear:both;
    float:none;
    width:35em;
    overflow:hidden;
}

.content .a-z a:active,
.content .a-z a:focus,
.content .a-z a {
    color:#000;
    text-decoration:none;
}
.content .a-z a:hover {
    color:#0061A0;
    text-decoration:underline;
}
.content .a-z ul,
.content .a-z ul li {
    list-style-image:none;
    list-style:none;
    margin:0;
    color:#ccc;
}
.content .a-z ul {
    margin-bottom:1em;
}
.content .a-z ul li {
    margin-bottom:.1em;
}
.content ul.abisz {
    margin-bottom:2em;
}
.content ul.abisz li {
    display:inline;
    float:left;
    margin:0 .5em 0 0;
}


/* Tabellen */
.tb {
    font-size:76%;
    width:41.5em;
}
.tb caption {
    text-align:left;
    padding:.2em 0 .8em 0;
    font-weight:bold;
    font-size:76%;
}
* html .tb caption {
    font-size:100%;
}
.tb th {
    text-align:left;
    padding:.3em 0 .3em .6em;
       background:#6699CC;
    color:#fff;
}
.tb td {
    text-align:left;
    padding:.3em 0 .3em .5em;
}
.tbbig th {
    text-align:center;
    vertical-align:top;
}
.tb .tdblue {
    background:#CCDFEC;
}
.tb .colRight {
    text-align:right;
    padding-right:.5em;
}
.tb td sup {
    font-size:66%;
}
.rCol {
    width:10.2em;
    float:left;
}
* html .rCol {
    width:10.2em;
}
.rCol #schriftskalierung {
    background:#7FB0CF;
    color:#fff;
    clear:both;
    overflow:hidden;
    height:1.8em;
}
.rCol #schriftskalierung span {
    font-size:80%;
    padding:.5em 0 .3em .8em;
    display:block;
    float:left;
}
.rCol #schriftskalierung a:active,
.rCol #schriftskalierung a:focus,
.rCol #schriftskalierung a {
    padding:.75em 0 0 .2em;
    margin-right:.2em;
    width:.8em;
    text-align:center;
    display:block;
    color:#fff;
    height:1em;
    float:left;
}
.rCol #schriftskalierung img {
    width:.45em;
}
.lblue,
.green,
.blue,
.dblue {
    display:block;
    border-bottom:1px solid #fff;
    border-top-width:1.32em;
    border-top-style:solid;
}
.green {
    border-top-color:#90AA26;
}
.blue {
    display:block;
    border-top-color:#7FB0CF;
}
.dblue {
    border-top-color:#0061A0;
}
.lblue {
    border-top-color:#CCDFEC;
    position:relative;
}
.lblue .language {
    position:absolute;
    top:-16px;
    left:3px;
}

.teaserBox2,
.teaserBox1 {
    border-bottom:.1em solid #fff;
}
.tHome {
    border-bottom:none;
    min-height:18.7em;
}
.tHome .teaserBox1 {
    border-bottom:none;
}
* html .tHome {
    height:18.64em;
}
.teaserBox1 {
    background:#FDE9CC;
    padding-bottom:1em;
}
.teaserBox2 {
    background:#CCDFEE;
}
.teaserBox1 h4,
.teaserBox2 h3,
.teaserBox1 h3 {
    color:#fff;
    font-size:80%;
    padding:.2em .5em .2em .8em;
}
.tHome h4 {
    padding:1.4em 0 .5em 1.2em;
}
.homeSpecial {
    position:relative;
}
.tHome h4 span {
    background:url(img/bghomeNewsTeaser.gif) center left no-repeat;
    padding-left:1em;
}
.teaserBox1 h3 {
    background:none;
    color:#000;
    font-size:76%;
    padding:.8em .5em .2em 1em;
}
.teaserBox1 h4 {
    font-size:80%;
    background:#F79100;
    color:#fff;

}
.teaserBox2 h3 {
    background:#0061A8;
}
.teaserBox2 p {
    padding:.5em .5em .5em .8em;
    font-size:76%;
}
.teaserBox1 p {
    padding:0 .5em 0 1.2em;
    font-size:70%;
}


.teaserBox2 strong,
.teaserBox1 strong {
    padding:1em 0 0 1.2em;
    display:block;
    font-size:70%;
}
.tHome strong {
    padding:1em 0 .1em 1.2em;
    display:block;
    font-size:70%;
}
.teaserBox1 a:active,
.teaserBox1 a:focus,
.teaserBox2 a:active,
.teaserBox2 a:focus,
.teaserBox2 a,
.teaserBox1 a {
    text-decoration:underline;
}
.teaserBoxSpecial {
    position:relative;
}
.teaserBoxCheck h2,
.teaserBoxSpecial h2 {
    font-size:80%;
    background:#0061A8;
    color:#fff;
    padding:.2em .5em .2em .8em;
}
.teaserBoxSpecial p {
    font-size:60%;
    position:absolute;
    left:83px;
    top:90px;
    z-index:500;
    width:70px;
}
* html .teaserBoxSpecial p {
    top:90px;
    left:73px;
}
.teaserBoxSpecial a {
    text-decoration:underline;
}
.teaserBoxSpecial img {
    z-index:5;
    padding:0 0 25px 5px;
}
.teaserBoxCheck fieldset {
    padding:10px;
}
* html .rCol .teaserBoxCheck input {
    width:11em;
}
.teaserBoxCheck {
    border-bottom:2px solid #fff;
}
.teaserBoxCheck label {
    font-size:.7em;
    display:block;
    color:#0061A8;
}
.teaserBoxCheck input {
    width:12em;
    font-size:.7em;
    margin-bottom:.8em;
}
.teaserBoxCheck input.number {
    width:5em;
}
* html .rCol .teaserBoxCheck input.number {
    width:5em;
}
.teaserBoxCheck input.submit {
    width:auto;
    border:none;
    background:none;
    margin-bottom:.3em;
    cursor:pointer;
    color:#0061A8;
}
#inhalt .homeSpecial p {
    position:absolute;
    left:145px;
    top:165px;
    width:100px;
}
.content .homeSpecial img {
    margin:1em 0 0 0;
    width:auto;
}


/* Hochwasser
---------------------------------*/
.hwz {
     width:11.5em;
    height:auto;
}
* html .hwz {
    height:9.3em;
}
/* Pegel Stand */
.pegel {
    font-size:100%;
    padding-bottom:1em;
    background:url(img/trenner.gif) bottom repeat-x;
    margin-bottom:1em;
    display:block;
    overflow:hidden;
    width:100%;
}
.pegel h2 {
    margin:1em 0 1em 0;
    padding-bottom:.5em;
    background:url(img/trenner.gif) bottom repeat-x;
}
.pegel .pegelbox {
    margin:1em 0 1em 0;
     background:url(img/bg_pegel.gif) #a3c1db repeat-x;
    width:16em;
    height:5em;
    position:relative;
}
.pegel .pegelbox h3 {
    color:#fff;
    padding:.1em 0 0 1em;
}
.pegel .pegelbox h4 {
    position:absolute;
    left:.7em;
    top:1em;
    font-size:120%;
    color:#0260a0;
}
.pegel .pegelbox p {
    position:absolute;
    left:10.7em;
    top:2.2em;
    color:#0260a0;
    width:8em;
}
.pegel .pegelbox p span {
    display:block;
}
.teasPegel {
    background:url(img/bg_teaser_pegel.gif) left top #ccdfec no-repeat;
    min-height:10em;
}
* html .teasPegel {
    height:10em;
}
.teasPegel h3 {
    border-bottom:1px solid #fff;
}
.teasPegel h4 {
    color:#000;
    font-size:1em;
    margin:.5em 0 0 0;
    position:relative;
    left:51px;
}
.teasPegel p span {
    display:block;
    padding-bottom:.3em;
}
.teasPegel p {
    position:relative;
    left:42px;
    padding-top:.5em;
    padding-bottom:0;
    width:8em;
    font-size:.7em;
}
#inhalt .karte-hws {
    position:relative;
    background:url(img/trenner.gif) bottom repeat-x;
    padding-bottom:.5em;
}
#inhalt .karte-hws a.pfa {
    position:absolute;
    background:#0061a0;
    color:#fff;
    font-size:.7em;
    text-decoration:none;
    padding:.1em;
}
.karte-hws img {
    width:32.75em;
    height:auto;
}
* html .karte-hws img {
    height:62.45em;
}
* html .info-hws ul {
    margin-right:-.8em;
}
.info-hws h3 {
    margin-top:1em;
    background:#4b8fbc;
    color:#000;
    padding:.2em 0 .2em .5em;
}
.info-hws ul {
    overflow:hidden;
    width:44.4em;
    margin:.5em 0 1em 0;
    list-style-image:none;
    list-style:none;
}
.info-hws ul li {
    float:left;
    background:#bad3e3;
    width:14.25em;
    list-style:none;
    list-style-image:none;
    margin:0 .5em .5em 0;
    display:block;
    min-height:4em;
}
.info-hws ul li a {
    min-height:6em;
    text-decoration:none;
    font-size:.9em;
    padding-left:.5em;
    display:block;
}
* html .info-hws ul li a {
    height:6em;
}

.info-hws ul li a:hover {

}
.info-hws ul li span {
    display:block;
    background:#4b8fbc;
    padding:.1em 0 .1em .5em;
    margin-left:-.5em;
    color:#fff;
}
.pfa-detail-karte {
    display:block;
    margin-top:1em;
}
.pfa-detail-karte a:active,
.pfa-detail-karte a:focus,
.pfa-detail-karte a {
    display:block;
    color:#970F00;
    background:url(img/download.gif) left center no-repeat;
    padding-left:.8em;
    text-decoration:none;
    font-size:.8em;
    margin-bottom:1em;
}
.pfa-detail-karte span {
    display:block;
    color:#6699CC;
    font-size:70%;
    padding:.3em 0 0 0;
}


/* Fragen */
.editorial {
    background:url(img/trenner.gif) bottom repeat-x;
    padding:0 0 1.5em 0;
}
.editorial ol {
    font-weight:bold;
    margin-left:1em;
}
* html .editorial ol {
    margin-left:1.5em;
}
.editorial ol li {
    padding:0;
    margin:0 0 .2em 0;
}
.editorial a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
}
.editorial a:active,
.editorial a:focus,
.editorial a:visited,
.editorial a:hover {
    text-decoration:underline;
}
.fragen {
    background:url(img/trenner.gif) bottom repeat-x;
    padding:1em 0 .5em 0;
}
/*.fragen:hover {
    background:url(img/trenner.gif) #e2edf3 bottom repeat-x;
}*/
/* Hochwasser Ereignis */
.hw-ereignis dl {
    overflow:hidden;
    margin-top:1em;
}
.hw-ereignis dl dt {
    display:block;
    float:left;
    font-size:.65em;
    width:8em;
}
.hw-ereignis dl span.tblue,
.hw-ereignis dl dd h3 {
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:1em;
    color:#1375ae;
}
.hw-ereignis dl dd.tblue {
    margin:0;
    padding:0;
    font-weight:bold;
    background:none;
    color:#1375ae;
}

.hw-ereignis dl dd {
    display:block;
    float:left;
    font-size:.7em;
    width:39em;
    color:#000;
    margin-bottom:.5em;
}
.hw-ereignis dl dd ul {
    list-style:none;
    list-style-image:none;
    margin:0;
}
.hw-ereignis dl dd ul li {
    list-style:none;
    list-style-image:none;
    font-size:1.1em;
    background:url(img/trenner.gif) bottom repeat-x;
    padding-bottom:.5em;
}
* html .hw-ereignis dl dd ul li {
    font-size:1.25em;
}
.hw-ereignis dl li.last {
    background:none;
    padding-bottom:0;
}
.hw-ereignis dl dd {
    background:url(img/trenner.gif) bottom repeat-x;
    padding-bottom:.4em;
}
.hw-ereignis dl dd.trenner {
    width:46.5em;
    line-height:1px;
    height:.1em;
    padding:0;
    margin:0 0 .5em 0;
    clear:both;
    float:none;
    background:url(img/bg_hw_ereig_bot.gif) center repeat-x;
}
.hw-ereignis dl dd.ereig6,
.hw-ereignis dl dd.ereig5,
.hw-ereignis dl dd.ereig4,
.hw-ereignis dl dd.ereig3,
.hw-ereignis dl dd.ereig2,
.hw-ereignis dl dd.ereig1 {
    background:none;
    padding-bottom:0;
}
.hw-ereignis dl dt.ereig1 {
    color:#90aa26;
    font-weight:bold;
}
.hw-ereignis dl dd.ereig1 h3 {
    background:url(img/bg_hw_ereig_1.gif) left center no-repeat;
    padding-left:14px;
}
.hw-ereignis dl dt.ereig2 {
    color:#eee360;
    font-weight:bold;
}
.hw-ereignis dl dd.ereig2 h3 {
    background:url(img/bg_hw_ereig_2.gif) left center no-repeat;
    padding-left:14px;
}
.hw-ereignis dl dt.ereig3 {
    color:#f79100;
    font-weight:bold;
}
.hw-ereignis dl dd.ereig3 h3 {
    background:url(img/bg_hw_ereig_3.gif) left center no-repeat;
    padding-left:14px;
}
.hw-ereignis dl dt.ereig4 {
    color:#8c3136;
    font-weight:bold;
}
.hw-ereignis dl dd.ereig4 h3 {
    background:url(img/bg_hw_ereig_4.gif) left center no-repeat;
    padding-left:14px;
}
.hw-ereignis dl dt.ereig5 {
    color:#703779;
    font-weight:bold;
}
.hw-ereignis dl dd.ereig5 h3 {
    background:url(img/bg_hw_ereig_5.gif) left center no-repeat;
    padding-left:14px;
}
.hw-ereignis dl dt.ereig6 {
    color:#000;
    font-weight:bold;
}
.hw-ereignis dl dd.ereig6 h3 {
    background:url(img/bg_hw_ereig_6.gif) left center no-repeat;
    padding-left:14px;
}


/* Aktuelle Infos */
.aktuelleInfos {
     overflow:hidden;
    width:32.7em;
    background:url(img/trenner.gif) bottom repeat-x;
    padding:.5em 0 .5em .5em;
}
.aktuelleInfos div {
    float:left;
    width:21.7em;
}
.aktuelleInfos h2 {
    margin-bottom:.5em;
}
.aktuelleInfos span.img {
    float:left;
    width:10.8em;
    display:block;
    text-align:right;
}
.aktuelleInfos span.img img {
}
.content .aktuelleInfos p {
    width:27em;
    margin:0 0 .5em 0;
}
.aktuelleInfos span {
    font-size:.75em;
    font-weight:bold;
    display:block;
    margin-bottom:1em;
}
.aktuelleInfos div a:visited,
.aktuelleInfos div a:active,
.aktuelleInfos div a {
    display:block;
    color:#970F00;
    background:url(img/download.gif) left center no-repeat;
    padding-left:.8em;
    font-size:.8em;
    text-decoration:none;
}
.aktuelleInfos div a:focus,
.aktuelleInfos div a:hover {
    text-decoration:underline;
}
.content .infodetail {
    margin-top:1em;
    background:url(img/trenner.gif) top repeat-x;
}


.content .infodetail p {
    width:39.5em;
}
.infodetail img {
    float:left;
    margin:.2em .5em .5em 0;
}
.content .archive {
    overflow:hidden;
    width:33em;
    list-style:none;
    list-style-image:none;
    padding-bottom:.7em;
    margin-bottom:1em;
    background:url(img/trenner.gif) bottom repeat-x;
}
.content .archive ul li {
    float:left;
    padding-left:.5em;
    list-style:none;
    list-style-image:none;

}
.archive li a:focus,
.archive li a:visited,
.archive li a {
    font-size:1em;
    text-decoration:none;
    color:#000;
    font-weight:bold;
}
.archive li a:hover,
.archive li {
    color:#0061A0;
    margin-left:0;
    width:auto;
    font-weight:bold;
}
.archive span {
    display:block;
    float:left;
    width:4em;
    font-size:.76em;
    font-weight:bold;
    margin-left:.5em;
}
.bildergallerie {
     overflow:hidden;
    width:32em;
}
.bildergallerie ul {
    list-style:none;
    list-style-image:none;
    margin:0;
}
.bildergallerie ul li {
    list-style:none;
    list-style-image:none;
    float:left;
    margin:0 .8em .5em 0;
    position:relative;
    display:inline;
}
.bildergallerie ul li a {
    float:left;
    display:block;
}
.bildergallerie ul li span {
    position:absolute;
    right:0;
    bottom:0;
    color:#fff;
    font-weight:bold;
    display:block;
    background:#ff9933;
    width:1.1em;
    line-height:1em;
    text-align:center;
    height:1em;
    z-index:10;
}
.bildergallerie ul li a span {

}
#footer {
    width:57.4em;
}
#footer h3 {
    display:none;
}
#footer p {
    font-size:66%;
    text-align:right;
    color:#7FB0CF;
}
acronym {
    text-decoration:none;
    cursor:help;
}
/* sitemap */
.content .sitemap ul {
    list-style:none;
    list-style-image:none;
    margin:0;
}
.content .sitemap ul li {
    list-style:none;
    list-style-image:none;
    background:url(img/trenner.gif) bottom repeat-x;
    display:block;
    margin:0 0 1.5em 0;
    padding:0 0 .1em 0;
    font-size:100%;
}
.content .sitemap ul li a:active,
.content .sitemap ul li a:focus,
.content .sitemap ul li a {
    font-size:120%;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
.content .sitemap ul li a:hover {
    text-decoration:underline;
}
.content .sitemap ul li ul {
    margin:1.5em 0 .5em 0;
}
.content .sitemap ul li ul li {
    background:none;
    margin:0;
    padding:0 0 1.5em 0;
}
.content .sitemap ul li ul li a:active,
.content .sitemap ul li ul li a:focus,
.content .sitemap ul li ul li a {
    font-size:130%;
    color:#0061A0;
    font-weight:normal;
}
.content .sitemap ul li ul li ul {
    margin:1em 0 -1.5em 1.5em;
}
* html .content .sitemap ul li ul li ul {
    margin:2em 0 -1.5em 2em;
}
.content .sitemap ul li ul li ul li {
    font-size:140%;
    margin:0;
    padding:0 0 1em 0;
}
* html .content .sitemap ul li ul li ul li {
    padding:0 0 2em 0;
}
.content .sitemap ul li ul li ul li a:active,
.content .sitemap ul li ul li ul li a:focus,
.content .sitemap ul li ul li ul li a {
    font-size:120%;
    color:#000;
}

/* Suche */
.search-result fieldset {
    clear:both;
    float:none;
    overflow:hidden;
}
.search-result input.search {
    display:block;
    border:1px solid #6699CC;
    float:left;
    width:12em;
    padding:.1em;
    margin-bottom:1em;
}
.search-result input.submit {
    background:#6699CC;
    width:8em;
    color:#fff;
    cursor:pointer;
    height:1.6em;
    margin-left:1em;
}
.search-result h2 {
    color:#0061A0;
    padding-top:0;
}
.search-result {
    margin:0;
    padding:0;
    width:28em;
    overflow:hidden;
}
.content .browsebox {
    clear:both;
    float:none;
    overflow:hidden;
    list-style:none;
    margin:0;
    width:42em;
}
.content .browsebox li {
    list-style:none;
    float:left;
    margin-right:.5em;
}

.result-box {
    display:block;
    background:url(img/trenner.gif) bottom repeat-x;
    margin:.2em 0 .5em 0;
    padding-bottom:.5em;
}
.result-box  p {
    float:none;
    clear:both;
}
.res-header {
    background:#ccdfec;
    padding:.1em 0 .2em .4em;
    width:43em;
    font-size:76%;
    margin-top:.5em;
    position:relative;
}
.res-header img {
    margin:.4em 0 -.2em 0;
}

.res-header .rating {
    font-size:100%;
    position:absolute;
    right:1em;
    bottom:.2em;
}
.content span.rot {
    color:red;
    font-weight:bold;
}
.content p.kurzerText {
    width:300px;
}
.buttons a {
    display:block;
    width:130px;
    float:left;
    font-size:.7em;
    padding-top:60px;
    text-align:center;
    text-decoration:none;
}
.bmneu h2 {
    background:url(img/trenner.gif) center bottom repeat-x;
    padding-bottom:.5em;
    margin-bottom:1em;
}
.content .bmneu ul {
    margin-bottom:2em;
}
.content .bmneu p {
    margin-bottom:2em;
}
.buttons {
    background:url(img/trenner.gif) center bottom repeat-x;
    padding-bottom:1em;
    overflow:hidden;
    width:33em;
}
.buttons a:hover {
    text-decoration:underline;
}
.buttons a.link1 {
    background:url(img/btn_info.gif) top center no-repeat;
}
.buttons a.link1:hover {
    background:url(img/btn_info_o.gif) top center no-repeat;
}
.buttons a.link2 {
    background:url(img/btn_ausschreibung.gif) top center no-repeat;
}
.buttons a.link2:hover {
    background:url(img/btn_ausschreibung_o.gif) top center no-repeat;
}
.buttons a.link3 {
    background:url(img/btn_rib.gif) top center no-repeat;
}
.buttons a.link3:hover {
    background:url(img/btn_rib_o.gif) top center no-repeat;
}
.buttons a.link4 {
    background:url(img/btn_downloads.gif) top center no-repeat;
}
.buttons a.link4:hover {
    background:url(img/btn_downloads_o.gif) top center no-repeat;
}
h2.BlauSchriftgroese {
    font-size:.9em;
    margin-bottom:.9em;
    color:#006699;
}
.downloadbox{
    position:relative;
    left:0;
    padding-bottom:2em;
    margin-bottom:.5em;
    background:url(img/trenner.gif) bottom repeat-x;
    width:33em;
    overflow:hidden;
}
.content .downloadbox h3,
.downloadbox p {
    width:30em;
}
.content .downloadbox a {
    position:absolute;
    display:inline;
    color:#970F00;
    text-align:left;
    bottom:1em;
    right:1em;
    font-size:76%;
    background:url(img/download.gif) left center no-repeat;
    padding-left:10px;
    text-decoration:none;
}
*+html .content .downloadbox a {
    position:relative;
    display:inline;
    color:#970F00;
    text-align:left;
    top:1em;
    left:29em;
    font-size:76%;
    padding-left:10px;
    text-decoration:none;
}
* html .content .downloadbox a {
    position:relative;
    display:inline;
    color:#970F00;
    text-align:left;
    top:1em;
    left:29em;
    font-size:76%;
    padding-left:10px;
    text-decoration:none;
}