* { margin: 0 0 0; padding: 0 }
html, body {
height: 100%;
}
body { margin: 0; padding: 0 }
body { font-family: verdana, arial, helvetica, serif; background-color: #84786F; }
a:link { color: #515151; text-decoration: none; border: none }
a:visited { text-decoration: none; border: none }
a:hover { color: #000000; text-decoration: none; border: none }
a:active { text-decoration: none; border: none }
/*a:focus { outline: none; }*/
img { margin: 0; padding: 0; border: 0; outline-width: 0 }
div#wrapper {
position: relative;
margin: 0 auto;
width: 860px;
min-height: 100%;
height: auto !important;
height: 100%;
background: #292416;
background-image: url(images/hg.jpg);
background-repeat: no-repeat
}
/* html #wrapper {height: 100%;}*/
h1 { font-size: 80%; font-weight: bold; text-align: left }
h2 { font-size: 70%; font-weight: bold; text-transform: uppercase; letter-spacing: 1px }
h3 { font-size: 75%; font-weight: normal; padding: 10px }
h4 { font-size: 75%; font-weight: bold; padding-right: 10px; padding-left: 10px }
h5 { font-size: 70%; font-weight: bold; padding: 10px }
h6 { color: black; font-size: 18px; font-family: serif; font-style: italic; font-weight: normal; margin: 0; padding: 0 }
/*MENUE*/
.grassilogo { position: absolute; top: 26px; left: 39px }
#hauptmenue { font-size: 75%; font-weight: normal; text-transform: uppercase; position: absolute; top: 136px; width: 796px }
#hauptmenue ul { padding-left: 50px }
#hauptmenue ul li { letter-spacing: 1px; display: inline }
#hauptmenue ul li a { color: #ea8135; display: block; height: 20px }
#hauptmenue ul li a:hover { color: gray }
#hauptmenue ul li.aktiv a { color: #fff }
/*INHALTE*/
#content { display: block; padding-top: 350px; padding-left: 100px }
/*#content .plusminus { background-color: fuchsia; padding-left: -50px; position: absolute; top: 351px; width: 50px; height: 50px; float: left; clear: both }
#content .plusminus ul { background-color: green; width: 50px; height: 50px }
#content .plusminus ul li { display: inline }
#content .plusminus ul li a { color: white; display: block }*/
#content a { color: #e47b2e; font-weight: bold }
#content a:hover { color: gray; font-weight: bold }
#content p { font-size: 75%; line-height: 17px }
#content p.fakten { color: gray }
#content p.feldtitel { padding: 10px 10px 5px }
#content label { padding-top: 10px; padding-bottom: 5px; width: 417px }
#content form { font-size: 75%; padding: 10px }
#content p input { background-color: #eee; margin-right: 10px; margin-left: 10px; padding-top: 0; padding-bottom: 0; width: 417px }
#content input.fakten { background-color: #eee; margin-top: 5px; margin-bottom: 8px; width: 417px }
#content p textarea { background-color: yellow; margin-right: 10px; margin-left: 10px; padding-top: 0; padding-bottom: 0; width: 417px }
#content textarea { background-color: #eee; margin-bottom: 20px; width: 417px }
#content .login_submit { color: black; font-size: 70%; background-color: #c0c6c4; padding: 3px 15px; position: relative; left: 230px; width: 150px; border: solid 1px #acacac }
#content .button { background-color: #c56c2c; padding: 3px 15px; position: relative; left: 230px; width: 150px; border: solid 1px #acacac}
button { background-color: #c56c2c; padding: 3px 15px; position: relative; left: 230px; width: 150px; border: solid 1px #acacac}
button:hover { background-color: gray; padding: 3px 15px; position: relative; left: 230px; width: 150px; border: solid 1px #acacac}
#content p.programm_beschreibung { margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px }
#content p.programm_info { background-color: #f0edeb; padding: 10px }
#content p.programm_liste { padding: 10px }
#content p.hell { background-color: #cfc3ba }
#content p.dunkel { }
#content h1 { line-height: 17px; padding: 10px }
#content h2 { background-color: #d9cdc4; padding: 10px }
#content .hr { margin: 0 10px; border-top: 1px solid #cac5c4 }
#content .mehr .hr { margin: 0 0; height: 1px; border-top: 1px solid #b9b4b3; border-right: none; border-bottom: none; border-left: none }
#content .mehr { padding: 10px }
#content .mehr p { padding: 10px 0 }
.mehr { border-bottom: 20px solid white }
.mehr2 { display: block }
#content ul { font-size: 75%; width: 550px; height: auto; float: left }
#content ul li { list-style-type: disc; position: relative; left: 60px; width: 500px }
#spalte_links img { display: block; padding-right: 10px; padding-left: 10px }
#spalte_links p.untertitel { font-size: 70%; background-color: #dfdcda; margin-right: 10px; margin-left: 10px; padding: 10px }
#spalte_links { background-color: white; width: 440px; float: left }
#spalte_rechts { background-color: white; position: relative; left: 23px; width: 200px; float: left }
#spalte_rechts p { padding-right: 10px; padding-left: 10px }
#spalte_rechts span.hr { background-color: #dfdcda; border-top: 1px solid #cac5c4 }
#spalte_rechts p.kopf { font-size: 70%; font-weight: bold; background-color: #d9cdc4; letter-spacing: 1px; padding: 10px; border-top: 0 solid }
#spalte_rechts p.menue { font-size: 70%; font-weight: bold; background-color: #d9cdc4; text-transform: uppercase; letter-spacing: 1px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top: 0 solid }
#spalte_rechts p.menue .aktiv { color: black;}
#spalte_rechts p.kalender { padding-top: 10px; padding-bottom: 10px }
.mehr hr { margin-right: 0; margin-left: 0; border-top: 1px solid #cac5c4 }
.impressum { font-weight: normal; background-color: #292416; padding: 10px }
.impressum a { color: white; font-weight: normal }
.impressum a:hover { color: #c56c2c; font-weight: normal }
a.link:link, a.link:visited { color: black; font-size: 75%; text-decoration: underline }
a.link:active, a.link:hover { color: #515151; font-size: 75%; text-decoration: underline }
.referenzen { display: inline; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; position: relative; z-index: 10; left: 30px; width: 730px; height: 120px; float: left; border-top: 1px solid white; border-bottom: 1px solid white }
.bild img { float: left; border: solid 3px white }
.text { margin-left: 30px; position: relative; width: 190px; float: left }
.last { margin-right: 0 }
/*FUSS*/
#grau { width: 796px; height: 100% }
/** html #footter { bottom: -1px }*/
div#footer {
clear: both;
width: 796px;
padding-top: 20px;
padding-bottom: 8px;
}