/* CSS Document */

body {
background-color: #EBECDD;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top:20px;
margin:0px;
text-align: center;
color: #50542E;
}

div.rahmen {
text-align: left;
vertical-align: middle;	
width: 1000px;
margin: 0px auto;
padding: 0px;
min-height: 550px;
background-image:url(../img/wappen_halb.jpg);
background-repeat: no-repeat;
}

div.header {
float: left;
width: 1000px;
height: 80px;
background-image: url(../img/header.jpg);
}

div.nav-button:hover div.nav-sub-button{
display: block;
}

div.nav-button {
margin-top: 65px;
float: left;
width: 88px;
height: 14px;
background-color: transparent;
text-align: left;
font-weight: bold;
color: #50542E;
border: solid;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-color: transparent;
position: relative;
}

div.nav-button:hover {
background-color: #E7E9D7;
border-color: #000000;
}

div.nav-sub-button {
width: 88px;
height: 14px;
background-color: #D4D8BC;
text-align: left;
font-weight: bold;
color: #50542E;
border-left: solid;
border-right: solid;
border-bottom: solid;
border-top: none;
border-top-width: 0px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-color: #000000;
display: none;
margin-left: -1px;
}

div.nav-sub-button:hover {
background-color: #E7E9D7;
}

div.welcome{
height: 500px;
width: 400px;
clear: left;
float: left;
border: solid;
border-width: 1px;
border-color: #D4D8BC;
margin-top: 30px;
margin-left: 50px;
background-image:url(../img/gartenstrasse.jpg);
background-repeat: no-repeat;
background-position: bottom;
font-size: 11px;
}

div.welcome_titel{
height: 18px;
width: 390px;
padding-top: 2px;
padding-left: 10px;
font-weight: bold;
clear: left;
float: left;
border-bottom: solid;
border-bottom-width: 1px;
border-bottom-color: #EBECDD;
background-color: #D4D8BC;
color: #50542E;
font-size: 12px;
}

div.welcome_text {
margin-top: 300px;
height: 200px;
width: 390px;
padding-top: 10px;
padding-left: 10px;
clear: left;
float: left;
color: #50542E;
font-size: 12px;
}

div.news{
height: 220px;
width: 350px;
float: left;
border: solid;
border-width: 1px;
border-color: #D4D8BC;
margin-top: 30px;
margin-left: 50px;
background-image:url(../img/welcome_logo.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

div.footer {
text-align: left;
height: 18px;
margin-top: 20px;
padding-left: 20px;
clear: left;
vertical-align: middle;	
width: 1000px;
margin: 0px auto;
padding: 0px;
}

div.ueberschrift {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 10px;
font-weight: bold;
font-size: 14px;
}


div.news_element_titel {
padding-left: 3px;
padding-right: 3px;
height: 16px;
width: 344px;
clear: left;
float: left;
background-color: #D4D8BC;
color: #50542E;
border-bottom: solid;
border-bottom-width: 1px;
border-bottom-color: #EBECDD;
}

div.news_element_titel:hover {
background-color: #F8F9F2;
}

div.news_element_text{
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
border-bottom: solid;
border-bottom-width: 1px;
border-bottom-color: #D4D8BC;
color: #50542E;
width: 344px;
height: 130px;
font-size: 12px;
float: left;
font-size: 11px;
}

div.static_titel {
float: left;
width: 338px;
height: 22px;
font-size: 12px;
color: #EBECDD;
background-color: #50542E;
border-left: solid;
border-right: solid;
border-left-width: 1px;
border-right-width: 1px;
border-left-color: #50542E;
border-right-color: #50542E;
font-weight: bold;
padding-left: 10px;
padding-top: 6px;
}

a.static_titel {
font-size: 12px;
font-weight: bold;
color: #EBECDD;
text-decoration: none;
}

div.static_titel_inaktiv {
clear: left;
float: left;
width: 338px;
height: 22px;
font-size: 12px;
color: #50542E;
border: solid;
border-color: #50542E;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
font-size: 12px;
padding-left: 10px;
padding-top: 6px;
}

a.static_titel_inaktiv {
font-size: 12px;
color: #50542E;
text-decoration: none;
}

div.static_titel_inaktiv:hover{
background-color: #50542E;
}

div.static_titel_inaktiv:hover a.static_titel_inaktiv{
color: #EBECDD;
}

div.static_subtitel {
clear: left;
float: left;
width: 338px;
height: 342px;
font-size: 12px;
color: #50542E;
padding-top: 30px;
border: solid;
border-width: 0px;
border-color: #FFFFFF;
}

div.static_rahmen{
float: left;
width: 350px;
height: 400px;
margin-left: 50px;
margin-top: 50px;
margin-right: 50px;
font-size: 12px;
color: #50542E;
border-top: solid;
border-top-width: 1px;
border-top-color: #50542E;
}

div.static_text{
margin-top: 50px;
float: left;
width: 500px;
height: 400px;
font-size: 12px;
color: #50542E;
border: solid;
border-width: 0px;
border-color: #50542E;
}

div.static_submenu {
float: left;
width: 123px;
height: 18px;
font-size: 12px;
color: #EBECDD;
background-color: #50542E;
border-left: solid;
border-left-width: 1px;
border-left-color: #50542E;
border-top: solid;
border-top-width: 1px;
border-top-color: #50542E;
border-bottom: solid;
border-bottom-width: 1px;
border-bottom-color: #50542E;
text-align: center;
padding-top: 2px;
}

a.static_submenu {
font-size: 11px;
font-weight: bold;
color: #EBECDD;
text-decoration: none;
}


a.static_submenu_inaktiv {
font-size: 11px;
color: #50542E;
text-decoration: none;
}

div.static_submenu_inaktiv {
float: left;
width: 124px;
height: 18px;
font-size: 12px;
color: #50542E;
border-left: solid;
border-left-width: 1px;
border-left-color: #50542E;
border-top: solid;
border-top-width: 1px;
border-top-color: #50542E;
border-bottom: solid;
border-bottom-width: 1px;
border-bottom-color: #50542E;
text-align: center;
padding-top: 2px;
}

div.static_submenu_inaktiv:hover {
color: #EBECDD;
background-color: #50542E;
}

div.static_submenu_inaktiv:hover a.static_submenu_inaktiv{
color: #EBECDD;
}

a.nav-button {
padding-left: 3px;
padding-bottom: 3px;
font-size: 12px;
text-align: left;
font-weight: bold;
color: #393C1A ;
text-decoration: none;
}

a.link {
font-size: 13px;
color: #50542E;
text-decoration: none;
}

a.link:hover {
color: #50542E;
text-decoration: underline;
}

a.link_underlined {
font-size: 12px;
color: #50542E;
text-decoration: underline;
}

a.link_underlined:hover {
color: #D4D8BC;
}

.formular {
background-color: #FFFFFF;
border-color: #D4D8BC;
color: #50542E;
}

.formular_disabled {
background-color: #CCCCCC;
border-color: #D4D8BC;
color: #50542E;
}

.button {
background-color: #FFFFFF;
border-color: #D4D8BC;
color: #50542E;
}


a.kalender_link {
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

a.kalender_linkhoch {
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
vertical-align: top;
}

td.kalender_leer {
width: 30px;
height: 30px;
background: #eeeeec;
border: solid;
border-width: 1px;
border-color: #FFFFFF;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

td.kalender_leer1 {
width: 30px;
height: 30px;
background: #eeeeec;
border: solid;
border-width: 1px;
border-color: #8f5902;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

td.kalender_leer:hover {
width: 30px;
height: 30px;
background: #FFFFFF;
border: solid;
border-width: 1px;
border-color: #FFFFFF;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

td.kalender_leer1:hover {
width: 30px;
height: 30px;
background: #FFFFFF;
border: solid;
border-width: 1px;
border-color: #8f5902;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

td.kalender_voll {
width: 30px;
height: 30px;
background: #fcaf3e;
border: solid;
border-width: 1px;
border-color: #FFFFFF;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

td.kalender_voll1 {
width: 30px;
height: 30px;
background: #fcaf3e;
border: solid;
border-width: 1px;
border-color: #8f5902;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

td.kalender_voll:hover {
width: 30px;
height: 30px;
background: #FFFFFF;
border: solid;
border-width: 1px;
border-color: #FFFFFF;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

td.kalender_voll1:hover {
width: 30px;
height: 30px;
background: #FFFFFF;
border: solid;
border-width: 1px;
border-color: #8f5902;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

td.kalender_klein {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
text-align: center;
}


td.termine_ueberschrift {
background: #D4D8BC;
color: #50542E;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
padding-left: 5px;
}

td.termine_text {
color: #50542E;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
padding: 5px;
}

table.termine {
border-collapse: collapse;
width: 600px;
border: solid;
border-width: 1px;
border-color: #D4D8BC;
}

div.gallery {
margin-left: 150px;
margin-top: 20px;
width: 700px;
height: 120px;
border: solid;
border-width: 1px;
border-color: #D4D8BC;
float: left;
}

div.gallery_img {
height: 120px;
width: 160px;
float: left;
}

div.gallery_set {
height: 120px;
width: 160px;
float: left;
margin-top: 10px;
margin-right: 10px;
}

div.gallery_set:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
}

div.gallery_text {
float: left;
text-align: left;
width: 450px;
height: 100px;
padding-left: 20px;
padding-top: 20px;
font-size: 11px;
}

div.kontakt_tabelle {
float: left;
width: 250px;
height: 200px;
}

div.artikelbrowser_rahmen {
width: 260px;
min-height: 390px;
margin-top: 10px;
margin-left: 30px;
border: solid;
border-width: 1px;
border-color: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 20px;
float: left;
}

div.artikelbrowser_kategorie {
width: 250px;
height: 14px;
background: #eeeeec;
border: solid;
border-width: 1px;
border-color: #FFFFFF;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
float: left;
padding: 2px;
margin-top: 10px;
}

div.artikelbrowser_kategorie:hover {
background: #FFFFFF;
}

div.artikelbrowser_kategorie_offen {
width: 250px;
height: 14px;
background: #FFFFFF;
border: solid;
border-width: 1px;
border-color: #FFFFFF;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
float: left;
padding: 2px;
margin-top: 10px;
}

div.artikelbrowser_artikel {
width: 230px;
height: 14px;
background: #eeeeec;
border-left: solid;
border-right: solid;
border-bottom: solid;
border-top: none;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 1px;
border-color: #FFFFFF;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
float: left;
margin-left: 20px;
padding: 2px;
}

div.artikelbrowser_artikel:hover {
background: #FFFFFF;
}

div.artikelbrowser_artikel_offen {
width: 230px;
height: 14px;
background: #FFFFFF;
border-left: solid;
border-right: solid;
border-bottom: solid;
border-top: none;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 1px;
border-color: #FFFFFF;
color: #8f5902;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
float: left;
margin-left: 20px;
padding: 2px;
}


div.artikeleditor_rahmen {
width: 580px;
min-height: 400px;
margin-top: 10px;
margin-left: 20px;
border: solid;
border-width: 1px;
border-color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
}