/* ---------- Grundeinstellungen ---------- */ body { margin: 0px; padding: 0px; font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #837867; line-height: 150%; } td { } div { } h1 { margin: 10px 0px 20px 0px; padding: 0px; font-size: 28px; color: #c73448; line-height: 130%; font-weight: normal; } h2 { margin: 0px 0px 0px 0px; padding: 0px; font-size: 15px; color: #c73448; line-height: 130%; font-weight: bold; } input, select, textarea { } hr { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #dfceb2; } img { border: 0px; } a:link { color: #c73448; text-decoration: none; } a:visited { color: #c73448; text-decoration: none; } a:hover, a:focus { color: #c73448; text-decoration: underline; outline: none; } a:active { color: #c73448; text-decoration: none; } /* ---------- Links ---------- */ #impressum a:link { color: #837867; text-decoration: none; } #impressum a:visited { color: #837867; text-decoration: none; } #impressum a:hover, #impressum a:focus { color: #837867; text-decoration: underline; outline: none; } #impressum a:active { color: #837867; text-decoration: none; } #sprachauswahl a:link { color: #837867; text-decoration: none; } #sprachauswahl a:visited { color: #837867; text-decoration: none; } #sprachauswahl a:hover, #sprachauswahl a:focus { color: #837867; text-decoration: underline; outline: none; } #sprachauswahl a:active { color: #837867; text-decoration: none; } /* ---------- Layout ---------- */ #zeile-header { height: 15px; background-color: #dfceb2; } #zeile-footer { height: 15px; background-color: #dfceb2; } #hintergrund-linke-seite { height: 300px; background-color: #f3ebe0; } #hintergrund-rechte-seite { height: 450px; background-color: #f3ebe0; } #logo-box { position: relative; height: 300px; } #logo { position: absolute; top: 70px; left: 15px; } #hobelspaene { position: absolute; top: 200px; left: 15px; } #sprachauswahl { position: absolute; top: 10px; right: 10px; line-height: 100%; font-size: 12px; } #bild-banner-1 { height: 450px; margin-bottom: 1px; } #bild-banner-2 { margin-bottom: 20px; } #navigation { height: 45px; background-color: #dfceb2; } #footer { position: relative; } #impressum { position: absolute; top: 10px; right: 130px; text-align: right; font-size: 12px; line-height: 100%; } #unternehmen-suedtirol { position: absolute; top: -25px; right: 10px; } #inhalt { margin-top: 20px; margin-left: 20px; margin-bottom: 35px; } #textarea-links { margin-bottom: 20px;} /* ---------- Floats ---------- */ #float-inhalt { float: left; width: 480px; } #float-bilder { float: right; width: 130px; } #float-inhalt-breit { float: left; width: 610px; } #bilder-spacer { height: 10px; } #clear-floats { clear: both; } /* ---------- Statische Seiten ---------- */ #content-text-block { margin-bottom: 15px; } #content-liste-block { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #ede4cc; } #content-liste-titel { padding-bottom: 5px; font-size: 15px; line-height: 100%; font-weight: bold; color: #c73448; } #content-liste-text { } #content-liste-links { } #seitenzahl { border-top: 1px solid #ede4cc; padding-top: 30px; } /* ---------- Anfrageformular ---------- */ #anfrageformular form fieldset { margin-bottom: 20px; padding-bottom: 10px; border: 1px solid #dfceb2; } #anfrageformular form legend { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; color: #837867;} #anfrageformular form label { float: left; margin-right: 10px; width: 90px; text-align: right; min-height: 1px; } #anfrageformular form input, #anfrageformular form select { float: left; } #anfrageformular form textarea { float: left; width: 400px; height: 100px; } .form-bild { float: left; margin-left: 20px; width: 80px; min-height: 1px; } .form-text { float: left; margin-top: 15px; width: 250px; } .form-preis { float: left; margin-top: 15px; width: 80px; } .form-anzahl { float: left; margin-top: 15px; width: 60px; } .form-anzahl select { width: 40px; } .form-farbe { float: left; margin-top: 15px; } .form-infos { float: left; } .form-clear { clear: both; height: 30px; } .form-clear-0 { clear: both; height: 5px; } /* ---------- 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%;} /*"""""""" (MAIN) Container""""""""*/ #qm0 { height:45px; margin-left: 0px;} /*"""""""" (MAIN) Items""""""""*/ #qm0 a { border-bottom: 3px solid #ffffff; margin-right: 1px; padding:14px 15px 13px 15px; color:#837867; font-size:15px; text-decoration:none; font-weight:bold; line-height:18px; } /*"""""""" (MAIN) Hover State""""""""*/ #qm0 a:hover, #qm0 li:hover>a { background-color:#837867; text-decoration:none; color:#ffffff;} /*"""""""" (MAIN) Persistent State""""""""*/ #qm0 .qmpersistent, #qm0 .qmpersistent:hover { background-color:#837867; text-decoration:none; color:#ffffff; } #qm0 .qmactive { background-color:#837867; text-decoration:none; color:#ffffff; } #qm0 .qmactive:hover { background-color:#837867; text-decoration:none; color:#ffffff; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { margin-left: -1px; padding:5px; background-color:#FFFFFF; border-width:1px 1px 1px 1px; border-style:solid; border-color:#837867; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:3px 20px 3px 5px; margin: 0px; color:#837867; font-weight:normal; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover { padding:3px 20px 3px 5px; margin: 0px; color:#837867; font-weight:normal; background-color:#f3ebe0;} /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/ #qm0 ul li:hover>a { padding:3px 20px 3px 5px; margin: 0px; color:#837867; font-weight:normal; background-color:#f3ebe0;} /*"""""""" (SUB) Persistent State""""""""*/ #qm0 div .qmpersistent, #qm0 div .qmpersistent:hover { padding:3px 20px 3px 5px; margin: 0px; color:#837867; font-weight:normal; background-color:#f3ebe0;} #qm0 div .qmactive { } #qm0 div .qmactive:hover { } /* ---------- Media ---------- */ .media {}