body { color: #000; font-family: "trebuchet ms", Verdana, Calibri, Arial, Helvetica, sans-serif; background-color: #7e7e7e; margin: 0; padding: 0; }
h1 { color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; margin-top: 0; margin-bottom: 20px; }
p { margin-top: 6px; margin-bottom: 12px; }
#bild p { color: #e1e1e1; font-size: 12px; line-height: 15px; }

/*---------Positionen ----------------*/
#top { background-color: white; position: absolute; top: 0; left: 0; width: 100%; height: 30%; z-index: 10; }
#center { text-align: center; position: inherit; left: 20%; bottom: 0; width: 800px; height: 84px; z-index: 10; }
#logo { background-image: url(../pic/logo.gif); background-repeat: no-repeat; position: absolute; z-index: 10; bottom: 0; left: 0; width: 400px; height: 84px; }
#navi { position: absolute; left: 400px; bottom: 11px; width: 400px; height: 39px; z-index: 20; }
#facebook{ position: absolute; z-index: 200; bottom: 0; right: 0; width: 32px; height: 32px; }
#middle { position: absolute; z-index: 100; top: 34%; left: 0; width: 100%; height: 66%; }
#center_middle { text-align: center; position: absolute; top: 0; z-index: 100; left: 20%; width: 800px; height: 300px; }
#text { color: #fff; font-size: 13px; line-height: 16px; text-align: left; position: absolute; top: 0; z-index: 100; left: 465px; width: 325px; height: 50%; padding-left: 0; }
#textdsgvo { color: #fff; font-size: 13px; line-height: 16px; text-align: left; position: absolute; top: 0; z-index: 100; left: 465px; width: 550px; height: 50%; padding-left: 0; }
#text img { float: left; margin-top: 5px; margin-right: 10px; margin-bottom: 15px; border-width: 0; }
#bild { position: absolute; z-index: 100; top: 0; left: 0; width: 400px; height: 370px; }
#bild2 { position: absolute; z-index: 100; top: 400px; left: 0; width: 400px; height: 370px; }
/*---------Navigation ----------------*/
#navi span { visibility: hidden }
#navi li { display: inline; }

.start { width: 84px; height: 36px; display: inline; }
.start a:link, .start a:visited { background-image: url(../pic/Bilder/start.png); background-repeat: no-repeat; background-position: 0 -34px; text-decoration: none; width: 84px; height: 34px; float: left; }
.start a:hover, .start a:active { background-image: url(../pic/Bilder/start.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 84px; height: 34px; }
.team { width: 86px; height: 36px; display: inline; }
.team a:link, .team a:visited { text-decoration: none; background-image: url(../pic/Bilder/team.png); background-repeat: no-repeat; background-position: 0 -34px; width: 86px; height: 34px; float: left; }
.team a:hover, .team a:active { background-image: url(../pic/Bilder/team.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 86px; height: 34px; }
.kontakt li { width: 105px; height: 34px; }
.kontakt a:link, .kontakt a:visited { background-image: url(../pic/Bilder/kontakt.png); background-repeat: no-repeat; background-position: 0 -34px; text-decoration: none; width: 105px; height: 34px; float: left; }
.kontakt a:hover, .kontakt a:active { background-image: url(../pic/Bilder/kontakt.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 105px; height: 34px; }
#aktuell { background-repeat: no-repeat; background-position: 0 0; }

/*-------------Links sonst ---------------*/

#text a:link, #text a:visited { color: #fff; font-size: 13px; text-decoration: underline; }
#text a:hover, #text a:active { color: #fff; text-decoration: none; }

#bild a:link, #bild a:visited, #bildlink a:link, #bildlink a:visited { color: #ccc; font-size: 12px; text-decoration: underline; }
#bild a:hover, #bild a:active, #bildlink a:hover, #bildlink a:active { color: #fff; text-decoration: none; }