* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { font-family: Tahoma, Arial, Verdana; margin: 0; padding: 0; background: url('../images/bg.gif') #BCBCBC repeat-x; }

/* Hauptrahmen */
#rahmen { background: url('../images/banner-logo.jpg') #fff no-repeat; position: absolute; left: 50%; top: 50%; width: 680px; height: 400px; border: 1px solid #333; margin-left: -340px; margin-top: -200px; }

/* Abstandshalter von Logo/Banner */
#inhalt { margin: 90px 0 0 0; }

/* Zeile für Slogan / horizontale Navigation der erweiterten Version */
             /* #oben_text_re verwenden, wenn der Inhalt der Zeile nach rechts ausgerichtet sein soll */
#oben_text_re { text-align: right; }
             /* #oben_text_li verwenden, wenn der Inhalt der Zeile nach links ausgerichtet sein soll */
#oben_text_li, #oben_text_re { background: #FF6600; width: 100%; border-top: 2px solid #fff; border-bottom: 1px solid #333; margin-bottom: 10px; }

/* Überschfift- und Linkformatierung */
#oben_text_li h1, #oben_text_re h1 { font: 12px/18px Tahoma, Arial, Verdana; color: #fff; margin: 0 5px 0 10px; }
#oben_text_li a:link, #oben_text_li a:active, #oben_text_li a:visited, #oben_text_re a:link, #oben_text_re a:active, #oben_text_re a:visited {  
   margin: 0 19px; color: #fff; font: 12px/18px Tahoma, Arial, Verdana; text-decoration: none; }
#oben_text_li a:hover, #oben_text_re a:hover { color: #333; }

/* Position Adress-Spalte */
#spalte_li { border-top: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; padding: 0 0 0 10px; width: 200px; height: 265px; overflow: hidden; }

/* Überschriften und Absätze */
#spalte_li address { font: 12px Tahoma, Arial, Verdana; color: #333; margin: 0 0 5px 0; }
#spalte_li address span { font-weight: bold; font-style: normal; }
.adr { margin: 5px 0 15px 0; }
#spalte_li h1 { margin: 0; font: 12px Tahoma, Arial, Verdana; }
#spalte_li p { margin: 0 0 10px 0; font: 12px Tahoma, Arial, Verdana; }

/* Position Textspalte */
#scrolltext { position: absolute; left: 230px; top: 125px; width: 440px; height: 260px; overflow: auto; }

/* Überschriften, Absätze und Linkformatierung */
#scrolltext h1 { margin: 0 5px 10px 0; font: 13px Tahoma, Arial, Verdana;  color: #FF6600; }
#scrolltext h2 { margin: 0 5px 2px 0; font: 12px Tahoma, Arial, Verdana;  color: #333; padding-bottom: 2px; border-bottom: 1px dotted #999; }
#scrolltext p { margin: 0 5px 10px 0; font: 12px Tahoma, Arial, Verdana; }
#scrolltext a:link, #scrolltext a:active, #scrolltext a:visited { color: #FF6600; text-decoration: underline; }
#scrolltext a:hover { color: #FF9933; text-decoration: none; }

/* Footer */
#footer { position: absolute; left: 50%; top: 50%; text-align: center; width: 680px; height: 12px; font: 10px Tahoma, Arial, Verdana; margin-left: -340px; margin-top: 205px; }
#footer a:link, #footer a:active, #footer a:visited { color: #333; text-decoration: none; }
#footer a:hover { color: #FF6600; text-decoration: underline; }