@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
border:0;
outline:none;
}

html, body {
margin: 0;
padding: 0;
height: 100%;
background-image:url(../bilder/bg.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#696969;
}

#container-page {
width: 700px;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
background-image:url(../bilder/page_bg.jpg);
background-repeat:repeat-y;
}

h2 {
font-size:14px;
color:#000000;
margin:0px 0px 20px 0px;
}

h2 span {
background-color:#FFED00;
border-bottom:1px dotted #000000;
border-top:1px dotted #000000;
padding:5px 5px 5px 5px;
}

h3 {
font-size:12px;
font-weight:bold;
color:#000000;
margin:0px 0px 5px 0px;
}

.blau {
color:#008ACF;
}

.wichtig {
background-color:#FFED00;
color:#000000;
}

#clear01, #clear02, #clear03, #clear04 {
height:1px;
clear:left;
background-color:transparent;
}


/* Links .............................................................. */

a:link {
color:#008ACF;
}

a:visited {
color:#008ACF;
}

a:hover {
text-decoration:line-through;
}

a:active {
color:#0075B0;
}

/* Hauptnavi .............................................................. */

#navi ul {
height:50px;
margin:0px 0px 20px 0px;
}

#navi li {
float:left;
list-style:none;
}

#navi li a span {
display:none;
}

#navi li a {
display:block;
width:130px;
height:50px;
}

a.start {
background-image:url(../bilder/start.gif);
background-repeat:no-repeat;
}

a:hover.start, a.start_aktiv {
background-image:url(../bilder/start_aktiv.gif);
background-repeat:no-repeat;
}

a.arbeit {
background-image:url(../bilder/arbeit.gif);
background-repeat:no-repeat;
}

a:hover.arbeit, a.arbeit_aktiv {
background-image:url(../bilder/arbeit_aktiv.gif);
background-repeat:no-repeat;
}

a.kontakt {
background-image:url(../bilder/kontakt.gif);
background-repeat:no-repeat;
}

a:hover.kontakt, a.kontakt_aktiv {
background-image:url(../bilder/kontakt_aktiv.gif);
background-repeat:no-repeat;
}

a.impressum {
background-image:url(../bilder/impressum.gif);
background-repeat:no-repeat;
}

a:hover.impressum, a.impressum_aktiv {
background-image:url(../bilder/impressum_aktiv.gif);
background-repeat:no-repeat;
}

/* Container .............................................................. */

#header {
width: 700px;
height: 250px;
}

#header h1 {
display:none;
}

#container-content {
padding: 0px 120px 200px 60px;
}

#container-content p {
margin:0px 0px 5px 0px;
}

#container-foot {
width: 700px;
background-image:url(../bilder/footer.jpg);
background-repeat:no-repeat;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 200px;
}

#container-foot p {
margin:130px 0px 60px 60px;
color:#000000;
font-size:11px;
line-height:15px;
}

#container-foot p a:link {
color:#000000;
font-size:11px;
line-height:15px;
}

#container-foot p a:visited {
color:#000000;
font-size:11px;
line-height:20px;
}

#container-foot p a:hover {
text-decoration:line-through;
}

#container-foot p a:active {
color:#696969;
}

#container-content ul {
width:520px;
padding:20px 0px 20px 0px;
border-top:1px dashed #8C8987;
margin-top:15px;
}

#container-content ul li {
width:160px;
float:left;
list-style:none;
margin-left:20px;
}

#container-content ul li.eins {
width:160px;
height:50px;
float:left;
list-style:none;
margin-left:0px;
}