.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height:1%} .clearfix { display: block; } /* End hide from IE-mac*/ #ie_clearing { display: none; } * {margin:0;padding:0;} html, body {height:100%;} body {background-color:#333;color:#000;font-size: 100.01%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; text-align:center; /* horizontal centering for IE Win quirks */ } #distance { width:1px;height:50%; float:left; margin-bottom:-300px; /* half of pages's height */} #page { border-top: 0px solid #d5d5d5; border-left: 0px solid #E7E7E9; border-right: 0px solid #E7E7E9; background-repeat: no-repeat; background-position: 580px bottom;margin:0 auto;text-align:left;width: 964px;height: 600px;clear:left;background-color:#fff; position:relative; /* puts container in front of distance */} #header{margin:0 70px 0 70px; background-color: #fff;height: 120px; background-image: url("../../_bilder/henjes-logo.jpg"); background-repeat: no-repeat; background-position: center top; border:0} #header_cont { background: none; position: relative; height: 100% } #topnav { background: none; font-size: 11px;text-transform: uppercase; margin-top: 13px} #topnav a,#topnav a:focus, #topnav a:hover, #topnav a:active{padding: 0px; color: #000; text-decoration: none; background: none; font-weight: normal } #logos{background:none; padding-top: 43px } #logos img{margin-right: 20px; background-color:#fff;} #main { text-align: left; padding: 0;margin: 0; width: auto; height: 452px; border: none ; background: none} #content{margin-left: 70px;margin-right:0px;padding-top:20px;background: none} #content table{border-collapse:collapse;width: 590px;font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 15px; background: transparent } #content table tr { background: #fff; width: 590px; } #content table tr td {padding:0px; margin: 0;} #content table tr td.col_vigo, #content table tr td.col_hebo, #content table tr td.col_tree {width: 15px; border-right: 0; } #content table tr td.col_vigo { background: #49a829;border-top: 1px solid #49a829;border-bottom: 1px solid #49a829; border-left: 1px solid #49a829; } #content table tr td.col_hebo { background: #fecb19;border-top: 1px solid #fecb19;border-bottom: 1px solid #fecb19; border-left: 1px solid #fecb19;} #content table tr td.col_tree { background: #c49a6d;border-top: 1px solid #c49a6d;border-bottom: 1px solid #c49a6d; border-left: 1px solid #c49a6d;} #content table tr td.bild_vigo, #content table tr td.bild_hebo, #content table tr td.bild_tree { width: 165px; height: 110px;background: #fff;border-right: 0;border-left: 0;} #content table tr td.bild_vigo { border-top: 1px solid #49a829; border-bottom: 1px solid #49a829; } #content table tr td.bild_hebo { border-top: 1px solid #fecb19; border-bottom: 1px solid #fecb19; } #content table tr td.bild_tree { border-top: 1px solid #c49a6d; border-bottom: 1px solid #c49a6d; } #content table tr td.logo_vigo, #content table tr td.logo_hebo, #content table tr td.logo_tree { width: 85px; height: 110px;background-color: #e6e6e6;vertical-align: bottom; border-left: 0;} #content table tr td.logo_vigo { border-top: 1px solid #49a829; border-bottom: 1px solid #49a829; border-right: 1px solid #49a829;} #content table tr td.logo_hebo { border-top: 1px solid #fecb19; border-bottom: 1px solid #fecb19; border-right: 1px solid #fecb19;} #content table tr td.logo_tree { border-top: 1px solid #c49a6d; border-bottom: 1px solid #c49a6d; border-right: 1px solid #c49a6d;} #content table tr td.logo_vigo img, #content table tr td.logo_hebo img, #content table tr td.logo_tree img {padding-bottom:6px} #content table tr td.inh_vigo, #content table tr td.inh_hebo, #content table tr td.inh_tree {width: auto;text-align: left;margin: 0; padding: 0;vertical-align:top; background: #e6e6e6; overflow: hidden; border-right: 0; border-left: 0;} #content table tr td.inh_vigo { border-top: 1px solid #49a829;border-bottom: 1px solid #49a829;} #content table tr td.inh_hebo { border-top: 1px solid #fecb19;border-bottom: 1px solid #fecb19;} #content table tr td.inh_tree { border-top: 1px solid #c49a6d;border-bottom: 1px solid #c49a6d;} #content table tr a, #content table tr a:active, #content table tr a:focus, #content table tr a:visited {padding-left:8px;color: #bf292d; text-decoration: none; font-weight: normal; } #content table tr a:hover { color: #bf292d; font-weight: normal; text-decoration: underline;} .empty {height: 20px; background-color:#fff} .inhalt{padding: 8px 0px 0px 8px; height:80px; background: none} #flash {height: 432px; width: 300px; background-color: #fff; float:right} #col1 /*#unternehmen_left */{height: 432px; width: 320px; background-color: #fff; font-size: 12px; line-height: 16px; float:left} #col2 /*#unternehmen_right*/ {height: 432px; width: 460px; margin-left: 40px; background-color: #fff; font-size: 11px; line-height: 16px; float:left} /*Tabellen*/ table { background-color: #fff; font-size: 11px; line-height: 15px; padding-right:10px; border: 0; table-layout: fixed } tr2 {vertical-align: top; position:relative } td2 {padding-bottom: 5px; } td.markup{font-weight: bold; width: 40px} #col1_kontakt {height: 432px; width: 435px; background-color: #fff; font-size: 12px; line-height: 16px; float:left} #col2_kontakt {height: 432px; width: 457px; margin-left: 0px; font-size: 12px; line-height: 16px; float:left} #footer { width: auto;height: 28px;background: #000;border:none;} #footer_content { color: #fff; background: #000; text-align: left; margin: 0 0; padding: 5px 15px; border-top: 2px solid #000; font-size: 12px;} #footer_content a, #footer_content a:visited, #footer_content a:active, #footer_content a:focus { color: #fff; font-size: 10px; text-decoration: none; text-transform: uppercase; margin: 0 } #footer_content a:hover {text-decoration: underline} /*Textbeschreibungsangaben*/ iframe{height: 392px; width:460px} fieldset, img { border: 0; } ul, ol, dl { margin: 0 0 1em 1em } li { margin-left: 1.5em; line-height: 1.5em; } dt { font-weight: bold; } dd { margin: 0 0 1em 2em; } blockquote { margin: 0 0 1em 1.5em; } h1,h2,h3,h4,h5,h6 { font-weight:bold; } h1 {font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin-top: 13px; margin-right: 9px; margin-bottom: 0; padding: 0 0 1px; } h2 { font-size: 18px; line-height: 20px; margin-left:0px; } h3 { font-size: 16px; font-style: italic; font-weight: normal; line-height: 16px; margin: 0 0 0 38px; padding: 0 } h4 { font-size: 120%; color: #949494;} /* 16px */ h5 { font-size: 116.67% } /* 14px */ h6 { font-size: 200%; font-style:italic; } /* 24px */ strong,b { font-weight: bold } em,i { font-style:italic } /*Style fuer Abkuerzung -abbr- oder Akronyme -- anderes Cursor aussehen und Titeleingabe erscheint*/ acronym, abbr { letter-spacing: 0.07em; cursor: help; border-bottom: 0.1em dotted #ff860f } p { margin: 0; padding: 10px 0 15px } a, a:active, a:focus, a:visited {color: #666; text-decoration: none; font-weight: normal; } a:hover { color: #666; font-weight: normal; text-decoration: underline;} .note {background-color: #fff; text-align: left; padding: 1em 1em 1em 0; border-bottom: 1px #bbb solid; font-size: 11px; line-height: 14px; color:#000} .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;} .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;} .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; } .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; } .center { text-align:center; margin: 0.5em auto } .floatbox { overflow:hidden; } /********************/ /***** FORMULAR *****/ /********************/ form { margin: 0px 0; padding: 0; border-width: 0 } fieldset { display: block; margin: 3px 0 15px; padding: 0; clear: both; border: 0 } * html fieldset { padding: 3px 0 } label {float: left; width: 100px; text-align: left; margin-top: 3px; margin-right: 5px;font-weight: bold; } /* .kontaktdaten label { display: block; width: 100%; float: left } .bemerkung label { display: block; width: 100%; float: left } .auswahl label { margin: 0; padding: 0 10px 0 5px } */ input,textarea, select { background: #fff; margin: 0 0 5px; padding: 3px 3px 2px; width: 300px; border: solid 1px #ccc } .auswahl input { margin: 0; width: 12px; height: 12px; border:0 } input:active, input:focus, textarea:focus, select:focus { background-color: #eee; border: solid 1px #ccc; margin-left: 0 } button { color: #000; font-size: 12px; line-height: 12px; height:25px; background-color: #eee; margin-top: 0px; margin-left: 8px; padding: 2px 3px; float: left; border: solid 1px #ccc; } .blind { display:none; } .spambox{margin-left: 105px} /***********************************/ /*SPAMSCHUTZ*/ .hint{padding:2px 0px 15px 0px; height:15px; font-size: 11px; color: #000; line-height: 14px} .array{padding:2px; width:80px; height:25px; float:left;} .spamimg{margin: 0px 0px 10px 0px; border: 0}