/* Dante Amstetten - eigene CSS (Testversion) 2026-10-26 */
/* Basis: main.css des Servers, 1:1 uebernommen; nur ergaenzt:
   - #bar/.bar und #inhalt/.inhalt wirken gleich (saubere Klassen)
   - Bildpfade absolut (/images-layout/...) fuer den Unterordner-Test */
body { padding:10px; margin:0; color: #FFFFFF; background: #660000; text-align: center; font-family: Verdana; font-size: 12px; }
.Stil1 { color: #ffffff; font-weight: normal; font-size:32px }
.Stil2 { color: #ffffff; font-weight: normal; line-height: 20px; font-size: 14px; }
.Stil3 { color: yellow; font-weight: bold; font-size:12px }
.Stil10 { font-size: 13px; font-style: normal; line-height: 20px; }
#content #inhalt #bar2 .Stil8 .Stil22, #content #inhalt .bar2 .Stil8 .Stil22 { text-decoration: underline; }
.Stil12 { font-size: 13px; font-style: italic; line-height: 20px; }
.Stil4 { font-size: 16px }
.Stil5 { font-size: 100%; font-weight: bold; }
.Stil6 { font-size: 90%; font-style: normal; font-weight: normal; line-height: 20px; font-variant: normal; }
.Stil9 { font-size: 13px; font-style: normal; line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.Stil7 { font-size: 16px; line-height: 20px; }
a:hover { color: #FFCC00; font-weight: normal; font-size: 14px; }
a { color: #FFFFFF; font-size: 14px; font-weight: normal; }
td { font-family:Verdana; font: 12px Verdana; color: #FFFFFF; color:#ffffff; text-decoration:none; background-color: #FF9900; width: 350px; }
p { margin: 1em 0; }
a.anker { float: left; text-decoration: none; }
hr { background: yellow; color: yellow; border: yellow; height: 1px; margin: 0 0 30px 0; }
h2 { font-size: 18px; }
h3 { font-family : Times New Roman, Times, serif; font-style: italic; font-size: 22px; color:#ffffff; }
#header { width: 900px; background: #996600; font-size: 18px; color: #330000; padding-left: 0px; border: 8px solid #ffffff; border-radius:5px; }
#header-bild6 { background: url(/images-layout/img06.jpg) no-repeat center top #996600; width: 900px; height: 200px; border-left: 8px solid #ffffff; border-right: 8px solid #ffffff; }
#header-bild5 { background: url(/images-layout/img05.jpg) no-repeat center top #996600; width: 900px; height: 200px; border-left: 8px solid #ffffff; border-right: 8px solid #ffffff; }
#header-bild4 { background: url(/images-layout/img04.jpg) no-repeat center top #996600; width: 900px; height: 200px; border-left: 8px solid #ffffff; border-right: 8px solid #ffffff; }
#header-bild3 { background: url(/images-layout/img03.jpg) no-repeat center top #996600; width: 900px; height: 200px; border-left: 8px solid #ffffff; border-right: 8px solid #ffffff; }
#header-bild2 { background: url(/images-layout/img02.jpg) no-repeat center top #996600; width: 900px; height: 200px; border-left: 8px solid #ffffff; border-right: 8px solid #ffffff; }
ul#navigation { float: left; margin: 14px 0 0 0px; list-style: none; }
ul#navigation li { text-align: left; }
ul#navigation li a { display: block; width: 180px; line-height: 27px; font-weight: normal; font-size:14px; text-decoration: none; color: #FFFFFF; border-bottom: 1px solid #660000; }
ul#navigation li a:hover { background: #660000; color: Yellow; }
#content { float: right; width: 900px; padding left: 20px; background: #996600; font-size: 14px; border: 8px solid #ffffff; }
#inhalt, .inhalt { padding: 30px; width: 585px; background: #996600; border: 0px solid #ffffff; text-align: justify; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 240px; }
#bar, .bar { padding: 7px 10px; text-align: right; font-size: 14px; color: #ffffff; background-color: #660000; }
#bar2, .bar2 { padding: 7px 10px; text-align: right; font-size: 14px; color: #ffffff; background-color: #950000; border: 1px solid #FFCC33; }
#bar3 { text-align: right; font-size: 14px; color: #ffffff; background-color: #4F0000; border: 1px solid #FFCC33; height: auto; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; float: left; width: 600px; }
#bar_ball { padding: 7px 10px; text-align: right; font-size: 14px; color: #ffffff; background-color: #660000; }
#content #inhalt #bar3 #bar3_links { width: 300px; border: 1px solid #CC0000; }
#content #inhalt #bar3 #bar3_rechts { float: right; width: 250px; border: 1px solid #CC0000; }
p.img { text-align: center; }
.center { text-align: center; margin-bottom: -1px; }
.left { float: left; margin-left: 80px; }
.right { float: right; margin-right: 80px; }
.c { clear: both; }
strong { font-weight: bold; }
.small { font-size: 0.8em !important; }
.kursiv { font-size: 0.9em; font-style: italic; }
#footer { width: 900px; line-height: 20px; background: #996600; color: #FFFFFF; font-size: 100%; text-align: center; border: 8px solid #ffffff; padding-top: 10px; padding-bottom: 10px; clear: both; }
ul#navigation { margin-left: 15px; }
ul#navigation li a { margin-left: -20px; voice-family:"\"}\""; voice-family:inherit; margin: 0px; }
#bar2, .bar2 { padding: 7px 10px; text-align: right; font-size: 14px; color: #ffffff; background-color: #660000; }
#content #inhalt #rahmen { border: thin solid #990000; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; font-size: 90%; font-style: oblique; font-family: Arial, Helvetica, sans-serif; width: 500px; font-weight: lighter; line-height: 18px; }
#content #inhalt #zweispalten { float: left; width: 200px; }
#content #inhalt table { width: auto; float: left; height: auto; }
#content #inhalt a { color: #FFFFFF; font-size: 13px; font-weight: bold; }
#cs_flashBody #content #inhalt .Stil23 a { color: #5E0000; }
#content #inhalt .bilder_2 { float: left; }
#content #inhalt #bar .Stil21, #content #inhalt .bar .Stil21 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; background-color: #FFFFFF; color: #990000; }
#content #inhalt #bar strong, #content #inhalt .bar strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #FFFFFF; }
#video { background-color: #660000; height: 600px; width: 400px; }
#cs_flashBody #content #inhalt .Stil17 { background-color: #CCCCCC; }
#bar4 { padding: 7px 10px; text-align: right; font-size: 14px; color: #ffffff; background-color: #990000; border: 1px solid #FFCC33; }
hr2 { background: yellow; color: #666666; border: yellow; height: 1px; margin: 0 0 30px 0; }