body   { color: #999999; background-color: #336666; text-align: center }
/* Klasse leer dient um die link-Texte verschwinden zu lassen */
.leer    { display: none; }
/* Definition normler Links */
a:link { color: #99CCCC; text-decoration: none }
a:visited { color: #99CCCC; text-decoration: none }
a:hover { color: #CCFFFF; text-decoration: none }

/* Hier beginnt die Definition der einzelnen Menuepunkte */
a.start:link          { text-decoration: none; background: url("../img/layout3/start_norm.gif") no-repeat; display: block; width: 91px; height: 28px }
a.start:visited         { text-decoration: none; background: url("../img/layout3/start_norm.gif") no-repeat; display: block; width: 91px; height: 28px }
a.start:hover          { text-decoration: none; background: url("../img/layout3/start_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.start:active        { text-decoration: none; background: url("../img/layout3/start_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.start:focus        { text-decoration: none; background: url("../img/layout3/start_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.neues:link        { text-decoration: none; background: url("../img/layout3/neues_norm.gif") no-repeat; display: block; width: 92px; height: 28px }
a.neues:visited        { text-decoration: none; background: url("../img/layout3/neues_norm.gif") no-repeat; display: block; width: 92px; height: 28px }
a.neues:hover         { text-decoration: none; background: url("../img/layout3/neues_over.gif") no-repeat; display: block; width: 92px; height: 28px }
a.neues:active        { text-decoration: none; background: url("../img/layout3/neues_over.gif") no-repeat; display: block; width: 92px; height: 28px }
a.neues:focus        { text-decoration: none; background: url("../img/layout3/neues_over.gif") no-repeat; display: block; width: 92px; height: 28px }
a.fotos:link        { text-decoration: none; background: url("../img/layout3/fotos_norm.gif") no-repeat; display: block; width: 91px; height: 28px }
a.fotos:visited        { text-decoration: none; background: url("../img/layout3/fotos_norm.gif") no-repeat; display: block; width: 91px; height: 28px }
a.fotos:hover         { text-decoration: none; background: url("../img/layout3/fotos_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.fotos:active        { text-decoration: none; background: url("../img/layout3/fotos_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.fotos:focus        { text-decoration: none; background: url("../img/layout3/fotos_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.kontakt:link        { text-decoration: none; background: url("../img/layout3/kontakt_norm.gif") no-repeat; display: block; width: 90px; height: 28px }
a.kontakt:visited        { text-decoration: none; background: url("../img/layout3/kontakt_norm.gif") no-repeat; display: block; width: 90px; height: 28px }
a.kontakt:hover         { text-decoration: none; background: url("../img/layout3/kontakt_over.gif") no-repeat; display: block; width: 90px; height: 28px }
a.kontakt:active        { text-decoration: none; background: url("../img/layout3/kontakt_over.gif") no-repeat; display: block; width: 90px; height: 28px }
a.kontakt:focus        { text-decoration: none; background: url("../img/layout3/kontakt_over.gif") no-repeat; display: block; width: 90px; height: 28px }
a.links:link        { text-decoration: none; background: url("../img/layout3/links_norm.gif") no-repeat; display: block; width: 91px; height: 28px }
a.links:visited        { text-decoration: none; background: url("../img/layout3/links_norm.gif") no-repeat; display: block; width: 91px; height: 28px }
a.links:hover         { text-decoration: none; background: url("../img/layout3/links_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.links:active        { text-decoration: none; background: url("../img/layout3/links_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.links:focus        { text-decoration: none; background: url("../img/layout3/links_over.gif") no-repeat; display: block; width: 91px; height: 28px }
a.impress:link        { text-decoration: none; background: url("../img/layout3/impress_norm.gif") no-repeat; display: block; width: 85px; height: 35px }
a.impress:visited        { text-decoration: none; background: url("../img/layout3/impress_norm.gif") no-repeat; display: block; width: 85px; height: 35px }
a.impress:hover         { text-decoration: none; background: url("../img/layout3/impress_over.gif") no-repeat; display: block; width: 85px; height: 35px }
a.impress:active        { text-decoration: none; background: url("../img/layout3/impress_over.gif") no-repeat; display: block; width: 85px; height: 35px }
a.impress:focus        { text-decoration: none; background: url("../img/layout3/impress_over.gif") no-repeat; display: block; width: 85px; height: 35px }
/* Rahmen für die Zentrierung der Seite */
#rahmen     { text-align: left;  margin-right: auto; margin-left: auto; width: 750px; height: 100%; vertical-align: middle }
* {margin: 0; padding: 0;}
/* Navigationsleiste */
/* Kopfteil I */
#kopfleiste01   { position: relative; top: 0; left: 0; width: 100% }
#kopfleiste01 ul {line-height: 0;  font-size: 0; list-style-type: none;}
#kopfleiste01 ul li    { background-image: url("../img/layout3/kopf_leiste01.gif"); background-repeat: repeat-x; display: block; float: left }
/* Kopfteil II */
#kopfleiste02  {  font-size: 0; position: relative; top: 0; left: 0; width: 100% }
#menue    {  position: relative; top: 0; left: 0; width: 100% }
#menue ul  { line-height: 0;  font-size: 0;   list-style-type: none; }
#menue ul li   { background-image: url("../img/layout3/nav_leiste01.gif"); background-repeat: repeat-x; display: block; float: left }
/* Kopfteil III */
#kopfleiste03    { position: relative; top: 0; left: 0; width: 100% }
#kopfleiste03 ul  {line-height: 0;  font-size: 0;  list-style-type: none; }
#kopfleiste03 ul li      { background-image: url("../img/layout3/spacer.gif"); background-repeat: repeat-x; display: block; float: left }
/* Inhaltsteil */
#hauptteil           { font-size: 0; line-height: 0; background-image: url("../img/layout3/fuell_haupt.gif"); position: relative; top: 0; left: 0; width: 100%; float: left }
#inhalt            { font-size: 12px; line-height: 1; display: block; position: relative; top: 0; left: 50px; width: 690px; float: left }
#unter_nav             { background-color: #003333; margin-top: 2px; margin-bottom: 5px; margin-left: 2px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 150px; float: left; clear: right; border: solid 1px #666666 }
#textteil        { background-color: #003333; margin: 2px; padding: 5px 15px 10px 10px; width: 500px; float: right; border: solid 1px #666666 }
#empfehlung  { background-color: #003333; margin-top: 15px; padding-top: 15px; width: 500px; float: right }
#textteil h1     { color: #fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 100 }
#textteil p     { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px; margin-top: 10px; padding-top: 5px }
.absatz_korrekt { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px; margin-top: 10px; padding-top: 5px; clear: left }
#textteil_new          { margin: -7px 0 0; padding: 0 0 10px 10px; width: 500px; float: right }
.bild1 { margin-top: 10px; border: solid 1px gray }
.bild2 { margin-right: 15px; float: left; border: solid 1px gray }
.bild3 { float: right; border: solid 1px gray }
/* Unternavigation */
#unter_nav h1          { color: #669999; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 100 }
#unter_nav h2  { color: #669999; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 5px; margin-bottom: 5px; margin-left: 5px }
#unter_nav h3   { color: #669999; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin-bottom: 5px; margin-left: 5px }
#unter_nav h4      { color: #669999; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; margin-bottom: 3px; margin-left: 20px; padding-right: 2px }
#unter_nav a:link   { color: gray; text-decoration: none }
#unter_nav a:visited  { color: gray; text-decoration: none }
#unter_nav a:hover   { color: silver; text-decoration: none }
#unter_nav a:active  { color: gray; text-decoration: none }
#unter_nav a:focus  { color: gray; text-decoration: none }

/* Kontaktformular */
.formular    { background-color: #336666; margin-top: 30px; padding-top: 5px; padding-left: 5px; border: solid 1px silver }
.formular h2   { color: #fff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: gray; display: block; padding: 1px 5px 5px; position: relative; top: -15px; width: 125px; border: solid 1px silver }
.formular form { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px; margin-top: 10px }
.formular label     { display: block; width: 150px; float: left }
.formular input         { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #003333; display: block; width: 300px; float: left; border-style: solid; border-width: 1px; border-color: gray silver silver gray }
.formular textarea      { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #003333; display: block; width: 300px; float: left; border-style: solid; border-width: 1px; border-color: gray silver silver gray }
.formular br {clear: left}
.formular input#senden { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #003333; display: block; width: 75px; border-style: solid; border-width: 1px; border-color: gray silver silver gray }
.formular input#senden:hover   { color: #336666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #003333; display: block; width: 75px; border-style: inset; border-width: 1px; border-color: gray silver silver gray }
/* Fussleiste / Abschlussrahmen */
#fussleiste      { font-size: 0; line-height: 0; background-image: url(../img/layout3/fuell_unten.gif); top: 0; left: 0; width: 750px; height: 6px; float: left }