/* Allgemeine Elementformatierungen /* * * * * * * * * * * * * * * * * * * * * * * * * * */ body { color: #3c561a; background: #e9e9b4; font-family: verdana, arial, sans-serif; font-size: 100.01%; padding: 0; margin: 0; text-align: center; } a { text-decoration: none; } a:link { color: #ca8127; text-decoration: none; } a:visited { color: #ed8300;} a:focus, a:hover, a:active { color: #000;} /* Allgemeine Klassen /* * * * * * * * * * * * * * * * * * * * * * * * * * */ .stopFloat { display: block; clear: both; float: none; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; } .no-border { border-style: none; border-width: 0; } /* Rahmen, Kopf /* * * * * * * * * * * * * * * * * * * * * * * * * * */ #rahmen { background-color: #ffc; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 920px; margin: 0 auto; text-align: left; height: 100%; } * html #rahmen { width: 762px; /* fuer IE 5 und 5.5 */ wid\th: 920px; height: 100%; /* fuer IE 6 */ } #kopf { background-image: url(img-all/head_hg_all.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; vertical-align: top; position: relative; width: 100%; height: 365px; } * html #kopf { width: 920px; } /*Copyricht/ Headnav --------------------------------------------*/ #headnav { background-color: #fff; width: 920px; height: 21px; } #headnav p { color: #9ca074; font-size: 10px; vertical-align: top; float: left; margin: 0; padding: 5px 0 0 20px; } #headnav ul { float: right; padding: 0; margin: 0; list-style: none; } #headnav li { background-color: transparent; background-position: 0 0; float: right; } #headnav a { display: block; position: relative; font-size: 10px; line-height: 1.3em; text-decoration: none; text-align: right; vertical-align: top; padding-top: 5px; padding-right: 7px; padding-left: 7px; } #headnav a:link, #headnav a:visited { color: #4c6926; background-color: transparent; background-position: 0 0; text-decoration: none; } #headnav a:focus, #headnav a:hover, #headnav a:active { color: #ca8127; background-color: transparent; background-position: 0 0; } /*Headslogan ---------------------------------------------------*/ #headslogan { width: 920px; height: 100px; } #headslogan p { color: #006634; font-size: 110%; font-family: georgia, "times new roman", serif; font-weight: bold; line-height: 100%; text-transform: uppercase; text-align: justify; margin: 45px 30px 0; } #headslogan h1 { color: #006634; font-size: 110%; font-family: georgia, "times new roman", serif; font-weight: bold; line-height: 100%; text-align: justify; text-transform: uppercase; margin: 45px 30px 0; } .headsloganText { color: #006634; font-size: 90%; font-family: georgia, "times new roman", serif; font-weight: bold; line-height: 100%; text-align: justify; margin: 45px 30px 0 20px; } #headslogan p.eingerueckt { font-size: 110%; font-family: georgia, "times new roman", serif; font-weight: bold; line-height: 100%; text-transform: uppercase; text-align: justify; margin: 0 30px 5px 120px; } #headsloganService { width: 920px; height: 100px; } #headsloganService p { color: #006634; font-size: 110%; font-family: georgia, "times new roman", serif; font-weight: bold; line-height: 100%; text-align: justify; text-transform: uppercase; margin: 5px 30px 0; } /*Logo---------------------------------------------*/ #logo { background-image: url(img-all/logo-head.gif); vertical-align: top; width: 217px; height: 193px; float: left; } #logo img { margin: 0; padding: 0; } #bildhead { background-image: url(img-all/head_bild_01.jpg); background-repeat: no-repeat; width: 703px; height: 193px; float: left; } /*Hauptnavigation * * * * * * * * * * * * * * * * * * * * * * * * * * */ #menue { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: relative; float: left; width: 920px; } #menue ul { background-image: url(img-all/but_passiv.gif); float: left; width: 920px; padding: 0; margin: 0; list-style: none; } #menue li { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; float: left; border-top: 1px solid #f9dc96; border-left: 1px solid #f9dc96; border-bottom: 1px solid #824401; } #menue a { color: #316222; display: block; position: relative; font-size: 80%; font-weight: bold; line-height: 3em; text-transform: uppercase; padding: 3px 0px 2px 0px; text-align: center; } #menue a:link, #menue a:visited { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-decoration: none; } #menue a:focus, #menue a:hover, #menue a:active { color: #000; background-image: url(img-all/but_aktiv.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; } #menueActive { color: #000; background-image: url(img-all/but_aktiv.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; float: left; border-top: 1px solid #f9dc96; border-bottom: 1px solid #824401; border-left: 1px solid #f9dc96; } #menueActive a { color: #000; background-image: url(img-all/but_aktiv.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; } .menueActive { background-image: url(img-all/but_aktiv.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; float: left; border-top: 1px solid #f9dc96; border-bottom: 1px solid #824401; border-left: 1px solid #f9dc96; } /*Subnavigation * * * * * * * * * * * * * * * * * * * * * * * * * * */ #subMenue { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float: left; width: 662px; } #subMenue ul { background-image: url(img-all/hg-subnav-lang.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; float: left; width: 662px; padding: 0; margin: 2px 0 0 258px !important; margin: 2px 0 0 129px; list-style: none; } #subMenue li { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; float: left; height: 37px; } #subMenue li.on { } #subMenue a { display: block; position: relative; font-size: 70%; font-weight: bold; text-transform: uppercase; padding: 10px 20px 2px; } #subMenue a:link, #subMenue a:visited { color: #316222; font-weight: normal; text-decoration: none; } #subMenue a:focus, #subMenue a:hover, #subMenue a:active { color: #000; } #subMenue li.on a { } .subMenueActive { color: #000; } .beginnSubnavHg { width: 23px; height: 30px; } /*==========Navigation Sub 2================*/ #subMenueKontakt { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float: left; width: 420px; } #subMenueKontakt ul { background-image: url(img-all/hg-subnav-lang.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; float: left; width: 420px; padding: 0; margin: 2px 0 0 500px !important; margin: 2px 0 0 250px; list-style: none; } #subMenueKontakt li { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; float: left; height: 37px; } #subMenueKontakt li.on { } #subMenueKontakt a { display: block; position: relative; font-size: 70%; font-weight: bold; text-transform: uppercase; padding: 10px 20px 2px; } #subMenueKontakt a:link, #subMenueKontakt a:visited { color: #316222; font-weight: normal; text-decoration: none; } #subMenueKontakt a:focus, #subMenueKontakt a:hover, #subMenueKontakt a:active { color: #000; } #subMenueKontakt li.on a { } .subMenueActive { color: #000; } .beginnSubnavHg { width: 23px; height: 30px; } /*CONTENT#########################*/ #contentholdertop { background-image: url(img-all/hg_newscontent-top.gif); background-repeat: no-repeat; vertical-align: top; width: 920px; height: 30px; margin: 0; } #contentholder { background-image: url(img-all/hg_newscontent-middle.gif); background-repeat: repeat-y; vertical-align: top; width: 920px; height: auto; margin: -3px 0 0; padding: 0; } #contentholderbottom { background-image: url(img-all/hg_newscontent-bottom.gif); background-repeat: no-repeat; vertical-align: top; width: 920px; height: 30px; } /* Spalte 1 /* * * * * * * * * * * * * * * * * * * * * * * * * * */ #spalte1 { text-align: center; float:left; width: 262px; /* Breite ohne senkrechte weisse Linie */ padding: 0 0 5px; } #spalte1 h6 { color: #9ca074; font-size: 80%; font-weight: normal; margin: 0; } #spalte1 img { margin-top: 15px; } /* Spalte 2 /* * * * * * * * * * * * * * * * * * * * * * * * * * */ #spalte2 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float:left; width: 376px; padding: 15px 0 5px; /* Senkrechte Linie links */ } * html #spalte2 { /* Box Model Hack - notwendig wegen border-Angabe */ width: 362px; /* Fuer IE 5 und 5.5 */ wid\th: 376px; /* Fuer IE 6 */ } #spalte2 h1 { color: #9ca074; font-family: georgia, "times new roman", serif; font-size: 110%; font-weight: normal; line-height: 120%; margin: 0 30px 15px; } #spalte2 h2 { color: #4c6926; font-size: 80%; font-family: georgia, "times new roman", serif; line-height: 120%; margin: 10px 30px 4px; } #spalte2 h3 { color: #4c6926; font-size: 70%; font-family: georgia, "times new roman", serif; line-height: 120%; margin: 10px 30px 4px; } #spalte2 p { font-size: 80%; line-height: 130%; text-align: left; margin: 4px 30px 0.7em; } #spalte2 a:link, #spalte2 a:visited { color: #ca8127; font-weight: normal; text-decoration: none; } #spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active { color: #f60; } /*Spalte 2 Content Unterseiten###############################*/ #spalte2all { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 15px 0 5px; width: 658px; float: left; } * html #spalte2all { width: 658px; } #spalte2all h1 { color: #9ca074; font-size: 110%; font-family: georgia, "times new roman", serif; font-weight: normal; line-height: 120%; margin: 0 30px 15px; } #spalte2all h2 { color: #4c6926; font-size: 80%; font-family: georgia, "times new roman", serif; line-height: 120%; margin: 20px 30px 4px; } #spalte2all h3 { color: #4c6926; font-size: 75%; font-family: georgia, "times new roman", serif; line-height: 130%; margin: 20px 30px 4px; } #spalte2all p { font-size: 80%; line-height: 130%; text-align: left; margin: 15px 30px 1em; } #spalte2all ul { font-size: 80%; line-height: 130%; text-align: left; margin: 15px 30px 2.5em; padding-left: 30px; } .listeHyperlink { list-style-image: url(img-all/liste-hyperlink.gif); } .listePassiv { list-style-image: url(img-all/liste-hyperlink.gif); } * html #spalte2all ul { font-size: 80%; line-height: 130%; } #contentholdertopAll { background-image: url(img-all/2hg_newscontent-top.gif); background-repeat: no-repeat; vertical-align: top; width: 920px; height: 30px; margin: 0; } #contentholderAll { background-image: url(img-all/2hg_newscontent-middle.gif); background-repeat: repeat-y; background-attachment: scroll; vertical-align: top; width: 920px; height: auto; margin: -3px 0 0; padding: 0; } #contentholderAll h1 { color: #9ca074; font-size: 110%; font-family: georgia, "times new roman", serif; font-weight: normal; line-height: 120%; margin: 0 30px 15px; } #contentholderAll h2 { color: #4c6926; font-size: 80%; font-family: georgia, "times new roman", serif; line-height: 120%; margin: 10px 30px 4px; } #contentholderAll h3 { color: #4c6926; font-size: 70%; font-family: georgia, "times new roman", serif; line-height: 120%; margin: 10px 30px 4px; } #contentholderAll p { font-size: 80%; line-height: 130%; text-align: left; margin: 4px 30px 0.7em; } #contentholderbottomAll { background-image: url(img-all/2hg_newscontent-bottom.gif); background-repeat: no-repeat; vertical-align: top; width: 920px; height: 30px; } .nachoben { text-align: right; } /* Spalte 3 /* * * * * * * * * * * * * * * * * * * * * * * * * * */ #spalte3 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float:right; width: 282px; padding-top: 15px; padding-bottom: 5px; } #spalte3 form { margin: 0 0 0 0; padding: 0; } * html #spalte3 form { margin: 0; padding: 0; } #spalte3 label { font-size: 11px; width: 80px; float: left; } #spalte3 select { color: #375132; } #spalte3 h1 { color: #ca8127; font-size: 110%; font-family: georgia, "times new roman", serif; line-height: 100%; text-transform: uppercase; margin: 0 20px 0.6em; } #spalte3 p { color: #9ca074; font-size: 70%; line-height: 150%; margin: 5px 25px; padding: 0; } /*Content 2 #########################*/ #trennline { background-image: url(img-all/trennline.gif); background-repeat: no-repeat; position: relative; width: 920px; height: 30px; margin-top: 5px; margin-bottom: 5px; } #content2top { background-image: url(img-all/hg_content-top.gif); background-repeat: no-repeat; width: 920px; height: 30px; } #content2middle { background-repeat: repeat-y; width: 920px; height: auto; } #content2left { width: 100%; height: auto; float: left; } #content2left h1 { color: #9ca074; font-size: 110%; font-family: georgia, "times new roman", serif; line-height: 140%; text-transform: uppercase; margin: 0 30px 1em; } #content2left p { font-size: 80%; line-height: 150%; text-align: justify; margin: 0.5em 30px 1.5em; } #content2left a:link, #content2left a:visited { color: #ca8127; font-weight: normal; text-decoration: none; } #content2left a:focus, #content2left a:hover, #content2left a:active { color: #f60; } #content2right { width: 460px; height: auto; float: right; } #content2right p { font-size: 80%; line-height: 150%; text-align: justify; margin: 0.5em 30px 1.5em; } #content2bottom { background-image: url(img-all/hg_content-bottom.gif); background-repeat: no-repeat; width: 920px; height: 30px; } /*FOOTER ##########################*/ #footer { background-image: url(img-all/footer_hg.gif); background-repeat: no-repeat; width: 920px; height: 56px; } #footer p { color: #4c6926; font-size: 70%; text-align: right; margin: 0; padding: 25px 15px 0 20px; vertical-align: top; } #footer p.l { float: left; } #footer a { color: #4c6926; text-decoration: none; text-align: right; margin: 0; vertical-align: top; } /*Formular___________________________*/ #uebergabeAnfrage { background-color: #e6eab9; width: 350px !important; width: 370px; margin-bottom: 20px; padding: 10px; border: solid 1px #9ca074; } #uebergabeAnfrage h5 { color: #ca8127; font-size: 14px; margin: 0 0 10px; padding: 0; } #uebergabeAnfrage p { color: #3c561a; font-weight: normal; text-decoration: none; text-transform: capitalize; } #form { margin: 0 0 0 0; padding: 0; } #formular { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 15px 0 5px; width: 628px; float: left; margin-left: 30px; } #formular h1 { color: #9ca074; font-size: 110%; font-family: georgia, "times new roman", serif; line-height: 100%; margin: 0 30px 1.3em 0; } #formular h2 { color: #4c6926; font-size: 80%; font-family: georgia, "times new roman", serif; line-height: 120%; margin: 10px 30px 4px; } #formular p { font-size: 80%; line-height: 130%; text-align: left; margin: 5px 30px 2px 0; } #formular ul { font-size: 80%; text-decoration: none; list-style-type: square; } #formular a { font-size: 100%; } .beschriftung { float: left; width: 9em; text-align: right; } .beschriftungSelect { text-align: left; width: 9em; float: left; margin-left: 30px; } .eingabefeld { float: left; width: 20em; max-width: 450px; margin: 0 0 0 0px !important; /* maximale Breite, geht nicht im IE */ } .submit { background-color: #ffffe4; text-transform: uppercase; width: 80px; height: 20px; max-width: 450px; float: left; padding: 0; border-color: #b4be79 #808a50 #808a50 #b4be79; border-style: solid; border-width: 1px; } label { color: #2a5a28; display: block; /* damit auch die alten IEs das padding anwenden */ font-size: 0.8em; text-transform: uppercase; width: 100px; float: left; margin-right: 10px; padding: 0; } * html label { color: #2a5a28; font-size: 0.8em; text-transform: uppercase; display: block; padding: 0 10px 0 0; } select { width: 100px; margin: 0 0 0 5px; } /* Achtung: nicht alle Browser stellen Sachen wie die border von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig am Aussehen von Formularelementen aendern */ input { color: #2a5a28; width: 80%; background: #ffffe4; font-family: verdana, arial, sans-serif; font-size: 0.8em; height: 18px; margin: 0 0 0 0px; border-color: #b4be79 #808a50 #808a50 #b4be79; border-style: solid; border-width: 1px; } textarea { color: #2a5a28; font-size: 0.8em; font-family: verdana, arial, sans-serif; background: #ffffe4; width: 100%; border-color: #b4be79 #808a50 #808a50 #b4be79; border-style: solid; border-width: 1px; } submit { width: 79px; height: 19px; float: left; border: solid 1px #fff; display: block; } /* Die folgenden Anweisungen sorgen fuer schoene Effekte beim Ausfuellen in standardkonformen Browsern, die IEs koennen damit aber nix anfangen */ input:hover, textarea:hover { background: #e8e8b0; border-color: #808a50 #b4be79 #b4be79 #808a50; border-style: solid; border-width: 1px; } input:focus, textarea:focus { background: #e8e8b0; border: solid 1px #006634; } /*Kontaktseite------------------------------------------------------------*/ .adressholder { width: 600px; margin-top: 20px; margin-left: 30px; border-top: 1px solid #c1c693; } .adresse h1 { color: maroon; font-size: 90%; background-color: #d6dbbd; text-decoration: underline; width: 570px; height: 25px; } .adressholder h2 { color: #4c6926; font-size: 90%; text-decoration: underline; height: 25px; } .adressholder ul { line-height: 80%; text-align: left; float: left; margin: 0; padding: 0; list-style-type: none; } .adressholder li { margin: 0; } .adressholder a:link, .adressholder a:visited { color: #ca8127; font-weight: normal; text-decoration: none; } .adressholder a:focus, .adressholder a:hover, .adressholder a:active { color: #f60; } /*Wohnungssuche---------------------------------------------------*/ #ws-contentholder { background-repeat: repeat-y; margin: 20px 0 0; padding: 0; width: 920px; vertical-align: top; } #ws-contentholder p { font-size: 80%; margin: 0 30px 0; } #ws-contentholder h1 { color: #9ca074; font-size: 110%; font-family: georgia, "times new roman", serif; line-height: 100%; margin: 0 30px 1.5em; } /*WS Ãœbersicht-------------------------------------------------------*/ #ws-liste { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 15px 0 5px; width: 880px; margin-right: auto; margin-left: auto; } * html #ws-liste { width: 658px; } #ws-liste h1 { color: #9ca074; font-size: 110%; font-family: georgia, "times new roman", serif; line-height: 100%; margin: 0 30px 1.5em; } #ws-liste h2 { color: #4c6926; font-size: 80%; font-family: georgia, "times new roman", serif; line-height: 120%; margin: 10px 30px 4px; } #ws-liste p { font-size: 80%; line-height: 130%; text-align: left; margin: 4px 30px 2.5em; } #ws-liste ul { font-size: 80%; line-height: 130%; text-align: left; margin: 15px 30px 2.5em; } * html #ws-liste ul { font-size: 80%; line-height: 130%; text-align: left; margin: 15px 30px 2.5em; padding-top: 15px; padding-left: 30px; } /*Listbox*****************************************************/ #listbox { background-color: #c3c391; width: 868px; margin-top: 2px; margin-bottom: 2px; padding: 2px; } #listbox p { font-size: 80%; margin: 0; padding: 0; } /*Listbox head--------------------------------------*/ #listbox-head { background-color: #c3c391; width: 868px; height: 35px; margin-top: 2px; margin-bottom: 0; padding: 2px; } #listboxhead-zimmer { background-color: #f4f4cc; width: 60px; height: 25px; float: left; margin-right: 5px; padding: 3px; } #listboxhead-groesse { background-color: #f4f4cc; width: 60px; height: 25px; float: left; margin-right: 5px; padding: 3px; } #listboxhead-stadtteil { background-color: #f4f4cc; width: 160px; height: 25px; float: left; margin-right: 5px; padding: 3px; } #listboxhead-strasse { background-color: #f4f4cc; width: 360px; height: 25px; float: left; margin-right: 5px; padding: 3px; } #listboxhead-preis { background-color: #f4f4cc; width: 80px; height: 25px; float: left; margin-right: 5px; padding: 3px; } #listboxhead-link { background-color: #f4f4cc; width: 85px; height: 25px; float: left; padding: 3px; } #listboxhead-zimmer h3 { font-size: 70%; font-weight: bold; float: left; } #listboxhead-groesse h3 { font-size: 70%; font-weight: bold; float: left; } #listboxhead-stadtteil h3 { font-size: 70%; font-weight: bold; float: left; } #listboxhead-strasse h3 { font-size: 70%; font-weight: bold; float: left; } #listboxhead-preis h3 { font-size: 70%; font-weight: bold; float: left; } #listboxhead-link h3 { font-size: 70%; font-weight: bold; float: left; } /*----------------------------------------------------------------------*/ .listbox-zimmer { background-color: #e9e9b4; text-align: left; width: 61px; height: 19px; float: left; margin: 0 5px 1px 0; padding: 2px; } .listbox-zimmer p { font-size: 80%; font-family: arial; text-align: left; margin: 0; padding: 0; } .listbox-groesse { background-color: #e9e9b4; text-align: left; width: 63px; height: 19px; float: left; margin: 0 5px 1px 0; padding: 2px; } .listbox-groesse p { font-size: 80%; font-family: arial; text-align: left; margin: 0; padding: 0; } .listbox-stadtteil { background-color: #e9e9b4; text-align: left; width: 162px; height: 19px; float: left; margin: 0 5px 1px 0; padding: 2px; } .listbox-stadtteil p { font-size: 80%; font-family: arial; text-align: left; margin: 0; padding: 0; } .listbox-strasse { background-color: #e9e9b4; text-align: left; width: 362px; height: 19px; float: left; margin: 0 5px 1px 0; padding: 2px; } .listbox-strasse p { font-size: 80%; font-family: arial; text-align: left; margin: 0; padding: 0; } .listbox-preis { background-color: #e9e9b4; text-align: left; width: 82px; height: 19px; float: left; margin: 0 5px 1px 0; padding: 2px; } .listbox-preis p { font-size: 80%; font-family: arial; text-align: left; margin: 0; padding: 0; } .listbox-link { min-height: 20%; background-color: #f4f4cc; text-align: left; width: 87px; height: 19px; float: left; margin: 0 0 1px; padding: 2px; } * html .listbox-link { background-color: #f4f4cc; text-align: left; margin: 0 0 1px; padding: 2px 2px 0; width: 87px; height: 15px; min-height: 20%; float: left; } /*Link------------------------------------------------------------------*/ #listbox ul { margin: 0; list-style-type: none; padding: 0; } * html #listbox ul { margin: 0; list-style-type: none; padding: 0; } #listbox li { background-color: #e9e9b4; width: 87px; height: 18px; margin: 0; padding-right: 0; padding-left: 0; list-style-type: none; } #listbox ul li a { color: #ca8127; line-height: 18px; text-decoration: none; position: absolute; width: 82px; margin: 0; list-style-type: none; padding: 0 0 0 5px; } #listbox ul li a:hover { color: white; line-height: 18px; background-color: #d4a52f; text-decoration: none; position: absolute; width: 82px; list-style-type: none; margin: 0; padding: 0 0 0 5px; } /*--------------------------------------------------------------------------*/ #objekt { background-color: #ececbb; width: 870px; height: 25px; margin: 0; } #objekt h1 { color: #717451; font-size: 80%; font-family: arial; margin: 0 0 0 30px; padding: 5px 0 0; } #beschreibung { background-color: #f4f4cc; width: 288px; height: 115px; float: left; margin-top: 2px; margin-bottom: 2px; } #beschreibung ul { margin: 15px 0 0 30px; padding: 0; list-style-type: none; } * html #beschreibung ul { list-style-type: none; margin: 15px 0 0 30px; padding: 0; } #preis { background-color: #f4f4cc; width: 288px; height: 115px; float: left; margin: 2px; } #preis ul { list-style-type: none; margin: 15px 0 0 30px; padding: 0; } * html #preis ul { list-style-type: none; margin: 15px 0 0 30px; padding: 0; } #linkbox { background-color: #f4f4cc; width: 288px; height: 115px; float: left; margin-top: 2px; margin-bottom: 2px; } #linkbox ul { margin: 2px 0 0; list-style-type: none; padding: 0; } * html #linkbox ul { margin-bottom: 15px; list-style-type: none; padding: 0; } #linkbox li { background-color: #e9e9b4; width: 288px; height: 53px; margin: 0 0 4px; padding-right: 0; padding-left: 0; list-style-type: none; } #linkbox ul li a { color: #ca8127; line-height: 53px; text-decoration: none; position: absolute; width: 258px; margin: 0 0 2px; list-style-type: none; padding: 0 0 0 30px; } #linkbox ul li a:hover { color: white; line-height: 53px; background-color: #d4a52f; text-decoration: none; position: absolute; width: 258px; list-style-type: none; margin: 0 0 2px; padding: 0 0 0 30px; } /*Wohnungssuche Head---------------------------------------------*/ #ws-head { width: 870px; margin: 20px auto 0; padding: 0; } #ws-head p { margin: 0; padding: 0; } #ws-head form { margin: 0; padding: 0; } #ws-head h1 { font-size: 90%; margin: 0 0 15px; } #ws-head h2 { color: #006634; font-size: 110%; font-family: georgia, "times new roman", serif; font-weight: bold; line-height: 100%; text-align: justify; text-transform: uppercase; float: left; margin-top: 47px; margin-right: 30px; padding: 0; } #ws-head label { color: #717451; font-size: 70%; text-transform: capitalize; text-align: right; float: left; margin-right: 5px; } .ws-head-label2 { color: #717451; font-size: 70%; text-align: right; text-transform: capitalize; margin-right: 5px; width: 45px; float: left; } .ws-head-label3 { color: #717451; font-size: 70%; text-align: right; text-transform: capitalize; margin-right: 5px; width: 65px; float: left; } .ws-head-label4 { color: #717451; font-size: 70%; text-align: right; text-transform: capitalize; margin-right: 5px; width: 75px; float: left; } #ws-head select { color: #717451; font-size: 80%; line-height: 80%; height: 20px; float: left; margin-top: 0; margin-right: 15px !important; margin-right: 0; margin-bottom: 0; margin-left: 0; } #ws-reset { width: 81px; height: 21px; float: right; } #ws-resetAnfrage { width: 81px; height: 21px; float: right; margin-top: 47px; } #ws-headAnfrage { margin: 0 auto 0; padding: 0; width: 870px; } #ws-headAnfrage p { margin: 0; padding: 0; } #ws-headAnfrage h1 { font-size: 90%; margin: 0 0 15px; } #ws-headAnfrage h2 { color: #006634; font-size: 110%; font-family: georgia, "times new roman", serif; font-weight: bold; line-height: 100%; text-align: justify; text-transform: uppercase; margin-top: 47px; margin-right: 30px; padding: 0; float: left; } /*WS Content Left---------------------------------------------*/ #bild-details { text-align: right; position: relative; width: 300px; margin: 0 auto; padding: 5px; border: solid 2px #dde0a7; } #ws-bild { text-align: left; position: relative; width: 330px; padding: 0 0 5px; float: left; margin: 0 0 0 20px; } #ws-bild h1 { color: #ca8127; font-size: 110%; font-family: georgia, "times new roman", serif; line-height: 120%; text-align: left; margin-left: 10px; } #ws-bild p { font-size: 80%; line-height: 130%; text-align: left; margin-top: 0; margin-bottom: 10px; margin-left: 10px; } #ws-bild a:link, #ws-bild a:visited { color: #ca8127; font-weight: normal; text-decoration: none; } #ws-bild a:focus, #ws-bild a:hover, #ws-bild a:active { color: #f60; } /*WS Content Mitte-------------------------------------*/ #spalteWS { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: relative; float:left; width: 250px !important; width: 230px; margin: 35px 40px 0 20px !important; margin: 15px 0 0 20px; padding: 0; /* Senkrechte Linie links */ } #spalteWS form { margin: 0; padding: 0; } #spalteWS h1 { color: #ca8127; font-family: georgia, "times new roman", serif; font-size: 110%; line-height: 100%; margin-left: 30px; } #spalteWS h2 { color: #4c6926; font-size: 80%; font-family: georgia, "times new roman", serif; line-height: 120%; margin-left: 30px; } #spalteWS p { font-size: 80%; line-height: 130%; text-align: left; width: 250px !important; width: 230px; margin-top: 10px; margin-left: 0; } #spalteWS a:link, #spalteWS a:visited { color: #ca8127; font-weight: normal; text-decoration: none; } #spalteWS a:focus, #spalteWS a:hover, #spalteWS a:active { color: #f60; } /*WS Content Rright----------------------------------*/ #ws-box-right { position: relative; width: 200px; float: left; margin: 0; padding: 0; } #ws-box-right p { font-size: 80%; line-height: 130%; text-align: left; margin-left: 30px; } #ws-box-right a:link, #ws-box-right a:visited { color: #ca8127; font-weight: normal; text-decoration: none; } #ws-box-right a:focus, #ws-box-right a:hover, #ws-box-right a:active { color: #f60; } /**/ /*WS Klappmenue------------------------------------------------------*/ ul#menu { margin: 50px 0px 0px 0px; padding: 0px; list-style: none; width: 200px; } ul#menu li a { display: block; background: #f2f2f2; text-align: center; height: 30px; line-height: 25px; border: solid 1px #e5e5e5; margin: -1px 0 0; color: #666; } ul#menu li a span { display: none; } ul#menu li a:hover { background: #E5E5E5; } ul#menu li a:hover span { border: solid 1px #e5e5e5; display: block; position: absolute; background: #f2f2f2; color: #666; padding: 5px; width: 188px; top: 70px; } /*Öffnungszeiten------------------------------------------------------------*/ #zeitholder { width: 600px; margin-top: 20px; margin-left: 30px; border-top: 1px solid #c1c693; } #zeitholder p { color: #3c561a; margin: 0 0 10px; padding: 0; } #zeitholder h1 { color: maroon; font-size: 90%; background-color: #d6dbbd; text-decoration: none; width: 570px; height: 25px; } #zeitholder h2 { color: #4c6926; font-size: 90%; text-decoration: none; height: 100%; margin: 20px 0 10px; padding: 0 0 0 10px; border-left: 8px solid #ca8127; } #zeitholder h4 { color: #4c6926; font-size: 90%; text-decoration: none; margin: 20px 0 10px; padding: 0 0 0 10px; height: 100%; border-left: 8px solid #a40000; } #zeitholder h3 { color: #4c6926; font-size: 90%; text-decoration: none; margin: 20px 0 10px; padding: 0 0 0 10px; height: 100%; } #zeitholder ul { line-height: 80%; text-align: left; float: left; margin: 0 5px 20px 0; padding: 0; list-style-type: none; } #zeitholder li { line-height: 1; background-color: #e9e9b4; margin: 3px 0; padding: 4px 5px; } #zeitholder a:link, #zeitholder a:visited { color: #ca8127; font-weight: normal; text-decoration: none; } #zeitholder a:focus, #zeitholder a:hover, #zeitholder a:active { color: #f60; } #boxNotdienst { color: #fff; font-weight: bold; background-image: url(img-all/hg-notdienst.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-align: center; width: 598px; height: 93px; margin-right: 30px; margin-bottom: 20px; margin-left: 30px; padding-top: 10px; padding-bottom: 20px; } #boxNotdienst h1 { color: #000; font-size: 140%; font-family: arial; font-weight: bold; margin: 0; } .boxNotdienstText { color: #fbfbfb; font-size: 100%; font-family: arial; font-weight: bold; margin: 0 10px; } #boxNotdienst p { text-align: center; margin: 0 20px 15px; padding: 0; } /**/ /* Fuer vermietete Wohnungen */ #ws-contentholder.vermietet .vermietet-hinweis h1 { margin-bottom: 0; color: #CA8127; } #ws-contentholder.vermietet .vermietet-hinweis p { margin-top: 2px; } #ws-contentholder.vermietet #ws-bild { margin-top: 45px; } #ws-contentholder.vermietet #ws-box-right { position: relative; top: -40px; } /* Formate für Lexikon/Dict-Seiten */ .zweispaltig-2-1 #contentholdertop { background-image: url(/img-all/hg-2-1-top.png); } .zweispaltig-2-1 #contentholderAll { background-image: url(/img-all/hg-2-1-middle.png); } .zweispaltig-2-1 #contentholderbottomAll { background-image: url(/img-all/hg-2-1-bottom.png); } .zweispaltig-2-1 #spalte2all { width: 635px; } #footer .l, #footer .r { color:#4C6926; font-size: 70%; margin: 0; padding: 25px 15px 0 20px; text-align: right; vertical-align: top; } #footer ul { display: inline; list-style: none none outside; margin: 0; padding: 0; } #footer ul li { margin: 0; padding: 0; display: inline; } /* Lexikon */ #footer .dict ul { position: relative; } #footer .dict ul ul li { float: none; } #footer .dict ul ul, #footer .dict ul ul li, #footer .dict ul ul a { white-space: nowrap; text-align: left; } #footer .dict ul li { margin: 0; padding: 0; position: relative; } #footer .dict ul li:hover > ul { display: block; } #footer .dict ul ul a { line-height: normal; margin: 0; padding: 0; } #footer .dict ul ul { display: none; position: absolute; bottom: 8px; left: 3px; margin: 0; padding: 3px 5px; background-color: #d8ddc1; border: 1px solid white; border-bottom-color: #bdbd97; border-right-color: #bdbd97; } /* 2. Ebene und tiefer */ #footer .dict ul ul ul { left: 3px; bottom: 8px; } #footer .dict ul ul.CSStoShow { display: block; } #footer .dict ul ul a { display: block; } /* Logo-Link */ #logo a { display: block; width: 100%; height: 100%; }