/* Kopf Bereich */

.logo { position: absolute;
        left: 10px;
        top: 10px;
        height: 61px;
        width: 61px;
        z-index:2;}

.welle { position: absolute;
         left: 13px;
         top: 63px;
         z-index:1;}


.adresse {
        position: absolute;
        left: 95px;
        top: 25px;
        text-decoration:none;}

.spass {
       position: absolute;
       right: 70px;
       top: 10px;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12pt;
       color: rgb(255,0,0);}
#freude {
       color: rgb(49,75,149);}

.linieoben {
       position: absolute;
       left: 180px;
       top: 64px;
       width: 82%;
       border-top: 4px solid  rgb(46,119,238);
       z-index:1;}

.linieunten {
       position: absolute;
       left: 180px;
       top: 99px;
       width: 82%;
       border-top: 4px solid rgb(255,0,0);
       z-index:1;}

.uebergang {
       position: absolute;
       right: -4px;
       top: -4px;
       z-index:2;}


/* Kopf Navigation */

.hmenu {
        position: absolute;
        left:180px;
        top:67px;
        z-index:5;}

.hmenu a{
       width:100px;
       display:block;
       font-family: Arial, Helvetica, sans-serif;
       font-size:12pt;
       color:navy;
       text-align:center;
       padding:4px 7px 4px 7px;
       text-decoration:none;
       background-color: rgb(225,225,225);}


.hmenu a:hover{
        font-weight:bold;
        background-color: rgb(225,225,225);}


/* Seiten Bereich */
#bogen {
       position: absolute;
       left: -12px;
       top: -2px;
       z-index:6;}


/* Zweite Navigation */



.start {
       width: 130px;
       display: block;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       color: navy;}

.start a {
       display: block;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       color: navy;
       text-align: center;
       text-decoration: none;}

.start a:hover {
       color: rgb(255,0,0);}

.start_index {
       width: 155px;
       display: block;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       color: navy;
	   background-color: lavender;}

.start_index a {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       color: tomato;
       text-decoration: none;
	   font-weight:normal;}

.start_index a:hover {
       color: rgb(255,0,0);}

.start_index_titel {
	   padding:3px 0px 0px 5px;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       font-weight: bold;
       color: navy;
       border-top: 2px solid  rgb(46,119,238);
       border-left: 2px solid  rgb(46,119,238);}

#update {background-color: white;
		 text-align:center;}

.hpunkt a{
       display: block;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12pt;
       text-align: center;
       text-decoration: none;
       white-space:none;
       vertical-align: middle;
       color: white;
       width: 155px;
       height: 22px;
       border: white solid 0px;
       background-image:url(../image/rundung.gif);
       background-position: bottom left;
       background-repeat:no-repeat;
       background-color: rgb(46,119,238);}

.hpunkt a:hover{
       background-color: rgb(9,35,109);
       background-image:url(../image/rundung.gif);
       background-position: bottom left;
       background-repeat:no-repeat;}


#posnav {
       position: absolute;
       left: 20px;
       top: 145px;
       background-color:white;}


/* Seite Dritte Navigation */
.upunkt {margin: 0 0 0 15px;}

.upunkt a {
       display: block;
       padding: 2px 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       text-align: center;
       text-decoration: none;
       color: navy;
       width: 130px;
       height:auto;
       background-image:url(#);
        background-color: rgb(225,225,225);}

.upunkt a:hover {
        font-weight:bold;
        background-color: rgb(225,225,225);
        background-image:url(#);}


/* Info Bereich */

input { border: 1px solid darkgray;
		background-color: white;
		color: navy;
		padding: 2px;}

textarea { 	border: 1px solid darkgray;
			background-color: white;
            font-family: Arial, Helvetica, sans-serif;
	        font-size: 10pt;
    	    text-align: left;
        	vertical-align: top;
        	font-weight:normal;
			color: navy;
			padding: 2px;}
			
		
		
u {     background-color:white;}

.info {
        position: absolute;
        top: 148px;
        left: 175px;
        width:82%;
        height:73%;
        z-index:20;}

.info td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-align: left;
        vertical-align: top;
        font-weight:normal;
        color: navy;
        z-index:20;}

.info td  a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-align: left;
        vertical-align: top;
        font-weight:normal;
        text-decoration: none;
        color: tomato;}

.info td  a:hover {
        color: rgb(255,0,0);}

/* Nur für den Adventskalender */
.info .advent  a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-align: left;
        vertical-align: top;
        font-weight:bold;
        text-decoration: none;
        padding: 1px;
        color: tomato;
		background-color: wheat;}

/* Nur für den Adventskalender */

.faq {  background-color:lavender;
		border:1px solid navy;
		padding:5px;}

h2 {    text-align:center;}

#bold { font-weight:bold;
        white-space:nowrap;
        color:navy;}

#bold-center {
        font-weight:bold;
        text-align:center;}

#left { text-align:left;}

#right { text-align:right;}

#center {text-align:center;}

.download a{
       padding: 2px 5px 2px 5px;
       border-top: 1px solid darkgray;
       border-left: 1px solid darkgray;
       border-bottom: 2px solid black;
       border-right: 2px solid black;
       background-color: white;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       font-weight:bold;
       height:25px;
       text-decoration:none;
       color:navy;}

.download a:hover{
       padding: 2px 5px 2px 5px;
       border-bottom: 1px solid darkgray;
       border-right: 1px solid darkgray;
       border-top: 2px solid black;
       border-left: 2px solid black;
       background-color: white;
       height:15px;}

#auszeichnung{
       width:188px;
       padding:5px;
       list-style-type:none;
       border:1px solid red;
       background-color:lavender;}


.linie {
        position:absolute;
        top:0px;
        left:0px;
        height:100%;
        width:100%;
        border-left: 4px solid  rgb(46,119,238);
        overflow:visible;
        z-index:1;}

.trennlinie {
        height:4px;
        width:100%;
        border-bottom: 2px solid  rgb(200,200,200);
        z-index:1;}

.hinw {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        text-align: center;
        vertical-align: top;
        color: #000066;}
td .jahr {
		font-size: 12pt;
		font-weight: bold;}

.infotext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-align: center;
        vertical-align: top;
        color: navi;}

.fachdienstabz {
        position: absolute;
        right: 10px;
        top: 0px;
        float:right;
        clear:right; }

.banner-code {
		width:500px;
		height:50px;
		padding:5px;
        background-color:rgb(225,225,225);
        text-align:left;
        color:navy;
        border:1px solid navy;
}

iframe {width:920px;
        height:580px;
        border:none;
}

*/ Wasserwacht Online Importe */
#wolexport {
        font-family:arial, helvetica,sans-serif;
        font-size:10pt;
        color:black;
        line-height:14pt;}
#wolcalday {
        font-size:14pt;
        color:navy;
        font-weight:bold;
        text-align:center;}
#wolcalmon {
        font-size:8pt;
        color:navy;
        text-align:center;
        font-weight:normal; }
#woltitel {
        font-size:11pt;
        font-weight:bold;
        color:#000066}
#woloe {
        font-size:10pt;
        color:#000066}
#woldate {
        font-size:10pt;
        color:#000066}
#wolort {
        font-size:10pt;
        color:#000066}
#wollink {
        font-size:9pt;
        color:#5494DB;
        align:right;}


/* Berichte/Termin Import */
#datum {
        font-size:8pt;
        color:gray;
        text-align:left;
        font-weight:bold; }

#termin-datum {
        padding: 2px 2px 2px 2px;
        font-size:12pt;
        color:white;
        text-align:left;
        font-weight:bold;
        background-color: rgb(46,119,238);
        border:1px solid navy;}


#titel {
        font-size:16pt;}

/* Fuss Bereich */

.fusslinie {
       position: relative;
       left:-7px;
       top:14px;
       vertical-align: bottom;
       text-align: right;
       width: 100%;
       height: 5px;
       border-top: 5px solid  rgb(46,119,238);
       z-index:1;}

#uebergangf {
       position: absolute;
       right: -4px;
       top: -62px;
       z-index:2;}

/* Fuss Navigation */

.posfussnav {
         position: relative;
         left:-10px;
         top:6px;}

.fusslink td a {
       width: 100px;
       height: 22px;
       display: block;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10pt;
       text-align: left;
       text-decoration: none;
       white-space:none;
       vertical-align: bottom;
       padding:5px 0 0 5px;
       color: white;
       border: white solid 0px;
       background-image:url(../image/rundungru.gif);
       background-position: bottom right;
       background-repeat:no-repeat;
       background-color: rgb(46,119,238);}

.fusslink td a:hover{
       color:white;
       background-color: rgb(9,35,109);
       background-image:url(../image/rundungru.gif);
       background-position: bottom right;
       background-repeat:no-repeat;}