/* ---------------- reset -------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ol, ul {list-style: none; } .clear{clear:both;font-size:0px;line-height:0px;height:0px;} /* ---------------- general -------------------- */ body {font-family: "Lucida sans Unicode", Arial, "Trebuchet MS", sans-serif; color:#737070; font-size:10pt;} #container {position:absolute; width:100%; overflow: auto; text-align:center; background: #fff url(images/bg.jpg) top left repeat-x; } #header {margin:0px auto; width:960px; background: url(images/top.jpg) top left no-repeat; min-height:385px; text-align:left; } #header_pompen {margin:0px auto; width:960px; background: url(images/top_pompen.jpg) top left no-repeat; min-height:385px; text-align:left; } #header_full {margin:0px auto; width:960px; background: url(images/top_full.jpg) top left no-repeat; min-height:385px; text-align:left; } #footer {margin:0px auto; width:960px; background: url(images/footer.jpg) top left no-repeat; } strong {font-weight:700;} em {font-style:normal; font-weight:700; color:#FF6501;} iframe {width:586px; height:330px; background:#fff; padding:6px 6px 2px 6px; border:1px solid #D0CFCF; } /* ---------------- header -------------------- */ #logo {float:left; margin-top:65px;} #lang {float:left; width:68px; padding-left:652px; text-align:right;} #lang a {background:url(images/lang.jpg) top left no-repeat; height:23px; width:23px; display:block; float:left; padding:24px 7px 0 0 ; text-decoration:none; color:#8C8B8B;} #lang a:hover {background:url(images/lang_over.jpg) top left no-repeat;} #lang a#currentlang {background:url(images/currentlang.jpg) top left no-repeat; color:#fff;} #navcontainer {padding-top:80px; text-align:right;} #navlist {float:right; padding-right:18px;} #navlist li {float:left;} #navlist li a {text-decoration:none; text-transform:uppercase; color: #737070; font-size:9pt; font-weight:600; padding-bottom:5px; margin-left:15px; } #navlist li a:hover {border-bottom:3px solid #DEDEDE;} #navlist li a.middle {margin-right:15px; } #navlist li #currentpage {border-bottom:3px solid #6264F7;} #banner {padding:93px 0 0 50px; width:460px;} #banner p {font-size:14px; line-height:200%; color:#676565; text-align:justify; } #banner a {color:#FF6501; font-weight:700; } #banner a:hover {color:#6264F7; font-weight:700; } /* ---------------- headings ------------------ */ h1 span {text-indent:-9000px; display:none;} #h1_pneumatischepompen {width:280px; height:64px; background:url(images/h1_pneumatischepompen.jpg) top left no-repeat; display:block;} #h1_naverbranding {width:280px; height:64px; background:url(images/h1_naverbranding.jpg) top left no-repeat; display:block;} #h1_technischtextiel {width:280px; height:64px; background:url(images/h1_technischtextiel.jpg) top left no-repeat; display:block;} #h1_recentnieuws {width:600px; height:64px; background:url(images/h1_recentnieuws.jpg) top left no-repeat; display:block;} #h1_onzegegevens {width:280px; height:64px; background:url(images/h1_onzegegevens.jpg) top left no-repeat; display:block;} #h1_pompen {width:600px; height:64px; background:url(images/h1_pompen.jpg) top left no-repeat; display:block;} #h1_pompsamenstellen {width:600px; height:64px; background:url(images/h1_pompsamenstellen.jpg) top left no-repeat; display:block;} #h1_offerte {width:280px; height:64px; background:url(images/h1_offerte.jpg) top left no-repeat; display:block;} #h1_verbrandingemissie {width:600px; height:64px; background:url(images/h1_verbrandingemissie.jpg) top left no-repeat; display:block;} #h1_technischtextiel2 {width:600px; height:64px; background:url(images/h1_technischtextiel2.jpg) top left no-repeat; display:block;} #h1_route {width:600px; height:64px; background:url(images/h1_route.jpg) top left no-repeat; display:block;} #h1_contact {width:600px; height:64px; background:url(images/h1_contact.jpg) top left no-repeat; display:block;} #h1_pompenbedankt {width:600px; height:64px; background:url(images/h1_pompenbedankt.jpg) top left no-repeat; display:block;} #h1_bedankt {width:600px; height:64px; background:url(images/h1_bedankt.jpg) top left no-repeat; display:block;} #h1_pompesapiston {width:280px; height:64px; background:url(images/h1_pompesapiston.jpg) top left no-repeat; display:block;} #h1_combustionindustrielle {width:280px; height:64px; background:url(images/h1_combustionindustrielle.jpg) top left no-repeat; display:block;} #h1_textiletechnique {width:280px; height:64px; background:url(images/h1_textiletechnique.jpg) top left no-repeat; display:block;} #h1_dernieresnouvelles {width:600px; height:64px; background:url(images/h1_dernieresnouvelles.jpg) top left no-repeat; display:block;} #h1_noscoordonnees {width:280px; height:64px; background:url(images/h1_noscoordonnees.jpg) top left no-repeat; display:block;} #h1_pompesarrow {width:600px; height:64px; background:url(images/h1_pompesarrow.jpg) top left no-repeat; display:block;} #h1_composervotrepompe {width:600px; height:64px; background:url(images/h1_composervotrepompe.jpg) top left no-repeat; display:block;} #h1_contacteznous {width:600px; height:64px; background:url(images/h1_contacteznous.jpg) top left no-repeat; display:block;} #h1_merci {width:600px; height:64px; background:url(images/h1_merci.jpg) top left no-repeat; display:block;} #h1_descriptionroutiere {width:600px; height:64px; background:url(images/h1_descriptionroutiere.jpg) top left no-repeat; display:block;} #h1_textiletechnique2 {width:600px; height:64px; background:url(images/h1_textiletechnique2.jpg) top left no-repeat; display:block;} #h1_combustionettraitement {width:600px; height:64px; background:url(images/h1_combustionettraitement.jpg) top left no-repeat; display:block;} h2 {font-weight:700; font-size:12pt; margin:16pt 0 12pt 0;} h2 span {color:#6264F7;} h3 {} /* ---------------- 3 cols ------------------ */ #cols3 {margin:0px auto; width:960px ; display:block; padding:10px 0 0 0;} #col31{width:280px; margin-left:20px; margin-right:40px; float:left; text-align:left;} #col32{width:280px; margin-right:40px; float:left; text-align:left;} #col33{width:280px; float:left; text-align:left;} #col31 p, #col32 p, #col33 p {line-height:170%; text-align:justify; margin-bottom:10pt;} #col31 p a, #col32 p a, #col33 p a {color:#FF6501; font-weight:700;} #col31 p a:hover, #col32 p a:hover, #col33 p a:hover {color:#6264F7; font-weight:700;} /* ---------------- 2 cols ------------------ */ #cols2 {margin:0px auto; width:960px ; display:block; padding:0 0 0 0;} #col21 {width:600px; margin-left:20px; margin-right:40px; float:left; text-align:left;} #col22 {width:280px; float:left; text-align:left; margin-bottom:16px;} #col21 p {line-height:160%; text-align:justify; margin-bottom:10pt;} #col21 p em {color:#6264F7; font-weight:bold; font-variant:normal;} #col21 p.centered {line-height:160%; text-align:center; margin:16pt 0 16pt 0; background:#F1F1F1; padding:20px;} #col21 p.centered a {color:#FF6501; font-weight:700;} #col21 p.centered a:hover {color:#6264F7;} #col21 p a {color:#FF6501; font-weight:700;} #col21 p a:hover {color:#6264F7;} #col21 ul {margin-bottom:10pt;} #col21 ul li {line-height:140%; margin-bottom:6pt; background:url(images/bullet.jpg) 0px 3px no-repeat; padding-left:23px;} /* ---------------- home ------------------ */ div.spacer{clear:both; height:10px; display:block;} img.greyborder {border:3px solid #F1F1F1; margin:8px 0 20px 0;} a.newslink {font-size:11pt; text-transform:uppercase; font-weight:700; color:#4D4A4A; margin:12px 0 16px 0; text-decoration:none; border-bottom:1px solid #E5E5E5; padding-bottom:2px; line-height:50px; } a.newslink:hover {color:#FF6501; margin:12px 0 10px 0; text-decoration:none; border-bottom:1px solid #4D4A4A; padding-bottom:2px; line-height:50px; } a.newslink span {color:#6264F7;} a.lightview {float:left; } a.lightview img.newspicture {margin-right:35px; border:3px solid #F1F1F1;} #gallery { position: relative; width:274px; height:107px;} div.gegevens {background:#F1F1F1; margin-top:12px; padding:12px 7px 12px ;} div.gegevens span {text-transform:uppercase; font-weight:700; line-height:250%;} div.gegevens p {line-height:160%; text-transform:uppercase; margin-bottom:6pt; } div.gegevens a {font-weight:700; color:#FF6501;} div.gegevens a:hover {font-weight:700; color:#6264F7;} /* ---------------- pomp ------------------ */ div.pompsamenstellen {background:url(images/arrow_bg.jpg) top left no-repeat; margin:12px 0 24px 0; padding:24px 70px 40px 20px; } div.pompsamenstellen p {text-align:justify; line-height:180%;} div.pompsamenstellen a {color:#fff; font-weight:700; font-size:11pt; font-family:Arial, "Trebuchet MS", Tahoma; text-transform:uppercase; text-decoration:none;} div.pompsamenstellen a:hover {border-bottom:1px solid #fff;} img.doubleborder {float:left; border:3px solid #F1F1F1; margin:0 20px 10px 0;} /* ---------------- pompform ------------------ */ #natcoform {} #natcoform input {border:1px solid #E4E4E4; width:200px; float:left; margin-right:15px; } #natcoform select {border:1px solid #E4E4E4; width:200px; float:left; margin-right:15px; } #natcoform label {text-align:justify; font-size:9pt; margin-bottom:8pt; display:block; line-height:150%; } #natcoform textarea { width:600px; border:1px solid #E4E4E4; margin-bottom:8pt; overflow:auto;} /* ---------------- textiel ------------------ */ img.simpleborder {float:left; border:3px solid #ccc; margin:0 20px 0 0;} /* ---------------- nieuws ------------------ */ #pagination1,#pagination2 {text-align:center; float:left;} #pagination1 a.vorige, #pagination2 a.vorige, a.volgende {padding:2px 6px; line-height:16pt; color:#FF6501; text-decoration:none; font-size:8pt; font-weight:bold; background:#F1F1F1; margin-right:8px; float:left;} #pagination1 a.vorige:hover, #pagination2 a.vorige:hover, a.volgende:hover {color:#6264F7;} /* ---------------- footer -------------------- */ #footer p {text-align:left; padding:12px 0 30px 21px; font-size:11px;} #footer a {color:#737070;} #footer a:hover {color:#FF6501;}