/* Farben */
/*
dunkelblau	#163F58
mittelblau	#456579
hellbraun	#DFD6B9
hellbraun 50%	#EFEADC
dunkelbraun	#696557
orange		#ff9900
*/
body {
margin:0;
padding:0;
padding-bottom:10px;
padding-top:10px;
background-color:#ffffff;
background-image:url(../bilder/hg_website.jpg);
background-repeat:repeat-x;
font-family:"Trebuchet MS", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size:70%;
color:#333333;
font-weight:normal;
letter-spacing:0.1em;
}
html, body
{
height:100%;
}

/* Formate für Div-Container (Layout) */
#wrapper
{
width:780px;
min-height:500px;
background-image:url(../bilder/hg_wrapper.png);
background-repeat:repeat-y;
background-position:0px 450px;;
margin:auto;
}
#header
{
width:780px;
height:225px;
/*padding-top:25px;*/
background-image:url(../bilder/hg_header.png);
background-repeat:no-repeat;
margin:auto;
}
#navi_oben
{
width:775px;
height:25px;
padding-right:5px;
margin:auto;
}
/* horizontale Navigation oben */

#navi_oben ul
{
margin:0;
padding:0;
list-style: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:7px;
display:block;
float:left;
color:#999999;
}
#navi_oben ul li a:hover
{
padding-left:15px;
padding-right:15px;
color:#ff9900;
}
#navi_oben .over
{
color:#000000;
}
#themenbild
{
width:750px;
height:200px;
margin:auto;
}
#navi_mitte
{
width:750px;
height:30px;
background-color:#163F58;
background-image:url(../bilder/hg_navi_mitte.jpg);
background-repeat:repeat-x;
margin:auto;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
}
/* horizontale Navigation mitte */
/* 1. Ebene */
#navi_mitte ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#navi_mitte ul li
{
position:relative;
display:inline;
float:left;
}
#navi_mitte ul li a
{
position:relative;
font-size:110%;
text-decoration:none;
letter-spacing:0.1em;
padding-left:20px;
padding-right:20px;
height:25px;
padding-top:5px;
display:block;
float:left;
color:#ffffff;
}
#navi_mitte ul li a:hover
{
background-image:url(../bilder/hg_navi_mitte_over.jpg);
background-repeat:repeat-x;
}
#navi_mitte .over
{
background-image:url(../bilder/hg_navi_mitte_over.jpg);
background-repeat:repeat-x;
}

/* 2. Ebene (Untermenü) */
#navi_mitte ul li ul
{
position:absolute;
left:0;
top:31px;
z-index:300;
width:140px;
min-width:140px;
padding:0;
display:none;
background-color:#163F58;
/*border-top:none;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;*/
/*filter:alpha(opacity=80);
opacity:0.8;
-moz-opacity:0.8;*/
}
#navi_mitte ul li ul li
{
position:relative;
padding:0;
z-index:500;
float:none;
}
#navi_mitte ul li ul li a
{
padding-left:20px;
height:18px;
padding-top:2px;
float:none;
display:block;
white-space:nowrap;
border:solid 1px #ffffff;
border-top:none;
}

#navi_mitte ul li ul li a:hover
{
background-color:#456579;
background-image:none;
}

#inhalt
{
width:780px;
min-height:500px;
padding-top:20px;
padding-bottom:20px;
line-height:1.4em;
background-image:url(../bilder/hg_inhalt.gif);
background-repeat:no-repeat;
background-position:15px bottom;
clear:both;
}
#links
{
width:510px;
padding-top:0px;
padding-bottom:0px;
padding-left:30px;
padding-right:10px;
float:left;
}
#rechts
{
width:230px;
padding-top:10px;
float:right;
}
#kontaktdaten
{
width:160px;
padding-top:150px;
padding-left:40px;
background-image:url(../bilder/hg_logo.gif);
background-repeat:no-repeat;
background-position:left top;
font-size:110%;
}
#umbruch
{
clear:both;
}
#footer
{
width:760px;
height:35px;
background-image:url(../bilder/hg_footer.png);
background-repeat:no-repeat;
font-size:90%;
text-align:right;
padding-right:20px;
margin:auto;
}
#footer a
{
font-size:90%;
text-decoration:none;
color:#333333;
}

#inhalt h1
{
font-size:110%;
line-height:1.0em;
color:#163F58;
font-weight:bold;
letter-spacing:0.1em;
margin-top:10px;
margin-bottom:10px;
}
#inhalt h2,h3,h4,h5,h6
{
font-size:110%;
/*color:#163F58;*/
color:#333333;
font-weight:bold;
letter-spacing:0.1em;
margin-top:10px;
margin-bottom:10px;
}

#inhalt p
{
margin-top:10px;
margin-bottom:10px;
}
#inhalt a
{
color:#333333;
text-decoration:underline;
}
#inhalt a:hover
{
color:#ff9900;
text-decoration:underline;
/*background-color:#ffffff;*/
}
#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;
}

/* 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:#163F58;
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 #ffffff;
padding:20px;
padding-top:0px;
padding-bottom:5px;
margin-top:10px;
margin-bottom:20px;
}
legend
{
/*width:200px;*/
min-width:200px;
background-color:#456579;
background-image:url(../bilder/hg_navi_mitte.gif);
background-repeat:repeat-x;
background-position:left center;
border:solid 1px #ffffff;
padding-left:5px;
padding-right:5px;
font-size:100%;
color:#ffffff;
font-weight:bold;
letter-spacing:0.1em;
}