/* Farben */
/*
hellgrün	#009999
dunkelgrün	#006666
dunkelgrau	#7f858f
mittelgrau	#999da5
rahmengrau	#cfcfcf
hellgrau	#f4f4f4
dunkelrot	#961623
*/
body {
margin:0;
padding:0;
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:#7f858f;
font-weight:normal;
letter-spacing:0.1em;
}
html, body
{
height:100%;
}

/* Formate für Div-Container (Layout) */
#wrapper
{
width:800px;
background-color:#f4f4f4;
margin:auto;
margin-top:20px;
border:solid 1px #cfcfcf;
}
#header
{
width:780px;
height:140px;
background-image:url(../bilder/themenleiste.jpg);
background-repeat:no-repeat;
margin:auto;
margin-top:10px;
text-align:right;
}
#datum
{
font-size:90%;
color:#ffffff;
padding-right:50px;
padding-top:120px;
}
#navi_mitte
{
width:780px;
height:40px;
background-color:#999da5;
background-image:url(../bilder/hg_navi_mitte.gif);
background-repeat:repeat-x;
margin:auto;
margin-top:5px;
}
/* horizontale Navigation mitte */
/* 1. Ebene */
#navi_mitte ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#navi_mitte ul li
{
display:inline;
float:left;
}
#navi_mitte ul li a
{
font-size:100%;
font-weight:bold;
text-decoration:none;
letter-spacing:0.1em;
padding-left:15px;
padding-right:15px;
height:30px;
padding-top:10px;
display:block;
float:left;
color:#ffffff;
}
#navi_mitte ul li a:hover
{
padding-left:14px;
padding-right:14px;
height:28px;
padding-top:9px;
color:#ffffff;
background-image:url(../bilder/hg_navi_mitte_over.gif);
background-repeat:repeat-x;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #cfcfcf;
border-bottom:solid 1px #999da5;
}
#navi_mitte .over
{
padding-left:14px;
padding-right:14px;
height:28px;
padding-top:9px;
color:#ffffff;
background-image:url(../bilder/hg_navi_mitte_over.gif);
background-repeat:repeat-x;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #cfcfcf;
border-bottom:solid 1px #999da5;
}

#inhalt
{
width:780px;
background-color:#ffffff;
line-height:1.5em;
margin:auto;
margin-top:5px;
clear:both;
}
#links
{
width:518px;
padding-top:20px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
border:solid 1px #cfcfcf;
background-color:#ffffff;
float:left;
}
#rechts
{
width:203px;
padding-top:20px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
border:solid 1px #cfcfcf;
margin-left:5px;
background-image:url(../bilder/hg_rechts.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
float:right;
}
#kontaktdaten
{
margin-left:30px;
margin-top:20px;
}
#partner
{
margin-top:40px;
text-align:center;
}
#umbruch
{
clear:both;
}
#footer
{
width:780px;
height:18px;
background-image:url(../bilder/hg_footer.gif);
background-repeat:repeat-x;
margin:auto;
margin-top:5px;
margin-bottom:5px;
font-size:90%;
padding-top:2px;
color:#ffffff;
}
#footer a
{
font-size:100%;
text-decoration:none;
color:#ffffff;
}
#copyright
{
padding-left:20px;
float:left;
}
#webdesign
{
padding-right:20px;
float:right;
}

#inhalt h1
{
background-image:url(../bilder/hg_h1.gif);
background-repeat: no-repeat;
background-position: left middle;
padding-left:40px;
padding-top:2px;
font-size:120%;
height:21px;
color:#7f858f;
font-weight:bold;
letter-spacing:0.1em;
margin-top:10px;
margin-bottom:10px;
}
#inhalt h2,h3,h4,h5,h6
{
font-size:110%;
color:#7f858f;
font-weight:bold;
letter-spacing:0.1em;
margin-top:10px;
margin-bottom:10px;
}

#inhalt p
{
margin-top:10px;
margin-bottom:10px;
}
#inhalt a
{
color:#7f858f;
text-decoration:underline;
}
#inhalt a:hover
{
color:#961623;
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 .werbung
{
font-size:100%;
color:#333333;
font-weight:normal;
text-align:left;
}
#inhalt a:active, a:focus
{
outline:none;
}
#inhalt .vermittler
{
text-align:right;
margin-top:-15px;
border-bottom:dashed 1px #999999;
}
/* allgemeine Formate */

.item
{
font-size:100%;
color:#961623;
font-weight:bold;
letter-spacing:0.1em;
margin-top:0px;
margin-bottom:10px;
}
.item2
{
font-size:100%;
color:#961623;
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 #f4f4f4;
border-left:solid 1px #f4f4f4;
border-right:solid 1px #cfcfcf;
border-bottom:solid 1px #cfcfcf;
}
.header
{
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
border-top:dashed 1px #999999;
border-bottom:dashed 1px #999999;
background-color:#f4f4f4;
}

/* 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 #666666;
border-left:solid 1px #666666;
border-right:solid 1px #cfcfcf;
border-bottom:solid 1px #cfcfcf;
}
.button
{
width:160px;
height:24px;
background-image:url(../bilder/hg_button.gif);
background-repeat: repeat-x;
background-position: center;
font-size:100%;
color:#ffffff;
font-weight:normal;
letter-spacing:0.1em;
background-color:#006666;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #cfcfcf;
border-bottom:solid 1px #cfcfcf;
cursor:pointer;
}
.textarea
{
overflow:auto;
}
.randlos
{
border:none;
background-color:transparent;
}