
.wrapper {width:100%; overflow:hidden;}
.padNull{padding: 0 !important;}
.marNull{margin: 0 !important;}
._left{float: left;}
._right{float: right;}
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute; overflow:hidden;}
body{font-family:'Trebuchet MS', serif; color:#000; line-height:20px; min-width: 960px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden;}
/* Global Structure ========================================================= */
.main {margin: 0px auto;width: 960px; z-index:2; }
.page_spinner{ position:fixed; background:#fff; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > span{position: absolute; left: 50%; top: 50%;}
/* ============================= main layout ================================ */
a{color:#fff; text-decoration:none; outline:none; font-size: 14px;}
a:hover{ text-decoration:underline}
h1{float:left; position: relative; margin-left: -39px; margin-top: -82px;}
h2{font-family: 'Open Sans', sans-serif; color: #000; font-size: 30px; line-height: 36px; width:100%; padding-bottom: 20px; font-weight: normal;display: inline-block;}
h3{font-family: 'Open Sans', sans-serif; color: #afafaf; font-size: 17px; line-height: 18px; width:100%; padding-bottom: 10px; font-weight: normal;text-transform: uppercase;}
h4{font-family: 'Trebuchet MS', sans-serif; color: #ffffff; font-size: 30px; line-height: 36px; width:100%; padding-bottom: 20px; font-weight: normal;display: inline-block;text-transform: uppercase;}
p{font-size: 13px; color: #7f7f7f; line-height: 18px; padding-bottom: 18px; text-align: left;}
.center{padding:0; width:100%; position: relative; display: inline-block; height: 760px;}
p2{font-size: 13px; color: #ffffff; line-height: 18px; padding-bottom: 18px; text-align: left;}
.center{padding:0; width:100%; position: relative; display: inline-block; height: 760px;}
/* ============================= header ============================ */
header{position: relative; width: 100%; z-index: 3; float: left; height: 52px; }
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
#logo{display:inline-block; background: url(../images/logo.webp) no-repeat; width: 240px; height: 330px; -webkit-transform: scale(0.5);}
#logo:hover{text-decoration:none;}

.menu{position:relative; z-index:1; display: inline-block;}
.menuHolder{position: relative; width: 160px; z-index: 1; margin-left: 10px;}
#menu {z-index:3; position:relative; display: inline-block; float: left;}
#menu > li{position:relative; color: white; text-align: left; display: inline-block; float: left; width: 100%;}
#menu > li > a{display: block; position:relative; z-index: 1; overflow: hidden; height: 26px;}
#menu > li > a:hover{text-decoration:none;}
#menu ._last{padding: 0; border: none;}
.submenu_1{position: relative; z-index:2; top: 0px; left: 12px; display: block; width: 100px;padding-top: 12px;}
.submenu_1 li{ position:relative; display:inline-block; width: 100%; margin-bottom: 10px;}
.submenu_1 a{ line-height: 20px; color: #000; font-size: 13px; display:inline-block; width: 100%; text-align: left; font-weight: bold; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; float: left;}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#9b9b9b; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.submenu_1 .last{border: none;margin: 0;}
.submenu_2{position: relative; z-index:2; top: 0px; left: 12px; display: inline-block; width: 100px;float: left;padding: 10px 0;}
.submenu_2 li{ position:relative; display:inline-block; width: 100%;}
.submenu_2 a{ line-height: 20px; color: #000; font-size: 13px; display:inline-block; width: 100%; text-align: left; font-weight: bold; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.submenu_2 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#9b9b9b; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.submenu_2 .last{border: none;margin: 0;}
.mText{font-family: 'Open Sans', cursive; line-height: 20px; color: #222; font-size: 18px; position: relative;  z-index: 2; text-align: left; }
.mText_over{font-family: 'Open Sans', cursive; line-height: 20px; color: #b8187f; font-size: 18px; position: absolute; width: 100%; z-index: 2; text-align: left; top: -44px; }
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3; left: 0; display: block; background: url(../images/pixel.png);}
/* ============================= content ====================== */
#content{position:relative; z-index: 1; width: 760px; margin: 0 auto; display: block; float: left; overflow: visible; height: 700px; margin: 0 100px 0 100px;}
#content > ul{width: 760px; z-index: 0; display: inline-block; position: relative; overflow: visible; height: 100%;}
#content > ul > li{width: 695px; display:block; position:absolute; height: 700px; overflow: hidden;}
.box{width: 100%; position: relative; display: inline-block; height: 100%; overflow-x: hidden;}
.more{font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000; line-height: 12px; display: inline-block; font-weight: 600; text-decoration: underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;text-transform: uppercase;}
.more:hover{text-decoration: none; color: #9b9b9b; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link1{font-family: 'Open Sans', sans-serif; font-size: 11px; color: #9b9b9b; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link1:hover{color: #000; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link2{color: #1A1A1A; font-size: 13px; line-height: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link2:hover{color: #7f7f7f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link3{font-family: 'Open Sans', sans-serif; color: #1A1A1A; font-size: 13px; line-height: 18px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link3:hover{color: #7f7f7f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.padBot1{padding-bottom: 12px;}
.padBot2{padding-bottom: 21px;}
.padBot3{padding-bottom: 23px;}
.padBot4{padding-bottom: 12px;}
.padBot5{padding-bottom: 8px;}
.padBot6{padding-bottom: 52px;}
.marRight1{margin-right: 20px;}
.marRight2{margin-right: 25px;}
.marRight3{margin-right: 50px;}
.marTop1{margin-top: -15px;}
._list1{width: 142px; position: relative;margin-top: 150px;display: inline-block;}
._list1 > li{position: relative; display: inline-block;width: 100%;margin-bottom: 5px;}
._list1 > li > a{font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; font-weight: 600; color:#222;text-transform: uppercase;text-align: right;position: relative; float: right;}
._list1 > li > a:hover{text-decoration: none; color:#9b9b9b;}
._list2{width: 100%;margin-top: -3px;}
._list2 > li{width: 100%; display: inline-block; position: relative;margin-bottom: 3px;}
._list2 > li > a{display: inline-block; color: #222; font-size: 13px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._list2 > li > a:hover{color: #9b9b9b; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.leftPanel{height: 700px; width: 155px; display: inline-block; position: absolute; z-index: 0;left: 0;}
.rightPanel{ width: 170px; display: inline-block; position: absolute;  right: 0; z-index: 2;}
.cont_info{position: absolute; display: inline-block; bottom: 10px;left: 0;width: 155px;}
.textStyle1{font-family: 'Open Sans', sans-serif; color: #9b9b9b; font-size: 14px; display: inline-block; font-weight: 600;line-height: 17px;}
.textStyle2{font-family: 'Open Sans', sans-serif; color: #222222; font-size: 20px; display: inline-block; font-weight: 600;}
.textStyle3{color: #afafaf; font-size: 22px; text-transform: uppercase;line-height: 27px;}
.textStyle4{color: #9b9b9b; font-size: 24px; text-transform: uppercase;line-height: 24px; font-weight: 600;display: inline-block;}
.textStyle5{color: #9b9b9b; font-size: 18px; text-transform: uppercase; font-weight: 600;line-height: 20px;display: inline-block;margin-top: -6px;letter-spacing: 1px;}
.textStyle6{color: #000; font-size: 13px;  font-weight: bold; line-height: 18px;}
.extra1{position: relative; display: inline-block; width: 22px; height: 22px; background: url(../images/extra1.png) 0 0 no-repeat;margin-top: -8px;}

#slider_sh{width: 590px; height: 690px; display: inline-block; position: relative;overflow: hidden;}
#slider_sh > ._trumb{width: 590px; height: 690px; display: inline-block; position: relative;}
#slider_sh > ._trumb > li{width: 190px; height: 165px; display: inline-block; position: absolute;}
#slider_sh > ._trumb > li > a{width: 190px; height: 165px; display: inline-block; position: relative;overflow: hidden;}
#slider_sh > ._trumb > li > a > img{}
#slider_sh > ._trumb > li > a > .zoomIcon{width: 190px; height: 165px; display: inline-block; position: absolute; background: url(../images/magnify.png) 50% 50% no-repeat;}

#slider_sh > ._controls{position: absolute; top: 0; left: 0; z-index: 1;}
#slider_sh > ._controls > .nextBtn{background: #e7e7e7; width: 190px; height: 165px; display: inline-block;position: absolute;top: 525px;left: 400px;overflow: hidden;}
#slider_sh > ._controls > .nextBtn > .nextArr{width: 190px; height: 165px; position: absolute; display: inline-block; background: url(../images/nextBtn.png) 50% 50% no-repeat;z-index: 2;}
#slider_sh > ._controls > .prevBtn{background: #e7e7e7; width: 190px; height: 165px; display: inline-block;position: absolute;top: 0;left: 0;overflow: hidden;}
#slider_sh > ._controls > .prevBtn > .prevArr{width: 190px; height: 165px; position: absolute; display: inline-block; background: url(../images/prevBtn.png) 50% 50% no-repeat;z-index: 2;}
#slider_sh > ._controls > a > .overBg{width: 190px; height: 165px; position: absolute; display: inline-block; background: #fff;z-index: 1;}

#slider_sh > ._preview{position: absolute; width: 590px;height: 516px;top: 700px;display: inline-block; left: 0px;z-index: 3; background: url(../images/loader1.gif) 50% 50% no-repeat #fff;}
#slider_sh > ._preview > img{}
#slider_sh > ._preview > ._close{width: 48px; height: 48px; position: absolute;top: 0;right: 0;cursor: pointer;}

#slider_simple{width: 590px; height: 221px; display: inline-block; position: relative; }
#slider_simple > .slider_set{width: 100%; height: 100%; display: inline-block; position: relative; overflow: hidden;}
#slider_simple > .slider_set > li{width: 590px; height: 221px; display: inline-block; position: absolute;}
#slider_simple > .slider_set > li > img{position: relative; border: 1px solid #e2e2e2;}
#slider_simple > ._controls{position: absolute; top: 80px; left: -85px; z-index: 1;width: 760px;display: inline-block;height: 65px;}
#slider_simple > ._controls > .nextBtn{ width: 34px; height: 65px; display: inline-block;position: absolute; top: 0;    right: 0;}
#slider_simple > ._controls > .prevBtn{ width: 34px; height: 65px; display: inline-block;position: absolute;top: 0;left: 0;}
.divider1{position: absolute; bottom: 0; width: 100%; height: 3px; background: #e6e6e6;left: 0;}
.divider2{position: absolute; bottom: 0; width: 72%; height: 3px; background: #e6e6e6;left: 185px; margin-bottom: 360px;}
.followHolder {position: relative; display: inline-block; float: left;top: 0;}
.followHolder > ul {display: inline-block;}
.followHolder > ul > li {display: inline-block;float: left;margin-right: 8px;}
.followHolder > ul > li > a {display: inline-block;position: relative;}
/* ============================= footer ====================== */
footer{position: relative; width: 100%; z-index: 2; height: 50px; display: inline-block; bottom: 0; float: left;}
.mainFooter{z-index:2; width: 590px; display: inline-block; height: 60px;margin-left: 185px;}
.privHold{position: relative;   width: 590px;   height: 28px;margin-top: 30px;}
.textVoorwaarden{font-family: 'Open Sans', sans-serif; font-size: 11px; color: #9b9b9b; position:relative; display:inline-block; margin-top: 4px;line-height: 14px;}
