/*Globale Angaben*/
html, body{ 
    margin:0; 
    padding:0; 
    background-color:white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
} 

img {
    border: none;
}

img.iac {
    padding:2px;
}

img.ial {
    padding-right:5px;
}

img.iar {
    padding-left:5px;
}

a {
        text-decoration:none;
}

a:hover {
        text-decoration:underline
}

/*Header, Grafiken, Icons*/
#head_left {
    position:absolute;
    top:0;
    left:0;
    width: 90px;
    height: 90px;
}

#head_middle {
    position:absolute;
    top: 1px;
    left: 90px;
    width: 357px;
    height: 89px;
}

#head_right {
    position:absolute;
    top: 0;
    left: 447px;
    width: 450px;
    height: 90px;    
}

#DRK_Wasserwacht_Logo {
    position:absolute;
    top: 24px;
    left: 85px;
    width: 165px;
    height: 27px;
}

#DRK_Logo {
    position:absolute;
    top: 0;
    left: 680px;
    width: 220px;
    height: 31px;
}

#Icon_Kontakt {
    position:absolute;
    top: 35px;
    left: 700px;
    width: 40px;
    height: 36px;
}

#Icon_Suche {
    position:absolute;
    top: 35px;
    left: 750px;
    width: 40px;
    height: 36px;
}

#Icon_Sitemap {
    position:absolute;
    top: 35px;
    left: 800px;
    width: 40px;
    height: 36px;
}

#Icon_Hilfe {
    position:absolute;
    top: 35px;
    left: 850px;
    width: 40px;
    height: 36px;
}

@media print{ 
        #Icon_Hilfe, #Icon_Sitemap, #Icon_Suche, #Icon_Kontakt {
                display:none;
        }
}

/*Topmenu und Breadcrumb*/
#Topmenu {
        width: 100%;
        text-align: right;
        font-weight: bold;
        color: black;
        
}

#Topmenu .back {
        display:inline;
        padding-left:20px;
        padding-right:50px;
        background-image: url(http://www.wasserwacht-online.de/giessen/media/topnav_left.gif);
        background-position:top left;
        width:200px;
}

#Topmenu span {
        padding-left:15px;
        padding-right:3px;
        background-image: url(http://www.wasserwacht-online.de/giessen/media/topnav_mid.gif);
        background-position:top left;
}

#Topmenu span.active {
        padding-left:15px;
        padding-right:3px;
        background-image: url(http://www.wasserwacht-online.de/giessen/media/topnav_active.gif);
        background-position:top left;
}

#Topmenu span.afteractive {
        padding-left:15px;
        padding-right:3px;
        background-image: url(http://www.wasserwacht-online.de/giessen/media/topnav_afteractive.gif);
        background-position:top left;
}

#Topmenu a {
        text-decoration:none;
        color:black;
}

#Topmenu span.active a {
        text-decoration:none;
        color:white;
}

#Breadcrumb {
    width: 100%;
    text-align: left;
    font-size: 0.8em;
    color: navy;
}

@media print{ 
        #Topmenu, #Breadcrumb {
                display:none;
        }
}

/*  Menu links */
div#mainnav {
    font-family : Arial, Helvetica, sans-serif;
    line-height : 16px;
    padding-left: 5px;
    padding-right: 10px;
}

div#mainnav a {
        font-weight:normal;
        text-decoration:none;
        color:navy;
}


div#mainnav h1 {
    font-size : 11px;
    background-image: url(http://www.wasserwacht-online.de/giessen/media/menu_normal.gif);
    background-repeat: no-repeat;
    height: 16px;
    padding: 2px 0 0 14px;
    margin:0;
}

div#mainnav h1.active {
    background-image: url(http://www.wasserwacht-online.de/giessen/media/menu_active.gif);
}

div#mainnav h2 {
    font-size : 10px;
    background-image: url(http://www.wasserwacht-online.de/giessen/media/menu2_normal.gif);
    background-repeat: no-repeat;
    padding:0 0 0 32px;
    margin:0;
    height: 18px;
}

div#mainnav h2.active {
    background-image: url(http://www.wasserwacht-online.de/giessen/media/menu2_active.gif);
}

/*Hauptinhalt */
div.maincontent h1 {
    font-family : Rockwell, Times New Roman, Times, serif;
    font-size: 22px;
    line-height: 24px;
    font-weight : normal;
    padding-top : 9px;
    margin-top : 0px;
    padding-bottom : 9px;
    margin-bottom: 0px;
    clear:both;
}

div.maincontent h2 {
    font-family : Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight : bold;
    padding-top : 6px;
    margin: 0px;
    padding-bottom : 6px;
    color: #808080;
    clear:both;
}

div.maincontent h2 .subline {
    padding-left:10px;
    font-size : 12px;
    font-style:italic;
}

div.maincontent h3 {
    font-family : Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight : normal;
    padding-top : 4px;
    margin-top : 0px;
    padding-bottom : 2px;
    margin-bottom: 0px;
    clear:both;
}

div.maincontent img {
        margin:5px;
}

/*Teaser*/
.teaser h1 {
    font-size:1.2em;
    padding:2px 0 5px 0;
    margin:0;
}

.teaser h2 {
    font-size:1.1em;
    padding:2px 0 5px 0;
    margin:0;
}

.teaser .head {                 
    color:navy;
    font-weight:bold;
    margin:5px 0 0 0 ;
    padding:0 2px 10px 5px;
    text-align:right;
    font-size:1em;
        height:20px;
    background-image: url(http://www.wasserwacht-online.de/giessen/media/teaser_top.gif);
        background-repeat:no-repeat;
    background-position: left 3px;
}

.teaser .box    {                   
    background-image: url(http://www.wasserwacht-online.de/giessen/media/teaser_bottom.gif);
    margin:0 0 10px 0;
    padding: 1px 5px 5px 5px;
    background-position:bottom left;
}

.teaser .box h3 {
        color:navy;
        font-size: 1em;
        font-weight:bold;
        margin-top:2px;
}

.teaser p {              
    margin:0;   
}


.teaser .pichead {                  
    color:navy;
    font-weight:bold;
    margin:5px 0 0 0 ;
    padding:0 2px 8px 5px;
    text-align:right;
    font-size:1em;
        height:20px;
    background-image: url(http://www.wasserwacht-online.de/giessen/media/teaser_top.gif);
        background-repeat:no-repeat;
    background-position: left 3px;
}

.teaser .picbox    {                
    background-image: url(http://www.wasserwacht-online.de/giessen/media/teaser_bottom.gif);
    margin:0;
    padding:0;
    background-position:bottom left;
}



#footer {
    padding-top:15px;
    text-align:center;
    font-size:9px;
    color:#6677aa;
}

/* Formulare */
div.form {
  clear:both;
  float:none;
  padding: 5px;
}

div.form span           { float: left; text-align: left; padding: 2.5px; padding-top:0px; } 
div.form span.plain         { padding: 2.5px; }
div.form span.label         { padding: 2.5px; width: 90px; text-align: left; }
div.form span.labelhelp     { padding: 2.5px; width: 90px; text-align: left; color:black; cursor:help; }
div.form span.shortlabel    { padding: 2.5px; width: 70px; text-align: left; }
div.form span.failed        { color:#B52931; font-weight:bold;  }
div.form span.ok        { color:green; font-style:italic; }

div.helplabel   { background-color:lime;position:absolute;visibility:hidden; padding:5px;border:1px solid red; max-width:200px;}

input,textarea,select,button                        { border: 1px solid navy; font-size:9pt; background-color:white;}
input.MANDATORY,textarea.MANDATORY,select.MANDATORY { border: 1px solid red; }
textarea.ok,input.ok,select.ok                      { border: 1px solid navy;}
textarea:focus, select:focus, input:focus           { background-color:#c2c7db; }
textarea.failed,input.failed,select.failed,iframe.failed  { color:white; background-color:#B52931; border: 1px solid red; }
textarea.FAILED,input.FAILED,select.FAILED,iframe.FAILED  { color:white; background-color:#B52931; border: 1px solid red; }


.btngrn     { width:120px;  color: lime; background-color:#4a5897;  border-color:#c2c7db; cursor:pointer; }
.btnred     { width:120px;  color: orange; background-color:#4a5897; border-color:#c2c7db; cursor:pointer;}
.btnorg     { width:120px;  color: yellow; background-color:#4a5897; border-color:#c2c7db; cursor:pointer;}
.btngo      { width:25px; background-color: orange; color: white; cursor:pointer;}
.btndel     { width:120px; background-color: red; color: white; cursor:pointer;}
.btnclear   { width:25px; background-color: green; color: white; cursor:pointer;}
.btnwide    { width:200px; }

/* Status */
div#status  { float:none; }
div#status p    { padding: 4px 10px 4px 10px; margin-bottom:10px; font-size:14px; font-weight:bold;}
div#status p.note { border:1px solid #C0C0C0; background-color:white; color:#004400; }
div#status p.fail { border:1px solid red; background-color:#F7BF92; color:#440000; }
div#status p.done { border:1px solid green; background-color:green; color:white; }
div#status p.msg { border:1px solid red; background-color:orange; color:black; }
div#status p.default { border:1px solid #F0F0F0; background-color:white; color:#c2c7db; }