File: D:/HostingSpaces/EUmans/dak-spouwmuurisolatie.be/wwwroot/css-js/screen.css
@charset "utf-8";
/* CSS Document */
/* BASIC ELEMENTS */
* { outline:0;}
body, html, h1, h2, h3, h4, p, ul, ol, li, img { margin:0; padding:0; border:0;}
body { font-family: 'Open Sans', sans-serif; font-size:11px; color:#707070; line-height:21px;
background-image:url(/img/siteDesign/pattern.png); background-repeat:repeat-y; background-position:center;}
body.noBackground { background-image:none; }
body.landing { background-image:none; background-color:#000; }
#mainframe { margin:0 auto; position:relative; width:840px; }
ul { list-style:none;}
ul.listStyle { list-style:disc;}
li { vertical-align: text-top;}
::selection { background: #EAEAEA; /* Safari */}
::-moz-selection { background: #EAEAEA; /* Firefox */}
a { text-decoration:underline; color:#3BAF31;}
a:hover { text-decoration:none; color:#3BAF31;}
sup{ font-size:8px; }
textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
strong { font-weight:700; }
/* CLASSES */
/* MAIN */
.clear_left { clear:left;}
.clear_both { clear:both;}
.right { float:right;}
.left { float:left;}
.paddingNul { padding-bottom:0;}
.disableSelection { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none;
user-select: none;}
.error { color:red;}
.floatLine { width:746px; height:1px; float:left;}
.breadcrump { height:20px; position:absolute; margin:-20px 0px 0px 0px;}
/* FONTS */
.courierLink { font-family: Courier New; font-size:11px; color:#C9C9C9; text-transform: uppercase; line-height:10px;
text-decoration:none;}
.courierLink a { text-decoration:none; color:#C9C9C9;}
.courierLink:hover { text-decoration:none;}
.spotlightHeaders { font-size:10.5px; text-transform:uppercase; font-weight:600; line-height:22px;}
.textTitle { font-family: 'PT Sans Narrow', sans-serif; font-size:17px; color:#3BAF31; text-transform:uppercase; font-weight:700;
line-height:21px;}
.inTextTitle { font-family: 'PT Sans Narrow', sans-serif; font-size:14px; color:#3BAF31; text-transform:uppercase; line-height:21px;}
.disclaimerTitle { color:#3BAF31; text-transform:uppercase;}
/* BTN MEDIUM */
.btnMedium { float:left; height:37px; display:block; position:relative; text-decoration:none; cursor:pointer; clear:left;}
.btnMedium .text { color:white; float:left; display:block; position:relative; z-index:5; margin:7px 0px 0px 18px;
font-family: 'PT Sans Narrow', sans-serif; font-size:12px; text-transform:uppercase;}
.btnMedium .arrow { width:5px; height:10px; display:block; float:left; margin:13px 0px 0px 15px; position:relative; z-index:5;
background:url(/img/siteDesign/imgSprite.png) no-repeat; background-position:-600px -10px;}
.btnMedium .up { width:100%; height:37px; position:absolute; z-index:1; top:0; left:0;
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -250px;}
.btnMedium .hover { width:100%; height:37px; position:absolute; top:0; left:0; z-index:2; opacity:0; filter:alpha(opacity=0);
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -290px;}
.btnMedium .upRight { width:18px; height:37px; position:absolute; top:0; z-index:1; right:-18px;
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -250px;}
.btnMedium .hoverRight { width:18px; height:37px; position:absolute; top:0; z-index:2; right:-18px; opacity:0; filter:alpha(opacity=0);
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -290px;}
/* BTN LARGE */
.btnLarge { float:left; height:49px; display:block; position:relative; text-decoration:none; cursor:pointer; clear:left;}
.btnLarge .text { color:white; float:left; display:block; position:relative; z-index:5; margin:13px 0px 0px 18px;
font-family: 'PT Sans Narrow', sans-serif; font-size:16px; text-transform:uppercase;}
.btnLarge .arrow { width:5px; height:10px; display:block; float:left; margin:19px 0px 0px 15px; position:relative; z-index:5;
background:url(/img/siteDesign/imgSprite.png) no-repeat; background-position:-600px -10px;}
.btnLarge .up { width:100%; height:49px; position:absolute; z-index:1; top:0; left:0;
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -340px;}
.btnLarge .hover { width:100%; height:49px; position:absolute; top:0; left:0; z-index:2; opacity:0; filter:alpha(opacity=0);
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -390px;}
.btnLarge .upRight { width:18px; height:49px; position:absolute; top:0; z-index:1; right:-18px;
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -340px;}
.btnLarge .hoverRight { width:18px; height:49px; position:absolute; top:0; z-index:2; right:-18px; opacity:0; filter:alpha(opacity=0);
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -390px;}
/* GOTO BTN */
.goToBtn { width:50px; height:50px; position:absolute; display:block; margin:-25px 0px 0px 90px;}
.goToBtn .up { width:50px; height:50px; position:absolute; z-index:1; top:0; left:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-490px -190px;}
.goToBtn .hover { width:50px; height:50px; position:absolute; z-index:2; top:0; left:0; opacity:0; filter:alpha(opacity=0);
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-540px -190px;}
/* PAUSE PLAY BTN */
.pausePlay { width:50px; height:50px; position:absolute; display:block; z-index:2; position:absolute; margin:0px; cursor:pointer;}
.pausePlay .up { width:50px; height:50px; position:absolute; z-index:1; top:0; left:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat;}
.pausePlay .hover { width:50px; height:50px; position:absolute; z-index:2; top:0; left:0; opacity:0; filter:alpha(opacity=0);
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat;}
.pauzeBtn .up{ background-position:-640px -390px; }
.pauzeBtn .hover{ background-position:-690px -390px; }
.playBtn .up{ background-position:-740px -390px; }
.playBtn .hover{ background-position:-790px -390px; }
/* BACK TO BEGIN BTN */
.backToBeginBtn { width:80px; height:130px; position:absolute; display:block; cursor:pointer; left:0; top:545px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-640px -250px;}
.backToBeginBtn .up { width:10px; height:20px; position:absolute; z-index:1; margin:45px 0px 0px 18px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-720px -250px;}
.backToBeginBtn .hover { width:10px; height:20px; position:absolute; z-index:2; margin:45px 0px 0px 18px; opacity:0; filter:alpha(opacity=0);
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-720px -270px;}
/* SPOTLIGHT ITEM */
.spotlight_container { width:230px; float:left; margin:0px 30px 90px 0px; cursor:pointer;}
.spotlight_topLink { width:230px; height: 20px; position:absolute; margin:-20px 0px 0px 0px; text-align:right;}
.spotlight_img { width:230px; height:210px; margin:0px 0px 0px 0px; background-color:#E7E7E7;}
.spotlight_imgSmall { width:230px; height:140px; margin:0px 0px 0px 0px; background-color:#E7E7E7;}
.spotlight_imgShade { width:230px; height:10px; position:absolute; margin:-10px 0px 0px 0px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -190px;}
.spotlight_btn { position:absolute; margin:-25px 0px 0px 0px;}
.spotlight_content { width:230px; padding:50px 0px 40px 0px; background-color:#eeece7;}
.spotlight_content p { width:170px; margin:0px 30px 0px 30px;}
.spotlight_line { width:230px; height:40px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-600px -190px;}
.spotlight_contentShade { width:230px; height:10px; position:absolute; margin:0px 0px 0px 0px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-250px -220px;}
/* FORM */
.form { width:520px; float:left; position:relative; margin:0px 30px 90px 0px;}
.form_title { width:520px; margin:0px 0px 30px 10px;
font-family: 'PT Sans Narrow', sans-serif; font-size:17px; color:#3BAF31; text-transform:uppercase; font-weight:700;
line-height:20px;}
.form_field { width:520px; height:20px; margin:0px 0px 15px 0px;}
.form_field .error { width:490px; position:absolute; margin:0px 0px 0px 10px;}
.form_field .fieldTitle { width:130px; position:absolute; margin:0px 0px 0px 10px;
font-family: 'PT Sans Narrow', sans-serif; font-size:12px; color:#3BAF31; text-transform:uppercase;}
.radiobox { margin:0px 0px 0px 140px;}
.form_field .inputText { width:330px; height:25px; position:absolute; margin:0px 0px 0px 140px; padding:0px 10px 0px 10px;
background-color:#EDEDED; border:0px;}
.form_field .inputTextarea { width:330px; position:absolute; margin:0px 0px 0px 140px; padding:10px 10px 0px 10px;
background-color:#EDEDED; border:0px;}
.form_field_textArea { height:80px;}
.form .textFrame_btn { margin:20px 0px 0px 136px;}
#errorContact{ display:none; background-color:#fcb5b5; border:1px solid #FF0000; color:#FF0000; float:left; margin-bottom:15px; padding:10px; width:330px; margin-left:140px; margin-top:10px;}
/* SPOTLIGHT CONTACT */
.spotlight_contactInfo { width:170px; display:block; position:relative; text-decoration:none; margin:0px 30px 10px 30px; padding-left:30px;
font-family: 'PT Sans Narrow', sans-serif; font-size:15px; color:#707070; text-transform:uppercase; font-weight:700;}
.spotlight_contactInfo .up { width:20px; height:20px; position:absolute; z-index:1; left:0;}
.spotlight_contactInfo .hover { width:20px; height:20px; position:absolute; z-index:2; left:0; opacity:0; filter:alpha(opacity=0);}
.spotlight_phoneNr .up { top:2px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-740px -250px;}
.spotlight_phoneNr .hover { top:2px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-740px -270px;}
.spotlight_mail .up { top:3px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-740px -290px;}
.spotlight_mail .hover { top:3px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-740px -310px;}
.spotlight_offerte .up { top:1px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-740px -330px;}
.spotlight_offerte .hover { top:1px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-740px -350px;}
/* TEXTFRAME ITEM */
.textFrame_container { width:230px; float:left; margin:0px 30px 70px 0px;}
.textFrame_topLink { width:230px; height:20px; padding:0px 20px 0px 20px;}
.textFrame_title { margin:0px 0px 30px 0px;}
.textFrame_title p { padding:0px 10px 0px 10px;}
.textFrame_title h1 { padding:0px 10px 0px 10px;}
.textFrame_title h2 { padding:0px 10px 0px 10px;}
.textFrame_content { margin-bottom:20px;}
.textFrame_content p { padding:0px 10px 0px 10px; margin:0px 0px 21px 0px;}
.textFrame_content p.minderPadding { padding:0px 9px 0px 10px;}
.textFrame_content li { padding:0px 10px 0px 5px; margin-left:23px;}
.textFrame_content .textFrame_nrHeaders {width:150px; margin:0px 0px 21px 0px; padding:0px 0px 0px 40px;}
.textFrame_nrHeaders span { width:40px; height:40px; position:absolute; margin:-4px 0px 0px -40px; padding:7px 0px 0px 14px;
font-size:11px; color:white;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-770px -250px;}
.textFrame_btn { margin:20px 0px 0px 16px;}
/* PHOTO VIEWER */
.photoViewer { width:490px; height:370px; position:relative; float:left; margin:0px 30px 30px 0px;}
.photoViewer_container { width:490px; height:370px; position:absolute; background-color:#F4F4F4;}
.photoViewer_container ul li { position:absolute; display:none; left:0; top:0;}
.photoViewer_btn { width:50px; height:50px; position:absolute; right:-24px; top:-24px;}
.photoViewer_bottom { width:490px; height:60px; position:absolute; z-index:2; bottom:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -450px;}
.photoViewer_title { width:300px; margin:11px 0px 0px 20px;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:white; text-transform:uppercase;}
.photoViewer_title .title { font-weight: 700; margin:0px 0px 0px 0px;}
.photoViewer_title .city { margin:-5px 0px 0px 0px;}
.photoViewer_menu { position:absolute; top:16px; right:15px;}
.photoViewer_menu ul li { width:30px; height:30px; cursor:pointer; float:left; margin:0px 0px 0px 0px;}
/* PHOTO VIEWER MENU BTN */
.photoViewer_menu .up { width:30px; height:30px; position:absolute; z-index:1;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-800px -300px;}
.photoViewer_menu .hover { width:30px; height:30px; position:absolute; z-index:2; opacity:0; filter:alpha(opacity=0);
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-770px -300px;}
.photoViewer_menu .nr { position:absolute; z-index:3; top:4px; left:13px; font-size:9px; color:white;}
.photoViewer_menu li a { position:relative; display:block;}
.photoViewer_menu li a.active .up {opacity:0; filter:alpha(opacity=0);}
.photoViewer_menu li a.active .hover {opacity:1; filter:alpha(opacity=100);}
/* PHOTO SELECTION */
.photoSelection { width:240px; float:left; margin:3px 20px 90px 0px;}
.photoSelection a { width:80px; height:80px; margin:0px; float:left; position:relative;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-510px -450px;}
.photoSelection a .thumb { width:70px; height:70px; position:absolute; margin:0px; overflow:hidden;}
.photoSelection a .hover { width:70px; height:70px; position:absolute; margin:0px; z-index:2; top:0; left:0; opacity:0; filter:alpha(opacity=0);
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-590px -450px;}
/* PHOTO SELECTION TOONZAAL */
.photoSelection_toonzaal { width:240px; float:left; margin:3px 20px 90px 0px;}
.photoSelection_toonzaal a { width:120px; height:120px; margin:0px; float:left; position:relative;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -520px;}
.photoSelection_toonzaal a .thumb { width:120px; height:120px; position:absolute; margin:0px; overflow:hidden;}
.photoSelection_toonzaal a .hover { width:120px; height:120px; position:absolute; margin:0px; z-index:2; top:0; left:0; opacity:0;
filter:alpha(opacity=0);
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-130px -520px;}
/* MAIN STRUCTURE */
#header { width:100%; height:600px; background-color:#DDDDDD; position:absolute; top:0; left:0;}
#container { width:840px; position:relative; float:left; }
#containerTop { width:840px; height:30px; position:relative; float:left;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -50px;}
#containerMiddle { width:840px; overflow:auto; padding:70px 0px 0px 42px;
background-image:url(/img/siteDesign/containerShade.png); background-repeat:repeat-y; background-position:-10px 0px;}
#content { float:left; width:780px; }
#containerBottom { width:870px; height:10px; margin:-10px 0px 0px -15px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -110px;}
#bottom { width:840px; position:relative; float:left; margin: 0px 0px 0px 0px;}
/* HEADER */
#headerImg { width:100%; height:600px; position:absolute; overflow:hidden;
background-repeat:no-repeat; background-position:center;}
#headerImg.algemeen { background-image:url(/img/header/algemeen.jpg); }
.klein #headerImg.home { background-image:url(/img/header/headerHome.jpg); }
.klein #headerImg.over_ons { background-image:url(/img/header/headerOverOns.jpg); }
.klein #headerImg.product { background-image:url(/img/header/headerProduct.jpg); }
.klein #headerImg.toepassing { background-image:url(/img/header/headerToepassing.jpg); }
.klein #headerImg.premies { background-image:url(/img/header/headerPremies.jpg); }
.klein #headerImg.contact { background-image:url(/img/header/headerContact.jpg); }
.groot #headerImg.home { background-image:url(/img/header/headerHome_1920.jpg); }
.groot #headerImg.over_ons { background-image:url(/img/header/headerOverOns_1920.jpg); }
.groot #headerImg.product { background-image:url(/img/header/headerProduct_1920.jpg); }
.groot #headerImg.toepassing { background-image:url(/img/header/headerToepassing_1920.jpg); }
.groot #headerImg.premies { background-image:url(/img/header/headerPremies_1920.jpg); }
.groot #headerImg.contact { background-image:url(/img/header/headerContact_1920.jpg); }
#headerLogo { width:260px; height:60px; float:left; margin:30px 0px 0px 10px; display:block;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-260px -540px;}
#headerLink { margin:120px 0px 0px 30px;}
#headerLink a { font-family: 'PT Sans Narrow', sans-serif; font-size:14px; text-transform:uppercase; color:white; text-decoration:none;
font-weight:700;}
#headerLink a:hover { text-decoration:underline;}
#headerLink .headerArrow { width:5px; height:10px; position:absolute; margin:5px 0px 0px 10px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-600px -10px;}
#headerStreamer { width:840px; float:left; margin:61px 0px 0px 14px;}
#headerStreamer p { font-family: 'Abril Fatface', cursive; font-size:48px; color:white; text-transform:uppercase; line-height:53px;}
#greyOverlay{ width:100%; height:210px; position:absolute; bottom:0; background-image:url(/img/siteDesign/mainMenuBlack.png); background-repeat:repeat-x;}
/* HEADER MAIN MENU */
#mainMenu { float:left; width:840px; position:relative; margin: 0 0 9px 12px;}
#mainMenu li { width:110px; height:22px; float:left; margin:0px 30px 0px 0px; position:relative;}
#mainMenu li a { width:110px; height:22px; display:block;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -10px;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:white; text-transform:uppercase; text-decoration:none;
line-height:13px;}
#mainMenu li.active a { font-weight:700;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-120px -10px;}
#mainMenu li:hover a { font-weight:700;}
#mainMenu li span { width:5px; height:10px; position:absolute; top:2px; right:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-570px -10px;}
#mainMenu li.active span { width:10px; height:10px; position:absolute; top:2px; right:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-580px -10px;}
/* BOTTOM */
/* BOTTOM MENU */
#bottomMenu ul { width:840px; margin:30px 0px 0px 12px;}
#bottomMenu li { width:110px; height:23px; float:left; margin:0px 30px 0px 0px; position:relative;}
#bottomMenu li a { width:110px; height:23px; display:block;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-230px -10px;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:#707070; text-transform:uppercase; text-decoration:none;
line-height:13px;}
#bottomMenu li.active a { font-weight:700; color:#707070;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-340px -10px;}
#bottomMenu li:hover a { font-weight:700;}
#bottomMenu li span { width:5px; height:10px; position:absolute; top:2px; right:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-570px -20px;}
#bottomMenu li.active span { width:10px; height:10px; position:absolute; top:2px; right:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-580px -20px;}
/* BOTTOM ADRESS */
#bottomAdress { float:left; margin:75px 0px 0px 12px; padding-bottom:90px;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:#A3A3A3; text-transform:uppercase; line-height:19px;}
#bottomAdress a { color:#A3A3A3;}
#bottomAdress a:hover { text-decoration:none;}
/* BOTTOM MENU REMAINING */
#bottomMenu_remaining ul { width:110px; margin:75px 18px 0px 0px; float:right;}
#bottomMenu_remaining li { width:110px; height:23px; margin:0px 0px 7px 0px; position:relative;}
#bottomMenu_remaining li.double { height:36px; }
#bottomMenu_remaining a { width:110px; height:23px; display:block;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-450px -10px;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:#A3A3A3; text-transform:uppercase; text-decoration:none;
line-height:13px;}
#bottomMenu_remaining li.double a{ background-position:-450px 3px; height:36px; }
#bottomMenu_remaining li.active a {font-weight:700; color:#707070;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-340px -10px;}
#bottomMenu_remaining li.active a.active { background-position:-340px 3px; }
#bottomMenu_remaining li:hover a { font-weight:700;}
#bottomMenu_remaining li span { width:5px; height:10px; position:absolute; top:2px; right:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-570px -30px;}
#bottomMenu_remaining li.active span { width:10px; height:10px; position:absolute; top:2px; right:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-580px -20px;}
/* CUSTOM CSS MAIN */
.leftDoubleContainer { width:520px; float:left;}
.btn_contact { margin-left:62px;}
.btn_offerte { margin-left:62px;}
#linkOtherSite { position:relative; float:right; margin: 43px 18px 63px 0; }
#linkOtherSite a { display:block; float:left;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:white; text-transform:uppercase; text-decoration:none;}
#linkOtherSite a:hover { font-weight:700;}
#linkOtherSite span { width:5px; height:10px; margin:6px 0 0 20px; float:left;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-570px -10px;}
/* CUSTOM CSS HOME */
#btnHome_product { margin-left:60px;}
#btnHome_toepassing { margin-left:52px;}
#btnHome_contact { margin-left:62px;}
#home_video { width:490px; height:279px; float:left; margin:0px 0px 50px 0px;}
/* CUSTOM CSS OVER ONS */
#overOnsRightColumn { margin-top:50px;}
/* CUSTOM CSS PRODUCT */
.product_img { width:490px; height:200px; float:left; margin:0px 0px 50px 0px; background-color:#E8E8E8;}
/* CUSTOM CSS TOEPASSING */
#toepassing_img { width:490px; height:200px; float:left; margin:0px 0px 50px 0px; background-color:#E8E8E8;}
/* CUSTOM CSS PREMIES */
#premies_img { width:490px; height:200px; float:left; margin:0px 0px 50px 0px; background-color:#E8E8E8;}
#premies_secondTextColumn { margin-top:49px;}
/* CUSTOM CSS CONTACT */
.opendag{ float:left; width:75px; }
#contact_googleMaps { width:750px; height:400px; float:left; margin:0px 0px 50px 0px; background-color:#E8E8E8;}
#contact_secondTextColumn { margin-top:50px;}
#offerte_secondTextColumn { margin-top:70px;}
#contact_route { width:490px;}
#contact_route form { margin:20px 0px 0px 0px;}
#contact_route form .textFrame_btn {margin:20px 0px 0px 136px;}
#contactformReplacement{ display:none; }
/* CUSTOM CSS DISCLAIMER */
#disclaimerRightColumn { margin-top:50px;}
/* CUSTOM CSS SITEMAP */
#sitemap { margin:0px 0px 0px 10px; list-style:disc;}
#sitemap li a { text-decoration:none; color:black;}
#sitemap li a:hover { text-decoration:none; color:#3BAF31; text-decoration:underline;}
#subSitemap { margin:0px 0px 0px 20px; list-style:disc;}
/* LANDING PAGE */
#landing_logo { width:333px; height:126px; position:absolute; z-index:2; left:50%; margin:0px 0px 0px -155px; }
#landing_circle { width:190px; height:190px; position:absolute; z-index:2; left:50%; margin:130px 0px 0px -95px;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-680px -450px;}
/* LANDING PAGE LEFT */
#landing_linkLeft { width:190px; position:absolute; right:0; text-align:right; top:30px; z-index:3; cursor:pointer;
font-family: 'PT Sans Narrow', sans-serif; font-size:20px; text-transform:uppercase; font-weight:700;}
#landing_linkLeft a { color:white; text-decoration:none;}
#landing_linkLeft a:hover { color:white; text-decoration:underline;}
#landing_linkLeft span { width:10px; height:20px; position:absolute; top:2px; left:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -20px;}
#landing_contLeft { width:50%; height: 100%; min-height:760px; display:block; position:absolute; right:50%; cursor:pointer;
background-image:url(/img/landingPage/leftImg.jpg); background-size: cover; background-repeat:no-repeat; background-position:top;}
#landing_contLeft div { float:right; margin-right:40px;}
#landing_contLeft .streamer { float:right; margin:105px 75px 0px 0px; text-align:right;
font-family: 'Abril Fatface', cursive; font-size:33px; color:white; text-transform:uppercase; line-height:42px;}
#landing_btnRight { position:absolute; right:15px; top:335px;}
#leftContent { width:100%; height:415px; position:absolute; top:185px;
background-image:url(/img/siteDesign/landing_black.png);}
#leftMenu { margin:650px 0px 0px 0px;}
#leftMenu ul { float:right;}
#leftMenu li { width:110px; height:22px; margin:0px 0px 7px 30px; position:relative; text-align:right;}
#leftMenu li a { width:110px; height:22px; display:block;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -10px;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:white; text-transform:uppercase; text-decoration:none;
line-height:13px;}
#leftMenu li:hover a { font-weight:700;}
#leftMenu li span { width:5px; height:10px; position:absolute; top:2px; left:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-580px -30px;}
/* LANDING PAGE RIGHT */
#landing_linkRight { width:190px; position:absolute; left:0; top:30px; z-index:3;
font-family: 'PT Sans Narrow', sans-serif; font-size:20px; color:white; text-transform:uppercase; font-weight:700;}
#landing_linkRight a { color:white; text-decoration:none;}
#landing_linkRight a:hover { color:white; text-decoration:underline;}
#landing_linkRight span { width:10px; height:20px; position:absolute; top:2px; right:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-600px -20px;}
#landing_contRight { width:50%; height: 100%; min-height:760px; display:block; position:absolute; left:50%; cursor:pointer;
background-image:url(/img/landingPage/rightImg.jpg); background-size: cover; background-repeat:no-repeat; background-position: bottom;}
#landing_contRight div { float:left; margin-left:40px;}
#landing_contRight .streamer { margin:105px 0px 0px 75px;
font-family: 'Abril Fatface', cursive; font-size:33px; color:white; text-transform:uppercase; line-height:42px;}
#landing_btnLeft { position:absolute; left:-5px; top:335px;}
#rightContent { width:100%; height:415px; position:absolute; top:185px; left:-40px;
background-image:url(/img/siteDesign/landing_black.png);}
#rightMenu { margin:650px 0px 0px 0px;}
#rightMenu ul { float:left; margin:0px 0px 0px 0px;}
#rightMenu li { width:110px; height:22px; margin:0px 30px 7px 0px; position:relative;}
#rightMenu li a { width:110px; height:22px; display:block;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -10px;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:white; text-transform:uppercase; text-decoration:none;
line-height:13px;}
#rightMenu li:hover a { font-weight:700;}
#rightMenu li span { width:5px; height:10px; position:absolute; top:2px; right:0;
background-image:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-570px -10px;}
/* BTN LARGE */
.btnLargeLeft { float:left; height:49px; display:block; position:relative; text-decoration:none; cursor:pointer; clear:left;}
.btnLargeLeft .text { color:white; float:left; display:block; position:relative; z-index:5; margin:13px 0px 0px 18px;
font-family: 'PT Sans Narrow', sans-serif; font-size:16px; text-transform:uppercase;}
.btnLargeLeft .arrow { width:5px; height:10px; display:block; float:left; margin:19px 0px 0px 15px; position:relative; z-index:5;
background:url(/img/siteDesign/imgSprite.png) no-repeat; background-position:-610px -10px;}
.btnLargeLeft .up { width:100%; height:49px; position:absolute; z-index:1; top:0; left:0;
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -650px;}
.btnLargeLeft .hover { width:100%; height:49px; position:absolute; top:0; left:0; z-index:2; opacity:0; filter:alpha(opacity=0);
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -700px;}
.btnLargeLeft .upRight { width:18px; height:49px; position:absolute; top:0; z-index:1; right:-18px;
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -650px;}
.btnLargeLeft .hoverRight { width:18px; height:49px; position:absolute; top:0; z-index:2; right:-18px; opacity:0; filter:alpha(opacity=0);
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -700px;}
/* BTN LARGE */
.btnLargeRight { float:left; height:49px; display:block; position:relative; text-decoration:none; cursor:pointer; clear:left;}
.btnLargeRight .text { color:white; float:left; display:block; position:relative; z-index:5; margin:13px 0px 0px 18px;
font-family: 'PT Sans Narrow', sans-serif; font-size:16px; text-transform:uppercase;}
.btnLargeRight .arrow { width:5px; height:10px; display:block; float:left; margin:19px 0px 0px 15px; position:relative; z-index:5;
background:url(/img/siteDesign/imgSprite.png) no-repeat; background-position:-600px -10px;}
.btnLargeRight .up { width:100%; height:49px; position:absolute; z-index:1; top:0; left:0;
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -340px;}
.btnLargeRight .hover { width:100%; height:49px; position:absolute; top:0; left:0; z-index:2; opacity:0; filter:alpha(opacity=0);
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-10px -390px;}
.btnLargeRight .upRight { width:18px; height:49px; position:absolute; top:0; z-index:1; right:-18px;
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -340px;}
.btnLargeRight .hoverRight { width:18px; height:49px; position:absolute; top:0; z-index:2; right:-18px; opacity:0; filter:alpha(opacity=0);
background:url(/img/siteDesign/imgSprite.png); background-repeat:no-repeat; background-position:-610px -390px;}
/* GOOGLE MAPS */
#content.contact #contact_googleMaps .gmnoprint{ display:none !important; }
#content.contact #contact_googleMaps #markerContent span{
font-family: 'PT Sans Narrow', sans-serif; font-size:17px; color:#3BAF31; text-transform:uppercase; font-weight:700;
line-height:21px;}
#cities{
position: absolute;
right: 158px;
top: 120px;
width: 250px;
}
#cities .title{
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:#A3A3A3; text-transform:uppercase; line-height:19px;
}
#cities ul{
margin-top: 20px;
}
#cities ul li{
float: left;
width: 50%;
font-family: 'PT Sans Narrow', sans-serif; font-size:13px; color:#A3A3A3; text-transform:uppercase; line-height:19px;
}