/* 1. Allgemeine Einstellungen */

body {
 font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
 font-size: 0.75em;
 text-align: center;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 color: #000;
 background: url(/website/bilder/raster.jpg) right top repeat rgb(248, 248, 248);
}


/* 2. Konfiguration für IDs */

/* 2.1. Allgemein */

#seite {
 margin: 0px auto 10px auto;
 text-align: left;
 width: 100%;
 background: url(/website/bilder/inhalt_bg.jpg) 0px 0px no-repeat #FFF;
}

#inhalt {
 margin: 15px 10px 0px 200px;
 width: 75%;
 padding: 10px 5px 20px 5px;
 font-size: 120%;
 font-family: Verdana, Helvetica, Arial, sans-serif;
}

* html #inhalt { /* IE-Hack */
 margin: 0;
 padding: 0;
 width: 100%;
 wid\th: 75%;
}

#startbild {
 background: url(/website/bilder/illustrationen/start_bg.jpg) no-repeat;
 width: 100%;
 overflow: hidden;
 margin-top: 16px;
 height: 260px;
 position: relative;
}

* html #startbild { /* IE-Hack */

}

#startbild #rundung_links {
 background: url(/website/bilder/abrundung_start_l.gif) left top no-repeat transparent;
}

#startbild #rundung_rechts {
 padding: 80px 0px;
 background: url(/website/bilder/abrundung_start_r.gif) right top no-repeat transparent;
}

#inhaltstext {
 padding-right: 20px;
 margin: 30px 0 0 0;
 max-width: 540px;
 float: left;
 width: 66%;
}

* html #inhaltstext { /* IE-Hack */
 padding: 0px;
 width: 100%;
}

#hilfstabelle { /* Ersatz von min-width und max-width für <= IE 6 */
 width: 100%;
}

#hilfstabelle td {
 vertical-align: top;
}

#hilfstabelle #mindestbreite {
 height: 1px;
 width: 200px;
 visibility: hidden;
 margin: -6px;
 padding: 0;
}

#hilfstabelle #textbereich {
 padding-left: 20px;
 width: 520px;
}

#hilfstabelle #bildbereich {
 padding-left: 20px;
 width: 300px;
}

#logo {
 text-align: left;
 height: 80px;
 overflow: hidden;
 background-color: rgb(248, 248, 248);
 background-image: url(/website/bilder/bilderbalken.jpg);
 background-position: 450px 20px;
 background-repeat: no-repeat;
}

#logo img {
 margin-top: 12px;
 margin-left: 10px;
}

#abschluss {
 width: 100%;
 height: 2px;
 border-top: 1px solid #888;
 clear: both;
 margin-top: -10px;
}


/* 2.2. Hauptmenü       */

#menue {
 position: relative;
 left: 10px;
 top: 30px;
 clear: both;
 float: left;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 120%;
 font-variant: small-caps;
}

#menue ul {
 list-style: none;
 text-indent: 0px;
 margin: 0px;
 padding: 0px 6px;
}

#menue ul li {
 margin: -1px 0px;
 padding: 0px;
}

* html #menue ul li { /* IE-Hack */
 margin-bottom: -4px;
 marg\in-bottom: -1px;
}

#menue ul li a {
 padding: 4px;
 border: 1px solid #666;
 display: blocK;
 margin: 0px;
 width: 160px;
 background: url(/website/bilder/hauptmenue.jpg) 0px 0px;
}

* html #menue ul li a { /* IE-Hack */
 width: 170px;
 w\idth: 160px;
}

#menue ul li a:hover {
 border-color: #666;
 color: #FFF;
 text-decoration: none;
 background: url(/website/bilder/hauptmenue_hover.jpg) 0px 0px #900;
}

#menue div {
 width: 168px;
 overflow: hidden;
 border: 1px solid #666;
 background-color: #BBB;
 margin-left: 6px;
}

* html #menue div { /* IE-Hack */
 width: 170px;
 w\idth: 168px;
}

div#menue_oben2, div#menue_unten2 {
 background-image: url(/website/bilder/hauptmenue.jpg);
 height: 6px;
}

div#menue_oben2 {
 border-top: 0px;
}

div#menue_unten2 {
 border-bottom: 0px;
}

div#menue_oben, div#menue_unten {
 border: none;
 background-color: transparent;
 height: 6px;
 width: 170px;
}

* html div#menue_oben, * html div#menue_unten { /* IE-Hack */
 w\idth: 170px;
}

#menue_oben {
 background-image: url(/website/bilder/menue_oben.gif);
}

#menue_unten {
 background-image: url(/website/bilder/menue_unten.gif);
}

/* 2.2.1 Unterpunkte im Hauptmenü       */

#menue ul li ul {
 padding: 1px;
 margin: 5px 0px 8px 24px;
 width: 130px;
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 font-variant: normal;
 font-size: 85%;
}

* html #menue ul li ul { /* IE-Hack */
 margin-left: 10px;
 marg\in-left: 24px;
 margin-bottom: 16px;
 marg\in-bottom: 8px;
 width: 132px;
 w\idth: 130px;
}

#menue ul li ul li a {
 padding: 2px;
 display: blocK;
 width: 130px;
 height: 18px;
 padding-left: 10px;
 margin: 0px;
 border: none;
 background: url(/website/bilder/unterpunkt.gif) no-repeat;
}

* html #menue ul li ul li a { /* IE-Hack */
 margin-bottom: -6px;
 marg\in-bottom: -1px;
 width: 144px;
 w\idth: 130px;
 height: 23px;
 he\ight: 18px;
}

#menue ul li ul li a:hover {
 color: #F00;
 background: url(/website/bilder/unterpunkt_hover.gif) no-repeat;
 border: none;
 padding: 2px 2px 2px 10px;
 border: none;
}

/* 2.3. Nebenmenü       */

#nebenmenue {
 border-top: 1px solid #666;
}

#nebenmenue ul {
 float: left;
 text-align: center;
 width: 660px;
 list-style: none;
 text-indent: 0px;
 margin: 0px;
 padding: 0px 6px 20px 6px;
 white-space: nowrap;
}

* html #nebenmenue ul { /* IE-Hack */
 width: 672px;
 w\idth: 660px;
}

#nebenmenue ul li {
 float: left;
 padding: 0px 10px;
}

#nebenmenue ul li a {
 display: block;
 width: 182px;
 height: 17px;
 border-top: none;
 padding: 1px 8px 3px 8px;
 background: url(/website/bilder/nebenmenue3.gif) 0px 0px;
}

* html #nebenmenue ul li a { /* IE-Hack */
 width: 198px;
 height: 21px;
 w\idth: 182px;
 he\ight: 17px;
 padding: 1px 8px 2px 8px;
}

#nebenmenue ul li a:hover {
 text-decoration: none;
 background: url(/website/bilder/nebenmenue3.gif) 0px 42px;
}

/* 2.4. Illustrationen */

#flieszbild {
 height: 360px;
 margin: 15px 0px 40px 0px;
 float: left;
 width: 30%;
 max-width: 550px;
 min-width: 150px;
}

* html #flieszbild { /* IE-Hack */
 width: 100%;
}

#rundung_links {
 width: 100%;
 height: 100%;
 background: url(/website/bilder/abrundung_l.gif) left top no-repeat transparent;
}

#rundung_rechts {
 width: 100%;
 height: 100%;
 background: url(/website/bilder/abrundung_r.gif) right top no-repeat transparent;
}


/* 3. Allgemeine HTML-Elemente */

a, a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: none;
 color: #900;
}

a:hover {
 color: #F00;
 text-decoration: underline;
}

h1 {
 font-size: 180%;
 font-weight: normal;
 text-align: right;
 color: #CCC;
 display: none;
}

h2  {
 font-size: 130%;
 font-weight: normal;
 font-style: italic;
 color: #AAA;
 font-family: "Times New Roman", Times, serif;
 letter-spacing: 0.1em;
 border-bottom: 4px solid #EEE;
 margin-top: 0px;
}

ul {
 list-style-type: circle;
 padding-left: 20px;
 margin-left: 20px;
 margin-top: 6px;
}

img {
 border: none;
}

label, input {
 display: block;
}

label {
 font-size: 0.8em;
}

input[type=hidden] {
 display: none;
}

input {
 border-width: 1px;
 border-style: solid;
 border-color: #888 #CCC #CCC #888;
 background-color: rgb(250, 250, 250);
 margin-right: 2px;
}

select {
 margin-right: 2px; 
}

textarea {
 overflow: auto;
 width: 99%;
 border-width: 1px;
 border-style: solid;
 border-color: #888 #CCC #CCC #888;
 background-color: rgb(250, 250, 250);
}

* html table { /* IE-Hack */
 font-size: 90%;
 font-s\ize: 100%;
}


/* 4. Klassen */

.endnote {
 text-align: right;
 font-size: 130%;
 font-style: italic;
 color: #AAA;
 font-family: "Times New Roman", Times, serif;
 font-weight: normal;
 letter-spacing: 0.1em;
 border-bottom: 4px solid #EEE;
}

.stufe1 {
 margin-left: 30px;
}

.stufe2 {
 margin-left: 100px;
}

.stufe3 {
 margin-left: 170px;
}

strong.schlagwort {
 font-weight: normal;
 font-variant: small-caps;
}

#menue ul li a.aktiv, #menue ul li a.aktiv:hover {
 background-color: #DDD;
 background-image: none;
 color: #000;
}

#nebenmenue ul li a.aktiv, #nebenmenue ul li a.aktiv:hover {
 background: url(/website/bilder/nebenmenue3.gif) 0px 21px;
 color: #000;
}

#menue ul li a.aktiv, #menue ul li a.aktiv:hover {
 margin-top: 6px;
 border-bottom-width: 2px;
 background-color: #DCC;
 background: url(/website/bilder/hauptmenue_aktiv.jpg) 0px 0px;
}

#menue ul li ul li a.aktiv, #menue ul li ul li a.aktiv:hover {
 margin-top: 0px;
 background: url(/website/bilder/unterpunkt_aktiv.gif) no-repeat;
}

.button {
 border-width: 1px;
 border-style: solid;
 border-color: #CCC #888 #888 #CCC;
 margin-top: 10px;
 padding: 2px 4px;
}

.email {
 background-color: #EEE;
 padding: 4px;
}

.email p {
 padding: 0px;
 margin: 8px;
}

.fehler {
 border: 1px solid #F00;
 padding: 6px;
 margin-bottom: 10px;
}

.fehler p {
 padding: 4px;
 margin: 0px;
}

input.radio {
 border: none;
 background-color: transparent;
 padding: 0px;
 margin: 0px 2px 0px 0px;
}

.grosztabelle, .grosztabelle th, .grosztabelle td {
 border: none;
 vertical-align: top;
 font-weight: normal;
}

table.impressum {
 margin-bottom: 10px;
}

.impressum th {
 vertical-align: top;
}