@charset "utf-8";
/*
Jos ten Berg 2015
Copyright Five ICT
*/

html { margin:0px; padding:0px; }
body { width:100%; height:100%; background-color:#fff; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:18px; font-weight:400; color:#444; /*overflow-x:hidden;*/ }
a { color:#0089d0; text-decoration:none; outline:none; transition: color 0.4s, background-color 0.4s, border 0.4s; -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s; } 
a:hover { color:#444; text-decoration:underline; } 
img { border:0px; outline:none; -ms-interpolation-mode: bicubic; transition: opacity 0.4s, box-shadow 0.4s; -webkit-transition: opacity 0.4s, box-shadow 0.4s; }
input, textarea { -webkit-appearance:none; border-radius:0px; font-family: 'Open Sans', sans-serif; }
input, textarea, select { outline:none; }
input[type="checkbox"] { -webkit-appearance:checkbox; }
input[type="radio"] { -webkit-appearance:radio; }

h1 { font-family: 'DINMedium', sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; letter-spacing:-1px; color:#0089d0; }
h2 { font-family: 'DINMedium', sans-serif; font-size:16px; font-weight:normal; text-transform:uppercase; letter-spacing:-1px; color:#0089d0; }
h3 { font-family: 'DINMedium', sans-serif; font-size:14px; font-weight:normal; text-transform:uppercase; letter-spacing:-1px; color:#0089d0; }
h4 { font-family: 'DINMedium', sans-serif; font-size:16px; font-weight:normal; text-transform:uppercase; letter-spacing:-1px; color:#0089d0; }
div { transition: box-shadow 0.4s, border 0.4s; -webkit-transition: box-shadow 0.4s, border 0.4s; }
input[type="button"], input[type="submit"].shoppingcart-btn, .validate-form input[type="submit"] { border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; transition: color 0.4s, background-color 0.4s, border 0.4s; }
input[type="button"]:hover, input[type="submit"].shoppingcart-btn:hover, .validate-form input[type="submit"]:hover { cursor:pointer; }
p { margin:0px 0px 10px; }

.center { width:1000px; height:auto; margin:0 auto; }
.half { width:500px; height:auto; }
.left { float:left; }
.right { float:right; }

.heading-container { width:1000px; height:49px; padding-top:40px; border-bottom:1px solid #ddd; }
.h1-container { width:350px; height:49px; border-bottom:1px solid #fff; float:left; }
.heading-container .h1-container:nth-child(3n+3){ width:300px; }
.h1-container h1 { width:300px; height:48px; line-height:48px; border-bottom:2px solid #0089d0; margin:0px; transition: color 0.4s, border 0.4s; -webkit-transition: color 0.4s, border 0.4s; }
.h1-container a, .h1-container a:hover { text-decoration:none; }
/*.h1-container a h1 { border-bottom:2px solid #444; color:#444; text-decoration:none; }
.h1-container a.sel h1, .h1-container a:hover h1 { border-bottom:2px solid #0089d0; color:#0089d0; cursor:pointer; }*/
.h1-container a h1 { border-bottom:2px solid #fff; border-top:1px solid #ddd; border-right:1px solid #ddd; color:#444; text-decoration:none; border-top-right-radius:3px; }
.h1-container a.sel h1, .h1-container a:hover h1 { border-top:1px solid #0089d0; border-right:1px solid #0089d0; color:#0089d0; cursor:pointer; border-top-right-radius:3px; }
.h1-container .mbf.sel h1, .h1-container a.mbf:hover h1 { border-top:1px solid #000; border-right:1px solid #000; color:#fff; background-color: #000; cursor:pointer; border-top-right-radius:3px; border-top-left-radius:3px; border-bottom: 2px solid #000; padding-left: 10px; width: 290px; }
.h1-container .moutlet h1, .h1-container a.moutlet h1 { border-top:1px solid #0089d0; border-right:1px solid #0089d0; color:#fff; background-color: #0089d0; cursor:pointer; border-top-right-radius:3px; border-top-left-radius:3px; border-bottom: 2px solid #0089d0; padding-left: 10px; width: 290px; }
.h1-container .moutlet.sel h1, .h1-container a.moutlet:hover h1 { border-top:1px solid #000; border-right:1px solid #000; color:#fff; background-color: #000; cursor:pointer; border-top-right-radius:3px; border-top-left-radius:3px; border-bottom: 2px solid #000; padding-left: 10px; width: 290px; }
.heading-suboptions { width:1000px; height:35px; }
.suboption { width:300px; height:35px; line-height:34px; margin-right:50px; float:left; }
.heading-suboptions .suboption:nth-child(3n+3){ margin-right:0px; }
.suboption a { font-style:italic; color:#999; }
.suboption a:hover { color:#444; text-decoration:none; }

.header-container { width:100%; height:auto; background-color:#fff; min-width:1024px; }
.top-menu { width:100%; height:26px; background-color:#0089d0; line-height:24px; font-family: 'DINAlternateRegular', sans-serif; font-size:14px; color:#fff; letter-spacing:-0.05em; position:fixed; z-index:600; }
.top-menu.kingsdayOrange { background-color:#f39200 !important; }
.top-menu a, .top-menu span { color:#fff; margin:0px 10px 0px 20px; }
.top-menu ul li span a { color:#666; }
.top-menu a:hover { text-decoration:none; color:#a6d9f4; }
.top-menu ul { margin:0px; padding:0px 10px 0px 0px; list-style:none; background:url(../images/topmenu-dropdown-arrow-white.png) top right no-repeat; z-index:600; float:left; }
.top-menu ul li { height:26px; padding:0px 15px 0px 10px; z-index:500; display:none; }
.top-menu ul li span { line-height:26px;  margin:0; /*background:url(../images/depth-icon.png) 12px 5px no-repeat; padding-left:25px; */}

.top-menu ul li a { margin:0px; }
.top-menu ul:hover { /*background-color:#444;cursor:pointer;*/  }
.top-menu ul:hover li { display:block; }
.top-menu ul img { float:left; margin-top:7px; margin-right:5px; }

.overons-block, .customer-block, .profile-block, .language-block { /*padding-top:20px*/; display:none; position:fixed; top:37px; height:auto; }
.topmenu-block { /*display:none;*/ width:200px; padding:0px 20px 20px; height:auto; /*position:fixed; top:40px;*/ z-index:600; background-color:#fff; -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; margin-left:-10px; border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; -webkit-border-radius:0px 0px 2px 2px; }
.topmenu-block h3 { font-size:16px; line-height:16px; padding-bottom:10px; padding-top:15px; border-bottom:1px dashed #ccc; margin:0px 0px 10px; }
.topmenu-block, .topmenu-block a { color:#444; }
.topmenu-block a:hover, .profile-block a.sel { color:#0089d0; }
.topmenu-block .ks-phone { border-top:1px dashed #ccc; font-weight:400; font-family: 'DINRegular', sans-serif; letter-spacing:-0.05em; color:#0089d0; font-size:16px; padding-top:10px; margin-top:10px; }
.topmenu-block .ks-phone span { font-family: 'Open Sans', sans-serif; font-size:12px; line-height:18px; color:#999; margin:0px; }
.top-menu ul li .ks-phone span { float:none; }
.topmenu-block .ks-phone img { margin-top:5px; }
.topmenu-block .arrow { width:39px; height:22px; background:url(../images/top-menu-arrow.png) top left no-repeat; position:absolute; z-index:601; margin-left:10px; margin-top:-22px; }
.profile-block .topmenu-block { margin-left:-150px; }
.profile-block .topmenu-block .arrow { margin-left:150px; }

.header-mid-container { width:1000px; margin:0 auto; height:108px; padding:53px 0px 27px; }
.logo { width:117px; height:108px; float:left; }
/*.hofleverancier { width:90px; height:74px; padding:14px 25px 20px 35px; float:left; }*/
.hofleverancier { width:100px; height:108px; padding:0px 20px 0px 30px; float:left; }
.top-center { width:465px; height:54px; float:left; padding-top:52px; background:url(../images/jostenberg-slogan.png) center 7px no-repeat; }
.top-center .search-container { width:396px; height:36px; padding:1px; border:1px solid #e2e2e2; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 auto; }
.top-center .search-container input[type="text"] { border:none; padding:6px 10px; width:340px; height:22px; line-height:22px; font-size:12px; color:#999; float:left; }
.top-center .search-container input[type="submit"] { border:none; padding:0px; margin:0px; width:36px; height:36px; background:url(../images/search-icon.png) center center no-repeat #0089d0; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; float:left;  }
.top-center .search-container input[type="submit"]:hover { background-color:#444; cursor:pointer; }
.basket-top { width:268px; height:95px; padding-top:13px; float:left; text-align:right; line-height:18px; }
.basket-top .info { width:180px; height:98px; float:left; }
.basket-top .info h3 { color:#0089d0; font-size:16px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; margin:4px 0px 0px; text-transform:none; }
.basket-top .info .basket-phone { font-weight:400; font-family: 'DINRegular', sans-serif; letter-spacing:-0.05em; color:#999; font-size:14px; float:right; }
.basket-top .info img { margin:3px 5px 0px 0px; float:right; }
.basket-top .basket-large { width:88px; height:98px; float:left;  }

.basket-dd-container { width:1000px; height:0px; margin:0 auto; top:0px; z-index:900;  }
.basket-dd-positioner { width:540px; height:0px; float:right; }
.basket-top-dd { position:fixed; width:530px; height:auto; top:50px; padding:3px 10px 10px; background-color:#fff; -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; z-index:1000; overflow:hidden; display:none; }
#basket-dd.fixed { top:30px; }
#basket-dd.show { display:block; }
.true-basket-container { width:510px; padding:10px; min-height:16px; background:url(../images/input-loading.gif) 474px 10px no-repeat #fff; }
.true-basket { width:510px; background-color:#fff; overflow:hidden; }
.true-basket table { width:510px; border-collapse:collapse; }
.true-basket table td.r { text-align:right; }
.true-basket tr.dd-titles { font-size:11px; color:#0089d0; line-height:30px; border-top:1px solid #ccc; }
.true-basket tr.dd-titles td { padding:0px; height:30px; line-height:30px; }
.true-basket .dd-scroll { width:510px; overflow-y:auto; overflow-x:hidden; border-top:1px dashed #ccc; border-bottom:1px solid #ccc; }
.true-basket .dd-scroll table { width:480px; border-collapse:collapse; /*margin-top:-1px;*/ }
.true-basket .dd-scroll table tr { border-top:1px dashed #ccc; }
.true-basket .dd-scroll table tr:first-child { border-top:none; }
.true-basket .dd-scroll table tr td { padding:5px 0px; vertical-align:middle; height:50px; font-size:11px; }
.true-basket .dd-scroll table tr td img { max-width:60px; max-height:40px; display:block; }
.true-basket .del-product:hover { cursor:pointer; }
.true-basket .plus, .true-basket .min { margin:3px auto; display:block; }
.true-basket .plus:hover, .true-basket .min:hover { cursor:pointer; opacity: 0.6; filter: alpha(opacity=60); }
.true-basket .cart-num { border:1px solid #ccc; padding:3px; height:14px; line-height:14px; font-size:11px; color:#444; text-align:center; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0px; width:38px; }
.true-basket .dd-shipping { width:200px; padding:0px 20px 0px 0px; font-style:italic; color:#0089d0; float:left; padding-top:15px; }
.true-basket .dd-totals { width:260px; float:left; padding-top:15px; }
.true-basket .dd-totals table { width:190px; border-collapse:collapse; float:right; font-size:11px; }
.true-basket .dd-totals table tr td { line-height:22px; }
.true-basket .dd-totals table tr:last-child { font-size:12px; color:#0089d0; }
.true-basket .dd-totals a {  }
.true-basket .dd-buttons { width:510px; }
.true-basket .dd-buttons a { float:left; margin-top:15px; margin-bottom:0px; margin-left: 0px; }
.true-basket .dd-buttons a.order-btn { float:right; width:168px; text-align:center; margin-right: 29px; }

.secondary-mid-container { width:100%; height:40px; background-color:#fff; position:fixed; top:-100px; padding:17px 0px; z-index:450; border-bottom:1px solid #ddd; -webkit-box-shadow: 0 6px 6px -6px #ccc; -moz-box-shadow: 0 6px 6px -6px #ccc; box-shadow: 0 6px 6px -6px #ccc; }
.secondary-mid-container .logo { width:62px; height:40px; float:left; }
.secondary-mid-container .hofleverancier { width:205px; height:40px; float:left; padding:0px }
.secondary-mid-container .top-center { width:465px; height:40px; float:left; padding:0px; background:none; }
.secondary-mid-container .basket-top { width:268px; height:40px; padding:0px; float:left; text-align:right; line-height:16px; }
.secondary-mid-container .basket-top .info { width:220px; height:40px; float:left; }
.secondary-mid-container .basket-top .info h3 { color:#0089d0; font-size:14px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; margin:-5px 0px 0px; text-transform:none; }
.secondary-mid-container .basket-top .info .basket-phone { font-weight:400; font-family: 'DINRegular', sans-serif; letter-spacing:-0.05em; color:#999; font-size:12px; float:right; }
.secondary-mid-container .basket-top .info img { margin:3px 5px 0px 0px; float:right; }
.secondary-mid-container .basket-top .basket-large { width:48px; height:40px; float:left; }

.segment-container { width:242px; height:108px; padding-right:25px; float:left; }
.segment-container .logo { width:242px; height:40px; }
.segment-container .segment-logo { width:242px; height:100px; padding:8px 0px 0px; float:left; line-height:100px; }
.segment-container .segment-logo img { max-width:242px; max-height:100px; }
.secondary-mid-container .segment-logo { /*width:205px;*/ width:267px; height:40px; float:left; padding:0px; line-height:40px; }
.secondary-mid-container .segment-logo img { max-width:267px; max-height:40px; }

.menu { width:100%; height:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff; -webkit-box-shadow: 0 6px 6px -6px #ccc; -moz-box-shadow: 0 6px 6px -6px #ccc; box-shadow: 0 6px 6px -6px #ccc; z-index:500; }
.menu table { width:1000px; height:52px; margin:0px; padding:0px; border-collapse:collapse; border-spacing:0; margin-top:-1px  }
.menu table td { padding:2px 12px 5px; height:45px; font-size:14px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-align:center; vertical-align:middle; line-height:14px; }
.menu table td a { color:#444; }
.menu table td:hover, .menu table td.sel, .menu table td.subhover { background:url(../images/menu-bg-line.gif) bottom center repeat-x; }
.menu table td:hover a { color:#0089d0; text-decoration:none; }
.menu table td.projects { background-color:#0089d0; transition: color 0.4s, background-color 0.4s; -webkit-transition: color 0.4s, background-color 0.4s; }
.menu table td.projects a { color:#fff; }
.menu table td.projects:hover { background:#444; }
#menu.fixed { position:fixed; }

.newmenudark { width:100%; height:50px; border-top:1px solid #444; border-bottom:1px solid #444; background-color:#444; -webkit-box-shadow: 0 6px 6px -6px #ccc; -moz-box-shadow: 0 6px 6px -6px #ccc; box-shadow: 0 6px 6px -6px #ccc; z-index:500; }
.newmenudark table { width:1000px; height:52px; margin:0px; padding:0px; border-collapse:collapse; border-spacing:0; margin-top:-1px  }
.newmenudark table td { padding:2px 12px 5px; height:45px; font-size:14px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-align:center; vertical-align:middle; line-height:14px; }
.newmenudark table td a { color:#fff; }
.newmenudark table td:hover, .newmenudark table td.sel, .newmenudark table td.subhover { background:url(../images/menu-bg-line-white.gif) bottom center repeat-x; }
.newmenudark table td:hover a { color:#0089d0; text-decoration:none; }
.newmenudark table td.projects { background-color:#0089d0; transition: color 0.4s, background-color 0.4s; -webkit-transition: color 0.4s, background-color 0.4s; }
.newmenudark table td.projects a { color:#fff; }
.newmenudark table td.projects:hover { background:#fff; }
.newmenudark table td.projects:hover a { color:#0089d0; }

.newmenublue { width:100%; height:50px; border-top:1px solid #0089d0; border-bottom:1px solid #0089d0; background-color:#0089d0; -webkit-box-shadow: 0 6px 6px -6px #ccc; -moz-box-shadow: 0 6px 6px -6px #ccc; box-shadow: 0 6px 6px -6px #ccc; z-index:500; }
.newmenublue table { width:1000px; height:52px; margin:0px; padding:0px; border-collapse:collapse; border-spacing:0; margin-top:-1px  }
.newmenublue table td { padding:2px 12px 5px; height:45px; font-size:14px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-align:center; vertical-align:middle; line-height:14px; }
.newmenublue table td a { color:#fff; }
.newmenublue table td:hover, .newmenublue table td.sel, .newmenublue table td.subhover { background:url(../images/menu-bg-line-white.gif) bottom center repeat-x; }
.newmenublue table td:hover a { color:#444; text-decoration:none; }
.newmenublue table td.projects { background-color:#444; transition: color 0.4s, background-color 0.4s; -webkit-transition: color 0.4s, background-color 0.4s; }
.newmenublue table td.projects a { color:#fff; }
.newmenublue table td.projects:hover { background:#fff; }
.newmenublue table td.projects:hover a { color:#0089d0; }

.submenus { position:absolute; text-align:left; z-index:501; width:1000px; max-width:1000px; display:none; background-color:#fff; border-bottom:5px solid #0089d0; -moz-box-shadow: 0px 6px 6px 0px #ccc; -webkit-box-shadow: 0px 6px 6px 0px #ccc; box-shadow: 0px 6px 6px 0px #ccc;  }
.submenus .submenu-loading { padding:30px; background:url(../images/input-loading.gif) 30px 30px no-repeat #fff; min-height:16px; display:none; }
.submenus .submenu { /*border-left:1px solid #ddd; border-right:1px solid #ddd;*/ padding:30px; width:938px; max-width:938px; height:420px; max-height:480px; display:none; z-index:502;  }
.submenus .align-right { float:right; }
.submenu .submenu-blok { width:165px; height:auto; float:left; margin-bottom:-13px; }
.submenu .submenu-blok:first-child { margin-left:0px; }
.submenu .submenu-blok ul { list-style:none; width:165px; margin:0px; padding:0px; }
.submenu .submenu-blok ul li { line-height:14px; padding-bottom:6px; }
.submenu .submenu-blok ul li a { color:#444; }
.submenu .submenu-blok ul li a:hover { text-decoration:none; color:#0089d0; }
.submenu .submenu-blok ul li.cat-title a { font-weight:700; text-transform:uppercase; letter-spacing:-0.5px; color:#0089d0; font-size:14px; }
.submenu .submenu-blok ul li.cat-title a:hover { color:#444; } 
.submenu .submenu-img-blok { min-height:130px; }
.submenu .submenu-img-blok .submenu-img { max-width:165px; display:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.submenu .submenu-img-blok-two-column { height:225px; width:358px; }
.submenu .submenu-img-blok-two-column .submenu-img { max-width:358px; display:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.submenu .submenu-img img { max-width:100%; }

.content-container { width:100%; height:auto; padding-bottom:25px;}

/*
.breadcrumb { width:980px; height:45px; line-height:42px; padding:5px 10px 0px; border-bottom:1px dashed #ccc; }
.breadcrumb, .breadcrumb a { color:#999; }
.breadcrumb a:hover { color:#0089d0; }
*/

.merken { width:1000px; height:110px; padding-top:30px; border-top:1px solid #ddd; }
.merken ul { margin:0px; padding:0px; }
.merken .bxslider-merken { width:1000px; }
.merken .merk { width:100px; height:80px; float:left; line-height:78px; text-align:center; }
.merken .merk img { opacity: 0.5; filter: alpha(opacity=50); display:inline; vertical-align:middle; }
.merken .merk:hover { cursor:pointer; }
.merken .merk:hover img { opacity: 1.0; filter: alpha(opacity=100); } 

.heading-container .breadcrumb, .product .breadcrumb { height:24px; line-height:22px; padding-bottom:5px; }
.heading-container .breadcrumb, .heading-container .breadcrumb a, .product .breadcrumb, .product .breadcrumb a { color:#999; }
.heading-container .breadcrumb a:hover, .product .breadcrumb a:hover { color:#0089d0; text-decoration:none; }

/* FORM STYLE */
.login-form { width:460px; padding-right:40px; }
.register-form { width:460px; padding-left:39px; border-left:1px dashed #ddd; }
.validate-form h1 { padding-bottom:15px; border-bottom:1px dashed #ddd; }
.validate-form h2 { color:#444; margin-bottom:0px; }
.validate-form input[type="text"], .validate-form input[type="password"] { border:1px solid #bbb; padding:4px 10px; width:260px; height:22px; line-height:22px; font-size:12px; color:#444; float:left; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.validate-form input[type="text"]:hover, .validate-form input[type="password"]:hover, .validate-form select:hover { border:1px solid #999; -moz-box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; box-shadow: 0 0 4px #ccc; }
.validate-form input[type="text"]:focus, .validate-form input[type="password"]:focus, .validate-form select:focus { border:1px solid #0089d0; -moz-box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; box-shadow: 0 0 4px #ccc; }
.validate-form input[type="text"].error, .validate-form input[type="password"].error, .validate-form textarea.error, .validate-form select.error { border:1px dashed #FF0000; }
.validate-form select.error::after { content:"<font color='red'> !!</font>";  }
.validate-form label.error { color:#FF0000; font-weight:bold; }
.validate-form select { border:1px solid #bbb; padding:4px 4px 4px 6px; width:200px; height:32px; font-size:12px; color:#444; float:left; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.validate-form .picker__holder select { float: none;  }
.validate-form input[type="submit"], .validate-form input[type="button"] { padding:5px 10px; font-size:14px; font-weight:400; background-color:#0089d0; margin-right:20px; }
.validate-form input[type="submit"]:hover, .validate-form input[type="button"]:hover { background-color:#444; }
.validate-form .input-header { padding-right:10px; vertical-align:middle; width:165px; }
.validate-form td { padding-bottom:12px; vertical-align:middle; }
.validate-form input.inputLoading { background:url(../images/input-loading.gif) 9px 7px no-repeat; }
.validate-form textarea { border:1px solid #bbb; padding:4px 10px; width:260px; height:80px; line-height:18px; font-size:12px; color:#444; float:left; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
#UserTaken { color:#FF0000; font-size:13px; font-weight:700; margin-bottom:10px; float:left; }
#password2-error { color:#FF0000; font-size:13px; font-weight:700; margin-top:10px; float:left; }

/* SHIPPINGADDRESS STYLES */
a.option-btn, a.option-btn-dark, a.option-btn-red, a.option-btn-small, a.option-btn-small-dark, a.option-btn-small-red { border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; transition: color 0.4s, background-color 0.4s, border 0.4s; }
a.option-btn, a.option-btn-dark, a.option-btn-red { padding:6px 12px; font-size:14px; font-weight:400; margin-bottom:10px; }
a.option-btn-small, a.option-btn-small-dark, a.option-btn-small-red { padding:3px 10px; font-size:11px; font-weight:400; margin-bottom:10px; }
.option-btn, .option-btn-small {  background-color:#0089d0; }
.option-btn:hover, .option-btn-small:hover { background-color:#444; text-decoration:none; cursor:pointer; }
.option-btn-dark, .option-btn-small-dark { background-color:#444; }
.option-btn-dark:hover, .option-btn-small-dark:hover { background-color:#0089d0; text-decoration:none; cursor:pointer; }
.option-btn-red, .option-btn-small-red { background-color:#d00000; }
.option-btn-red:hover, .option-btn-small-red:hover { background-color:#444; text-decoration:none; cursor:pointer; }
.option-btn-green, .option-btn-small-green { background-color:#a1cc3a; }
.option-btn-green:hover, .option-btn-small-green:hover { background-color:#444; text-decoration:none; cursor:pointer; }

.location { width:420px; padding:19px; border:1px solid #ccc; margin-bottom:20px; float:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.location:hover { -moz-box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; box-shadow: 0 0 4px #ccc; }
.location .l-info { float:left; width:200px; }
.location .l-options { float:left; width:200px; margin-left:20px; }

/* SITEMAP STYLES */
.sitemap-container { width:1000px; height:auto; padding-bottom:40px; }
.sitemap-container h2 { color:#444; margin:15px 0px 0px; padding-bottom:15px; border-bottom:1px #ccc dashed; }
.sitemap-container h3 { font-family: 'Open Sans', sans-serif; color: #0089d0; font-size: 14px; font-weight: 700; letter-spacing: -0.5px; text-transform: uppercase; margin:15px 0px 5px; }
.sitemap-container .sitemap-pages { padding-bottom:40px; }
.sitemap-container .sitemap-pages .blok { width:300px; margin-right:50px; height:auto; float:left; }
.sitemap-container .sitemap-pages .blok:nth-child(3n+3) { margin-right:0px; }
.sitemap-container .blok ul { list-style:none; margin:0px; padding:0px; }
.sitemap-container .blok ul li { background:url(../images/depth-icon.png) 0px 5px no-repeat; padding-left:10px; }
.sitemap-container .blok ul li a { color:#444; font-weight:700; }
.sitemap-container .blok ul ul { margin-left:10px; }
.sitemap-container .blok ul ul a { font-weight:normal; }
.sitemap-container .sitemap-pages .blok ul li a { color:#444; font-weight:normal; }
.sitemap-container .blok ul ul ul { font-size:11px; }
.sitemap-container .blok ul ul ul a { color:#999; }
/*.sitemap-container .blok ul ul ul ul { margin-left:30px; }
.sitemap-container .blok ul ul ul ul ul { margin-left:40px; }*/
.sitemap-container .sitemap-cats .blok { width:220px; margin-right:40px; height:auto; float:left; }

/* FOOTER STYLE */
.footer-container { width:100%; /*min-height:620px;*/ background-color:#0089d0; color:#fff; min-width:1024px; }
.footer-phone { width:1000px; height:24px; line-height:24px; text-align:center; font-weight:normal; font-family: 'DINMedium', sans-serif; font-size:18px; padding-top:30px; }
.footer-phone a { color:#fff; text-decoration:none; }
.footer-apps { width:1000px; height:40px; padding-top:35px; text-align:center; }
.footer-apps img { margin:0px 5px; }
.footer-apps img:hover { opacity: 0.7; filter: alpha(opacity=70); }

.footer-menu { width:1000px; height:auto; padding:50px 0px; }
.footer-menu .blok { width:220px; margin-right:40px; height:auto; float:left; }
.footer-menu .blok:nth-child(4n+4) { margin-right:0px; }

.footer-menu .three-column-blok { width:300px; margin-right:50px; height:auto; float:left; }
.footer-menu .three-column-blok:nth-child(3n+3) { margin-right:0px; }

.footer-menu .blok h3, .footer-menu .three-column-blok h3 { color:#fff; font-size:17px; text-transform:none; margin:0px 0px 10px; }

.footer-menu .blok ul { list-style:none; margin:0px; padding:0px; width:220px; }
.footer-menu .blok ul li { line-height:26px; border-bottom:1px dashed #38b1ee; width:220px; }
.footer-menu .blok ul li.news { padding-left:16px; width:204px; background:url(../images/footer-news-arrow.png) left 5px no-repeat; line-height:18px; padding-bottom:6px; margin-bottom:5px; }

.footer-menu .three-column-blok ul { list-style:none; margin:0px; padding:0px; width:300px; }
.footer-menu .three-column-blok ul li { line-height:26px; border-bottom:1px dashed #38b1ee; width:300px; }
.footer-menu .three-column-blok ul li.news { padding-left:16px; width:284px; background:url(../images/footer-news-arrow.png) left 5px no-repeat; line-height:18px; padding-bottom:6px; margin-bottom:5px; }

.footer-menu .blok ul li:last-child, .footer-menu .three-column-blok ul li:last-child { border-bottom:none; }
.footer-menu .blok ul li a, .footer-menu .three-column-blok ul li a { color:#fff; }
.footer-menu .blok ul li a:hover, .footer-menu .three-column-blok ul li a:hover { color:#92d6f8; text-decoration:none; }

.footer-menu .blok .social-icon { margin-right:5px; }
.footer-menu .blok .social-icon:hover { opacity: 0.5; filter: alpha(opacity=50); }

.footer-submit { width:216px; height:28px; border:1px solid #fff; padding:1px; margin-top:10px; }
.footer-submit input[type="text"] { border:none; padding:3px 10px; width:168px; height:22px; line-height:22px; font-size:12px; color:#fff; float:left; font-style:italic; background-color:#0089d0; }
.footer-submit input.error { color:#ff0000; }
.footer-submit input[type="submit"] { border:none; padding:0px; margin:0px; width:28px; height:28px; background:url(../images/newsletter-submit-icon.png) center center no-repeat #fff; float:left;  }
.footer-submit input[type="submit"]:hover { opacity: 0.5; filter: alpha(opacity=50); cursor:pointer; }

.footer-usp { width:1000px; height:40px; background:url(../images/usp-footer.png) top center no-repeat; padding-bottom:37px; } 
.footer-bottom { width:100%; height:62px; padding:24px 0px; background-color:#444; }
.footer-bottom .copyright { float:left; color:#c8c8c8; line-height:62px; height:62px; }
.footer-bottom .copyright a { color:#c8c8c8; }
.footer-bottom .copyright a:hover { color:#fff; text-decoration:none; }
.footer-bottom .logos { float:right; height:62px; text-align:right; }
.footer-bottom .logos img { margin-left:40px; }

#backToTop { width:50px; height:50px; position:fixed; bottom:0px; margin-left:50%; left:-25px; z-index:500; background-color:#444; border-radius:3px 3px 0px 0px; transition: background-color 0.4s; -webkit-transition: background-color 0.4s; }
#backToTop:hover { cursor:pointer; background-color:#0089d0; }

input[readonly], input[readonly="readonly"], select[readonly], select[readonly="readonly"], textarea[readonly], textarea[readonly="readonly"] { background-color:#f0f0f0; cursor:not-allowed; }
#birthdayPicker { background-color:#fff; cursor:pointer; }
/*
.validate-form input[readonly], .validate-form input[readonly="readonly"], .validate-form select[readonly], .validate-form select[readonly="readonly"], .validate-form textarea[readonly], .validate-form textarea[readonly="readonly"] { background-color:$f0f0f0; cursor:not-allowed; }
*/

.actietekst { width:100%; padding:30px 0px 10px; }

table.datatable { width:100%; text-align:left; margin:20px 0 30px 0; }
table.datatable th { border-bottom:2px solid #ececec; }
table.datatable td { border-bottom:1px solid #ececec; }
table.datatable tbody tr:hover { background-color:#f4f4f4; }

.dataTables_wrapper { padding-bottom:40px; }
.dataTables_wrapper input { border:1px solid #bbb; padding:4px 10px; width:260px; line-height:22px; font-size:12px; color:#444; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.dataTables_wrapper input:hover, .dataTables_wrapper input select:hover { border:1px solid #999; -moz-box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; box-shadow: 0 0 4px #ccc; }
.dataTables_wrapper input:focus, .dataTables_wrapper input select:focus { border:1px solid #0089d0; -moz-box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; box-shadow: 0 0 4px #ccc; }
.dataTables_wrapper select { border:1px solid #bbb; padding:4px 10px; line-height:22px; font-size:12px; color:#444; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }

.dataTables_wrapper .dataTables_paginate { margin-top: 10px; }
.dataTables_wrapper a.control { border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; transition: color 0.4s, background-color 0.4s, border 0.4s; padding:5px 10px; font-size:12px; font-weight:400; margin:0px 0px 0px 5px; background-color:#444; text-decoration:none; }
.dataTables_wrapper a.control:hover, .dataTables_wrapper a.current { background-color:#0089d0; text-decoration:none; cursor:pointer;  }

.whitebg { background-color:#fff; }

.instagram, .nieuwsbrief { margin: 20px 0px; padding:20px 0px; border-top: 1px solid #ddd; }
.instagram h1, .nieuwsbrief h1 { text-align: center; letter-spacing: normal; }
.instagram p, .nieuwsbrief p { text-align: center; font-size:14px; line-height: 24px; margin: 25px 0 30px 0; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:0.05em; } 

.social-media-icons { margin-bottom: 30px; text-align: center; }
.social-media-icons .social-icon { margin: 0 3px; height: 30px; }
.social-media-icons .social-icon:hover { opacity: 0.5; filter: alpha(opacity=50); }

.instagram-gallery { width: 1020px; box-sizing: border-box; margin: -10px; }
.instagram-gallery .gallery-item { width: 20%; padding: 10px; float: left; position: relative; box-sizing: border-box; }
.instagram-gallery .gallery-item img, .instagram-gallery .gallery-item .insta-img { max-width: 100%; display: block; }
.instagram-gallery .gallery-item .insta-img { background-size:auto 100%; width: 184px; height: 184px;  }
.instagram-gallery .gallery-item .insta-img:hover { opacity: 0.6; transition:all 0.4s ease; }

.clearfix::after, .row::after { clear: both;  }
.clearfix::before, .clearfix::after { display: table; content: " "; }
.instagram-gallery::after { clear: both;  }

.nieuwsbrief-form-container { width: 100%; height: 40px;  }
.nieuwsbrief-form { width:340px; height:40px; margin:0 330px; }
.nieuwsbrief-form input[type="text"] { padding:0px 10px; width:200px; height:38px; line-height:38px; border:1px solid #ddd; float:left; background-color:#fff; }
.nieuwsbrief-form input.error { color:#ff0000; }
.nieuwsbrief-form input[type="submit"] { padding:10px; margin:0px; width:118px; height:40px; background-color:#fff; float:left; border:1px solid #666; font-family: 'DINMedium', sans-serif; text-transform: uppercase; }
.nieuwsbrief-form input[type="submit"]:hover { cursor:pointer; background-color:#0089d0; border:1px solid #0089d0; color: #fff; }

.page-row { box-sizing: border-box; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.page-col-6 { position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
.page-col-6 { flex: 0 0 50%; max-width: 50%; box-sizing: border-box;  }
a.btn-outline { line-height:26px; padding:6px 10px; color:#999; border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:12px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; text-transform:uppercase; }
a.btn-outline:hover { text-decoration: none; color:#0089d0; border:1px solid #0089d0; }