* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { background: url('../images/bg.jpg') #C0C0C0 center top repeat-y; margin: 10px 0; }

/* Überschriften, Absatz */
h1, h2, p { font-family: 'Trebuchet MS', Arial, Tahoma; }
h1 { font-size: 26px; color: #C09AAD; }
h2 { font-size: 18px; color: #fff; }
p { font-size: 16px; color: #E1E1E1; padding-bottom: 15px; }
ul { margin: 5px 15px 15px 15px; padding: 0; }
li { font: 16px/24px 'Trebuchet MS', Arial, Tahoma; }

/* allgemeine Textlinks */
a:link, a:visited, a:active { color: #C09AAD; text-decoration: none; font-weight: bold; }
a:hover { color: #FFFFFF; text-decoration: none; background: 6A6A6A; }

/* Titel Logo Hp-Name */
#titel { width: 300px; margin-bottom: 160px; margin-left: 435px; text-align: center; color: #C09AAD; font: bold 32px/40px 'Monotype Corsiva', 'Trebuchet MS', Arial, Tahoma; border: 1px dotted white; background: #000; }

#logo { background: url('../images/banner.jpg') no-repeat; height: 254px; width: 750px; border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; }

/* horizontale Navigation */
#navi { width: 100%; border-top: 1px solid #C0C0C0; table-layout: fixed; font: 16px 'Trebuchet MS', Arial, Tahoma; }
#navi a:link, #navi a:visited, #navi a:active { font-weight: normal; border: 1px solid #C0C0C0; text-align: center; color: #C09AAD; text-decoration: none; display: block; line-height: 28px; background: #000; }
#navi a:hover { color: #E1E1E1; text-decoration: none; }

/* Zellenformatierung, in der sich die vertikale Navigation und die Boxen befinden */
#nav_td { width: 200px; background: #333; }

/* Vertikales Navigationsmenü */
.nav_re a:link, .nav_re a:visited, .nav_re a:active { text-align: center; display: block; margin: 5px; background: #6A6A6A; color: #C09AAD; text-decoration: none; border: 1px solid #C0C0C0; font: bold 16px/32px 'Trebuchet MS', Arial, Tahoma; letter-spacing: 2pt; }
.nav_re a:hover { color: #FFFFFF; text-decoration: none; border: 1px dashed #C09AAD; background: #595959; }

/* äußerer Tabellenrahmen, in der sich der Inhalt sowie die vertikale Navigation befindet */
.tab_rahmen { width: 750px; border: 3px double #C0C0C0; }

/* Formatierung Inhalt */
#inhalt { width: 750px; padding: 20px; border-right: 1px solid #C0C0C0; color: #E1E1E1; font: 14px 'Trebuchet MS', Arial, Tahoma; text-align: justify; background: #595959; }
.umrandung { letter-spacing: 1pt; padding: 5px; background: #2B2B2B; border: 1px solid #C0C0C0; }

/* Boxen */
.infobox { margin: 5px; text-align: center; font: 14px/150% Arial, Verdana, Tahoma; font-style: italic; color: #E1E1E1; padding: 5px; background: #2B2B2B; border: 1px solid #C0C0C0; }
.infobox2 { margin: 5px; text-align: center; font: 14px/150% Arial, Verdana, Tahoma; color: #E1E1E1; padding: 5px; background: #595959; border: 1px solid #C0C0C0; }

/* Fußzeile */
.fuss { width: 750px; color: #E1E1E1; font: 12px/50px Arial, Verdana, Tahoma; text-align: center; font-style: italic; letter-spacing: 1.5pt; background: #595959; border: 1px solid #C0C0C0; border-top: none; }
.fuss_li { width: 550px; background: #333; border-right: 1px solid #C0C0C0; }
.fuss_re { width: 200px; }

/* Formatierung Bilderrahmen */
.bild { border: 1px solid #000; }