body {
         font-family : arial, helvetica, sans-serif;
         font-size: 0.8 em;
         background-color: #FFFFFF;
         margin: 0;
         padding: 0;
         color: #2C4D11;
         scrollbar-face-color: #9EDE5B;
         scrollbar-highlight-color: #2C4D11;
         scrollbar-shadow-color: #2C4D11;
         scrollbar-3dlight-color: #2C4D11;
         scrollbar-arrow-color: #2C4D11;
         scrollbar-track-color: #9EDE5B;
         scrollbar-darkshadow-color: #2C4D11;
}

td {
         font-family : arial, helvetica, sans-serif;
         font-size: 0.8 em;
}

a {
         text-decoration: none;
         color: #000000;
}

a.motto, area {
         text-decoration: none;
         color: #2C4D11;
         width: 200px;
         padding: 3px;
         border-bottom: 1px dotted #2C4D11;
}

a.hauptmenue {
         position: relative;
         text-decoration: none;
         color: #FFFFFF;
         width: 150px;
         padding: 3px;
}

a.link {
         text-decoration: none;
         color: #000000;
         text-align: right;
         font-size: 9px;
}

a.untermenue, area {
         text-decoration: none;
         color: #FFFFFF;
         width: 150px;
         padding: 3px;
         border-bottom: 1px dotted #FFFFFF;
}





a.staedte {
         text-decoration: none;
         color: #FFFFFF;
         font-weight: bold;

}

a.beitrag {
         background-color: #9EDE5B;
         color: #FFFFFF;
         text-align: right;
}

a:hover  {
         text-decoration: none;
         background-color: #9EDE5B;
}

a:hover.motto  {
         text-decoration: none;
         color: #FFFFFF;
}

a:hover.leistung  {
         text-decoration: none;
         color: #FFFFFF;
}

a:hover.pfad  {
         text-decoration: none;
         color: #FFFFFF;
}

h4 {
         color: #224444;
         padding: 5px;
         border-bottom: 1px solid #80D90E;
}

ul {
         color: #2C4D11;
         padding: 3px;
         list-style: square;


}

#container {
         background-image:url('images/hintergrund.jpg');
         background-repeat: repeat-y;
}

.navigation {
         position: relative;
         top: 0px;
         left: 30px;
         background-color: #B3F764;
         width: 200px;
         height: 500%;
         background-image:url('images/hintergrund_navi.jpg');
         background-repeat: repeat-x;
         border-left: 1px solid #2C4D11;
         border-right: 1px solid #2C4D11;

}

.content {
         position: absolute;
         top: 180px;
         left: 280px;
         text-align: top;
}

.stadtauswahl2 {
         position: absolute;
         top: 20px;
         left: 0px;
         width: 700px;
         padding: 5px;
         color: #2C4D11;
         background-color: #FFFF80;
         border-bottom: 1px solid #80D90E;
         border-top: 1px solid #80D90E;
}

.stadtauswahl {
         position: absolute;
         top: 380px;
         left: 0px;
         width: 700px;
         padding: 5px;
         color: #2C4D11;
         background-color: #FFFF80;
         border-bottom: 1px solid #80D90E;
         border-top: 1px solid #80D90E;
}

.aktuelles {
         position: absolute;
         top: 860px;
         left: 0px;
         width: 350px;
         padding: 5px;
         color: #2C4D11;
}

.wissen {
         position: absolute;
         top: 1740px;
         left: 0px;
         width: 350px;
         padding: 5px;
         color: #2C4D11;
}

.schwerpunkt {
         position: absolute;
         top: 190px;
         left: 400px;
         width: 300px;
         padding: 5px;
         color: #2C4D11;
}

.schwerpunkt2 {
         position: absolute;
         top: 220px;
         left: 0px;
         width: 300px;
         padding: 5px;
         color: #2C4D11;
}

.monat {
         position: absolute;
         top: 190px;
         left: 0px;
         width: 300px;
         padding: 5px;
         color: #2C4D11;
}

.aktuell {
         position: absolute;
         top: 1550px;
         left: 00px;
         width: 350px;
         padding: 5px;
         color: #2C4D11;
}

.beitrag {
         width: 700px;
         padding: 5px;
}

.service {
         position: absolute;
         top: 860px;
         left: 400px;
         width: 300px;
         padding: 5px;
         color: #2C4D11;
}

.werbung {
         position: relative;
         top: 0px;
         left: 720px;
         color: #FFFFFF;
         padding: 0px;
}

.vortrag {
         position: relative;
         top: -23px;
         left: 0px;
         width: 180px;
         padding: 5px;
         color: #000000;
}

.ueberschrift_news {
         color: #9D0E14;
         font-weight: bold;
         font-style: italic;

}

.adresse {
         border: 1px solid #B3F764;
         width: 300px;
         vertical-align: top;
         padding: 5px;
         background-color: #FFFF80;
}

.internet {
         border: 1px solid #2C4D11;
         padding: 5px;
         background-color: #9EDE5B;
}

.shortcut {
         background-color: #FFFFFF;
}

.hauptmenue {
         position: relative;
         top: 30px;
         left: 10px;
         color: #FFFFFF;
         padding: 5px;
}

.untermenue {
         position: relative;
         top: 30px;
         left: 20px;

}

a.untermenue2 {
         text-decoration: none;
         color: #FFFFFF;
         width: 150px;
         padding: 3px;
         margin-left: 22px;
         border-bottom: 1px dotted #FFFFFF;
}

a.untermenue3 {
         text-decoration: none;
         color: #FFFFFF;
         width: 150px;
         padding: 3px;
         margin-left: 32px;
         border-bottom: 1px dotted #FFFFFF;
}



.stadt_hintergrund {

         width: 100%;
         position: relative;
         top: 0px;
         left: 0px;
         z-index: 2;
}
.stadt {
         width: 100%;
         position: absolute;
         top: 0px;
         left: 0px;
         z-index: 1;
}

.stadt_farbe {
         background-color: #427731;
}

.ueberschrift {
         color: #FFFFFF;
         background-color: #427731;
         font-size: 14px;
         border-top: 1px solid #9EDE5B;
         border-bottom: 1px solid #9EDE5B;
         padding: 5px;
         font-weight: bold;
}

.ueberschrift_b {
         color: #000000;
         background-color: #FFFCAD;
         padding: 5px;
         border-top: 3px dotted #F8B800;
         border-bottom: 3px dotted #F8B800;
         font-weight: bold;
}

.newsticker {
         width: 100%;
         height: 20px;
         background-color: white;
         color: #2C4D11;
         border-bottom: 3px double #2C4D11;
         border-top: 1px solid #2C4D11;
}

.pfad {
         color: #2C4D11;
         font-size: 9px;
}

.feld {
         border-color: #FFFFFF;
         border-style: groove ;
         padding:0px;
         font-family: "Verdana", "Arial";
         font-size: 8pt;
}

.schatten {
         float: left;
         background-color: #9EDE5B;
         margin-right: 5px;
         margin-bottom: 5px;

}

.schatten img {
         margin: -5px 5px 5px -5px;
         display: block;
         position: relative;
         border: 1px solid #427731;
         text-align: center;
}