body { marginheight=0; topmargin=0; text-align: center; color: #333333; } /* Basisstylesheet */ body { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #fff; color: #000; } body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre { margin: 0; padding: 0; } p, li, h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1em; } /* Minimal CSS */ /* Grundgerüst mit Steuerung der Mittigkeit */ * { margin:0; padding:0; } html, body { height:100%; background-color: #FFFBEF; padding-top: 0px; margin:0; padding:0; } #wrap { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; background-color:#FF0000; padding: 0 0 0 0; width:1000px; background: url(../RA/original_bg_wrap18/$FILE/bg_wrap.jpg) repeat; } /* IE Win < 7 only \*/ * html #wrap { margin-left: auto; margin-right: auto; } /* Clearfix */ .clearfix:after { /* für Firefox, IE8, Opera, Safari, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } * + html .clearfix { /* für IE7 */ display: inline-block; } * html .clearfix { /* für IE6 */ height: 1%; } /* Positionierung desKopfbereiches */ #header { width:984px; margin-top:3px; background-color:#004ee1; background-color:#FFFFFF; height: 180px; margin-left: auto; margin-right: auto; background: url(../RA/original_banner_alles17/$FILE/banner_alles.jpg) no-repeat; } *html #header { width:984px; } /* Positionierung der Quernavigation im Kopfbereich*/ #quicklinks { text-align: right; min-height:18px; height:18px; width: 733px; margin-top:81px; background-color: #00ff31; background-color:transparent; margin-left: 183px; } #quicklinks{ width: 733px; } /* Positionierung und Formatierung des Inhaltsbereiches */ #content { background-color:#aaaabb; background-color:transparent; float:left; padding: 5px; padding-left: 4px; text-align: left; min-height:555px; margin-top: 20px; margin-left: 20px; display: inline; padding: 5px; padding-left: 20px; text-align: left; width:695px; font-size: 1.3em; } *html #content { height: 540px; width:725px; } /* Formatierung des Navigationsbereiches links */ #sidebar { width:176px; float:left; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; padding-top: -1px; text-align: left; min-height:560px; background-color:#f0aa31; background: url(../RA/original_bg_navi18/$FILE/bg_navi.jpg) no-repeat; } *html #sidebar { height:560px; display: inline; } /* Verlängerung der Hintergrundfarbe der linken Navigation durch Hintergrundbild */ /*wenn Inhalt die Website auf eine Höhe über 560px aufweitet */ #corpus { background: url(../RA/bg_corpus/$FILE/bg_corpus.gif) repeat; width:984px; margin-top: 1px; margin-left: auto; margin-right: auto; } /* Formatierung des Teaserbereiches links */ #teaser { width:209px; float:right; margin-left: 0px; margin-bottom: 0px; margin-top: 1px; display: inline; text-align: left; min-height:630px; background-color:#ff0001; background-color: #000000; padding: 0 0 0 0; } *html #teaser { display: inline; height:630px; } .textteaser { padding: 5 5 5 5; padding-left: 7px; color: #CCCCCC; font-size: 12px; border-bottom: solid 1px #FFFFFF; } .textteaser a:link, .textteaser a:hover, .textteaser a:visited, .textteaser a:active { font-size: 12px; color: #CCCCCC; text-decoration: underline; } a:link {color: #CCCCCC; text-decoration: none;} a:visited {color: #CCCCCC; text-decoration: none;} a:hover {color:#00FF00; text-decoration: none;} a:focus {color:#CCCCCC; text-decoration: none;} a:active {color:#CCCCCC; text-decoration: none;} /* Positionierung und Formatierung der graphischen Bereiche in der Startseite*/ .topline{ margin: 0 0 0 0 ; padding: 4px 2px 2px 2px; background-color: #000000; border: solid 0px #FFF0FF; color: #CCCCCC; font-size: 13px; width: 204px; font-weight: bold; } *html .topline{ margin-right:-1px; } .textline{ padding: 5px; width: 550px; border: solid 1px #FFFFFF; } } .textteaser{ font-size: 13px; padding: 5px; width: 150px; } /* Positionierung und Formatierung der Fußzeile (wichtig zum Abschluß der Seitengraphiken)*/ #footer { clear: left; background-color: transparent; height:1px; width:984px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px, padding: 0 0 0 0; font-size: 1px; } /* Positionierung und Formatierung der Main-navigation*/ #sidebar li { list-style-type: none; list-style-position: outside; text-align: left; line-height: 1.7 ; width: 174px; font-size: 12px; margin: 0 0 0 0; padding: 0 0 0 0; margin-left: 0px; border: 0px; background: url(../RA/4eck_grau_li/$FILE/3eck_grau_navi_li.gif) no-repeat; background-color: #FFFFFF; } *html #sidebar li { margin: 0 0 0 0; color: #CCCCCC; background-color: #FFFFFF; } #sidebar a{ text-decoration: none; color: #CCCCCC; width: 176px; margin-top: 1px; padding-left: 19px; display: block; border: 0px; background-color: #FFFFFF; height: 22px; } /*= 1.Ebene ========================================================================================================*/ #sidebar li a.main_E1 { background: url(../RA/4eck_grau/$FILE/4eck_grau.gif) no-repeat; } #sidebar li a.aktiv_main_E1 {background: url(../RA/4eck_linie/$FILE/4eck_linie.gif) no-repeat; } /*= 2.Ebene ========================================================================================================*/ #sidebar li a.main_E2 { background: url(../RA/3eck_grau_navi/$FILE/3eck_grau_navi.gif) no-repeat; padding-left: 30px;} #sidebar li a.aktiv_main_E2 {background: url(../RA/3eck_linie/$FILE/3eck_linie.gif) no-repeat; padding-left: 30px; } /* Positionierung und Formatierung der graphischen Bereiche in der Startseite*/ #oben { text-align: center; width: 300px; padding: 10px; border: 1px solid #333333; color: #333333; font-size: 1.3em; font-weight: bold; margin-left: 134px; } #links { padding: 6px; float: left; border: 1px solid #333333; margin-right: 8px; background: url(../RA/intro_links/$FILE/intro_links.jpg) no-repeat; width: 248px; height: 528px; padding-left: 23px; color: #CCCCCC; font-size: 1.3em; } *html #links { width: 278px; height: 528px; display: inline; } #rechts { float: right; clear: right; padding: 6px; border: 1px solid #333333; background: url(../RA/intro_rechts/$FILE/intro_rechts.jpg) no-repeat; width: 248px; height: 528px; padding-left: 23px; color: #CCCCCC; font-size: 1.3em; } *html #rechts { display: inline; width: 278px; height: 528px; } /* Positionierung und Formatierung Funktionsleiste*/ .DocumentFunctions li { display: inline; text-align: left; font-size:0.9em; } .DocumentFunctions ul { width: 100%; margin: -20px 0px 10px 0px; padding: 5px 0px 5px 0px; font-family:Verdana,sans-serif; font-size: 1.1em; color: #000000; text-align:right; } #oben { text-align: left; width: 600px; height: 20px; padding: 0px; margin-left: 2px; border: 0px solid #FFFFFF; color: #333333; font-weight: normal; font-size: 1.1em; }