File: D:/HostingSpaces/SBogers10/promic.komma.pro/wwwroot/css-js/170102_screen.css
@charset "utf-8";
/* CSS Document */
* {
outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{ margin:0; padding:0; border:0; }
body{ font-family:'DIN Next W01 Regular', Arial, sans-serif; font-size:11px; color:#E2E2E2; background-color:#fff; }
::selection { background: #f7750b; /* Safari */ color:#fff;;}
::-moz-selection { background: #f7750b; /* Firefox */ color:#fff; }
li{ vertical-align: text-top; }
.clear_left{ clear:left; }
.clear_both{ clear:both; }
.right{ float:right; }
.left{ float:left; }
.paddingNul{ padding-bottom:0;}
strong{ font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; font-weight:normal; }
.disableSelection{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.error{ color:red; }
h1{ font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; font-weight:normal; float:left; width:100%; font-size:28px; line-height:30px; color:#f7750b; padding-bottom:50px; }
h2{ font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; font-weight:normal; float:left; width:100%; font-size:28px; line-height:30px; color:#f7750b; padding-bottom:50px; }
h2.small{font-size:18px; line-height:20px; padding-bottom:10px;}
h3{ font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; font-weight:normal; float:left; width:100%; font-size:18px; line-height:24px; color:#f7750b; padding-bottom:25px;}
p{ font-family:'Proxima N W01 Reg', Arial, sans-serif; color:#000; font-size:14px; line-height:27px; padding-bottom:27px; float:left; }
p.inleiding{ color:#f7750b; }
p.italic{ font-family:'Proxima N W01 Reg It', Arial, sans-serif; }
em{ font-family:'Proxima N W01 Reg It', Arial, sans-serif; }
p a{ color:#f7750b; }
p strong{ color:#f7750b; font-family:'Proxima N W01 Reg', Arial, sans-serif; }
a{ color:#363731; }
a:hover{ text-decoration:none; }
ul.tekstLi{ float:left; padding-bottom:20px; }
ul.tekstLi li{ font-family:'Proxima N W01 Reg', Arial, sans-serif; margin-left:14px; color:#000; font-size:14px; line-height:27px; padding-bottom:0px; float:left; }
#header{ position:fixed; width:100%; z-index:110; left:0; top:0; }
#login{ position:absolute; left:0; top:-100px; float:left; width:100%; height:100px; background:#282828; }
#headerTop{ position:relative; float:left; width:100%; height:50px; background:#282828 url(/img/header_backgr.png) repeat; border-bottom:1px solid #c5c5c5; }
#headerBottom{ border-top:1px solid #565656; position:relative; float:left; width:100%; height:80px; background:#000; }
#header .content, #footer .content{ width:980px; margin:0 auto; position:relative; }
#login .uitleg{ float:left; width:295px; }
#login .uitleg a{ color:#999; }
#login .uitleg a:hover{ color:#f7750b; }
#login .uitleg p{ color:#999; width:330px; line-height:20px; padding-bottom:0; font-family:'DIN Next W01 Regular', Arial, sans-serif; font-size:15px; }
#login .uitleg .first{ margin-top:18px; margin-bottom:5px; color:#FFF; }
#login .uitleg .ingelogd{ margin-top:20px; margin-bottom:5px; color:#b6b4b4; width:550px; }
#inlogFoutGegevens, #inlogFoutError, #inlogNietGeactiveerd, #inlogPromicNietGeactiveerd{ position:absolute; left:15px; top:-30px; line-height:18px; font-size:12px; color:#e70000; display:none; }
#inlogDiv{ position:absolute; right:-10px; top:50px; }
#inlogDiv input{ float:left; width:160px; height:11px; line-height:11px; margin-right:10px; padding:10px 15px 10px 15px; color:#fff; border:none; background:url(/img/promic_sprite.png) no-repeat -860px -20px; font-family:'DIN Next W01 Regular', Arial, sans-serif; }
#clientLogin{ float:left; margin-top:16px; cursor:pointer; }
#clientLogin a{ display:inline; line-height:17px; font-size:11px; color:#ccc; text-transform:uppercase; letter-spacing:2px; text-decoration:none; }
#clientLogin .accountAanmaken{ display:inline; text-decoration:none; }
#clientLogin .seperator{ color:#b6b4b4; padding-left:10px; padding-right:10px; }
#clientLogin .slot{ position:relative; float:left; margin-right:10px; width:11px; height:15px; }
#clientLogin .up{ position:absolute; left:0; top:0; width:11px; height:15px; background:url(/img/promic_sprite.png) -590px -10px; }
#clientLogin .hover{ position:absolute; left:0; top:0; width:11px; height:15px; background:url(/img/promic_sprite.png) -610px -10px; opacity:0; filter:alpha(opacity=0); }
#clientLogin .active{ color:#FF661B !important; }
#clientLogin .active .up{ opacity:0 !important; filter:alpha(opacity=0) !important; }
#clientLogin .active .hover{ opacity:1 !important; filter:alpha(opacity=100) !important; }
#clientLogin .slotOpen{ position:relative; float:left; margin-right:10px; width:11px; height:17px; }
#clientLogin .slotOpen .up{ position:absolute; left:0; top:0; width:11px; height:17px; background:url(/img/promic_sprite.png) -630px -10px; }
#clientLogin .slotOpen .hover{ position:absolute; left:0; top:0; width:11px; height:17px; background:url(/img/promic_sprite.png) -650px -10px; opacity:0; filter:alpha(opacity=0); }
#talen{ float:right; margin-top:15px; }
#talen li{ list-style:none; float:left; margin-left:10px; position:relative; }
#talen li a span{ background:url(/img/promic_sprite.png) no-repeat; width:20px; height:20px; display:block; }
#talen li a .hover{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); }
#talen .nl .up{ background-position:-440px -20px; } #talen .nl .hover, #talen .nl .active{ background-position:-440px -50px; }
#talen .active .hover{ opacity:1; filter:alpha(opacity=100); background-position:-440px -50px; }
#talen .en .up{ background-position:-470px -20px; } #talen .en .hover, #talen .en .active{ background-position:-470px -50px; }
#talen .de .up{ background-position:-500px -20px; } #talen .de .hover, #talen .de .active{ background-position:-500px -50px; }
#talen .fr .up{ background-position:-830px -540px; } #talen .fr .hover, #talen .fr .active{ background-position:-830px -570px; }
#talen .es .up{ background-position:-830px -650px; } #talen .es .hover, #talen .es .active{ background-position:-830px -680px; }
#logo{ float:left; margin-top:17px; }
#logo a{ float:left; width:145px; height:50px; background:url(/img/promic_sprite.png) no-repeat -640px -490px; }
#hoofdmenu{ float:right; margin-top:48px; position:relative; }
.menubalk li{ list-style:none; float:left; cursor:pointer; line-height:13px; margin-left:40px; position:relative; }
.menubalk li a{ color:#fff; font-size:12px; text-decoration:none; display:block; text-transform:uppercase; letter-spacing:2px; font-family:'DIN Next W02 Medium', Arial, sans-serif; }
.menubalk li.active a{ color:#f7750b; }
#headerImages{ position:absolute; width:100%; height:400px; left:0; top:132px }
#headerImages .content{ z-index:20; position:relative; margin:0 auto; z-index:20; width:980px; }
#headerImages .streamer{ position:absolute; top:40px; width:670px; line-height:60px; font-size:60px; color:#000; }
#headerImages .streamer.smallerStreamer{line-height:48px; font-size:48px;}
#headerImages .shadow{ width:100%; height:161px; position:absolute; left:0; bottom:0; background:url(/img/imageShadow.png) no-repeat center center; z-index:10; }
#headerImages.home .ctaButton{ position:absolute; top:370px;}
#headerImages.accueil .ctaButton{ position:absolute; top:370px;}
#headerImages .ctaButton{ position:absolute; top:180px;}
#headerImages .ctaButtonContent{ position:absolute; top:180px;}
#headerImages .ctaButtonContent .ctaButton{ position:relative; left:auto; top:auto; margin-right:10px; float:left; }
#streamerAnimation{position: relative; left: -80px;}
#streamerAnimation li{ position:absolute; left:80px; top:40px; width:670px; line-height:60px; font-size:60px; color:#000; list-style:none; opacity:0; filter:alpha(opacity=0); }
#headerPhoto{ position:relative; float:left; width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:center center; }
#headerPhoto.home{ background-image:url(/img/headers/home.jpg); }
#headerPhoto.nieuws{ background-image:url(/img/headers/nieuws.jpg); }
#headerPhoto.over_ons { background-image:url(/img/headers/over_ons.jpg); }
#headerPhoto.producten{ background-image:url(/img/headers/producten.jpg); }
#headerPhoto.contact{ background-image:url(/img/headers/contact.jpg); }
#headerReplace{ float:left; width:980px; height:450px; }
#mainframe{ position:relative; margin:0 auto; width:980px; z-index:20; }
#contentPromic, #content{ float:left; width:980px; }
#footer{ position:relative; width:100%; margin-top:200px; }
#footerTop{ float:left; width:100%; height:80px; background-color:#444444; }
#footerTop .shadow{ position:absolute; left:-10px; top:0; width:1000px; height:15px; background:url(/img/promic_sprite.png) no-repeat -40px -110px; }
#footerBottom{ float:left; width:100%; background-color:#383838; padding-bottom:50px; }
#footerLogo{ float:left; position:relative; margin-top:20px; }
#footerLogo span{ float:left; width:125px; height:50px; background:url(/img/promic_sprite.png) no-repeat; }
#footerLogo .up{ background-position:-200px -20px;}
#footerLogo .hover{ background-position:-40px -20px; z-index:10; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
#footermenu{ float:right; position:relative; margin-top:50px; }
#footer .menubalk li a{ color:#9a9999; }
#footer .menubalk li.active a{ color:#FFF; }
#footerBottom .footerLeft{ float:left; width:520px; }
#footerBottom .contactInfo{ border-left:1px solid #919194; float:left; margin-right:35px; padding-left:10px; color:#919194; line-height:16px; text-transform:uppercase; margin-top:50px; font-size:10px; letter-spacing:2px; }
#footerBottom .contactInfo a{ color:#919194; text-decoration:none; }
#submenuFooter{ float:left; margin-top:34px; width:200px; }
#submenuFooter li{ float:left; list-style:none; width:200px; margin-bottom:10px; height:11px; }
#submenuFooter li a{ color:#919194; text-decoration:none; text-transform:uppercase; font-size:10px; line-height:11px; }
#submenuFooter li a.active{ color:#f7750b; }
#komma{ width: 250px; float:left; clear: left; margin-top:15px; }
#komma .komma_logo{ position:relative; width:25px; height:25px; float:left; background:url(/img/promic_sprite.png) -670px -10px; margin-right:10px; margin-top:1px; }
#komma .komma_logo .up{ width:25px; height:25px; position:absolute; top:0; left:0; background:url(/img/promic_sprite.png) -670px -10px; }
#komma .komma_logo .hover{ width:25px; height:25px; position:absolute; top:0; left:0; background:url(/img/promic_sprite.png) -670px -40px; opacity:0; filter:alpha(opacity=0); }
#komma a{ display:block; color:#919194; font-size:10px; text-transform:uppercase; line-height:14px; letter-spacing:2px; text-decoration:none; }
.esf{
width: 215px;
float: left;
margin-top: -6px;
}
.esf img{
width: 100%;
}
#footerBottom .producten{ float:right; width:450px; margin-top:50px;}
#footerBottom .producten li{ list-style:none; width:140px; margin-left:10px; margin-bottom:10px; height:60px; float:left;}
#footerBottom .producten li a{ padding-left:10px; padding-top:13px; width:130px; height:47px; border:1px solid #919194; text-transform:uppercase; font-size:10px; display:block; color:#919194; text-decoration:none;}
.ctaButton{ float:left; display:block; cursor:pointer; }
.ctaButton .left{ float:left; display:block; position:relative; height:40px;}
.ctaButton.newRow{clear: left;}
.ctaButton .text{ font-family:'DIN Next W02 Medium', Arial, sans-serif; float:left; display:block; color:#f3f3f3; font-size:14px; line-height:30px; padding-left:15px; padding-right:15px; position:relative; z-index:20;}
.es .ctaButton .text {font-size:12px;}
.ctaOrange .text, .buttonTop .text, .buttonDown .text{ border-right:1px solid #e5a370; }
.ctaBlack .text{ border-right:1px solid #b6b4b4; }
.ctaButton .up, .ctaButton .hover{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/promic_sprite.png) no-repeat;}
.ctaButton .hover{ z-index:10; opacity:0; filter:alpha(opacity=0); }
.ctaButton .right{ float:left; display:block; position:relative; height:40px; padding-right:10px;}
.ctaButton .icon{ float:left; display:block; margin: 10px 10px 0 10px; width:10px; height:10px; background:url(/img/promic_sprite.png) no-repeat; position:relative; z-index:20;}
.ctaButton .arrowTop{ background-position:-600px -40px;}
.ctaButton .arrowRight{ background-position:-560px -40px;}
.ctaButton .arrowDown{ background-position:-590px -40px;}
.ctaButton .download{ background-position:-640px -40px;}
.buttonTop .left .up{ background-position:-940px -200px;}
.buttonTop .right .up{ background-position:-1010px -200px;}
.buttonTop .left .hover{ background-position:-940px -240px;}
.buttonTop .right .hover{ background-position:-1010px -240px;}
.buttonDown .left .up{ background-position:-640px -200px;}
.buttonDown .right .up{ background-position:-870px -200px;}
.buttonDown .left .hover{ background-position:-640px -240px;}
.buttonDown .right .hover{ background-position:-870px -240px;}
.ctaBlack .left .up{ background-position:-40px -200px;}
.ctaBlack .right .up{ background-position:-270px -200px;}
.ctaBlack .left .hover{ background-position:-340px -200px;}
.ctaBlack .right .hover{ background-position:-570px -200px;}
.ctaOrange .left .up{ background-position:-340px -200px;}
.ctaOrange .right .up{ background-position:-570px -200px;}
.ctaOrange .left .hover{ background-position:-40px -200px;}
.ctaOrange .right .hover{ background-position:-270px -200px;}
#topBtn{ position:absolute; right:-11px; top:-30px; }
/* HOME */
.home #contentLeft, .accueil #contentLeft{ width:300px; float:left; }
.home #contentRight, .accueil #contentRight{ width:580px; float:right; }
.home #fullVerticalLine, .accueil #fullVerticalLine{ float:left; height:100px; margin-left:50px; position:relative; width:1px; }
.home #fullVerticalLine .line, .accueil #fullVerticalLine .line{ position:absolute; width:1px; left:0; top:-66px; background:#dcdcdc; z-index:100; }
#productsHome li{ position:relative; width:182px; height:270px; list-style:none; float:left; cursor:pointer; margin-bottom:30px; margin-left:17px; }
#productsHome li .content{ position:absolute; left:0; top:0; width:182px; height:270px; overflow:hidden; }
#productsHome li .name{ position:absolute; left:0; bottom:0; width:162px; height:30px; background-color:#aeaeae; line-height:30px; font-size:14px; padding-left:20px; }
#productsHome li .name a{ color:#f3f3f3; text-decoration:none; font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; font-weight:normal; }
#productsHome li .name .arrowRight{ position:absolute; top:10px; right:20px; width:10px; height:10px; background:url(/img/promic_sprite.png) -560px -40px; }
#productsHome li .button{ position:absolute; top:-40px; left:30px; }
#productsHome li.leftSide{ margin-left:0; z-index:10; }
#productsHome li .shadow{ position:absolute; left:0; top:0; width:580px; height:10px; background:url(/img/promic_sprite.png) -20px -520px; z-index:11;}
#productsHome li .shadowSmall{ position:absolute; left:0; top:0; width:280px; height:10px; background:url(/img/promic_sprite.png) -20px -310px; z-index:11; }
/* NIEUWS */
.nieuws .contentLeft, .news .contentLeft, .aktuell .contentLeft, .actualites .contentLeft{ width:460px; float:left; }
.nieuws .contentRight, .news .contentRight, .aktuell .contentRight, .actualites .contentRight{ width:460px; float:right; }
.nieuws .contentRight, .news .contentRight, .aktuell .contentRight, .actualites .contentRight{ margin-top:80px; }
.nieuws .contentRight.oldnews, .news .contentRight.oldnews, .aktuell .contentRight.oldnews, .actualites.contentRight.oldnews{ margin-top:0px; }
.nieuws #fullVerticalLine{ float:left; height:100px; margin-left:30px; position:relative; width:1px; }
.nieuws #fullVerticalLine .line{ position:absolute; width:1px; left:0; top:-71px; background:#dcdcdc; z-index:100; }
#inklapTekst{ display:none; }
.nieuwsitems{ float:left; }
.nieuwsitems li{ position:relative; float:left; width:460px; list-style:none; margin-bottom:110px; padding-bottom:50px; cursor:pointer; z-index:1; }
.nieuwsitems li.last{ margin-bottom:0; }
.nieuwsitems .image{ position:relative; float:left; }
.nieuwsitems .shadow{ position:absolute; left:-10px; top:0; width:480px; height:10px; background:url(/img/promic_sprite.png) no-repeat -20px -360px; }
.nieuwsitems .nieuws_tabel{ padding-bottom:20px; }
.nieuwsitems .nieuws_tabel td{ font-family:'Proxima N W01 Reg', Arial, sans-serif; color:#000; font-size:14px; line-height:18px; }
.nieuwsitems .content{ float:left; width:380px; }
.nieuwsitems .datum{ float:left; font-size:12px; line-height:13px; color:#b6b4b4; text-transform:uppercase; margin-top:20px; margin-bottom:10px; }
.nieuwsitems h2{ float:left; font-size:18px; line-height:27px; color:#b6b4b4; padding-bottom:30px; }
.nieuwsitems p{ color:#b6b4b4; }
.nieuwsitems p span{ color:#f7750b; text-decoration:underline; }
.nieuwsitems .readMoreContent{ display:none; float:left; width:380px; }
.nieuwsitems .readMoreContent p{ color:#000000; }
.nieuwsitems .bottomShadowDiv{ position:absolute; left:-10px; bottom:0; width:480px; height:40px; overflow:hidden; }
.nieuwsitems .bottomShadow{ position:absolute; left:0px; top:0; width:480px; height:40px; background:url(/img/promic_sprite.png) no-repeat -520px -360px; z-index:10; }
.nieuwsitems .ctaButton{ position:absolute; left:176px; top:-40px; z-index:1; }
.aktuell .nieuwsitems .ctaButton{ left:160px; }
.nieuwsitems .active .ctaButton{ left:179px; }
.aktuell .nieuwsitems .active .ctaButton{ left:148px; }
.nieuwsitems .ctaButton .icon{ background-position:-540px -40px; }
.nieuwsitems .ctaButton .arrowTop{ background-position:-600px -40px !important; }
.oldnews { position: relative; display:none; }
.oldnewsTitle { cursor: pointer; }
/* SIMPLE FOTO SLIDE */
#simplePhotoSlider{ position:relative; float:left; width:370px; height:560px; overflow:hidden; }
#simplePhotoSlider.contact{ width:580px; height:360px; }
#simplePhotoSlider ul{ position:absolute; left:0; top:0; width:1480px; }
#simplePhotoSlider.contact ul{ position:absolute; left:0; top:0; width:2320px; }
#simplePhotoSlider li{ position:relative; float:left; list-style:none; }
#photoSlider .about{ position:relative; float:left; width:370px; height:560px; overflow:hidden; }
/* OVER ONS */
#bedrijfDiv{ float:left; width:980px; }
#bedrijfDiv #contentLeft{ width:370px; float:left; }
#bedrijfDiv #contentRight{ width:540px; float:right; margin-top:72px; }
#bedrijfDiv .image{ float:left; position:relative; }
#bedrijfDiv .shadow{ position:absolute; left:0; top:0; width:370px; height:10px; background:url(/img/promic_sprite.png) -650px -165px; z-index:10; }
/*#bedrijfDiv .columnLeft{ float:left; width:260px; }
#bedrijfDiv .columnRight{ float:right; width:260px; } */
#bedrijfDiv .columnLeft{ float:left; width:388px; }
#bedrijfDiv .columnRight{ float:left; width:388px; }
#bedrijfDiv .columnLeft{ float:left; width:388px; }
#bedrijfDiv .columnRight{ float:left; width:388px; }
#bedrijfDiv.deutsch .columnLeft{ float:left; width:500px; }
#bedrijfDiv.deutsch .columnRight{ float:left; width:500px; }
#overOnsTitle{ float:left; width:515px; font-size:18px; line-height:30px; color:#f7750b; padding-bottom:50px; }
#overOnsTitle.vacatures{padding-bottom:27px;}
.personeelrechts{ position: absolute; margin-left: 500px;}
#fullHorizonLine{ float:left; width:980px; height:1px; position:relative; margin-top:75px; margin-bottom:75px; }
#fullHorizonLine .line{ position:absolute; left:50%; top:0; width:0; height:1px; line-height:1px; background:#dcdcdc;}
#onsTeamDiv{ float:left; }
#teamList{ float:left; width:980px; }
#teamList li{ position:relative; float:left; width:230px; margin-left:20px; list-style:none; margin-bottom:50px; }
#teamList li.leftSide{ margin-left:0; clear:left; }
#teamList li .shadow{ position:absolute; left:0; top:0; width:980px; height:10px; background:url(/img/promic_sprite.png) -40px -110px; z-index:60; }
#teamList li .shadowMiddle{ position:absolute; left:-10px; top:0; width:750px; height:10px; background:url(/img/promic_sprite.png) -300px -430px; z-index:60; }
#teamList li .shadowSmall{ position:absolute; left:0; top:0; width:480px; height:10px; background:url(/img/promic_sprite.png) -340px -310px; z-index:60; }
#teamList li .content{ position:relative; float:left; width:230px; height:340px; overflow:hidden;}
#teamList li .up{ position:absolute; left:0; top:0; width:230px; height:340px; background:url(/img/170102_promicteam_sprite.jpg) no-repeat;}
#teamList li .hover{ position:absolute; left:0; top:0; width:230px; height:340px; background:url(/img/170102_promicteam_sprite.jpg) no-repeat; opacity:0; filter:alpha(opacity=0); z-index:10;}
#teamList li .citaat{ width:190px; position:absolute; z-index:30; left:20px; top:105px; color:#f3f3f3; font-size:18px; line-height:27px; text-align:center; text-decoration:none;
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
#teamList #teamTekst{ width:230px; margin-left:0; }
#teamList #teamTekst p{ width:200px; }
#teamList #rick .up{ background-position:-40px -20px; } #teamList #rick .hover{ background-position:-40px -380px; }
#teamList #bart .up{ background-position:-290px -20px; } #teamList #bart .hover{ background-position:-290px -380px; }
#teamList #dorian .up{ background-position:-540px -20px; } #teamList #dorian .hover{ background-position:-540px -380px; }
#teamList #jeanny .up{ background-position:-790px -20px; } #teamList #jeanny .hover{ background-position:-790px -380px; }
#teamList #els .up{ background-position:-1040px -20px; } #teamList #els .hover{ background-position:-1040px -380px; }
#teamList #arjan .up{ background-position:-1290px -20px; } #teamList #arjan .hover{ background-position:-1290px -380px; }
#teamList #maciej .up{ background-position:-1540px -20px; } #teamList #maciej .hover{ background-position:-1540px -380px; }
#teamList #gosia .up{ background-position:-1790px -20px; } #teamList #gosia .hover{ background-position:-1790px -380px; }
#teamList #wim .up{ background-position:-2040px -20px; } #teamList #wim .hover{ background-position:-2040px -380px; }
#teamList #dietmar .up{ background-position:-2290px -20px; } #teamList #dietmar .hover{ background-position:-2290px -380px; }
#teamList #jim .up{ background-position:-2540px -20px; } #teamList #jim .hover{ background-position:-2540px -380px; }
#teamList #wendy .up{ background-position:-2790px -20px; } #teamList #wendy .hover{ background-position:-2790px -380px; }
#teamList #lonneke .up{ background-position:-3040px -20px; } #teamList #lonneke .hover{ background-position:-3040px -380px; }
#teamList #marcin .up{ background-position:-3290px -20px; } #teamList #marcin .hover{ background-position:-3290px -380px; }
#teamList #fabien .up{ background-position:-3540px -20px; } #teamList #fabien .hover{ background-position:-3540px -380px; }
#teamList #ans .up{ background-position:-3790px -20px; } #teamList #ans .hover{ background-position:-3790px -380px; }
#teamList #rob .up{ background-position:-4040px -20px; } #teamList #rob .hover{ background-position:-4040px -380px; }
#teamList #xiaowen .up{ background-position:-4290px -20px; } #teamList #xiaowen .hover{ background-position:-4290px -380px; }
#teamList #romain .up{ background-position:-4540px -20px; } #teamList #romain .hover{ background-position:-4540px -380px; }
#teamList #martien .up{ background-position:-4790px -20px; } #teamList #martien .hover{ background-position:-4790px -380px; }
#teamList #Ivka .up{ background-position:-5040px -20px; } #teamList #Ivka .hover{ background-position:-5040px -380px; }
#teamList #karens .up{ background-position:-5290px -20px; } #teamList #karens .hover{ background-position:-5290px -380px; }
#teamList #judith .up{ background-position:-5540px -20px; } #teamList #judith .hover{ background-position:-5540px -380px; }
#teamList #herman .up{ background-position:-5790px -20px; } #teamList #herman .hover{ background-position:-5790px -380px; }
#teamList #suzan .up{ background-position:-6040px -20px; } #teamList #suzan .hover{ background-position:-6040px -380px; }
#teamList #thijs .up{ background-position:-6290px -20px; } #teamList #thijs .hover{ background-position:-6290px -380px; }
#teamList #karlijn .up{ background-position:-6540px -20px; } #teamList #karlijn .hover{ background-position:-6540px -380px; }
#teamList #marjo .up{ background-position:-6790px -20px; } #teamList #marjo .hover{ background-position:-6790px -380px; }
#teamList #alexander .up{ background-position:-7040px -20px; } #teamList #alexander .hover{ background-position:-7040px -380px; }
#teamList #loes .up{ background-position:-7290px -20px; } #teamList #loes .hover{ background-position:-7290px -380px; }
#teamList #olea .up{ background-position:-8289px -20px; } #teamList #olea .hover{ background-position:-8289px -380px; }
#teamList #thijs2 .up{ background-position:-8550px -20px; } #teamList #thijs2 .hover{ background-position:-8550px -380px; }
#teamList #monique .up{ background-position:-8047px -20px; } #teamList #monique .hover{ background-position:-8047px -380px; }
#teamList #marco .up{ background-position:-7538px -20px; } #teamList #marco .hover{ background-position:-7538px -380px; }
#teamList #frank .up{ background-position:-7777px -20px; } #teamList #frank .hover{ background-position:-7777px -380px; }
#teamList #leonie .up{ background-position:-8820px -20px; } #teamList #leonie .hover{ background-position:-8820px -380px; }
#teamList #lex .up{ background-position:-9088px -20px; } #teamList #lex .hover{ background-position:-9088px -380px; }
#teamList #andriana .up{ background-position:-9358px -20px; } #teamList #andriana .hover{ background-position:-9358px -380px; }
#teamList #patty .up{ background-position:-9628px -20px; } #teamList #patty .hover{ background-position:-9628px -380px; }
#teamList #andrian .up{ background-position:-9908px -20px; } #teamList #andrian .hover{ background-position:-9908px -380px; }
#teamList #david .up{ background-position:-10210px -20px; } #teamList #david .hover{ background-position:-10210px -380px; }
#teamList #magda .up{ background-position:-10490px -20px; } #teamList #magda .hover{ background-position:-10490px -380px; }
#teamList #boris .up{ background-position:-10775px -20px; } #teamList #boris .hover{ background-position:-10775px -380px; }
#teamList #spiro .up{ background-position:-11084px -20px; } #teamList #spiro .hover{ background-position:-11084px -380px; }
#teamList #leo .up{ background-position:-11370px -20px; } #teamList #leo .hover{ background-position:-11370px -380px; }
#teamList .citaat{top:105px;}
#teamList li .info{ float:left; width:230px; margin-top:17px;}
#teamList li .name{ float:left; width:230px; color:#f7750b; font-size:11px; text-transform:uppercase; line-height:17px; text-align:center; }
#teamList li .function{ float:left; width:230px; color:#919194; font-size:11px; text-transform:uppercase; line-height:17px; text-align:center; }
/* PRODUCTEN */
#productenMenu h1{ width:auto; }
#productenMenu h1 a{ text-decoration:none; color:#ef7f13; width:auto; padding-right:7px; }
#productenMenu h1.inActive a{ color:#b6b4b4; }
#productenMenu h1.inActive a:hover{ color:#ef7f13; }
#productenMenu h2{ width:auto;}
#productenMenu h2 span{ width:auto; color:#b6b4b4; }
#productenMenu h2 a{ text-decoration:none; color:#ef7f13; }
#productenMenu h2 a.inactive{ text-decoration:none; color:#b6b4b4; }
#productenMenu h2 a:hover{ text-decoration:underline; color:#ef7f13;}
#productenMenu h2 a.inactive:hover{ text-decoration:none; color:#ef7f13; }
#productMainmenu{ position:relative; float:left; width:980px; height:80px; background:#f7750b; }
#productMainmenu .shadow{ position:absolute; left:-10px; top:0; width:1000px; height:10px; background:url(/img/promic_sprite.png) no-repeat -40px -110px; }
#productMainmenu .cornerLeft{ position:absolute; left:0; bottom:0; width:7px; height:7px; background:url(/img/promic_sprite.png) no-repeat -540px -20px; }
#productMainmenu .cornerRight{ position:absolute; right:0; bottom:0; width:7px; height:7px; background:url(/img/promic_sprite.png) no-repeat -550px -20px; }
#productMainmenu .middleLine{ position:absolute; left:0; top:40px; width:980px; height:1px; line-height:1px; font-size:1px; background:#fff; }
#productSubmenu{ position:relative; float:left; width:980px; height:80px; background:#f3f3f3; margin-top:10px; margin-bottom:40px; }
#productSubmenu .shadow{ position:absolute; left:-10px; top:0; width:1000px; height:10px; background:url(/img/promic_sprite.png) no-repeat -40px -110px; }
#productSubmenu .cornerLeft{ position:absolute; left:0; bottom:0; width:7px; height:7px; background:url(/img/promic_sprite.png) no-repeat -560px -20px; }
#productSubmenu .cornerRight{ position:absolute; right:0; bottom:0; width:7px; height:7px; background:url(/img/promic_sprite.png) no-repeat -570px -20px; }
#productSubmenu .middleLine{ position:absolute; left:0; top:40px; width:980px; height:1px; line-height:1px; font-size:1px; background:#ccc; }
#mainProductMenulist{ position:relative; z-index:10; float:left; }
#mainProductMenulist li{ position:relative; list-style:none; float:left; margin-left:30px; height:40px; }
#mainProductMenulist a, #terugNaarOverzicht a{ display:block; color:#fff; text-transform:uppercase; font-size:12px; line-height:12px; padding-top:14px; padding-bottom:14px; letter-spacing:2px; cursor:pointer; text-decoration:none; }
#mainProductMenulist a:hover, #mainProductMenulist li.active a{ font-family:'DIN Next W02 Medium', Arial, sans-serif; text-decoration:underline; line-height:8px; }
#terugNaarOverzicht{ position:absolute; right:20px; bottom:0; z-index: 11;}
#terugNaarOverzicht a:hover{ font-family:'DIN Next W02 Medium', Arial, sans-serif; text-decoration:underline; line-height:15px; }
#subProductMenulist{ position:relative; z-index:10; float:left; width:980px; }
#subProductMenulist li{ position:relative; display:block; list-style:none; float:left; margin-left:28px; height:40px; }
#subProductMenulist a{ display:block; float:left; color:#919194; text-transform:uppercase; font-size:12px; line-height:12px; padding-top:14px; padding-bottom:14px; letter-spacing:2px; cursor:pointer; text-decoration:none; }
#subProductMenulist span{ display:block; float:left; width:118px; margin-left:30px; color:#919194; text-transform:uppercase; font-size:12px; line-height:12px; padding-top:14px; padding-bottom:14px; letter-spacing:2px; text-decoration:none; font-weight:bold; }
#subProductMenulist a:hover, #subProductMenulist li.active a{ color:#ef7f13; }
#subProductMenulist .noSelect{ display:block; color:#cccccc; text-transform:uppercase; font-size:12px; line-height:12px; padding-top:15px; padding-bottom:14px; letter-spacing:2px; width:230px; }
#subBeachflag .feetTitle{ width:32px; }
#subBeachflag .feet { margin-left:21px;}
#subBeachflag .feet a { letter-spacing: 1px}
#subProductMenulist .subMenuList{ position:absolute; left:0; top:0; width:960px; }
#producten li{ position:relative; float:left; list-style:none; width:230px; height:340px; margin-left:20px; margin-bottom:100px; cursor:pointer; }
#producten li .content{ position:relative; float:left; list-style:none; width:230px; height:340px; overflow:hidden; }
#producten li.leftSide{ margin-left:0; }
#producten li .shadow{ position:absolute; left:0; top:0; width:980px; height:10px; background:url(/img/promic_sprite.png) -40px -110px; z-index:60; }
#producten li .shadowSmall{ position:absolute; left:-10px; top:0; width:300px; height:10px; background:url(/img/promic_sprite.png) -20px -410px; z-index:60; }
#producten li .shadowDouble{ position:absolute; left:-10px; top:0; width:480px; height:10px; background:url(/img/promic_sprite.png) no-repeat -20px -360px; z-index:60; }
#producten .subitemList{ position:absolute; left:0; bottom:0; width:230px; height:30px; overflow:hidden; }
#producten .subitemList li{ position:relative; float:left; width:230px; height:29px; margin:0; background:#aeaeae; }
#producten .subitemList li.title a{ font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; font-weight:normal; }
#producten .subitemList a{ position:relative; display:block; width:210px; font-size:14px; line-height:14px; padding-left:20px; padding-top:7px; padding-bottom:8px; text-decoration:none; color:#f3f3f3;}
#producten .subitemList .icon{ position:absolute; top:10px; right:20px; width:10px; height:10px; background:url(/img/promic_sprite.png) no-repeat -560px -40px; }
#producten .subitemList .arrowDown{ background-position:-590px -40px !important; }
#producten .button{ position:absolute; top:-40px; left:10px; width: calc(100% - 15px); }
/* PRODUCT DETAIL PAGE */
#downloadHeader{ padding-bottom:2px; }
#downloadButtons{ position:relative; float:left; margin: 30px 0; width:780px; height:40px; }
#downloadButtons .content{ width:980px; height:40px; }
#downloadButtons a{ margin-right:20px; }
#productContainer{ float: left}
#productPhoto{ position:relative; float:left; width:390px; }
#productDetails{ position:relative; float:right; width:530px; }
#detailSlide{ position:relative; float:left; width:460px; height:347px; overflow:hidden; }
#detailSlide ul{ position:absolute; left:0; top:0; width:4000px; }
#detailSlide li{ position:relative; float:left; list-style:none; }
#detailSlideMenu{ position:relative; float: right; top:0; right:0; width:65px; }
#detailSlideMenu li{ color:#fff; list-style:none; display:block; cursor:pointer; float:left; width:65px; height:49px; border:1px solid #fff; margin-bottom:1px; }
#detailSlideMenu li.active, #detailSlideMenu li:hover{ border:1px solid #f7750b; }
#detailSlideMenu li span{ display:block; width:20px; text-align:center; line-height:20px; font-size:8px; position:absolute; left:2px; top:2px; }
#detailList{ float:left; position:relative; width:530px; margin-top:20px; }
#detailList li{ position:relative; float:left; list-style:none; padding-left:40px; width:490px; padding-bottom:10px; cursor:pointer; }
#detailList li span{ position:absolute; left:0; top:0; font-size:12px; line-height:27px; color:#919194; }
#detailList li p, #detailOpmerking p, #detailOpmerkingPopUp p, #detailOpmerkingLXbanner p, #detailOpmerkingZW p{ font-family:'DIN Next W01 Regular', Arial, sans-serif; font-style:normal; font-weight:normal; float:left; font-size:18px; line-height:27px; padding-bottom:0; color:#919194; }
#detailList li.active span, #detailList li.active p{ color:#f7750b; }
#detailList .alert-box{background-color:#f7750b; padding: 2px 45px; border-radius: 45px; margin-bottom: 10px; font-family:'DIN Next W01 Regular', Arial, sans-serif; font-style:normal; font-weight:normal; float:left; font-size:14px; line-height:24px; color:#ffffff;}
#detailOpmerking{ float:left; margin-top:20px; }
#detailOpmerking p strong, #detailOpmerkingPopUp p strong, #detailOpmerkingLXbanner p strong, #detailOpmerkingZW p strong{ font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; font-weight:normal; }
#detailOpmerking .table{ float:left; border-left:1px solid #dcdcdc; padding-top:10px; padding-bottom:10px; }
#detailOpmerking .firstTable{ border-left:none !important; }
#detailOpmerking th{ font-size:11px; color:#919194; padding-left:10px; height:29px; border-top:1px solid #dcdcdc; font-weight:normal; text-transform:uppercase; text-align:left; }
#detailOpmerking td{ font-size:11px; color:#919194; padding-left:10px; height:18px; }
#detailOpmerking .columnTitle{ border-bottom:1px solid #dcdcdc; }
#detailOpmerking .firstRow{ padding-top:5px; }
#detailOpmerkingPopUp{ position:absolute; left:-448px; top:120px; width:400px; }
#detailOpmerkingZW{ position:relative; left:-448px; width:400px; height: 250px;}
#detailOpmerkingLXbanner{ position:relative; left:-448px; width:400px; }
#detailList #detailOpmerkingPopUp li { float:left; width:400px; padding-left:0; }
#detailList #detailOpmerkingZW li { float:left; width:400px; padding-left:0; }
#detailList #detailOpmerkingLXbanner li { float:left; width:400px; padding-left:0; }
#ZWdimensions p { margin: 40px 0 0 40px;}
#productContainer h2{ clear:left; width:960px; }
#productSpecs{ position:relative; float:left; margin-top:90px; width:980px; }
#productSpecs h3{ font-size:22px; padding-bottom:15px; }
#productSpecs .table{ float:left; border-left:1px solid #dcdcdc; padding-top:10px; padding-bottom:10px; }
#productSpecs .firstTable{ border-left:none !important; }
#productSpecs th{ font-size:11px; color:#919194; padding-left:10px; height:29px; border-top:1px solid #dcdcdc; font-weight:normal; text-transform:uppercase; text-align:left; }
#productSpecs td{ font-size:11px; color:#919194; padding-left:10px; height:18px; }
#bannerSpecs h3{ font-size:22px; padding-bottom:15px;}
#bannerSpecs tr{ font-size:11px; color:#919194; font-weight:bold; text-transform:uppercase; text-align:left; }
#bannerSpecs td{ width: 70px; font-size:11px; color:#919194; height:18px; border:1px solid #dcdcdc; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#bannerSpecs .firstCol{ text-align: left;}
#bannerSpecs .tabletop{ position: relative; height: 190px; color: black;}
#bannerSpecs .tabletop span{white-space: nowrap; position: relative; bottom: -140px; display: block; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
#bannerSpecs .spacer{ width:145px;}
#toprow div{float: left;}
.video_frame{ width:490px; height:315px; float:left;}
#ingelogd.video_frame{ width:490px; height:315px; float:left; text-align:center; margin-top:80px; margin-bottom:20px; }
.neutral_video_frame{ width:490px; height:315px; float:left; text-align:center; margin-top:80px; margin-bottom:20px; }
.neutral_video_embed{ margin-top: 100px; width: 490px; float:left;}
.neutral_link{ margin-top: 50px; float:left;}
.neutral_link_left{ margin-top: 100px; width:480px; float:left; margin-bottom:20px;}
.neutral_link_left h2{ width:480px;}
.neutral_link .opmerking{ font-size:11px;}
.neutral_video_embed_2{ margin-top: 100px; width: 400px; float:left;}
.neutral_video_embed_2.rightEmbed{ margin-left: 90px;}
.video_frame h2, .neutral_video_frame h2, .neutral_video_embed h2, .neutral_video_embed_2 h2{ padding-bottom:18px; }
.embedCode{ margin-top: -20px; width: 400px; height: 80px; }
.embedCode_2{ margin-top: -20px; width: 400px; height: 80px; }
#productContainer #ingelogd.video_frame h2, #productContainer .neutral_video_frame h2{ clear:none; width:auto; margin:0 auto;}
#productSpecs .table strong{ font-family:inherit; color:#f7750b; }
#productSpecs .leftTables{ float:left; margin-right:190px;}
#productSpecs .rightTables{ float:left;}
#productSpecs .imageRow{ height:175px; border-top:1px solid #dcdcdc; }
#productSpecs .columnTitle{ height:29px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; }
#productSpecs .firstRow{ padding-top:5px; }
#productSpecs .lastColumn{ padding-right:10px; }
#productSpecs .graphicSize{ float:left; display:block; width:100%; height:100%; background:center center no-repeat; }
#productSpecs .packageOne{ float:left; display:block; width:100%; height:100%; background:url(/img/icons/packageOne.png) center center no-repeat; }
#productSpecs .packageTwo{ float:left; display:block; width:100%; height:100%; background:url(/img/icons/packageTwo.png) center center no-repeat; }
#productSpecs .packageTwo6mm{ float:left; display:block; width:100%; height:100%; background:url(/img/icons/packageTwo6mm.png) center center no-repeat; }
#productSpecs .packageTwo9mm{ float:left; display:block; width:100%; height:100%; background:url(/img/icons/packageTwo9mm.png) center center no-repeat; }
#productSpecs .pallet{ float:left; display:block; width:100%; height:100%; background:url(/img/icons/pallet.png) center center no-repeat; }
#productSpecs .specsButton{ position:absolute; top:0; right:0; }
#productPrices{ position:relative; float:left; margin-top:90px; min-height:350px; }
#productPrices .table{ float:left; border-left:1px solid #dcdcdc; padding-top:10px; padding-bottom:10px; position:relative; }
#productPrices .firstTable{ border-left:none !important; }
#productPrices th{ font-size:11px; color:#919194; padding-left:10px; height:29px; border-top:1px solid #dcdcdc; font-weight:normal; text-transform:uppercase; text-align:left; }
#productPrices td{ font-size:11px; color:#919194; padding-left:10px; height:18px; }
#productPrices .columnTitle{ height:29px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; }
#productPrices .columnTitle span{ font-family:Arial, Helvetica, sans-serif; }
#productPrices .firstRow{ padding-top:5px; }
#productPrices .lastColumn{ padding-right:10px; }
#productPrices .circleX, #productSpecs .circleX{ float:left; display:block; width:13px; height:13px; background:url(/img/promic_sprite.png) no-repeat -620px -60px; }
#productPrices .textBetween, #productSpecs .textBetween{ float:left; display:block; margin-left:4px; margin-right:4px; }
#productPrices .circleY, #productSpecs .circleY{ float:left; display:block; width:13px; height:13px; background:url(/img/promic_sprite.png) no-repeat -640px -60px; }
#productPrices .circleZ, #productSpecs .circleZ{ float:left; display:block; width:13px; height:13px; background:url('/img/icons/circleZ.png'); }
#opmerkingPrijzen{ position:absolute; right:60px; bottom:-25px; height:18px; font-size:11px; line-height:18px; width:400px; color:#919194; text-align:right; }
#productPrices #opmerkingPrijzen .circleY, #productPrices #opmerkingPrijzen .textBetween, #productPrices #opmerkingPrijzen .circleX{ float:right; }
#productPrices .prijsButton{ position:absolute; top:0; left:500px; }
/* CONTACT */
p.rightContact{ float:right; }
.contact #contentLeft, .kontakt #contentLeft{ width:580px; float:left; }
.contact #contentRight, .kontakt #contentRight{ width:340px; float:right;}
.contact #contentRight h2, .kontakt #contentRight h2{ padding-bottom:40px; }
.contact #contentLeft .image, .kontakt #contentLeft .image{ position:relative; float:left; width:580px; margin-bottom:0px; }
.contact #contentLeft .shadow, .kontakt #contentLeft .shadow{ position:absolute; left:0; top:0; width:580px; height:10px; background:url(/img/promic_sprite.png) -20px -270px; z-index:11; }
#google_maps{ position:relative; float:left; overflow:hidden; width:580px; height:235px; }
#map_canvas{ float:left; width:580px; height:260px; }
/* DISCLAIMER */
#ctaBlockFull{ position:relative; float:left; width:980px; height:110px; margin-top:80px; margin-bottom:40px; }
#ctaBlockFull .shadowLeft{ position:absolute; left:-11px; top:0; width:40px; height:110px; background:url(/img/promic_sprite.png) -950px -450px; }
#ctaBlockFull .shadowRight{position:absolute; right:-11px; top:0; width:40px; height:110px; background:url(/img/promic_sprite.png) -1010px -450px; }
#ctaBlockFull .ctaContent{ position:absolute; left:29px; top:3px; width:922px; height:110px; background:url(/img/cta_block_backgr.png) repeat-x; }
#ctaBlockFull p{ color:#fff; margin-top:21px; padding-bottom:0; }
#ctaBlockFull .gegevens{ margin-left:110px; }
#ctaBlockFull p a{ margin-top:0; float:none; color:#fff; }
#ctaBlockFull a{ margin-top:36px; float:right; }
#ctaInlogBlock{ position:absolute; right:-10px; top:0px; width:310px; }
#ctaInlogBlock .top{ position:absolute; left:0; top:0; width:310px; height:12px; background:url(/img/promic_sprite.png) -300px -460px; }
#ctaInlogBlock .middle{ position:relative; float:left; margin-top:12px; width:310px; padding-bottom:10px; background:url(/img/cta_middle_backgr.png) repeat-y; }
#ctaInlogBlock h3{ color:#fff; margin-left:25px; margin-top:5px; }
#ctaInlogBlock .line{ position:absolute; left:0; top:43px; width:300px; height:1px; line-height:1px; background:#fff; }
#ctaInlogBlock p{ color:#fff; margin-left:25px; width:245px; }
#ctaInlogBlock p a{ color:#fff; }
#ctaInlogBlock .ctaButton{ margin-left:25px; }
#ctaInlogBlock .bottom{ position:absolute; left:0; bottom:-20px; width:310px; height:20px; background:url(/img/promic_sprite.png) -620px -460px; }
/* DISCLAIMER */
#contentPromic.disclaimer, #contentPromic.haftung, #contentPromic.viernulvier{ width:600px; }
#contentPromic.disclaimer h2, #contentPromic.haftung h2, #contentPromic.viernulvier h2{ font-size:24px; padding-bottom:10px; }
/* SITEMAP */
#contentPromic.sitemap{ width:600px; }
ul.sitemap li{ font-family:'Proxima N W01 Reg', Arial, sans-serif; color:#000; font-size:14px; line-height:27px; padding-bottom:6px; margin-left:13px; list-style-image:url(/img/li_dot.png); }
ul.sitemap li.marginTop{ margin-top:27px; }
/* POP UP */
#taalPopUp{ float:left; width:660px; height:450px; }
#taalPopUp .logoWit{ float:left; width:158px; height:51px; margin-left:35px; margin-top:15px; background:url(/img/promic_sprite.png) no-repeat -640px -550px; }
#taalPopUp .title{ float:left; clear:left; margin-left:35px; margin-top:30px; color:#fff; font-size:15px; line-height:20px; font-family: 'DIN Next W02 Medium', Arial, sans-serif; }
#taalPopUp ul{ position:absolute; width:691px; z-index:100; left:-16px; top:210px; }
#taalPopUp li{ position:relative; float:left; width:691px; height:60px; border-top:1px solid #fff; list-style:none; cursor:pointer; }
#taalPopUp li a{ position:relative; float:left; margin-left:52px; width:500px; height:55px; }
#taalPopUp li .up{ position:absolute; left:0; top:12px; width:37px; height:37px; background:url(/img/promic_sprite.png) no-repeat; }
#taalPopUp li .hover{ position:absolute; left:0; top:12px; width:37px; height:37px; opacity:0; filter:alpha(opacity=0); background:url(/img/promic_sprite.png) no-repeat; }
#taalPopUp .nederlands{ background:#d66c16; }
#taalPopUp .deutsch{ background:#d66c16; }
#taalPopUp .nederlands .up{ background-position:-20px -440px; }
#taalPopUp .nederlands .hover{ background-position:-140px -440px; }
#taalPopUp .english .up{ background-position:-60px -440px; }
#taalPopUp .english .hover{ background-position:-180px -440px; }
#taalPopUp .deutsch .up{ background-position:-100px -440px; }
#taalPopUp .deutsch .hover{ background-position:-220px -440px; }
#taalPopUp .french .up{ background-position:-830px -490px; }
#taalPopUp .french .hover{ background-position:-880px -490px; }
#taalPopUp .spanish .up{ background-position:-830px -600px; }
#taalPopUp .spanish .hover{ background-position:-880px -600px; }
#taalPopUp li .text{ float:left; margin-left:70px; color:#a04d0e; font-size:20px; line-height:20px; margin-top:20px; text-transform:uppercase; font-family:'DIN Next W02 Medium', Arial, sans-serif; }
#taalPopUp .inlogContent{ float:left; width:500px; margin-left:35px; }
#taalPopUp .inlogContent p{ margin-top:40px; margin-bottom:10px; color:#fff; font-size:15px; line-height:20px; font-family:'DIN Next W02 Medium', Arial, sans-serif; }
#taalPopUp .inlogContent .ctaButton{ clear:left; }
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; height:500px !important;}
#cboxLoadedContent{overflow:hidden; height:500px !important;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000000;}
#colorbox{}
#cboxTopLeft{width:35px; height:35px; background:url(/img/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:35px; background:url(/img/colorbox/border1.png) repeat-x 0 -70px;}
#cboxTopRight{width:35px; height:35px; background:url(/img/colorbox/border1.png) no-repeat -35px 0;}
#cboxBottomLeft{width:35px; height:35px; background:url(/img/colorbox/border1.png) no-repeat 0 -35px;}
#cboxBottomCenter{height:35px; background:url(/img/colorbox/border1.png) repeat-x 0 -104px;}
#cboxBottomRight{width:35px; height:35px; background:url(/img/colorbox/border1.png) no-repeat -35px -35px;}
#cboxMiddleLeft{width:35px; background:url(/img/colorbox/border2.png) repeat-y 1px 0; height:500px !important;}
#cboxMiddleRight{width:35px; background:url(/img/colorbox/border2.png) repeat-y -35px 0; height:500px !important;}
#cboxContent{background:#f0800e; color:#fff; height:500px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:0;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:#f0800e url(/img/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:24px; right:24px; display:block; width:20px; height:20px; background:url(/img/promic_sprite.png) no-repeat -540px -60px;}
#cboxClose:hover{background-position:-570px -60px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/img/colorbox/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/* AANMELD FORMULIER */
#systeemFormulier{ float:left; width:600px; }
#systeemFormulier input[type="text"], #systeemFormulier input[type="password"]{ padding-left:20px; clear:left; float:left; width:580px; height:50px; margin-bottom:20px; background:url(/img/promic_sprite.png) no-repeat -20px -560px; border:none; font-family:'DIN Next W02 Medium', Arial, sans-serif; color:#b6b4b4; font-size:18px; }
#systeemFormulier input[type="radio"]{ float:left; margin-right:20px; }
#systeemFormulier input[type="text"].error, #systeemFormulier input[type="password"].error{ color:red; }
#systeemFormulierRight{ float:right; width:300px; margin-top:70px; }
#geslachtDiv{ float:left; width:600px; height:40px; }
.radioLabelSpan{ margin-left:20px; margin-right:10px; float:left; font-family:'DIN Next W02 Medium', Arial, sans-serif; color:#b6b4b4; font-size:18px; }
.error{ color:red; }
#systeemFormulierSubmit{ margin-top:20px; }
.foutmelding{ float:left; width:560px; border:1px solid #FF0000; background-color:#FBDADA; font-size:14px; color:#FF0000; margin-bottom:30px; padding:10px; }
#fullVerticalLine{ float:left; height:100px; margin-left:30px; position:relative; width:1px; }
#fullVerticalLine .line{ position:absolute; width:1px; left:0; top:-77px; background:#dcdcdc; z-index:100; }
#vacatures{ float:left; position:relative; height: 650px;}
#vacatures table{ text-align:left; left:-20px; position:relative; }
#vacatures table tr td .shadow{ clear: both; width: 980px; height: 10px; background: url(/img/promic_sprite.png) -40px -110px; z-index: 60;}
#vacatures table tr td .ctaButton{ margin-bottom: 25px; }
#vacatures h2{ padding-bottom:0; }
#vacatures strong{ font-family:'Proxima N W01 Reg', Arial, sans-serif; color:#f7750b; font-size:16px; line-height:28px; }
#vacatures p{ line-height:18px; float: none }
#vacatures li{ font-family:'Proxima N W01 Reg', Arial, sans-serif; color:#000; font-size:14px; line-height:18px; margin-left:13px; }
#vacatures ul{ margin-bottom:18px; }
#vacatures .vacatures-overzicht{ padding-left: 10px; position: relative;}
#vacatures .vacatures-overzicht h3{float: none;}
#vacatures .vacatures-overzicht .shadow{ margin-bottom: -15px; position: absolute; left: 0; bottom: 0; width: 980px; height: 10px; background: url(/img/promic_sprite.png) -40px -110px; z-index: 60; }
#vacancies{ float:left; position:relative;}
#vacancies table{ text-align:left; left:-20px; position:relative; }
#vacancies table tr td .shadow{ clear: both; width: 980px; height: 10px; background: url(/img/promic_sprite.png) -40px -110px; z-index: 60;}
#vacancies table tr td .ctaButton{ margin-bottom: 25px; }
#vacancies h2{ padding-bottom:0; }
#vacancies strong{ font-family:'Proxima N W01 Reg', Arial, sans-serif; color:#f7750b; font-size:16px; line-height:28px; }
#vacancies p{ line-height:18px; float: none }
#vacancies li{ font-family:'Proxima N W01 Reg', Arial, sans-serif; color:#000; font-size:14px; line-height:18px; margin-left:13px; }
#vacancies ul{ margin-bottom:18px; }
#vacancies .vacatures-overzicht{ padding-left: 10px; position: relative;}
#vacancies .vacatures-overzicht h3{float: none;}
#vacancies .vacatures-overzicht .shadow{ margin-bottom: -15px; position: absolute; left: 0; bottom: 0; width: 980px; height: 10px; background: url(/img/promic_sprite.png) -40px -110px; z-index: 60; }
/* KLANTEN REGISTRATIE FORMULIER */
#registratieFormulier{ float:left; width:740px; }
#registratieFormulier input[type="text"], #registratieFormulier input[type="password"]{ padding-left:20px; float:right; width:406px; height:35px; margin-bottom:15px; background:url(/img/backgr_input_reg.png) no-repeat 0 0; border:none; font-family:'DIN Next W02 Medium', Arial, sans-serif; color:#b6b4b4; font-size:16px; }
#registratieFormulier input[type="radio"]{ float:left; margin-right:20px; }
#registratieFormulier input[type="checkbox"]{ float:left;}
#registratieFormulier input[type="text"].error, #registratieFormulier input[type="password"].error{ color:red; }
#registratieFormulierRight{ float:right; width:300px; margin-top:70px; }
#registratieFormulier label { float:left; font-family:'DIN Next W02 Medium', Arial, sans-serif; font-style:normal; font-weight:normal; font-size:16px; line-height:35px; color:#000; margin-bottom:10px; margin-left:10px; clear:both; }
#registratieFormulier label em{ line-height:20px; font-size:14px; }
#registratieFormulier label.voorwaarden{ line-height:18px; float:left; clear:none; }
#registratieFormulier label.error{color: red; }
#registratieFormulier .melding{ font-size:16px; }
#registratieFormulier .geslachtDiv{float:right; width:416px; height:35px; margin-bottom:15px;}
#registratieFormulier .geslachtDiv label{ clear:none;}
#registratieFormulier .geslachtDiv input{ margin-top:10px;}
.whiteSpace{ float:left; width:100%; height:20px; }
#registratieFormulier h2{ font-size:22px; padding-bottom:20px; }
#registratieFormulier #systeemFormulierSubmit{ float:left; clear:both;}
#registratieFormulier .openKlapUitleg{ margin-left:8px; margin-bottom:15px; float:left;}
#postadres{ float: left; width: 740px; opacity:0; filter:alpha(opacity=0); height:0px; display:none; }
#leveradres{ float: left; width: 740px; opacity:0; filter:alpha(opacity=0); height:0px; display:none; }
#contact_administratie{ float: left; width: 740px; opacity:0; filter:alpha(opacity=0); height:0px; display:none; }
#input_telefoon_inkoop{ float: right; width: 426px; opacity:0; filter:alpha(opacity=0); height:0px; display:none;}
#input_telefoon_admin{ float: right; width: 426px; opacity:0; filter:alpha(opacity=0); height:0px; display:none;}
#input_lever_specs{ float: right; width: 426px; opacity:0; filter:alpha(opacity=0); height:0px; display:none;}
#talenRegistreren{ float:left; clear:left; }
#talenRegistreren li{ list-style:none; float:left; margin-left:10px; position:relative; }
#talenRegistreren li a span{ background:url(/img/promic_sprite.png) no-repeat; width:20px; height:20px; display:block; }
#talenRegistreren li a .hover{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); }
#talenRegistreren .nl .up{ background-position:-440px -50px; }
#talenRegistreren .en .up{ background-position:-470px -50px; }
#talenRegistreren .de .up{ background-position:-500px -50px; }
#talenRegistreren .fr .up{ background-position:-830px -570px; }
#talenRegistreren .es .up{ background-position:-830px -680px; }
.voorwaarden_error{ float:left; clear:left; font-size:16px; }
#registratieFormulier .radioLabelSpanKeuze { clear:none; cursor:pointer; line-height:18px; margin-right:7px; }
.geslachtDiv label{ cursor:pointer; }
/* Voorwaarden accepteren */
#akkoord_voorwaarden{ }
#label_akkoord_voorwaarden{font-size:18px; color:#333333;}