@charset "utf-8"; /* CSS Document */ body { font: 80% Verdana, Arial, Helvetica, sans-serif; background: #000; margin: 5px 0 5px 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */ padding: 0; text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */ color: #000000; } .thrColFixHdr #container { width: 960px; margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */ border: 2px solid #fff; text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */ background-color: #FFFFFF; background-image: url(../bilder/bg_container.gif); background-repeat: repeat-y; } .thrColFixHdr #container2sp { width: 960px; margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */ border: 2px solid #fff; text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */ background-color: #FFFFFF; background-image: url(../bilder/bg_container2sp.gif); background-repeat: repeat-y; } .thrColFixHdr #header { padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */ } .thrColFixHdr #header h1 { margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */ padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */ } .thrColFixHdr #navi { float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */ width: 150px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */ padding: 0; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */ background-color: #036; } .thrColFixHdr #sidebar2 { float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */ width: 190px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */ background: #EBEBEB; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */ padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; } .thrColFixHdr #mainContent { margin: 0 200px 0 150px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */ padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */ } .thrColFixHdr #mainContentBig { margin: 0 0px 0 150px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */ padding: 0 5px 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */ } .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */ float: right; margin-left: 8px; } .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */ float: left; margin-right: 8px; } .fltlft2 { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */ float: left; margin-right: 0px; } .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */ clear:both; height:0; font-size: 1px; line-height: 0px; } #sidebar2 p { margin-left: 5px; padding-right: 5px; padding-left: 3px; margin-top: 0px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 5px; } /*Formatierung Navigation*/ #navi ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; } #navi a { display: block; padding: 3px; width: 144px; background-color: #036; border-bottom: 1px solid #eee; } #navi a:link, #navlist a:visited { color: #EEE; text-decoration: none; } #navi a:hover { background-color: #ebebeb; color: #000; } #sidebar2 h3 { background-color: #003366; width: 190px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 2px; color: #FFF; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-size: 100%; } #mainContent h1 { font-size: 120%; padding: 0px; } #mainContentBig h1 { font-size: 120%; padding: 0px; } #links{ float:left; width:285px;} #rechts h3{ font-size:100%; padding:0; margin:0; } #links h3{ font-size:100%; padding:0; margin:0; } #rechts{ float:right; width:285px; margin-left:5px} .textkleingruen { font-size: 80%; color: green; } .textkleinrot { font-size: 80%; color: #F00; } .textklein { font-size: 80%; } .textklein90 { font-size:85%; } .bild { margin-right: 10px; display: block; float: left; clear: left; margin-top: 5px; } img { border: 0px; } #mainContent h2 { font-size: 100%; font-weight: bold; margin-bottom: 2px; } #mainContentBig h2 { font-size: 100%; font-weight: bold; margin-bottom: 2px; } a { color: #036; } a:hover { color: #999; } /*Formularformatierungen*/ .labeltext { text-align: left; width: 140px; padding-right: 5px; } .labeltext200 { text-align: left; width: 210px; padding-right: 5px; } .labeltext220 { text-align: left; width: 180px; padding-right: 5px; } .labeltextbreit { text-align: left; width: 350px; padding-right: 5px; } .textfeld200 { width: 300px; background-color: #FFFFFF; border: 1px solid #666666; margin-bottom: 2px; } .textfeld100 { width: 253px; background-color: #FFFFFF; border: 1px solid #666666; margin-bottom: 2px; margin-right: 1px; } .textfeld20 { width: 40px; background-color: #FFFFFF; border: 1px solid #666666; margin-bottom: 2px; margin-right: 1px; } .textfeld60 { width: 123px; background-color: #FFFFFF; border: 1px solid #666666; margin-bottom: 2px; margin-right: 1px; } .textfeld80 { width: 163px; background-color: #FFFFFF; border: 1px solid #666666; margin-bottom: 2px; margin-right: 1px; } .textfeld { width: 400px; background-color: #FFFFFF; border: 1px solid #666666; margin-bottom: 2px; height: 80px; } #formular1 label, #formular1 input, #formular1 select { /* Alle Labels UND Formularelemente auswhlen */ display: block; float: left; } div#formular1 form br { /* Alle Zeilenumbrche in Formularen auswhlen */ clear: left; /* das floating der labels und inputs aufheben */ } #formular label, #formular input, #formular select { /* Alle Labels UND Formularelemente auswhlen */ display: block; float: left; } div#formular form br { /* Alle Zeilenumbrche in Formularen auswhlen */ clear: left; /* das floating der labels und inputs aufheben */ } form br { /*Alle Zeilenumbrche in Formularen auswhlen */ clear: left; /* das floating der labels und inputs aufheben */ } .clear { clear: both; } dl.meImgLeft { float: left; margin-right: 8px; margin-bottom: 0px; margin-top: 0px; } dl.meImgLeft dt { margin-bottom: 0; } dl.meImgLeft dd { margin: 0; font-size: 70%; padding-right: 0px; padding-top: 0px; padding-left: 0px; padding-bottom: 5px; } dl.meImgpw{ float: left; margin-right: 2px; margin-bottom: 0px; margin-top: 0px; } dl.meImgpw dt { margin-bottom: 0; } dl.meImgpw dd { margin: 0; font-size: 70%; padding-right: 0px; padding-top: 0px; padding-left: 0px; padding-bottom: 5px; } .kasten { float: left; width: 160px; } .center{ text-align:center; } #fehler { padding: 10px; color: #F00; border: 2px solid red; } .ui-dialog { text-align: left; } .td_col1 { font-weight: bold; } .td_col3, .td_col2 { padding-left: 20px; } #fdselect { font-size: 130%; } #fdselect label { margin-top: 5px; } #fid { padding: 3px; font-size: 110%; } #errordiv { visibility: hidden; color:red; margin-right:20px; width: 350px; float:right; font-size: 110%; border: 2px red solid; padding: 3px; } #dialogdoppelt { width: 90%; } .no-close .ui-dialog-titlebar-close {display: none } #afterdialog { display: none; } #foriframe { margin-left: -10px; margin-top: -30px; margin-bottom: -15px; } #sendebutton { width: 300px; margin: 15px auto 10px auto; } .lastchange { text-align:right; font-size:80%; } #ftermin { width: 300px; height: 25px; line-height: 25px; background-color: #ffffFF; margin-top: -5px; font-size: 110%; } #unterfuedat { margin-top: 8px; } .inputtext { background-color: SkyBlue; height: 40px; font-size: 20px; cursor:pointer; border-radius: 12px; padding-left: 10px; padding-right: 10px; } textarea { font-family: inherit; font-size: inherit; } .cancel { width: 100px; margin-left: 60px; font-size: 16px; } #sofitxt h1 { text-align: center; } #sofitxt { padding: 15px; border: 5px solid blue; margin-top: 10px; } #maxpro { margin-left: 20px; } .sondermeldung { font-weight: bold; color: red; border: 2px rgb(229, 162, 61) solid; padding: 5px; width: 90%; }