@charset "UTF-8"; /* CSS Document */ h1 {font-size:14px; padding: 0 0 0 0; margin: 0 0 0 0; color:#990000;} h2, h3 {padding: 0 0 0 0; margin: 0 0 0 0;} #Header {background-color:#FFFFFF;} #Breadcrumbs {background-color:#2F583A; color:#FFFFFF; font-size:10px; line-height:20px; padding-left:30px;} #Breadcrumbs a { font-size:10px;} #Breadcrumbs a:link {color: #FFFFFF; text-decoration: none;} #Breadcrumbs a:visited {color:#FFFFFF; text-decoration: none;} #Breadcrumbs a:hover {color:#FFFFFF; text-decoration: underline;} #Breadcrumbs a:active {color:#FFFFFF; text-decoration: none;} #Menue-statisch p,td { font-size:12px; font-weight:bold; color:#FFFFFF; line-height:20px;} #Menue-statisch a { font-size:12px; font-weight:bold; color:#FFFFFF; line-height:20px; padding-left:5px; text-decoration: none;} #Headline {padding: 10px 10px 10px 0px; margin: 0 0 0 250px;} #Navigation1 {background-color:#DEDEDE; margin-bottom:10px;} #Navigation1 a {color:#333333; padding-right:10px;} #AuswahlSortierung {background-color:#DEDEDE; padding-top:10px; padding-bottom:10px; padding-left:5px;} #Content p,td, a {font-size:11px; color:#666666; font-weight:normal;} #Content strong { color:#333333; font-weight:normal;} #Content h2 { color:#333333; font-weight:bold;} #Content a:link {color: #FF6600; text-decoration: none;} #Content a:visited {color:#FF6600; text-decoration: none;} #Content a:hover {color:#FF6600; text-decoration: underline;} #Content a:active {color:#FF6600; text-decoration: none;} #blaettern p,td, a {font-size:11px; line-height:20px; margin-top:10px;} #blaettern td {padding-left:5px;} #blaettern a:link {color:#666666; text-decoration: none;} #blaettern a:visited {color:#666666; text-decoration: none;} #blaettern a:hover {color:#000000; text-decoration: underline;} #blaettern a:active {color:#666666; text-decoration: none;} #MerkenAnfragen {background-color:#DEDEDE; line-height:20px; margin-top:10px; margin-bottom:0px; border: 1px solid #cccccc;} #MerkenAnfragen a {color:#333333; padding-right:10px;} #ObjektKurzinfo { background-color:#FFFFFF; border:1px solid #cccccc; padding:5px;} #ObjektKurzinfo a {color:#333333;} #ObjektKurzinfo h2 {color:#333333; font-size:11px; font-weight:bold; padding-bottom:5px;} /* Objektbezeichnung */ #ObjektKurzinfo h3 {color:#333333; font-size:11px; font-weight:bold;} /* Preis */ #ObjektKurzinfo td {vertical-align:top;} #Footer {background-color:#2F583A; color:#FFFFFF; font-size:10px; line-height:30px; padding-left:0px; padding-bottom:0px; margin-bottom:0px;} #Footer a {color:#FFFFFF; } #Meldung { position:absolute; top:200px; left:40%; width:300px; z-index:10; background-color:#fff; border:solid #F60; padding:10px; } #Meldung p, strong { font-size:11px; text-align:center; font-weight:bold; line-height:30px;} #Meldung a { font-size:14px; font-weight:bold;} #MeldungBereich { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:9; background-color:#000; opacity:0.5; filter: alpha(opacity=50); -moz-opacity:0.5;} body { font: 11px; font-family:Verdana, Geneva, sans-serif; background-image:url(../images/main_bg.jpg); margin: 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: #333333; } .twoColFixLt #container { width: 928px; /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */ background-image:url(../images/content_bg.jpg); margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */ /* border: 1px solid #000000; */ text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */ } .twoColFixLt #Menue-statisch { /* border: 1px solid #999999; */ margin: 10px 0px 0px 10px; float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */ width: 200px; /* 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: #FFFFFF; */ /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */ padding: 0 5px 5px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */ } .twoColFixLt #Content { font-size:11px; color:#666666; font-weight:normal; background: #FFFFFF; width: 650px; margin: 0 0 0 250px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */ padding: 1px 10px 5px 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; } .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; }