/* ---------- Grundeinstellungen ---------- */ body, td, div, h1, h2, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #59554c; line-height: 150%; font-weight: normal; } body { margin: 0px; padding: 0px; background-image: url(/bilder-layout/body-hintergrund.gif); } td { } div { } h1 { margin: 0px; padding: 0px; font-size: 28px; line-height: 100%; } h2 { margin: 0px; padding: 0px; color: #885c0e; line-height: 150%; font-weight: bold; } input, select, textarea { } hr { margin-left: 100px; margin-right: 100px; border-top: 1px solid #ffffff; border-bottom: 1px solid #d3dac3; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } img { border: 0px; } #breadcrumb-link a:link { color: #59554c; text-decoration: none; } #breadcrumb-link a:visited { color: #59554c; text-decoration: none; } #breadcrumb-link a:hover, a:focus { color: #59554c; text-decoration: underline; outline: none; } #breadcrumb-link a:active { color: #59554c; text-decoration: none; } #header-quicklinks a:link { color: #59554c; text-decoration: none; } #header-quicklinks a:visited { color: #59554c; text-decoration: none; } #header-quicklinks a:hover, a:focus { color: #59554c; text-decoration: underline; outline: none; } #header-quicklinks a:active { color: #59554c; text-decoration: none; } #produktkatalog-details-infos a:link { text-decoration: none; } #produktkatalog-details-infos a:visited { text-decoration: none; } #produktkatalog-details-infos a:hover, a:focus { text-decoration: underline; outline: none; } #produktkatalog-details-infos a:active { text-decoration: none; } a:link { color: #885c0e; text-decoration: none; } a:visited { color: #885c0e; text-decoration: none; } a:hover, a:focus { color: #885c0e; text-decoration: underline; outline: none; } a:active { color: #885c0e; text-decoration: none; } /* ---------- Seitenlayout ---------- */ #wrapper { position: relative; width: 980px; margin: auto; margin-top: 10px; background-image: url(/bilder-layout/content-hintergrund.jpg); } #wrapper-verlauf { background-image: url(/bilder-layout/header-verlauf.jpg); background-position: left top; background-repeat: no-repeat; } #block-header { height: 190px; } #header-logo { position: absolute; top: 15px; right: 15px; } #header-navigation { position: absolute; left: 34px; top: 146px; z-index: 300;} #header-quicklinks { position: absolute; left: 100px; top: 30px; } #block-banner { position: relative; height: 331px; } #banner-foto { position: absolute; top: 0px; left: 34px; } #banner-foto img { position: absolute; top: 0px; left: 0px; width: 900px; height: 300px; background-color: #ffffff; padding: 5px; border: 1px solid #dedac3;} #banner-foto #banner1 { z-index: 1; } #block-content { } #float-left { float: left; width: 230px; margin-left: 34px; } #float-content { float: left; width: 660px; margin-left: 22px; } #float-clear { clear: both; padding-bottom: 0px; } #block-footer { position: relative; height: 75px; background-image: url(/bilder-layout/footer-verlauf.jpg); } #block-copyright { margin: auto; margin-bottom: 30px; text-align: center; font-size: 12px; } #clear { clear: both; height: 0px; } /* ---------- Seitenlayout (Content) ---------- */ #box-suche { position: relative; height: 50px; } #suche-feld { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; padding-left: 9px; padding-right: 5px; border: 1px solid #d3dac3; background-color: #ffffff; line-height: 200%; font-size: 13px; width: 183px; height: 28px; } #suche-ok { position: absolute; top: 0px; left: 200px; margin: 0px; height: 30px; width: 30px; } #box-breadcrumb { height: 28px; margin-bottom: 30px; padding-left: 10px; border: 1px solid #d3dac3; background-color: #ffffff; } #breadcrumb-home { float: left; } #breadcrumb-pfeil { float: left; padding-left: 2px; padding-right: 5px; } #breadcrumb-link { float: left; font-size: 13px; padding-top: 4px; } #box-kontakt { margin-bottom: 20px; padding-bottom: 20px; padding-left: 10px; border-bottom: 1px solid #d3dac3; font-size: 13px; } #box-katalog { } #content { padding-right: 10px; } .highslide img { border: 0px none #ffffff !important; } #angebot-des-monats { margin-bottom: 20px; } /* ---------- Navigation linke Spalte ---------- */ #box-navigation { margin-bottom: 20px; } #box-navigation ul { margin: 0px; padding: 0px; } #box-navigation ul li { list-style-type: none; } #nav-2-link { display: block; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; font-size: 13px; line-height: 130%; font-weight: normal; } a#nav-2-link:link { color: #59554c; text-decoration:none; } a#nav-2-link:visited { color: #59554c; text-decoration:none; } a#nav-2-link:hover { color: #59554c; text-decoration:underline; } #nav-2-link-aktiv { display: block; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; font-size: 13px; line-height: 130%; font-weight: bold; } a#nav-2-link-aktiv:link { color: #29630a; text-decoration:none; font-weight: bold; } a#nav-2-link-aktiv:visited { color: #29630a; text-decoration:none; font-weight: bold; } a#nav-2-link-aktiv:hover { color: #29630a; text-decoration:underline; font-weight: bold; } #box-navigation ul li ul li { } #box-navigation ul li ul li #nav-2-link { padding-left: 30px; background-image: url("/bilder-layout/einrueckung.gif"); background-position: 20px 2px; background-repeat: no-repeat; } #box-navigation ul li ul li #nav-2-link-aktiv { padding-left: 30px; background-image: url("/bilder-layout/einrueckung.gif"); background-position: 20px 2px; background-repeat: no-repeat; } #box-navigation ul li ul li ul li { } #box-navigation ul li ul li ul li #nav-2-link { padding-left: 50px; background-position: 40px 2px; } #box-navigation ul li ul li ul li #nav-2-link-aktiv { padding-left: 50px; background-position: 40px 2px; } #box-navigation ul li ul li ul li ul li { } #box-navigation ul li ul li ul li ul li #nav-2-link { padding-left: 70px; background-position: 60px 2px; } #box-navigation ul li ul li ul li ul li #nav-2-link-aktiv { padding-left: 70px; background-position: 60px 2px; } /* ---------- Anweisungen ---------- */ #anweisungen-block { padding: 5px; font-size: 12px; } #anweisungen-titel { color: #026800; font-weight: bold; } #anweisungen-text { color: #003d68; } /* ---------- Statische Seiten ---------- */ #titel-h1 { margin-bottom: 20px; } #titel-h2 { margin-bottom: 20px; } #content-text-block1 { margin-bottom: 20px; } #content-text-block2 { margin-bottom: 20px; padding-top: 20px; } #content-liste-block { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #d3dac3; } #content-liste-titel { padding-bottom: 5px; font-size: 18px; line-height: 100%; } #content-liste-text { } #content-links-block { margin-bottom: 20px; } #content-links-titel { margin-bottom: 3px; } #content-links-link { margin-left: 20px; } #content-anmerkungen-block { color:#666666; font-size: 12px; } /* ---------- Produktkatalog ---------- */ #produktkatalog-details-float { float: right; margin-left: 20px; margin-right: 10px; } #produktkatalog-details-foto { padding: 10px; border: 1px solid #d3dac3; background-color: #ffffff; text-align: right; margin-bottom: 10px; } #produktkatalog-details-preis { margin-bottom: 10px; text-align: center; font-size: 20px; line-height: 100%; } #produktkatalog-details-clear { clear: both; } #produktkatalog-details-infos { margin-top: 30px; margin-bottom: 30px; padding: 5px; padding-left: 10px; border: 1px solid #d3dac3; background-color: #edebe3; } #produktkatalog-details-untertitel { font-size: 20px; border-bottom: 1px solid #d3dac3; margin-bottom: 10px; } #produktkatalog-details-galerie { float: left; margin-right: 9px; margin-bottom: 10px; padding: 8px; padding-bottom: 7px; border: 1px solid #d3dac3; text-align: center; } #produktkatalog-details-galerie-titel { font-weight: bold; font-size: 14px; } #produktkatalog-details-galerie-link { font-size: 13px; line-height: 130%; } #produktkatalog-details-galerie-preis { } #produktkatalog-uebersicht-block { margin-bottom: 20px; padding: 10px; border: 1px solid #d3dac3; background-color: #ffffff; } #produktkatalog-uebersicht-block img { float: left; border-right: 20px solid #ffffff; } #produktkatalog-uebersicht-titel { font-size: 20px; margin-top: 10px; margin-bottom: 10px; line-height: 130%; } #produktkatalog-uebersicht-kurzinfo { } #produktkatalog-uebersicht-preis { background-color: #edebe3; text-align: right; margin-top: 10px; padding: 0px; padding-right: 10px; } #produktkatalog-uebersicht-galerie { margin-right: 10px; margin-top: 10px; } #produktkatalog-uebersicht-galerie img { float: right; border-right: 0px; padding-right: 10px; } #produktkatalog-uebersicht-link { float: right; margin-top: 35px; font-weight: bold; } #produktkatalog-uebersicht-clear { clear: both; } #produktkatalog-uebersicht-link-katalog { text-align: right; margin-right: 10px; margin-top: 10px; } #listview-infos { margin-top: 0px; margin-bottom: 30px; text-align: center; } /* ---------- Referenzen ---------- */ #referenzen-uebersicht-block { float: left; width: 180px; margin-right: 10px; margin-bottom: 10px; padding: 10px; border: 1px solid #d3dac3; background-color: #ffffff; } #referenzen-uebersicht-foto { } #referenzen-uebersicht-titel { padding-top: 5px; font-size:18px; } #referenzen-uebersicht-beschreibung{ } #referenzen-uebersicht-link { } #referenzen-uebersicht-eintraege { padding-top: 10px; text-align: center; font-weight: normal; } #referenzen-uebersicht-clear { clear: both; } #referenzen-details-foto { float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; border: 1px solid #d3dac3; background-color: #ffffff; } #referenzen-details-clear { clear: both; } #referenzen-details-eintraege { padding-top: 30px; text-align: center; font-weight: normal; } /* ---------- Fotogalerie ---------- */ #fotogalerie-foto { float: left; height: 125px; width: 125px; border: 5px solid #ffffff; margin: 6px; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; } #fotogalerie-foto a { height: 120px; width: 120px;} /* ---------- Kontaktformular ---------- */ #formular { padding-top: 10px; } #formular-float { float: left; } #formular-clear { clear: both; } #formular-float label { float: left; width: 90px; display: block; text-align: right; margin-bottom: 5px; } #formular-float input { float: left; margin-left: 5px; margin-bottom: 10px; } #formular-float select { float: left; margin-left: 5px; margin-bottom: 10px; } #formular-float textarea { float: left; margin-left: 5px; margin-bottom: 10px; width: 435px; } #formular-serie { float: left; margin-left: 5px; margin-bottom: 10px; font-weight: bold; width: 180px; } #formular-privacy { float: left; margin-left: 5px; margin-bottom: 10px; width: 520px; font-size: 10px; } /* ---------- Home-Seite ---------- */ #home-titel { margin-top: 20px; font-weight: bold; } #showroom-home-block { } #showroom-home-block hr { margin: 0px; margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #d3dac3; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } #showroom-home-link { } /* ---------- Navigation ---------- */ .qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;} .qmmc .qmdividery {float:left;width:0px;} .qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;} .qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;} .qmmc {position:relative;zoom:1;z-index:10;} .qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;} .qmmc div a, .qmmc ul a, .qmmc ul li {float:none;} .qmsh div a {float:left;} .qmmc div {visibility:hidden;position:absolute;} .qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;} .qmmc .qmcbox a {display:inline;} .qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;} .qmmc li {z-index:auto;} .qmmc ul {left:-10000px;position:absolute;z-index:10;} .qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;} .qmmc li a {float:none} .qmmc li:hover>ul {left:auto;} #qm0 ul {top:100%;} #qm0 ul li:hover>ul {top:0px;left:100%;} #qm0 { } #qm0 a { padding:10px 10px 17px 10px; font-weight: normal; font-size:17px; text-decoration:none; line-height:100%; color: #59554c; } #qm0 a:hover { background-color:transparent; text-decoration:underline; } #qm0 li:hover>a { background-color:transparent; text-decoration:underline; } #qm0 .qmpersistent { background-color:transparent; text-decoration:none; font-weight: bold; color: #885c0e; } #qm0 .qmpersistent:hover { background-color:transparent; text-decoration:underline; font-weight: bold; color: #885c0e; } #qm0 .qmactive { background-color:#transparent; text-decoration:none; } #qm0 .qmactive:hover { background-color:#transparent; text-decoration:underline; } #qm0 div, #qm0 ul { margin-left: 6px; padding-bottom: 10px; background-color: #faf9f5; border: 1px solid #d3dac3; border-top: 0px none #d3dac3; } #qm0 div a, #qm0 ul a { margin: 0px; border-bottom: 0px none #fafbf6; padding:5px; padding-left: 9px; padding-right: 20px; font-weight:normal; font-size: 13px; line-height:100%; } #qm0 div a:hover { background-color:transparent; text-decoration:underline; } #qm0 ul li:hover>a { background-color:transparent; text-decoration:underline; } #qm0 div .qmpersistent { background-color:transparent; text-decoration:none; color: #885c0e; } #qm0 div .qmpersistent:hover { background-color:transparent; text-decoration:underline; color: #885c0e; } #qm0 div .qmactive { background-color:transparent; text-decoration:none; } #qm0 div .qmactive:hover { background-color:transparent; text-decoration:underline; } #qm0 div div { background-color: #ffffff; margin-top: -5px; margin-left: -10px; padding-top: 5px; padding-left: 3px; border-top: 1px solid #d3dac3;} /* Wetter */ .wetter-content { } .wetter-titel { margin-bottom: 10px; font-size: 17px; } .wetter-text { } .wetter-bild { float: right; } .wetter-clear { clear: both; height: 25px; } .bergwetter-bild { margin-bottom: 50px; } .entwicklung-tage { margin-top: 20px;} .entwicklung-tage td { width: 125px; } .wetter-temp-plus { color: #CC0000; } .wetter-temp-minus { color: #0066FF; } .wetter-copyright { margin: 20px 0px 20px 0px; text-align: right; font-size: 11px; }