/* Farben */
/*
hellgrün	#cde85f
mittelgrün	#b5d43a
grau 		#666666
hellgrau	#f1f1f1
*/
body {
margin:0;
padding:0;
background-color:#ffffff;
background-image:url(../bilder/hg_website.gif);
background-repeat:repeat-x;
font-family:"Trebuchet MS", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size:75%;
color:#333333;
font-weight:normal;
letter-spacing:0.1em;
}
html, body
{
height:100%;
}

/* Formate für Div-Container (Layout) */
#wrapper
{
width:800px;
background-color:#ffffff;
margin:auto;
}
#header
{
width:800px;;
height:70px;
background-image:url(../bilder/hg_header.gif);
background-repeat:no-repeat;
background-position:left top;
margin:auto;
}
#navi_oben
{
width:800px;
height:24px;
background-image:url(../bilder/hg_navi_oben.gif);
background-repeat:repeat-x;
border-bottom:solid 1px #ffffff;
margin:auto;
}
/* horizontale Navigation oben */

#navi_oben ul
{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
float:right;
}
#navi_oben ul li
{
display:inline;
}
#navi_oben ul li a
{
font-size:100%;
text-decoration:none;
letter-spacing:0.1em;
padding-left:15px;
padding-right:15px;
padding-top:4px;
display:block;
float:left;
color:#ffffff;
}
#navi_oben ul li a:hover
{
padding-left:15px;
padding-right:15px;
color:#f1f1f1;
}
#navi_oben .over
{
color:#f1f1f1;
}

#themenbild
{
width:800px;
height:160px;
background-image:url(../bilder/hg_themenbild.jpg);
background-repeat:no-repeat;
background-position:left top;
background-color:#b5d43a;
border-bottom:solid 1px #b5d43a;
text-align:right;
margin:auto;
}

#top
{
position:relative;
}
#logo
{
position:absolute;
top:20px;
left:40px;
}

#navi_links
{
width:200px;
}
/* 1. Ebene */
#navi_links ul
{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
#navi_links ul li
{
list-style-image:none;
background-image:url(../bilder/hg_navi_main.gif);
background-repeat:no-repeat;
background-position:left top;
display:block;
}
#navi_links ul li a
{
font-size:100%;
text-decoration:none;
letter-spacing:0.1em;
color:#ffffff;
padding-left:15px;
height:30px;
padding-top:2px;
display:block;
}
#navi_links ul li a:hover
{
text-decoration:none;
color:#333333;
}
#navi_links .over
{
text-decoration:none;
color:#333333;
}

/* 2. Ebene (Untermenü) */
#navi_links ul li ul
{
margin:0;
padding:0;
list-style:none;
list-style-image:none;
margin-top:10px;
}
#navi_links ul li ul li
{
list-style-image:none;
background-image:none;
padding:0;
}
#navi_links ul li ul li a
{
height:18px;
font-size:100%;
text-decoration:none;
letter-spacing:0.1em;
color:#333333;
padding-left:15px;
padding-top:2px;
display:block;
}

#navi_links ul li ul li a:hover
{
text-decoration:none;
color:#333333;
}

#inhalt
{
width:800px;
padding-top:20px;
padding-bottom:20px;
line-height:1.5em;
background-image:url(../bilder/hg_inhalt.gif);
background-repeat:repeat-y;
clear:both;
}
#links
{
width:200px;
padding-top:20px;
padding-bottom:20px;
padding-left:15px;
padding-right:15px;
float:left;
}
#rechts
{
width:550px;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:0px;
float:right;
}
#umbruch
{
clear:both;
}
#footer
{
width:785px;
height:19px;
background-color:#cde85f;
font-size:90%;
text-align:right;
padding-right:15px;
padding-top:4px;
border-bottom:solid 1px #b5d43a;
clear:both;
}
#footer a
{
font-size:90%;
text-decoration:none;
color:#333333;
letter-spacing:0.1em;
}

#inhalt h1
{
font-size:120%;
color:#b5d43a;
font-weight:bold;
letter-spacing:0.1em;
background-image:url(../bilder/hg_h1.gif);
background-repeat:no-repeat;
background-position:left 2px;
padding-left:30px;
}
#inhalt h2,h3,h4,h5,h6
{
font-size:110%;
color:#b5d43a;
font-weight:bold;
letter-spacing:0.1em;
}

#inhalt p
{

}
#inhalt a
{
color:#333333;
text-decoration:underline;
}
#inhalt a:hover
{
color:#b5d43a;
text-decoration:underline;
}
#inhalt ul
{
list-style-image:url(../bilder/marker.gif);
list-style-position:outside;
list-style-type:square;
}
#inhalt li
{
padding-left:10px;
margin-bottom:10px;
}
#inhalt .header
{
font-size:120%;
color:#b5d43a;
font-weight:bold;
letter-spacing:0.1em;
padding-top:10px;
padding-bottom:10px;
}

/* allgemeine Formate */

.item
{
font-size:100%;
color:#cc0000;
font-weight:bold;
letter-spacing:0.1em;
margin-top:0px;
margin-bottom:10px;
}
.item2
{
font-size:100%;
color:#cc0000;
font-weight:bold;
letter-spacing:0.1em;
margin-top:0px;
margin-bottom:10px;
}
.small
{
font-size:10px;
font-weight:normal;
letter-spacing:0.1em;
}
.bildrand
{
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}

/* Formate für Formularelemente */

select, textarea, input
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:100%;
font-weight:normal;
background-color:#f1f1f1;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
}
.button
{
font-size:100%;
color:#ffffff;
font-weight:normal;
letter-spacing:0.1em;
background-color:#b5d43a;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
cursor:pointer;
}
}
.textarea
{
overflow:auto;
}
.randlos
{
border:none;
background-color:transparent;
}

fieldset
{
border:solid 1px #b5d43a;
padding:20px;
padding-top:0px;
padding-bottom:20px;
margin-top:10px;
margin-bottom:20px;
}
legend
{
min-width:200px;
background-color:#ffffff;
background-image:url(../bilder/hg_navi_oben.gif);
background-repeat:repeat-x;
background-position:left center;
border:solid 1px #b5d43a;
padding-left:5px;
padding-right:5px;
font-size:100%;
color:#ffffff;
font-weight:bold;
letter-spacing:0.1em;
}