body {
margin:0;
padding:0;
background-color:#dedede;
font-family:Verdana, 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:910px;
background-color:#ffffff;
background-image:url(../bilder/hg_website.gif);
background-repeat:repeat-y;
background-position:center top;
margin:auto;
}
#header
{
width:900px;
height:60px;
border-bottom:solid 7px #003399;
margin:auto;
}
#logo
{
width:240px;
height:40px;
padding-top:20px;
float:left;
}
#navi_oben
{
width:660px;
height:50px;
padding-top:10px;
float:right;
}
/* 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:90%;
text-decoration:none;
letter-spacing:0.1em;
padding-left:15px;
padding-right:15px;
padding-top:5px;
display:block;
float:left;
color:#999999;
}
#navi_oben ul li a:hover
{
padding-left:15px;
padding-right:15px;
color:#333333;
}
#navi_oben .over
{
color:#333333;
}
#subheader
{
width:900px;
height:154px;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
margin:auto;
}
#logo_zusatz
{
width:240px;
height:155px;
float:left;
background-color:#f1f1f1;
}
#themenbild
{
width:660px;
height:155px;
float:right;
}
#navi_mitte
{
width:900px;
height:20px;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
background-color:#003399;
background-image:url(../bilder/hg_navi_mitte.gif);
background-repeat:repeat-x;
margin:auto;
}
/* horizontale Navigation mitte */
#navi_mitte ul
{
margin:0;
padding:0;
list-style:none;
padding-left:240px;
}
#navi_mitte ul li
{
display:inline;
}
#navi_mitte ul li a
{
font-size:90%;
text-decoration:none;
letter-spacing:0.1em;
padding-left:20px;
padding-right:20px;
height:18px;
padding-top:2px;
display:block;
float:left;
color:#ffffff;
}
#navi_mitte ul li a:hover
{
padding-left:19px;
padding-right:19px;
height:16px;
padding-top:1px;
border-left:solid 1px #000000;
border-top:solid 1px #000000;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #003399;
background-color:#003399;
color:#ffffff;
}
#navi_mitte .over
{
padding-left:19px;
padding-right:19px;
height:16px;
padding-top:1px;
border-left:solid 1px #000000;
border-top:solid 1px #000000;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #003399;
background-color:#003399;
color:#ffffff;
}

#inhalt
{
width:900px;
padding-top:20px;
padding-bottom:20px;
line-height:1.4em;
background-image:url(../bilder/hg_inhalt.gif);
background-repeat:repeat-y;
margin:auto;
}
#links
{
width:240px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
float:left;
}
#rechts
{
width:620px;
padding-top:0px;
padding-bottom:0px;
padding-left:20px;
padding-right:20px;
float:right;
}
#kontaktdaten
{
width:200px;
font-size:80%;
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
border-top:solid 1px #003399;
border-bottom:solid 1px #003399;
margin:auto;
margin-top:10px;
}
#animation
{
width:220px;
margin:auto;
margin-top:10px;
text-align:center;
}
#kmsg
{
width:200px;
font-size:80%;
background-color:#ffffff;
padding-top:10px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
border-top:solid 1px #003399;
border-bottom:solid 1px #003399;
margin:auto;
margin-top:20px;
}

#umbruch
{
clear:both;
}
#footer
{
width:900px;
height:20px;
padding-top:5px;
font-size:80%;
border-top:solid 1px #ff0000;
margin:auto;
}
#footer a
{
text-decoration:none;
color:#333333;
}
#copyright
{
margin-left:20px;
float:left;
}
#webdesign
{
margin-right:20px;
float:right;
}

#inhalt h1
{
font-size:100%;
color:#333333;
font-weight:bold;
letter-spacing:0.1em;
margin-top:10px;
margin-bottom:20px;
padding-left:45px;
padding-top:5px;
background-image:url(../bilder/hg_h1.gif);
background-repeat:no-repeat;
}
#inhalt h2,h3,h4,h5,h6
{
font-size:100%;
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:#ff0000;
text-decoration:underline;
}
#inhalt ul
{
list-style-position:outside;
list-style-type:square;
}
#inhalt li
{
padding-left:10px;
margin-bottom:5px;
}

/* 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;
}
.header
{
background-color:#f1f1f1;
border-top:solid 1px #333333;
border-bottom:solid 1px #333333;
}

/* Formate für Formularelemente */

select, textarea, input
{
font-family:Verdana, 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:#003399;
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;
}