/* Standard -------------------------------------------------------------- */ body, html { margin: 0; padding: 0; font-size: 12pt; line-height: 14pt; background-color: #CAE6F6; height: 100%; } a { color: #000; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } p { font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; } a:hover { color: #0482d3; text-decoration: underline; } div#clear { background-color: #fff; clear: both; } div#clearsub { background-color: #69c; clear: both; } * { margin: 0;padding: 0; } * html { /*IE6 only*/ margin: 0;padding: 0; } *+html { /*IE7 only*/ margin: 0;padding: 0; } h2 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 15px; margin-bottom: 10px; margin-left: 20px; } h3 { color: #0482D3; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-variant: small-caps; margin-top: 15px; margin-bottom: 20px; margin-left: 20px; } .schrift { margin: 0 20px 10px; padding: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: left; } /* Container -------------------------------------------------------------- */ #container { background-image: url(/images/bg.jpg); background-repeat: repeat-y; background-color: #fff; width: 1000px; height: inherit; z-index: 0; margin-right: auto; margin-left: auto; } /* Header -------------------------------------------------------------- */ #header { background-color: #5c9bcd; height: 170px; } #logo { margin-bottom: 9px; border-width: 0; } #logo a img { border-width: 0; } #slogan { text-align: center; width: 275px; height: 15px; margin-top: -80px; margin-left: 160px; border-width: 0; } #nav { background-image: url(/images/navigation.jpg); text-align: left; width: 840px; height: 44px; margin-top: 10px; margin-left: 160px; padding-top: 5px; border-width: 0; } #subnav { background-color: #b7c4da; position: absolute; width: 115px; height: 112px; margin-top: -43px; margin-left: 800px; border-width: 0; -moz-box-shadow:0 3px 3px #161616; -webkit-box-shadow:0 3px 3px #161616; } #welle { background-image: url(/images/welle.jpg); text-align: left; width: 1000px; height: 39px; border-width: 0; } #flagge { border-width: 0; } #flagge a img { width: 35px; height: 30px; margin-top: 4px; margin-left: 130px; border-width: 0; } #laufband { color: #fff; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; background-color: #fff; background-image: url(/images/laufband.jpg); background-repeat: no-repeat; text-align: left; width: 960px; height: 22px; float: left; padding-top: 2px; border-width: 0; } /* Content -------------------------------------------------------------- */ #content-wrapper { background-image: url(/images/bg.jpg); background-repeat: repeat-y; background-color: #fff; z-index: 0; float: left; margin: 0 auto; padding: 0; height: auto !important; } #content { background-color: #fff; position: inherit; width: 640px; height: auto; float: left; border-width: 0; } .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} #subnavil { background-color: #69c; width: 180px; height: 100%; z-index: 1; float: left; border-width: 0; } #subnavir { background-color: #69c; width: 180px; height: 100%; z-index: 1; float: right; margin-top: -24px; padding-top: 20px; padding-bottom: 4px; border-width: 0; } /* Messeplätze -------------------------------------------------------------- */ #termineinhalt { font-family: Arial, Helvetica, sans-serif; width: 640px; float: left; border-width: 0; } #termineinhalt ul { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; width: 620px; margin-left: 20px; list-style-type: none; float:left; margin-bottom: 15px; } #termineinhalt ul li { line-height: 11px; text-align:left; float:left; padding-right: 15px; list-style-type: none; min-width: 70px; max-width: 400px; } .top { color: #69c; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; margin-right: 30px; border-width: 0; } .stadt { color: #69c; font-weight: bolder; } #termine { float: left; border-width: 0; } #termine ul { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; margin-left: 20px; list-style-type: none; } #termine ul li { line-height: 11px; text-align: center; float: left; padding-right: 27px; } #termine a { color: #000000; text-decoration: none; list-style-type: none; } #termine a:hover { font-weight: bolder; text-decoration: none; list-style-type: none; } #termine a:active { font-weight: bolder; text-decoration: none; list-style-type: none; } #termine a:visited { color: #000000; text-decoration: none; list-style-type: none; } /* Impressum -------------------------------------------------------------- */ #vm { float: right; margin-top: -110px; margin-right: 150px; } #vm img { margin-bottom: 5px; } /* Newsseite -------------------------------------------------------------- */ #newsc { font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 600px; float: left; margin-left: 20px; border-bottom: 1px dashed #cacaca; } #datum { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; text-align: left; width: 100px; float: left; padding-top: 10px; padding-bottom: 10px; border-width: 0; } #text { font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 480px; float: right; margin-left: 20px; padding-top: 10px; padding-bottom: 10px; } /*Hauptnavigation -------------------------------------------------------------- */ #nav ul { padding-left: 165px; list-style-type: none; } #nav ul a:hover { color: #FFF; } #nav ul a:active { color: #fff; text-decoration: none; } #nav ul a { background-repeat: no-repeat; background-position: right 50%; text-decoration: none; font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; display: block; } #nav li { float: left; padding-right: 1.2em; } #subnav ul { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; margin-left: 5px; list-style-type: none; } #subnav ul a { color: #000; text-decoration: none; } #subnav ul a:hover { color: #fff; font-weight: bolder; } #subnav li { list-style-type: none; } /*Subnavigation -------------------------------------------------------------- */ .aktiv { font-weight: bolder; text-decoration: underline; } #subnavil ul, #subnavir ul { height: 100%; padding-top: 5px; padding-left: 10px; list-style-type: none; } #subnavil ul li, #subnavir ul li { color: #161616; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; padding-left: 10px; list-style-type: none; } #subnavil ul li a, #subnavir ul li a { color: #161616; text-decoration: none; } #subnavil ul li a:hover, #subnavir ul li a:hover { font-weight: bolder; text-decoration: underline; } /*Farbwelt -------------------------------------------------------------- */ #seitenzahl { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: left; float: right; margin-top: -30px; margin-right: 20px; } #seitenzahl a { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: none; margin-right: 5px; margin-left: 5px; } #seitenzahl .aktiv { color: #0482d3; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: none; } #farbweltc ul { height: 170px; margin-right: 15px; margin-bottom: 5px; margin-left: 15px; padding-bottom: 25px; border-bottom: 1px dashed #69c; list-style-type: none; } #farbweltc li { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 13px; width: 135px; float: left; margin-right: 3px; margin-left: 4px !important; padding: 5px; } #farbweltc img { margin-top: 8px; border-width: 0; } #thumb img { margin-bottom: 8px; border: solid 2px #69c; } /*Musterkarten -------------------------------------------------------------- */ #thumbm { width: 140px; height: 205px; float: left; margin-bottom: 8px; margin-left: 20px; border-width: 0; } #thumbm img { float: left; margin-bottom: 15px; border-width: 0; } #datentitel { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; line-height: 14px; width: 150px; float: left; margin-top: 2px; border-width: 0; } #datentext { font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 10px; width: 440px; float: right; margin-top: 2px; margin-right: 15px; margin-left: 15px; border-width: 0; } #datentext ul { margin-bottom: 20px; margin-left: 150px; list-style-type: square; list-style-position: inside; } #datentext li { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; float: none; margin-right: 1px; margin-left: 2px; padding-top: 2px; padding-bottom: 2px; } #musterthumb { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; float: left; margin-top: 25px; margin-left: 20px; } #musterthumb img { margin-top: 4px; margin-right: 18px; margin-bottom: 8px; border: solid 2px #69c; } #musterthumb img a { text-decoration:none } #icons { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; float: left; margin-top: 10px; margin-left: 20px; padding: 0; } #iconsfeld { width: auto; float: left; margin-right: 10px; padding: 0; } #iconsfeld img { font-weight: bolder; } #projektbeispiele { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; float: left; margin-top: 25px; margin-left: 20px; } #projektbeispiele img { margin-top: 4px; margin-right: 18px; margin-bottom: 8px; } #projektbeispiele img a { text-decoration:none } /*Ansprechpartner -------------------------------------------------------------- */ #ansp {} #ansp ul { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-decoration: none; width: 620px; margin-left: 20px; list-style-type: none; float:left; margin-bottom: 5px; } #ansp ul li { text-align:left; float:left; padding-right: 12px; list-style-type: none; min-width: 98px; max-width: 100px; } /*Anfahrt -------------------------------------------------------------- */ #skizze { width: 322px; z-index: 0; float: right; margin-right: 15px; } #anfahrtbes { position: absolute; width: 290px; z-index: 2; float: left; } /*Bestellformular -------------------------------------------------------------- */ #bestelltext { color: #0482d3; font-family: Arial, Helvetica, sans-serif; width: 290px; float: right; margin-right: 25px; } #bestellimg { z-index: 0; float: left; margin-left: 30px; } /*Anfrage -------------------------------------------------------------- */ input.btn { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background-color: #cde6f6; margin-top: 15px; margin-right: 20px; margin-left: 150px; padding: 2px; border: dotted 1px #0482d3; cursor: pointer; } .input { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; border-top: 0px solid #FFFFFF; border-bottom: 1px solid #000000; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;} #fax { font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; position: absolute; height: 50px; float: right; margin-top: -20px; margin-left: 450px; } #fax img { font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; position: absolute; float: right; margin-top: -19px; margin-left: 5px; } #anfrage { } #anfrage ul { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-decoration: none; margin-left: 20px; width: 620px; list-style-type: none; float:left; margin-bottom: 15px; } #anfrage ul li { text-align:left; float:left; padding-right: 12px; list-style-type: none; min-width: 95px; max-width: 200px; margin-left: 5px; } #aussteller { } #aussteller ul { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-decoration: none; margin-left: 20px; width: 620px; list-style-type: none; float:left; margin-bottom: 15px; } #aussteller ul li { text-align:left; height: 18px; float:left; list-style-type: none; min-width: 130px; max-width: 400px; margin-bottom: 15px; margin-left: 5px; } #untergrund { } #untergrund ul { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-decoration: none; margin-left: 20px; width: 620px; list-style-type: none; float:left; margin-bottom: 15px; } #untergrund ul li { text-align:left; float:left; list-style-type: none; min-width: 130px; max-width: 130px; margin-left: 5px; } #planupload { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-decoration: none; width: 500px; list-style-type: none; float:left; margin: 10px 40px 30px; } #planupload p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-decoration: none; list-style-type: none; margin-bottom: 10px; } #fehler { color: #f00; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; background-color: #fcbcbc; text-decoration: none; text-align: center; position: static; width: 560px; list-style-type: none; margin-top: 10px; margin-bottom: 15px; margin-left: 20px; padding: 5px; border: solid 1px; } input { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; }