/*
Hosted stylesheet
Author: Roel Koster
Company: Net ICT Solutions B.V.
Url: http://www.net-ict.nl
*/
html {height: 100%}
body { font-family: 'Droid Sans', sans-serif; font-weight: 400; height: 100%; margin: 0; padding: 0;}

.discount_select{ margin-left: 5px; }
.invoice_select{ margin-left: -7px; }

.upcase { text-transform :uppercase;}
strong { font-weight: 700; }
.container { max-width: 1032px; position: relative; }
.popover { z-index: 999999; }
.grey { background-color: #f3f4f4 !important; box-shadow: inset 0px 8px 8px -10px #ccc,inset 0px -8px 8px -10px #ccc; padding: 30px 0;}
.popover-content { line-height: normal; font-weight: normal; color: #767576; font-size: 12px; padding: 8px; line-height: 15px; }
:focus, :active {  }
.modal { z-index: 9999999!important; }
input::-ms-clear {
    display: none;
}
a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
::-moz-focus-inner {border:0; ouline: 0;}
.mobmenu { margin-left: 10px; }
.mm-opening .fixed-nav { position: static; }

div#content {
    color: #7d7f86;
}
img.imgRight {
    float: right;
    margin: 10px 20px 0px 10px;
}
img.imgLeft {
    float: left;
    margin: 10px 20px 0 10px;
}
div#content div.textContent h2 { padding-bottom: 8px; margin: 15px 0 15px 0; text-transform: uppercase; color: #0098ee; font-size: 18px; font-weight: 600; }
div#content p {
    padding-bottom: 20px;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}
div#content table.contentTable {
    width: 93%;
}
div#content table.contentTable td {
    line-height: 40px;
    color: #7d7f86;
    font-size: 14px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e2e2e3;
    background: none;
}
div#content table.contentTable thead {
    color: #0098ee;
}
div#content div.textContent {
    padding: 30px 0px 25px 0px;
}

.check.active label { color: #f5772c; font-weight: 700;}
.bedrijfinfo { display: none; }
.foreigninfo { display: none; }
.fa-play:before{ margin-left: 1px; }
header {z-index: 999999; position: fixed; left: 0; right:0; top: 0; width: 100%; background-color: #fff !important; border-radius: 0;}
header.noScroll {position: static; margin: -137px 0 0 0}
header .logo {
    background: url(https://static.hosted.nl/img/logo.png); /* Fallback PNG image */
    background-image: url(https://static.hosted.nl/img/hosted.svg), none; /* Default SVG image */
    background-repeat: no-repeat;
    width: 239px;
    height: 43px;
    margin: 20px 0;
    float: left;
}
header .logo a{ display: block; text-indent: -9999px; width: 100%; height: 100%; }
header .tel { float: right; font-size: 22px; color: #f16713; font-weight: 700; margin-top: 25px; margin-right: 10px; min-width: 215px; }
header .tel i { color: #f3f3f3; margin-right: 5px;}
header .login { float: right; margin-left: 0; padding-right: 6px; margin-top: 10px; color: #4d4e53; }
header .login .nav>li>a:hover, .nav>li>a:focus  { background: none; }
header a.logintoggle { color: #4d4e53 !important; font-weight: 700;}
header .login a { color: #0098ee; font-size: 13px; border: 1px solid #fff; background: #fff !important; position: relative; z-index: 1001;}
header .login p { margin-top: 2px; }
header .login .dropdown-menu { width: 284px; padding: 15px; margin: 0; border-radius: 0; border: 1px solid #cfcfcf; margin-top: -1px; box-shadow: none; }

.navbar-default .container { padding: 0;}
.navbar-default {background: #216aa9; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxNmFhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI0NjdhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzY0YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #216aa9 0%, #2467a8 50%, #2764a7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#216aa9), color-stop(50%,#2467a8), color-stop(100%,#2764a7)); background: -webkit-linear-gradient(top,  #216aa9 0%,#2467a8 50%,#2764a7 100%); background: -o-linear-gradient(top,  #216aa9 0%,#2467a8 50%,#2764a7 100%);background: -ms-linear-gradient(top,  #216aa9 0%,#2467a8 50%,#2764a7 100%);background: linear-gradient(to bottom,  #216aa9 0%,#2467a8 50%,#2764a7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216aa9', endColorstr='#2764a7',GradientType=0 ); border: 0; border-radius: 0; text-transform: uppercase; font-weight: 700; font-size: 15px; margin-bottom:0;}
.navbar-default .navbar-nav>li { background: url(https://static.hosted.nl/img/menu-divider.png) no-repeat right; }
.navbar-default .navbar-nav>li:last-child { background: none; }
.navbar-default .navbar-nav>li>a { color: #fff; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #fff; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #fff; background-color: #1b5a9c; border: none; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background: none; border: 1px solid #cfcfcf; border-bottom: 0; }
.navbar-header .menutxt { float: left; color: #fff !important; font-size: 20px; line-height: 48px; }
.navbar-header .menutxt a{ color: #fff; }
.navbar-header .icons { width: auto; margin-top: 10px; }
.navbar-header .icons a{ color: #fff; font-size: 20px; margin-right: 20px;}

span.radio { margin: 0 6px 0px 0; cursor: pointer; width: 34px; height: 34px; display: block; float: left; background: url('https://static.hosted.nl/img/radio.png') no-repeat; }
span.checkbox { margin: 0px 6px 0px 0; cursor: pointer; width: 34px; height: 34px; display: block; float: left; background: url('https://static.hosted.nl/img/checkbox.png') no-repeat; }
span.checkbox.checked, span.radio.checked {background-position: 0 -34px;}
span.checkbox.disabled{background-position: 0 -136px;}
span.checkbox input.styled, span.radio input.styled {display: none;}

.btn { text-transform: uppercase; }
.btn-default { background-color: #2e69ae; }

.line-through { text-decoration: line-through; }

body.finish_order header .cart {
    display: none !important;
}

.cart { float: right; min-width: 130px; margin-top: 20px; }
.cart a.shopcarta { display: block; minwidth: 50px; height: 100%; float:left;}
.cart span.shopcart { padding-right: 10px;  border-right: 1px solid #cfcfcf; font-size: 14px; color: #4d4e53; background: url(https://static.hosted.nl/img/icon-cart.png) no-repeat left; padding-left: 25px; display: block;}
.cart span.price  { float: left; font-weight: 700; margin-left: 10px;}
.cart .popover.bottom { margin-top: 25px; }
.cart .popover { border-radius:0; background-color: #f6f6f6; border: 1px solid #cfcfcf; box-shadow: none; width: 265px;}
.cart .popover ul { background-color: #fff; -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);}
.cart .popover li { line-height: 30px; height: 30px; width: 100%; display: list-item;}
.cart .popover li a{ float: left; font-size: 13px; font-weight: 400; }
.cart .popover li span { float: right; font-size: 13px; font-weight: 400; margin-right: 5px;}
.cart .popover li span.cartName { float: left; overflow: hidden;
    text-overflow: ellipsis;
    width: 156px;
    white-space: nowrap;
    display: inline-block; margin-right: 0px;}
.cart .popover li span.light { color: #ccd9d6; float: none; font-size: 12px; font-weight: 400; }
.cart .popover li a.cross { float: none; margin-left: 5px; font-weight: 700;}
.cart .popover span.total { float: left; font-weight: 400; line-height: 30px;}
.cart .popover span.pricetotal { float: right; font-weight: 700; margin-right: 20px; line-height: 29px}
.cart .popover-title { border:0; font-weight: 700; font-size: 14px; text-transform: uppercase; color: #595a5e;}
.cart .popover .btn { margin-top: 15px; font-weight: 700;}
.arrow-round { background-image: url(https://static.hosted.nl/img/icon-arrow-round.png) !important; background-repeat: no-repeat !important; background-position: 195px center !important; text-align: left; padding-left: 20px;}
.cart .popover.bottom>.arrow:after { border-bottom-color: #f6f6f6; }
.cart-group { padding: 7px 8px; overflow: hidden; background: #fcfcfc; border: 1px solid #cfcfcf;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #fcfcfc 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 100%);background: -o-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 100%);background: -ms-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 100%);background: linear-gradient(to bottom,  #fcfcfc 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f4f4f4',GradientType=0 ); }
.cart { color: #a0a1a6; }
.shopping_cart-Block .cart .pull-right {margin: 0 50px;}

.search { float: right; margin-top: 20px; margin-left: 10px;}
header .search {  max-width: 218px; }
.right-inner-addon { position: relative; }
.right-inner-addon input { border-radius: 3px; }
.right-inner-addon i { position: absolute; right: 0px; padding: 10px 12px; pointer-events: none; }
.navbar-nav > li > a { line-height: 24px; }

#navigation .nav .open > a, #navigation .nav .open > a:hover, #navigation .nav .open > a:focus { border: none; }
#navigation .navbar-nav > li > a.dropdown-toggle { margin-top: 6px; padding-top: 8px; }
.navbar-default #navigation .navbar-nav > .open > a,
.navbar-default #navigation .navbar-nav > .open > a:hover,
.navbar-default #navigation .navbar-nav > .open > a:focus,
.navbar-default #navigation .navbar-nav > .dropdown > a:hover,
.navbar-default #navigation .navbar-nav > .dropdown:hover > a { color: #2466a8; background: #fff; }
#navigation ul.nav li.dropdown:hover .dropdown-menu { display: block; }
#navigation .dropdown-menu.big { min-width: 645px; }
#navigation .dropdown-menu { padding: 0; border-radius: 0; overflow: hidden; border: none; box-shadow: 0px 3px 3px rgba(218,218,218,0.5); }
#navigation .dropdown-menu ul { padding: 10px 25px 0 25px; margin: 0; width: 252px; float: left; list-style: none; overflow: hidden; }
#navigation .dropdown-menu li { border-top: 1px solid #cecece; line-height: 45px; }
#navigation .dropdown-menu li:first-child { border: none; }
#navigation .dropdown-menu li a { color: #0098ee; font-size: 14px; font-weight: 400; text-transform: none; }
#navigation .dropdown-menu li a i { color: #175396; font-size: 8px; line-height: 45px; float: left; display: block; margin-right: 15px; }
#navigation .dropdown-menu .right_text { padding: 0 12px 0 43px; min-height: 200px; width: 327px; float: right; background: #f6f6f6 url(https://static.hosted.nl/img/sub_menu_bg.jpg) left top repeat-y; }
#navigation .dropdown-menu .right_text h2 { color: #0098ee; font-size: 18px; line-height: 22px; font-weight: 600; }
#navigation .dropdown-menu .right_text p { color: #595a5e; font-size: 14px; line-height: 22px; font-weight: 400; text-transform: none; }
#navigation .dropdown-menu .right_text .btn { background: #2e68ae; border: none; width: 160px; height: 38px; line-height: 38px; color: #fff; font-size: 14px; font-weight: 600; padding: 0; border-radius: 2px; }
#navigation .dropdown-menu .right_text .btn:hover { background: #1B5A9C; }
#navigation .dropdown-menu .right_text .btn i { font-size: 8px; line-height: 36px; display: block; float: left; padding: 1px 0px 0 15px; }

.help_icon { position: fixed; right: 0; top: 250px; z-index: 9999;}
.help_icon ul { width: 100%; float: right; }
.help_icon .sidehelp { margin-bottom: 4px; width: 48px; background: #fff; border-radius: 2px 0 0 2px; box-shadow: 0 0 4px #c1c1c1; float:right; clear:both;}
.help_icon .sidehelp .helpdeskblock { display: inline-block; }
.help_icon li a { display: block; }
.help_icon { }
.helpdesk input[type=text] { width: 241px; height: 46px; float: left; font-size: 14px; text-transform: none; color: #767576; font-weight: 400; border: 1px solid #cecece; border-right: none; border-radius: 2px 0 0 2px; box-shadow: inset 1px 2px 3px #e0e0e0; }
.helpdesk .btn.btn-primary { padding-right: 15px; height: 46px; background-repeat: repeat; }
.helpdesk .astrid { position: absolute; width: 105px; height: 91px; background: url(https://static.hosted.nl/img/astrid.png) no-repeat; top: -2px; left: 63px;}
.helpdesk .text { text-align: left; margin-left: 120px;}
.helpdesk.open { height: 148px; }
.helpdesk img { float: left; }
.helpdesk h2 { font-size: 14px; color: #2666a8; font-weight: 700; text-transform: uppercase; }
.helpdesk p { font-size: 12px; color: #78797c; }
.helpdeskblock { width: 313px; height: 100%; padding-left: 15px; background: url(https://static.hosted.nl/img/leftline.png) no-repeat left #f6f6f6;}
#wrapper { padding-top: 137px; min-height: 100%; position: relative;}
#content { position: relative;  padding-bottom: 426px;}
#content .slider.home { height: 350px; background: #f3f4f4;}
#content .slider.home img.banner_img { position: absolute; right: 60px; }
.carousel-inner>.item>img, .carousel-inner>.item>a>img,.carousel-inner>.item>.img>img { width: 100%; height: 394px; }
.slider  .text { padding-top: 25px; text-align: left; top: 30px; text-shadow: none; }
.slider .text h2 { font-size: 44px; color: #0098ee; text-transform: uppercase; font-weight: 700;}
.slider .text h2.white { color: #fff; }
.slider .text span.subtitle { padding-bottom: 25px; display: block; font-size: 35px; color: #4a494a; line-height: 38px; }

.actiesticker { background: url(https://static.hosted.nl/img/actiesticker.png) no-repeat; width: 175px; color: #fff; height: 175px; position: absolute; right: 70px; top: 40px; text-align: center; font-size:18px; font-weight: 700; text-transform: uppercase; padding-top: 35px; line-height: 22px; }
.actiesticker span.price { font-size: 65px; display: block; margin-top: -15px; line-height: 92px; }
.actiesticker span sup { font-size: 40px;}

.login .btn.btn-primary { padding-right: 10px; }
.domainholder { background-color: #fff; position: relative; margin-top: -71px; z-index: 1000; padding: 30px 30px 5px; border-bottom: 1px solid #cecece;}
.domainholder input[type=text] { border-radius: 6px 0 0 6px; float: left; width: 80%; border-right: 0; height:49px;}
.domainholder .btn-green { float: left; width: 20%; border-radius: 0 6px 6px 0;  }
.domainholder a{ color: #0098ee; }
span.info { font-size: 13px; padding-top: 10px; display: block; clear:both;}
span.info a { color: #0098ee; text-decoration: underline; }
span.info a:hover { text-decoration: none; }

.banners { margin: 30px 0; overflow: hidden; }
.banners .text { position: relative; padding-right: 170px; }
.banners .text img { position: absolute; right: 10px; top: 20px; }
.banners h2 { font-size: 18px; font-weight:700; text-transform: uppercase; color: #2565a8;}
.banners span.subtitle { font-size: 20px; color: #767576; display: block; margin-bottom: 20px;}
.banner:first-child { background: url(https://static.hosted.nl/img/banners-divider.png) no-repeat right;}
.banner:last-child { padding-left: 30px; }

.products { background-color: #fff; margin: 30px 0 0; padding: 30px; overflow: hidden; border: 1px solid #d8dadc;}
.products.no-margin.no-border {padding: 50px 30px;}
.extraOptions {padding: 0px 30px 50px;}
.product { border: 1px solid #dadadb; margin-right:15px; width: 303px; text-align: center; padding-bottom: 20px; position: relative; margin-top: 20px;}
.product.no-margin {margin: 0}
.products.no-margin {margin: 0}
.product.actie { padding-top: 30px; padding-bottom: 30px; margin-top: 0; min-height: 434px; border: 3px solid #2862a7; background: url(https://static.hosted.nl/img/tab_bg.jpg) bottom repeat-x;}
.product .tag { position: absolute; left: -3px; top: -3px; }
.product h2 { font-weight: 700; color: #0098ee; font-size: 22px; text-transform: uppercase;}
.product span.price { font-size: 30px; display: block; color: #175396; font-weight:700;}
.product span.price2 { font-size: 38px; }
.product span sup { font-size: 26px; }
.product span.time { font-size: 20px; font-weight: 400;}
.product:last-child { margin-right: 0; }
.product table { text-align: center; width: 100%; margin: 20px 0; }
.product table tr { background-color: #f9f9f9; border-top: 1px solid #dadadb;}
.product table tr:last-child { border-bottom: 1px solid #dadadb; }
.product table td { line-height: 35px; color: #707275; }
.product table td strong { font-weight: 700; color: #4d4e53;}
.product ul li { color: #707074; }
.references { margin: 50px 0; }
.references .video { position: relative; float: left; margin-right: 25px; }
.references .quote { float: left; width: 360px; font-size: 22px; line-height: 30px; color: #767576; }
.references .quote span { font-size: 14px; color: #4d4e53; display: block; margin-top: 5px;}
.references .quote span a { color: #0098ee; }
.references .rating { float: right; width: 210px; }
.references span.ratings { font-size: 13px; color: #4d4e53; text-align: center; display: block;}
.references .rating span.text { font-size: 13px; font-weight: 700; color: #4d4e53; }
.references .stars  { color:#0098ee; margin: 10px; font-size: 15px; text-align: center; }

/*<-------------------------Inner page css------------------------------------------------>*/

.carousel-caption { left: 5%; right: 5%; }

.btn.btn-primary { padding: 0 50px 0 10px; height: 39px; border: none; border-radius: 2px; line-height: 38px; font-weight: 600; text-transform: uppercase; position: relative; background: url(https://static.hosted.nl/img/btn.jpg) top repeat-x; }
.btn.btn-primary:hover { background: #1b5a9c; }
.btn.btn-primary i { position: absolute; right: 15px; top: 8px; color: #2862a7; width: 22px; height: 22px; font-size: 10px; text-align: center; border-radius: 50%; line-height: 22px; background: #fff; }
.btn.btn-primary i.fa-refresh {font-size: 12px;}

.btn.btn-green { padding: 0 50px 0 10px; font-size: 12px; height: 38px; border: none; border-radius: 2px; line-height: 38px; font-weight: 600; text-transform: uppercase; position: relative; background: #72ab0e url(https://static.hosted.nl/img/green_btn.jpg) top repeat-x; }
.btn.btn-blue { color: #fff; padding: 0 50px 0 10px; font-size: 12px; height: 38px; border: none; border-radius: 2px; line-height: 38px; font-weight: 600; text-transform: uppercase; position: relative; background: #2c66ac; }
.btn.btn-green.btn-lg { font-size: 15px; height: 49px; line-height: 48px; }
.btn.btn-green.btn-lg i { top: 10px; line-height: 27px; font-size: 10px; width: 27px; height: 27px; }
.btn.btn-green:hover { background: #5d8f06; }
.btn.btn-blue:hover { background: #2b5a9f; }
.btn.btn-green i { padding-left: 2px; position: absolute; right: 15px; top: 8px; color: #5d8f06; width: 20px; height: 20px; font-size: 8px; text-align: center; border-radius: 50%; line-height: 20px; background: #fff; }
.btn.btn-blue i { width: 26px;
    line-height: 26px;
    font-size: 10px;
    top: 12px;
    height: 26px; padding-left: 2px; position: absolute; right: 15px; color: #2b5a9f;  text-align: center; border-radius: 50%; background: #fff; }

.btn.btn-green.btn-light { padding: 0 60px 0 15px; font-size: 14px; background: #f5772c; color: #fff; }
.btn.btn-green.btn-light:hover { color: #fff; background: #dd6f2c; }
.btn.btn-green.btn-light i { color: #f5772c; font-size: 9px; background: #fff; }
.btn.btn-green.btn-light:hover i { color: #dd6f2c;}

.btn-arrow  { padding-right: 80px; width: auto; font-size: 16px; margin: 0; border-radius: 2px; position: relative; line-height: 38px; }
.btn-arrow i { position: absolute; right: 10px; color: #fff; font-size: 13px; top: 40%; }
.form-control { border-radius: 2px; border: 2px solid #e6e7e7; box-shadow: none; height: 44px;}
.form-control:focus { box-shadow: none; border-color: #f5772c; color: #f5772c; font-weight: 600; }

#captcha_image { margin: 0 0 10px 0;
    border-radius: 2px;
    border: 2px solid #e6e7e7;}


.line_bloge { height: 100%; position: absolute; width: 1px; right: 33.2%; top: 0px; background:#f7f7f7; }
hr { border-color: #f7f7f6; }

div.serviceTabs {background: #fefefe; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; margin-bottom: 15px;}
#breadcrumb { width: 100%; background: #f3f3f3; }

#breadcrumb ul.breadcrumbs { padding: 0; list-style: none; float: left; margin: 0; }
div.serviceTabs ul.links { padding: 0; list-style: none; float: left; margin: 0; }
#breadcrumb ul.breadcrumbs li { padding: 0 23px 0 15px; float: left; background: url(https://static.hosted.nl/img/breadcrumb_line.png) right center no-repeat; }
div.serviceTabs ul.links li { float: left;
    height: 30px;
    line-height: 33px;
    border-left: solid 1px #fff; }
div.serviceTabs ul.links li:first-child {
    border-left: none;
}
div.serviceTabs ul.links li.ui-tabs-selected {
    font-weight: bold;
}
#breadcrumb ul.breadcrumbs li:first-child { padding-left: 0; }
div.serviceTabs ul.links li:first-child { padding-left: 0; }
#breadcrumb ul.breadcrumbs li a { padding: 0; text-decoration: none; text-transform: uppercase; height: 56px; line-height: 56px; display: block; color: #797779; font-size: 12px; }
div.serviceTabs ul.links li a { text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 0 15px;
    font-size: 12px;
    height: 30px; color: #797779; }
#breadcrumb ul.breadcrumbs li a img { display: block; margin-top: 20px; float: left; }
#breadcrumb ul.breadcrumbs li a:hover { text-decoration: underline; }
div.serviceTabs ul.links li a:hover { text-decoration: underline; }
#breadcrumb.border { border-bottom: 1px solid #D0D0D0; }

.spanextra .cart { margin-top: 10px; }
.spanextra .tel { margin-top: 15px; }

.blog-Block { padding: 25px 0 30px 0; overflow: hidden; }
.blog-Block h2, .blog-Block h1 { padding-bottom: 20px; color: #0098ee; font-size: 18px; margin: 0; line-height: 24px; text-transform: uppercase; font-weight: 600; }
.blog-Block i.icon { color: #fff; float: left; margin-right: 25px; height: 41px; width: 41px; text-align: center; line-height: 40px; font-size: 20px; background: #ee873c; }
.blog-Block .block { padding: 22px 0; overflow: hidden; border-top: 1px solid #e9ebeb; }
.blog-Block h3 , .blog-Block h1.blogTitle{ padding-bottom: 20px; margin: 0; font-weight: 400; color: #4d4e53; font-size: 18px; line-height: 24px; text-transform: none;}
.blog-Block h3 span, .blog-Block h1.blogTitle span { display: block; font-size: 14px; line-height: 18px; text-transform: uppercase;  font-weight: 600; }
.blog-Block aside { padding: 15px; margin-bottom: 20px; border: 1px solid #f3f3f3; overflow: hidden; }
.blog-Block aside img { border: 1px solid #f3f3f3; margin-right: 20px; }
.blog-Block p { padding: 10px 0; color: #7d7f86; font-size: 14px; line-height: 26px; margin: 0; }
.blog-Block .twitter i.icon { background: #55acee; }
.blog-Block .twitter h3 span, .blog-Block .twitter h1.blogTitle span { color: #55acee; }
.blog-Block .twitter aside { margin-bottom: 0; }
.blog-Block .security i.icon { background: #72ac0e; }
.blog-Block .security i.icon i { font-size: 13px; line-height: 18px; border-radius: 50%; border: 2px solid #fff; width: 20px; height: 20px; }
.blog-Block .security h3 span, .blog-Block .security h1.blogTitle span { color: #72ac0e; }
.blog-Block .hosted i.icon { background: #2666a8; }
.blog-Block .hosted h3 span, .blog-Block .hosted h1.blogTitle span { color: #2666a8; }

i.icon.fa.blue {
    background: #2e68ae !important;
}
i.icon.fa.light-orange {
    background: #EE873C !important;
}
i.icon.fa.twitter-blue {
    background: #55acee !important;
}
i.icon.fa.green {
    background: #72ac0e !important;
}
i.icon.fa.yellow {
    background: #CCCC00 !important;
}
i.icon.fa.purple {
    background: #990adc !important;
}
i.icon.fa.red {
    background: #CC0022 !important;
}
i.icon.fa.light-pink {
    background: #f3639d !important;
}
i.icon.fa.grey-icon {
    background: #bdbdbd !important;
}
i.icon.fa.dark-yellow {
    background: #dcb20a !important;
}
i.icon.fa.pink {
    background: #dc0aad !important;
}
i.icon.fa.aqua {
    background: #0adccb !important;
}
i.icon.fa.dark-grey {
    background: #555c5b !important;
}
i.icon.fa.orange {
    background: #f16713 !important;
}

.advies-Block { padding: 20px; position: relative; border-radius: 8px; width: auto; margin: 43px 0 25px 0; background: #f3f3f3; }
.advies-Block h2 { padding-bottom: 8px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 18px; font-weight: 600; }
.advies-Block p { width: 70%; color: #767576; font-size: 13px; line-height: 30px; }
.advies-Block img.image { position: absolute; right: 10px; top: -30px; }
.advies-Block .text { padding-top: 8px; overflow: hidden; width: 100%; }
.advies-Block .text p { width: auto; }
.advies-Block.spacer { margin-top: 23px; }
.advies-Block .text ul { padding: 0 0 0 20px; margin: 0; list-style: none; overflow: hidden; }
.advies-Block .text li { float: left; }
.advies-Block .text li a img { opacity: 0.2; transition: all 0.3s; -webkit-transition: all 0.3s; }
.advies-Block .text li a:hover img { opacity: 1; }
.advies-Block .text li.pull-right { padding-right: 10px; }
.advies-Block .text ul.card { padding-top: 20px; }
.advies-Block .text p { padding-bottom: 20px; }
.advies-Block .text { }

.categories-Block { padding: 20px 20px 15px; position: relative; margin-top: 30px; border: 1px solid #f3f3f3; border-radius: 8px; width: auto; }
.categories-Block ul { list-style: none; margin:0; overflow: hidden; padding: 0; }
.categories-Block h2 { padding-bottom: 8px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 18px; font-weight: 600; }
.categories-Block li { width: 100%; float: left; line-height: 30px; }
.categories-Block li a { padding-left: 20px; text-decoration: none; display: block; color: #767576; font-size: 13px; background: url(https://static.hosted.nl/img/categories_arrow.png) left 8px no-repeat; }
.categories-Block li a.active { font-weight: bold; }
.categories-Block li a span { color: #039af0; }
.categories-Block li a:hover { text-decoration: underline; }

.over_hosted-Block { padding: 20px 20px 15px; position: relative; margin-top: 30px; border: 1px solid #f3f3f3; border-radius: 8px; width: auto; }
.over_hosted-Block h2 { padding-bottom: 15px; margin: 0; text-transform: uppercase; color: #049bf0; font-size: 18px; font-weight: 600; }
.over_hosted-Block p { color: #767576; font-size: 13px; line-height: 30px; }
.over_hosted-Block img { display: block; margin: 0 auto 10px; float: none; }
.over_hosted-Block .btn { margin: 0 auto; display: block; float: none; max-width: 170px; }

.step-Block { padding-top: 25px; overflow: hidden; width: 100%; }
.step-Block ul { list-style: none; overflow: hidden; padding: 0; margin: 0; }
.step-Block li { width: 130px; margin-right: 10px; text-align: center; float: left; }
.step-Block li span { display: block; color: #777576; font-size: 18px; position: relative; line-height: 44px; width: 48px; height: 44px; margin: 0 auto; border-radius: 4px; -webkit-border-radius: 4px; background: #ebebeb; }
.step-Block li.first span:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(43, 182, 183, 0); border-width: 8px; margin-left: -8px; border-top-color: #ebebeb; }
.step-Block li.active.first span:after { border-top-color: #0098ee; }
.step-Block li.active span { color: #fff; background: #0098ee; font-weight: 700; }
.step-Block li cite { color: #a4a4a4; font-size: 12px; line-height: 30px; display: block; font-style: normal; margin-top: 10px; text-transform: uppercase; }
.step-Block li.active cite { color: #0098ee; font-weight: 700; }
.step-Block li.check span { cursor: pointer; background-image: url(https://static.hosted.nl/img/check.png); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; }

.shopping_cart-Block { padding: 5px 0; width: 100%; }
.shopping_cart-Block h2 { padding-bottom: 18px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 18px; font-weight: 600; }
.shopping_cart-Block ul { padding: 0; margin: 0; float: left; list-style: none; border-bottom: 1px solid #e2e2e3; width: 100%;}
.shopping_cart-Block li { position: relative; border: 1px solid #e2e2e3; line-height: 40px; border-bottom: none; width: 100%; float: left; }
.shopping_cart-Block li:first-child { border-color: #fff; }
.shopping_cart-Block li>div { padding: 8px 0; position: relative; height: 40px; float: left; border-right: 1px solid #f6f6f7; font-size: 12px; }
.shopping_cart-Block .first { padding-left: 10px; width: 25%; }
.shopping_cart-Block li.related .first { padding-left: 10px; width: 53%; }
.shopping_cart-Block .second { width: 10%; }
.shopping_cart-Block .third { padding: 0 10px 0 0; width: 18%; }
.shopping_cart-Block .four { padding: 0 0 0 10px; width: 18%; }

.shopping_cart-Block li:first-child  .third { padding: 8px 0; width: 18%; }
.shopping_cart-Block li:first-child  .four { padding: 8px 0; width: 18%; }

.shopping_cart-Block .five { width: 12%; }
.shopping_cart-Block .six { width: 12%; }

.shopping_cart-Block.spacer { margin-bottom: 20px; }
.shopping_cart-Block.spacer li div { border-color: #eaeaeb; }
.shopping_cart-Block.spacer li { border-color: #eaeaeb; border-right: none; border-left: none; }
.shopping_cart-Block.spacer .first { padding-left: 10px; width: 26%; }
.shopping_cart-Block.spacer li.related .first { padding-left: 10px; width: 55%; }
.shopping_cart-Block.spacer .second { width: 11%; }
.shopping_cart-Block.spacer .third { width: 18%; }
.shopping_cart-Block.spacer .four { width: 18%; }
.shopping_cart-Block.spacer .five { width: 14%; }
.shopping_cart-Block.spacer .six { width: 11%; border: none; }
.shopping_cart-Block.spacer h2 { color: #0098ee; }
.shopping_cart-Block.spacer h4 { color: #f5772c; }

.shopping_cart-Block h4 { margin: 0; padding: 0; font-size: 12px; color: #0098ee; line-height: 24px; text-transform: uppercase; font-weight: 600; }
.shopping_cart-Block .number { padding: 0; float: none; position: relative; width: 47px; height: 26px; border: 1px solid #f0f0f1; border-radius: 3px; text-align: center; margin: 0 auto 0; background: #fff; }
.shopping_cart-Block .number span { padding-right: 10px; color: #0098ee; font-size: 13px; display: block; line-height: 24px; text-align: center; margin: 0; }
.shopping_cart-Block .number a { text-decoration: none; color: #d4d4d4; font-size: 14px; line-height: 18px; position: absolute; right: 5px; }
.shopping_cart-Block .number .fa-caret-up { top: 0px; }
.shopping_cart-Block .number .fa-caret-down { bottom: 0px; }
.shopping_cart-Block .number:hover span { font-weight: 600; }
.shopping_cart-Block .number:hover { border-color: #0098ee; }
.shopping_cart-Block .number:hover a { color: #0098ee; }
.shopping_cart-Block h6 { font-weight: 400; line-height: 24px; color: #929499; margin: 0; text-transform: uppercase; }
.shopping_cart-Block li.product_regel div.first h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 89%;
    white-space: nowrap;
    display: inline-block;
    float:left;
}

.shopping_cart-Block li.product_regel.related div.first h6:before {
    content: url(https://static.hosted.nl/img/link_icon.png);
    margin: 0 10px 0 0;
    float: left;
}



.shopping_cart-Block .info { }
.shopping_cart-Block select { margin: 0 8%; float: left; height: 26px; line-height: 26px; width: 84%; }
.shopping_cart-Block span.price { margin: 0; line-height: 24px; color: #7d7f86; font-size: 11px; display: block; text-align: center; }
.shopping_cart-Block span.num { margin: 0; line-height: 24px; color: #a6a7ab; font-size: 13px; display: block; text-align: center; }
.shopping_cart-Block .close { font-weight: 400; color: #ecebeb; font-size: 18px; border: 2px solid #ecebeb; text-align: center; line-height: 22px; opacity: 1; width: 26px; height: 26px; display: block; position: absolute; right: 5px; top: 7px; border-radius: 50%; }
.shopping_cart-Block .close:hover { color: #cecccd; border-color: #cecccd; }
.shopping_cart-Block .info { font-weight: 400; text-decoration: none; color: #ecebeb; font-size: 14px; border: 2px solid #ecebeb; text-align: center; line-height: 18px; opacity: 1; width: 22px; height: 22px; display: block; position: absolute; right: 5px; top: 10px; border-radius: 50%; }
.shopping_cart-Block .info:hover { color: #cecccd; border-color: #cecccd; }
.shopping_cart-Block li.none { border-top: 1px solid #f6f6f7; }
.shopping_cart-Block .link { padding-left: 30px; margin: 5px 5px 5px 10px; text-transform: uppercase; display: block; float:left; color: #0098ee; font-size: 12px; line-height: 24px; text-decoration: none; background: url(https://static.hosted.nl/img/link_icon.png) left center no-repeat; }
.shopping_cart-Block .cart { padding: 5px 0 15px; width: 100%; overflow: hidden; border-bottom: 1px solid #e2e2e3; }
.shopping_cart-Block .cart a { padding-left: 30px; color: #909297; font-size: 12px; line-height: 20px; text-decoration: underline; background: url(https://static.hosted.nl/img/link_icon2.png) left center no-repeat; }
.shopping_cart-Block .cart a:hover { text-decoration: none; }
.shopping_cart-Block .cart span { color: #87888f; font-size: 12px; line-height: 20px; }
.shopping_cart-Block .cart span span { min-width: 80px; font-weight: 600; margin-right: 20px; text-align: center; display: inline-block; font-size: 14px; color: #f5772c; }
.shopping_cart-Block .cart span span.cartVAT { width: auto;
    font-size: 12px;
    color: #87888f;
    font-weight: 100 }
.shopping_cart-Block .cart span strong { font-weight: 600; }
.shopping_cart-Block .offer a.link { margin: 13px 15px 0 0; color: #0098ee; font-size: 14px; text-transform: uppercase; font-weight: 600; display: block; float: left; background-image: url(https://static.hosted.nl/img/offer_icon1.png); }
.shopping_cart-Block .link:hover { text-decoration: underline; }
.shopping_cart-Block .offer a.link.icon2 { background-image: url(https://static.hosted.nl/img/offer_icon2.png); }
.shopping_cart-Block .offer { padding: 25px 0; width: 100%; overflow: hidden; }

.clients-Block { padding: 50px 0 35px; margin: 10px 0 0 0; position: relative; width:100%; background: #f3f4f4 url(https://static.hosted.nl/img/clients_bg.jpg) center top repeat-x; }
.clients-Block h2 { line-height: 22px; margin: 0 0 15px; text-align: center; text-transform: uppercase; color: #f5772c; letter-spacing: 1px; font-size: 18px; font-weight: 600; background: url(https://static.hosted.nl/img/line.jpg) center center repeat-x; }
.clients-Block h2 span { display: inline-block; padding: 0 7%; background: #f3f4f4; }
.clients-Block li { padding-left: 2.5%; }
.clients-Block li:first-child { padding-left: 0; }
.clients-Block li a img { opacity: 0.4; }
.clients-Block li a:hover img { opacity: 1; }
.clients-Block ul { padding-bottom: 20px; background: url(https://static.hosted.nl/img/line.jpg) left bottom repeat-x; }
.clients-Block.sub { padding: 40px 0; background: #fff; }
.clients-Block.sub h2 span { background: #fff; }
.clients-Block.sub.grey h2 span { background: #f3f4f4 }
.clients-Block.sub h2.dark { color: #4d4e53; }
.clients-Block.spacer li { padding: 0 1.6%; }
.clients-Block.spacer ul { padding-bottom: 0; }

.light_box {  position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; }

.dialog-Block h2 {line-height: 22px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 18px; font-weight: 600;  }
.dialog-Block p { padding: 10px 0px; width: 95%; margin: 0px; color: #767576; font-size: 13px; line-height: 30px;}
.dialog-Block .link { padding-left: 35px; text-transform: uppercase; font-size: 15px; line-height: 24px; color: #0098ee; text-decoration: underline; font-weight: 600; margin-top: 12px; background: url(https://static.hosted.nl/img/link_icon3.png) left center no-repeat; }
.dialog-Block .close { padding-left: 0; font-weight: 400; color: #326cb2; font-size: 14px; border: 2px solid #326cb2; text-align: center; line-height: 18px; opacity: 1; width: 22px; height: 22px; display: block; position: absolute; right: 25px; top: 18px; border-radius: 50%; }
.modal-dialog {margin: 40px auto 0; padding: 15px 20px; background: #fff;border-radius: 6px; }
.modal-content { background: none; box-shadow: none; border: 0; overflow-y: auto;}
.modal-backdrop {z-index: 999999}
.modal-footer:focus, .modal-footer:active{
    border-top: 1px solid #e5e5e5 !important;
}
.modal-header:focus, .modal-header:active {
    border-bottom: 1px solid #e5e5e5 !important;
}

.modal-content legend {
    border: none;
    margin: 10px 0 10px 0;
    color: #0098ee;
    font-size: 16px;
    font-weight: bold;
}

.modal-content fieldset {
    margin: 10px 0px 15px 0;
}

.gegevens-Block { width: 100%; position: relative; }
.gegevens-Block h2 { padding-bottom: 18px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 18px; font-weight: 600; }
.gegevens-Block .gegevens { padding: 3% 19% 3% 3%; border-radius: 6px; width: 75%; background: #f3f3f3; }
.gegevens-Block .gegevens h2 { color: #0098ee; float: left; padding-right: 10px; }
.gegevens-Block .gegevens .row { padding-bottom: 14px; }
.gegevens-Block .checkbox { padding: 0; float: left; margin: -7px 0 0 0; cursor: pointer; }
.gegevens-Block label { padding: 0 6px; cursor: pointer; float: left; font-weight: 400; line-height: 20px; color: #306bb0; font-size: 12px; }
.gegevens-Block label.active { color: #f5772c; font-weight: 600; }
.gegevens-Block .login { padding: 15px 10px; position: absolute; right: 0px; top: 70px; border-radius: 0 5px 5px 0; overflow: hidden; width: 270px; background: #f5772c; }
.gegevens-Block .login h3 { padding-bottom: 10px; margin: 0; text-transform: uppercase; font-size: 18px; color: #fff; font-weight: 600; }
.gegevens-Block .login p { color: #fff; font-size: 13px; line-height:30px; }
.gegevens-Block .login .form-control { margin-top: 12px; color: #2f6aaf; }
.gegevens-Block .login .btn.btn-arrow { width: 100%; margin-top: 40px; height: 44px; line-height: 36px; }
.gegevens-Block .login .btn.btn-arrow i { font-size: 12px; }
.gegevens-Block .login .link { font-size: 11px; line-height: 20px; color: #fff; text-decoration: underline; margin: 5px 0 10px; display: block; float: left; }
.gegevens-Block.spacer .gegevens { padding: 3%; width: 100%; }
.gegevens-Block.spacer .gegevens h2 { float: none; }
.gegevens-Block.spacer select { padding: 10px; cursor: pointer; border: 2px solid #e6e7e7; width: 100%; height: 44px; }
.gegevens-Block.spacer select:focus { border-color: #f5772c; color: #0098ee; }
.gegevens-Block.spacer label { padding: 0; line-height: 20px; margin: 10px 0 0 0; color: #7f7f7f; font-size: 13px; }
.gegevens-Block.spacer .col-md-4 { padding-right: 0; width: 37%; }
.gegevens-Block.spacer .row { position: relative; }
.gegevens-Block.spacer .plus { padding-left: 30px; margin: 0 40px 20px 0; color: #0098ee; font-size: 13px; font-weight: 600; line-height: 40px; background: url(https://static.hosted.nl/img/plus_icon.png) left center no-repeat; }
.gegevens-Block.spacer .btn.btn-arrow { margin-top: 30px; }
.gegevens-Block .info { font-weight: 400; color: #e2e1e1; font-size: 14px; text-decoration: none; border: 2px solid #e2e1e1; text-align: center; line-height: 20px; opacity: 1; width: 22px; height: 22px; display: block; position: absolute; right: 12px; top: 10px; border-radius: 50%; }
.gegevens-Block .info:hover { color: #cecccd; border-color: #cecccd; }

.bg_gray { padding: 3.5% 4%; border-radius: 5px; overflow: hidden; background: #f3f3f3; }
.address-Main h2 { padding-bottom: 18px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 18px; font-weight: 600; }
.address-Block h2 { margin-top: 20px; }
.address-Block h2 { color: #0098ee; }
.address-Block h3 { padding-bottom: 14px; color: #f5772c; font-size: 16px; line-height: 20px; margin: 0; }
.address-Block .address { padding: 12px 20px; overflow: hidden; position: relative; border-radius: 5px; background: #fff; }
.address-Block .address strong { display: block; }
.address-Block address { color: #767576; font-size: 13px; line-height: 25px; margin: 0; }
.address-Block .edit { font-weight: 400; color: #e2e1e1; font-size: 12px; text-decoration: none; border: 2px solid #e2e1e1; text-align: center; line-height: 20px; opacity: 1; width: 22px; height: 22px; display: block; position: absolute; right: 12px; top: 10px; border-radius: 50%; }
.address-Block .edit:hover { color: #cecccd; border-color: #cecccd; }
.address-Block .row { margin-bottom: 25px; position: relative; }
.address-Block .address_line { position: absolute; top: 10px; right: 50%; width: 1px; height: 469px; background: url(https://static.hosted.nl/img/address_line.png) no-repeat; }
.address-Block .lead label { cursor: pointer; width: 100%;}
.address-Block textarea { margin-bottom: 30px; }
.address-Block p { padding-bottom: 20px; line-height: 30px !important; font-size: 13px !important; color: #767576; }
.address-Block p.gap { padding-bottom: 0px; }
div#content .address-Block .lead, div.modal .address-Block .lead { padding: 10px 20px; width: 92%; border-radius: 5px; -webkit-border-radius: 5px; float: right; overflow: hidden; background: #fff; }
div#content .address-Block .lead p, div.modal .address-Block .lead p { font-weight: 600; margin: 0; padding: 0; color: #f5772c; font-size: 12px; line-height: 27px; }
div#content .address-Block .lead.form-error, div.modal .address-Block .lead.form-error {border: solid 1px #cd4237;}
div#content .address-Block .lead label.form-error p, div.modal .address-Block .lead label.form-error p {color: #cd4237;}

.address-Block .checkbox { margin: 20px 0 0 5px; float: left; }
.address-Block .download { padding: 18px; margin-bottom: 35px; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; background: #fff; }
.address-Block .download .pdf_btn { padding-top: 14px; border-radius: 5px; text-align: center; display: block; float: left; width: 112px; height: 112px; background: #ebebeb; }
.address-Block .download .pdf_btn img { display: block; margin: 0 auto; }
.address-Block .download .pdf_btn span { padding-top: 10px; display: block; text-align: center; color: #f5772c; font-size: 11px; line-height: 20px; text-transform: uppercase; font-weight: 600; }
.address-Block .image { padding: 18px; position: relative; width: 440px; margin-bottom: 35px; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; background: #fff; }
.address-Block .image img { border: 1px solid #ebebeb; }
.address-Block .close, .address-Block .clearSig { padding-left: 0; font-weight: 400; color: #326cb2; font-size: 14px; border: 2px solid #326cb2; text-align: center; line-height: 18px; opacity: 1; width: 23px; height: 23px; display: block; position: absolute; right: 30px; top: 30px; border-radius: 50%; }
.address-Block .close:hover, .address-Block .clearSig:hover { color: #000; border-color: #000; text-decoration: none;}
.address-Block p span { font-weight: 600; color: #f58b55; }
.address-Block .pay { padding-bottom: 0; margin-bottom: 20px; width: 100%; border-radius: 5px; overflow: hidden; background: #fff; }
.address-Block .pay ul { padding: 15px; margin:0; border-bottom: 1px solid #e2e2e3; overflow: hidden; list-style: none; }
.address-Block .pay li { padding-right: 17px; float: left; }
.address-Block .pay li a { display: block; border: 2px solid #e6e7e7 !important; width: 112px; border-radius: 5px; }
.address-Block .pay li a:hover { text-decoration: none; border: 2px solid #e6e7e7 !important; border-width: 2px !important;}
.address-Block .pay li a span { display: block; text-align: center; line-height: 34px; color: #f68244; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.address-Block .pay li.active a span { color: #fff; margin: 2px -2px -2px; border-radius: 0 0 5px 5px; background: #2e68ae; }
.pay li a span.fill {
    display: block;
    width: 112px;
    height: 78px;
    background: transparent !important;
    vertical-align: middle;
    line-height: 70px;
    margin: 0 !important;
}
.pay li a span.fill i.fa {
    color: #e2e2e3;
    font-size: 37px;
    margin-top: 20px;
    margin-left: -2px
}
.pay li.active a span.fill i.fa {
color: #326cb2;
}
.address-Block .pay li a img { opacity: 0.2; }
.address-Block .pay li.active a img { opacity: 1; }
.address-Block .pay label { font-weight: 400; text-align: center; font-size: 13px; color: #7f7f7f; display: block; float: none; margin: 10px 0; padding: 0; }
.address-Block .pay .form-control { padding: 10px; color: #0098ee; font-weight: 600; cursor: pointer; }
.address-Block .pay .row { padding: 13px 0; margin-bottom: 0; }

.online-Block { padding: 40px 0 20px; position: relative; z-index: 999; background: #fff;}
.online-Block.webhosting { padding: 15px 0 20px; top: 30px; }
.online-Block.dHeader { padding: 45px 0 20px; }
.online-Block h2 { padding-bottom: 8px; margin: 0; text-transform: uppercase; color: #0098ee; font-size: 18px; font-weight: 600; }
.online-Block p { padding-bottom: 20px; margin: 0; color: #7d7f86; font-size: 14px; line-height: 24px; }
.online-Block .col-lg-6 { background: url(https://static.hosted.nl/img/address_line.png) center right no-repeat; }
.online-Block .line { position: absolute; left: 51%; top: 0; width: 1px; min-height: 169px; height: 100%; background: url(https://static.hosted.nl/img/address_line.png) center center no-repeat; }
.online-Block .row { position: relative; }
.online-Block ul { padding: 0 0 0 30px; overflow: hidden; }
.online-Block li { padding-left: 70px; margin-top: 20px; width: 100%; color: #7d7f86; font-size: 14px; line-height: 24px; background: url(https://static.hosted.nl/img/check_img.png) left center no-repeat; }
.online-Block li:first-child { margin-top: 0; }
.online-Block .premium ul { padding-bottom: 0; }
.online-Block .premium li { line-height: 40px; color: #7d7f86; font-size: 14px; padding: 0; margin: 0; border-bottom: 1px solid #e2e2e3; background: none; }
.online-Block .premium table.table-responsive { width: 93%; margin-left: 30px; }
.online-Block .premium td { line-height: 40px; color: #7d7f86; font-size: 14px; padding: 0; margin: 0; border-bottom: 1px solid #e2e2e3; background: none; }
.online-Block .premium td:first-child { padding-left: 10px; }
.online-Block .premium td strong { color: #0098ee; font-size: 13px; line-height: 40px; display: block; text-align: center; }
.online-Block .premium td i { color: #0097ed; font-size: 18px; }

.online-Block .premium li i { color: #0097ed; font-size: 18px; }
.online-Block .premium li img { display: block; margin: auto; }
.online-Block .premium li strong { color: #0098ee; font-size: 13px; line-height: 40px; display: block; text-align: center; }
.online-Block.binnen h1 { padding-bottom: 15px; color: #0098ee; font-size: 30px; line-height: 40px; text-transform: uppercase; margin: 0; font-weight: 600; }
.online-Block.binnen h3 { color: #4a494a; font-size: 21px; line-height: 30px; margin: 0; }
.online-Block.binnen { min-height: 220px; background-image: url(https://static.hosted.nl/img/werken_bg.png); background-position: center 12px; background-repeat: no-repeat; }
.online-Block.dHeader.binnen { min-height: 220px; background-image: url(https://static.hosted.nl/img/werken_bg.png); background-position: center 42px; background-repeat: no-repeat; }
.online-Block.webhosting.binnen {min-height: 180px;}
.online-Block.dHeader.binnen {min-height: 210px;}
.online-Block .price_btn { padding-top: 20px; position: absolute; right: 20px; top: -20px; text-align: center; width: 142px; height: 142px; background: url(https://static.hosted.nl/img/actiesticker_btn.png) no-repeat; }
.online-Block .price_btn span { padding-bottom: 5px; display: block; font-size: 29px; color: #fff; font-weight: 600; line-height: 30px; }
.online-Block .price_btn span cite { font-size: 14px; display: block; line-height: 18px; }
.online-Block .price_btn span.price { color: #fff; font-size: 52px; line-height: 44px; letter-spacing: -1px; }
.online-Block .price_btn span.price sup { font-size: 33px; line-height: 34px; position: relative; }
.online-Block .price_btn span.price sup cite { font-size: 14px; position: absolute; right: -8px;
    top: 3px; }

.werken-Block { padding: 60px 0; overflow: hidden; box-shadow: inset 0 0 8px rgba(200,200,200,0.5); background: url(https://static.hosted.nl/img/werken_bg.png) center 50px no-repeat; }
.werken-Block h2 { color: #0098ee; margin: 0 0 12px; padding: 0; font-size: 30px; text-transform: uppercase; line-height: 40px; font-weight: 600; }
.werken-Block h3 { color: #4a494a; font-size: 21px; margin: 0; line-height: 40px; font-weight: 400; }
.werken-Block li { padding: 0; width: 110px; float: left;}
.werken-Block li a { display: block; text-decoration: none; }
.werken-Block li a img { display: block; margin: auto; opacity: 0.3; }
.werken-Block li a span { display: block; text-align: center; color: #4d4e53; text-transform: uppercase; font-size: 13px; margin-top: 17px; font-weight: 700; }
.werken-Block li a:hover span, .werken-Block li.active a span { color: #f36c1b; }
.werken-Block li a:hover img, .werken-Block li.active a img { opacity: 1; }
.werken-Block .line { width: 100%; margin: 50px 0; height: 1px; background: url(https://static.hosted.nl/img/line2.png) center center no-repeat; }
.werken-Block .prv { padding-right: 3px; width: 40px; text-decoration: none; height: 40px; font-size: 28px; color: #fff; position: absolute; left: 0px; top: 20px; line-height: 40px; background: #c2c6cb; }
.werken-Block .next { padding-left: 3px; width: 40px; text-decoration: none; height: 40px; font-size: 28px; color: #fff; position: absolute; right: 0px; top: 20px; line-height: 40px; background: #c2c6cb; }
.werken-Block .next:hover, .werken-Block .prv:hover { background: #f5772c; }
.werken-Block .slider { overflow: hidden; position: relative; }
/*
.werken-Block li .image { width: 52px; height: 46px; display: block; margin: 0 auto; background: url(https://static.hosted.nl/img/productstab-cloud.png) left bottom no-repeat; }
.werken-Block li.active .image { background-position: left top; }
.werken-Block li .image.icon2 { width: 42px; background-image: url(https://static.hosted.nl/img/productstab-vps.png); }
.werken-Block li .image.icon3 { width: 42px; background-image: url(https://static.hosted.nl/img/productstab-voip.png); }
.werken-Block li .image.icon4 { width: 46px; background-image: url(https://static.hosted.nl/img/productstab-sharepoint.png); }
.werken-Block li .image.icon5 { width: 52px; background-image: url(https://static.hosted.nl/img/productstab-hosting.png); }
.werken-Block li .image.icon6 { width: 46px; background-image: url(https://static.hosted.nl/img/productstab-wordpress.png); }
.werken-Block li .image.icon7 { width: 40px; background-image: url(https://static.hosted.nl/img/productstab-joomla.png); }
.werken-Block li .image.icon8 { width: 57px; background-image: url(https://static.hosted.nl/img/productstab-opencart.png); }
*/

li .image {
    width: 42px;
    height: 46px;
    display: block; margin: 0 auto;
    background: url('https://static.hosted.nl/slider-joomla.png') left bottom no-repeat;
}
li.active .image { background-position: left top; }
li:hover .image { background-position: left top; }

li .image.concrete5 {
    background-image: url('https://static.hosted.nl/slider-concrete5.png');
}
li .image.drupal {
    background-image: url('https://static.hosted.nl/slider-drupal.png');
}
li .image.fengoffice {
    background-image: url('https://static.hosted.nl/slider-fengoffice.png');
}
li .image.magento {
    background-image: url('https://static.hosted.nl/slider-magento.png');
}
li .image.wordpress {
    background-image: url('https://static.hosted.nl/slider-wordpress.png');
}
li .image.gallery {
    background-image: url('https://static.hosted.nl/slider-gallery.png');
}
li .image.mediawiki {
    background-image: url('https://static.hosted.nl/slider-mediawiki.png');
}
li .image.opencart {
    background-image: url('https://static.hosted.nl/slider-opencart.png');
}
li .image.oscommerce {
    background-image: url('https://static.hosted.nl/slider-oscommerce.png');
}
li .image.phpbb {
    background-image: url('https://static.hosted.nl/slider-phpbb.png');
}
li .image.prestashop {
    background-image: url('https://static.hosted.nl/slider-prestashop.png');
}
li .image.archlinux {
    background-image: url('https://static.hosted.nl/image-archlinux.png');
}
li .image.clearos {
    background-image: url('https://static.hosted.nl/image-clearos.png');
}
li .image.cloudlinux {
    background-image: url('https://static.hosted.nl/image-cloudlinux.png');
}
li .image.elastix {
    background-image: url('https://static.hosted.nl/image-elastix.png');
}
li .image.fedora {
    background-image: url('https://static.hosted.nl/image-fedora.png');
}
li .image.centos {
    background-image: url('https://static.hosted.nl/image-centos.png');
}
li .image.gentoo {
    background-image: url('https://static.hosted.nl/image-gentoo.png');
}
li .image.mageia {
    background-image: url('https://static.hosted.nl/image-mageia.png');
}
li .image.opensuse {
    background-image: url('https://static.hosted.nl/image-opensuse.png');
}
li .image.scientificlinux {
    background-image: url('https://static.hosted.nl/image-scientificlinux.png');
}
li .image.smeserver {
    background-image: url('https://static.hosted.nl/image-smeserver.png');
}
li .image.ubuntu {
    background-image: url('https://static.hosted.nl/image-ubuntu.png');
}
li .image.windowsserver2003 {
    background-image: url('https://static.hosted.nl/image-windowsserver2003.png');
}
li .image.windowsserver2008 {
    background-image: url('https://static.hosted.nl/image-windowsserver2008.png');
}
li .image.windowsserver2012 {
    background-image: url('https://static.hosted.nl/image-windowsserver2012.png');
}
li .image.breedbandarnhem {
    background-image: url('https://static.hosted.nl/image-breedbandarnhem.png');
}
li .image.eurofiber {
    background-image: url('https://static.hosted.nl/image-eurofiber.png');
}
li .image.kpn {
    background-image: url('https://static.hosted.nl/image-kpn.png');
}
li .image.tele2 {
    background-image: url('https://static.hosted.nl/image-tele2.png');
}
li .image.tmobile {
    background-image: url('https://static.hosted.nl/image-tmobile.png');
}
li .image.upc {
    background-image: url('https://static.hosted.nl/image-upc.png');
}
li .image.vodafone {
    background-image: url('https://static.hosted.nl/image-vodafone.png');
}
li .image.ziggo {
    background-image: url('https://static.hosted.nl/image-ziggo.png');
}

.customer-Block { padding: 55px 0 55px; overflow: hidden; }
.customer-Block a.btn .fa-play:before{ margin-left: 4px; }
.online-Block a.btn .fa-play:before{ margin-left: 4px; }
.customer-Block h2 { color: #0098ee; margin: 0 0 12px; text-transform: uppercase; padding: 0; font-size: 30px; line-height: 40px; font-weight: 600; }
.customer-Block h3 { padding-bottom: 10px; color: #4a494a; font-size: 21px; margin: 0; line-height: 40px; font-weight: 400; }
.star { display: block; margin: 0 auto 20px; }
.customer-Block h4 { text-transform: uppercase; color: #2565a8; font-size: 18px; line-height: 24px; font-weight: 600; }
.customer-Block p { color: #767576; font-size: 18px; line-height: 39px; }
.customer-Block .pull-right { margin: 20px 20px 0 0px; }
.customer-Block .col-sm-6 { margin-bottom: 0; min-height: 190px; position: relative; z-index: 89; }
.customer-Block .row { position: relative; }
.customer-Block img.line { position: absolute; left: 50%; top: 50%; margin: -157px 0 0 -159px; }
.star-icons { color: #fed100; font-size: 12px; font-size: 14px; margin: 10px 0 20px; }
.star-icons .big { font-size: 24px; }
.star-icons .sml { font-size: 18px; }
.star-icons.datacenter .fa-star{ display: block; float: left;}
.star-icons.datacenter .fa-star.normal { margin-top:4px; }

.star-icons.datacenter .sml { margin-top: 2px; }

.info-Block { padding: 34px 0; overflow: hidden; }
.info-Block h2 { padding-bottom: 8px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 18px; font-weight: 600; }
div#content .info-Block p { color: #767576; margin: 0; font-size: 13px; line-height: 30px; }

.testform-Block { padding: 40px 0 60px; overflow: hidden; }
.testform-Block h3 { padding-bottom: 20px; text-transform: uppercase; color: #0098ee; font-size: 18px; line-height: 24px; font-weight: 600; }
.testform-Block p { color: #767576; font-size: 18px; line-height: 39px; }
.testform-Block .pull-right { margin: 40px 20px 0 0px; }
.testform-Block aside h3 { padding-bottom: 0; }
form.style label { display: block; width: 100%; color: #7d7f86; font-size: 14px; line-height: 38px; margin: 0; padding: 0; font-weight: 600; }
.testform-Block aside { overflow: hidden; padding-top: 25px; }
.testform-Block aside:first-child { padding-top: 50px; }
.testform-Block .btn { margin-top: 30px; }
.testform-Block .row { position: relative; }
.testform-Block .line { left: 49%; top: 20px; position: absolute; }

.questions-Block { padding: 3% 4%; overflow: hidden; border: 1px solid #d9dbdd; width: auto; background: #fff; }
.questions-Block h2 { margin: 0; text-transform: uppercase; color: #0098ee; font-size: 26px; line-height: 32px; font-weight: 600; }
.questions-Block h3 { padding-bottom: 20px; color: #4d4e53; font-size: 18px; line-height: 24px; font-weight: 400; }
.questions-Block ul { overflow: hidden; }
.questions-Block li a { color: #175396; font-size: 15px; }
.faqOverview .questions-Block li a, .faqOverview .questions-Block li { font-size: 13px;}
.questions-Block li { line-height: 48px; border-top: 1px solid #c4dbe8; }
.questions-Block li span.show{ line-height: 28px; margin: 0 7% 20px; }
.questions-Block li a i { display: block; float: left; color: #f5772c; font-size: 24px; margin: 10px 40px 0 0; font-weight: 400; }
.faqOverview .questions-Block li a i {  font-size: 20px; margin: 13px 20px 0 0; }
.domain_bg.spacer .questions-Block { margin-bottom: 0; }

.ajaxForm label {
    margin-top: 5px;
}

.configur-Block { padding: 20px; position: relative; border-radius: 5px; width: auto; margin-top: 20px; border: 1px solid #f3f3f3; }
.configur-Block h2 { padding: 0 0 15px 44px; border-bottom: 1px solid #c4dbe8; margin: 0; font-weight: 600; color: #f5772c; font-size: 18px; line-height: 24px; background: url(https://static.hosted.nl/img/configur_icon.png) left 2px no-repeat; }
.configur-Block ul { width: 100%; float: left; padding: 15px 0 5px; margin: 0; }
.configur-Block li { float: left; font-size: 13px; width: 100%; color: #767576; font-size: 13px; line-height: 24px; border-bottom: 1px solid #f3f3f3; }
.configur-Block li span { float: right; text-align: right; }
.configur-Block li span.overflowFix { overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
    display: inline-block;
    float:left;
    background: transparent;
    margin: 0;
    text-align: left;
    color: #767576; }
.configur-Block h4 { padding-right: 22px; color: #0098ee; font-size: 13px; line-height: 24px; margin: 0; font-weight: 600; float: left; position: relative; }
.configur-Block .info { font-weight: 400; margin: 0; text-decoration: none; color: #f5782d; font-size: 10px; position: absolute; right: 0px; top: 4px; border: 1px solid #f5782d; text-align: center; line-height: 15px; opacity: 1; width: 16px; height: 16px; display: block; border-radius: 50%; }
.configur-Block .info:hover { color: #0098ee; border-color: #0098ee; }
.configur-Block li strong { color: #0098ee; float: right; text-align: right; }
.configur-Block h3 { padding: 25px 0 30px; border-bottom: 1px solid #c4dbe8; margin: 0 0 15px; color: #0098ee; font-size: 15px; font-weight: 600; text-transform: uppercase; }
.configur-Block h3.no-button { padding: 25px 0 0px; border: none; margin: 0 0 15px; color: #0098ee; font-size: 15px; font-weight: 600; text-transform: uppercase; }
.configur-Block h3 span { float: right; width: 40%; text-align: right; color: #f5772c; }
.configur-Block .btn.btn-green{ padding: 0 50px 0 10px; display: block; width: 100%;}
.configur-Block .btn.btn-green i, .btn i.fa.fa-shopping-cart { padding: 1px 0 0 0;
    right: 12px;
    top: 8px;
    width: 22px;
    height: 22px;
    font-size: 12px;
}

.configur-Block hr {
    border-color: #c4dbe8;
    margin: 10px 0 0 0;
}

.items-Block { padding: 25px 0 5px; overflow: hidden; }
.items-Block h2 { padding-bottom: 22px; margin: 0; text-transform: uppercase; color: #0098ee; font-size: 18px; line-height: 24px; font-weight: 600; }
.items-Block h3 { padding-bottom: 10px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 16px; line-height: 22px; font-weight: 600; }
.items-Block p { color: #767576; font-size: 13px; line-height: 24px; }
.items-Block .slider { padding: 0; position: relative; margin-bottom: 15px; border: 2px solid #f3f3f3; border-radius: 5px; }
.items-Block .slider ul { padding: 15px; margin: 0; text-align: center; overflow: hidden; list-style: none; }
.items-Block .slider li { padding-right: 10px; }
.items-Block .slider li a { display: block; border: 2px solid #e6e7e7; width: 116px; border-radius: 5px; text-decoration: none; }
.items-Block .slider li a:hover {  border: 2px solid #e6e7e7;}
.items-Block .slider li a span { display: block; border-radius: 0 0 5px 5px; text-align: center; margin: 2px -2px -2px; line-height: 34px; color: #767677; font-size: 11px; font-weight: 400; text-transform: uppercase; background: #f3f3f3; }
.items-Block .slider li a span:hover { background-color: #D0D0D0; }
.items-Block .slider li a:hover span { background-color: #D0D0D0; }
.items-Block .slider li.active a span { color: #fff; background: #2e68ae; font-weight: 600; }
.items-Block .slider li a img { opacity: 0.2; }
.items-Block .slider li.active a img { opacity: 1; }
.items-Block .prv { padding-right: 3px; text-align: center; width: 40px; text-decoration: none; height: 40px; font-size: 28px; color: #fff; position: absolute; left: 15px; top: 50%; margin-top: -20px; line-height: 40px; background: #c2c6cb; }
.items-Block .next { padding-left: 3px; text-align: center; width: 40px; text-decoration: none; height: 40px; font-size: 28px; color: #fff; position: absolute; right: 15px; top: 50%; margin-top: -20px; line-height: 40px; background: #c2c6cb; }
.items-Block .next:hover, .items-Block .prv:hover { background: #f5772c; }
.items-Block aside { padding-top: 15px; overflow: hidden; }
aside img.osImg {padding:9px 13px;}
.items-Block aside a { display: block; color: #a7a7a7; font-size: 13px; line-height: 49px; background: #f3f3f3 url(https://static.hosted.nl/img/windows_btn.png) right top no-repeat; }
.items-Block aside.active a { font-weight: 600; background-position: right bottom; }
.items-Block div.windows.tab-content { padding: 0px 15px 5px; overflow: hidden; border-top: 2px solid #f3f3f3; }
.items-Block div.windows.tab-content ul { text-align: left; padding: 0; }
.items-Block div.windows.tab-content li { color: #a7a7a7; width: 100%; float: left; font-size: 13px; border-top: 1px solid #f3f3f3; }
.items-Block div.windows.tab-content li.active { color: #f58142; }
.items-Block div.windows.tab-content li:first-child { border: none; }
.items-Block div.windows.tab-content label { font-weight: 400; cursor: pointer; line-height: 49px; margin: 0; display: block; float: left; width: 70%;}
.items-Block div.windows.tab-content span.price { line-height: 48px;
    color: #1fa5f0;
    display: block;
    float: right;}
.items-Block div.windows.tab-content .radio { padding: 0; display: block; float: left; margin: 7px 10px 0; background: url(https://static.hosted.nl/img/radio2.png) no-repeat; }
.items-Block div.windows.tab-content .radio.checked { background-position: 0px -68px;}
.items-Block { }

.domein-Block { width: 100%; }
.domein-Block h2 { padding-bottom: 22px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 16px; line-height: 22px; font-weight: 600; }
.domein-Block .block { padding-bottom: 10px; overflow: hidden; position: relative; margin-bottom: 15px; border: 2px solid #f3f3f3; border-radius: 0; }
.domein-Block.page .block { padding-bottom: 0px; }
.domein-Block .table-responsive { border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; }
.domein-Block.page .table-responsive { border: none; }
.domein-Block .search { padding: 20px 23px 2px; margin: 0; border-bottom: 2px solid #f3f3f3; float: none; overflow: hidden; width: 100%; }
.domein-Block.page .search {border-bottom: none; }
.domein-Block .search .col-sm-7, .domein-Block .search .col-sm-8 { padding-right: 0; }
.domein-Block .search .col-sm-5, .domein-Block .search .col-sm-4 { padding-left: 0; }
.domein-Block .search .btn { width: 100%; height: 49px; border-radius: 0 2px 2px 0; font-size: 15px; }
.domein-Block .search .btn.blue { background-color: #2c66ac; }
.domein-Block .search .form-control { height: 49px; font-size: 18px; text-transform: none; font-weight: 600; border: 1px solid #cecece; border-right: none; border-radius: 2px 0 0 2px; box-shadow: inset 1px 2px 3px #e0e0e0; }
.domein-Block .search .btn.btn-green i { width: 26px; line-height: 26px; color: #5d8f06; font-size: 10px; top: 12px; height: 26px; }
.domein-Block .search .keybord_btn { padding-left: 30px; margin: 10px 5px; float: left; display: block; color: #0098ee; font-size: 14px; line-height: 24px; background: url(https://static.hosted.nl/img/key_btn.png) left center no-repeat; }
.domein-Block .search .keybord_btn.text-grey { color: #adadad; }
.domein-Block .news li  > div { padding: 0; position: relative; text-align: center; display: table-cell; border-right: 1px solid #f6f6f7; }
.domein-Block .news .first { padding-left: 10px; width: 23%; text-align: left; }
.domein-Block .news ul.lessCols .first { width: 45%; }
.domein-Block .news .second { width: 10%; }
.domein-Block .news .third { width: 10%; }
.domein-Block .news .four { width: 14%; }
.domein-Block .news .five { width: 20%; }
.domein-Block .news .six { width: 23%; border: none; }
.domein-Block .news ul { list-style: none; margin:0; }
.domein-Block .news li { width: 100%; display: table; border-bottom: 1px solid #eeeeee; color: #808080; font-size: 13px; line-height: 48px; }
.domein-Block.page .news li { width: 100%; display: table; border-bottom: none; border-top: 1px solid #eeeeee; color: #808080; font-size: 13px; line-height: 48px; }

.domein-Block .news span { display: block; text-align: center; }
.domein-Block .news .blue { color: #1fa5f0; }
.domein-Block .news li.color { background: #fafafa; }
.domein-Block .news li.active { color: #f58142; }
.domein-Block .news li.active .blue { color: #f58142; }
.domein-Block .news li .actie { display: block; width: 80%; margin: 15px 10% 0; font-weight: 600; color: #fff; height: 17px; line-height: 16px; font-size: 10px; border-radius: 5px; background: #2e68ae; }
.domein-Block .news li .actie a {color: #fff;}
.domein-Block .news li .besch { display: block; width: 80%; margin: 12px auto 0; font-weight: 600; color: #fff; height: 23px; line-height: 22px; font-size: 10px; border-radius: 5px; background: #76b210; }
.domein-Block .news li .light { background: #f3f3f3; color: #f5772c; }
.domein-Block .news li .five a {cursor: default;}
.domein-Block .news li .five a:hover {text-decoration: none}
.domein-Block .news ul.lessCols li .light { background: #76b210; color: #fff; }
.domein-Block .news ul.lessCols li .light i { color: #76b210; }
.domein-Block .news ul.lessCols li .light:hover { background: #64a010; color: #fff; }
.domein-Block .news ul.lessCols li .light:hover i{color: #64a010; }
.domein-Block .news li .btn { padding: 0 10px; text-align: left; float: none; font-size: 11px; margin: 0 5%; width: 90%; height: 31px; line-height: 32px; }
.domein-Block .news li .btn.btn-green i { right: 7px; top: 6px; line-height: 19px; width: 19px; height: 19px; }
.domein-Block .news li .bezet { display: block; width: 80%; margin: 12px auto 0; font-weight: 600; color: #fff; height: 23px; line-height: 22px; font-size: 10px; border-radius: 5px; background: #f68340; }
.domein-Block .news li .news_btn { display: block; width: 80%; margin: 15px 10% 0; font-weight: 600; color: #fff; height: 17px; line-height: 16px; font-size: 10px; border-radius: 5px; background: #afafaf; }
.domein-Block .news li:hover { background: #fef9f5; }
.domein-Block .news .link { color: #0098ee; font-size: 13px; line-height: 20px; }
.domein-Block .news .link i { margin: 0 5px 0 10px; font-size: 8px; color: #175396; line-height: 20px; float: left; }
.domein-Block .news { }
.domein-Block .news { }
.domein-Block { }

.product-Block { width: 100%; }
.product-Block .block { position: relative; margin-bottom: 15px; border: 2px solid #f3f3f3; border-radius: 0; }
body.service .product-Block .block {
    border: none;
    border-top: solid 1px #f3f3f3;
}

.block p.toggle {
    padding: 20px 15px !important;
}
.product-Block ul > li > div { padding: 0; position: relative; height: 48px; text-align: center; float: left; border-right: 1px solid #f6f6f7; }
.product-Block .first { width: 7.8%; }
.product-Block .second { padding-left: 10px; width: 58.9%; text-align: left; }
.product-Block .ui-slider { margin-top: 15px; }
.product-Block .third { width: 12%; }
.product-Block .four { width: 13.7%; }
.product-Block .five { width: 7.6%; border: none; }
.product-Block .info { font-weight: 400; margin: 12px auto 0; text-decoration: none; color: #f5782d; font-size: 14px; border: 2px solid #f5782d; text-align: center; line-height: 18px; opacity: 1; width: 22px; height: 22px; display: block; border-radius: 50%; }
.product-Block .info:hover { color: #0098ee; border-color: #0098ee; }
.product-Block .checkbox { padding: 0; margin: 7px auto 0; float: none; /*background: url(https://static.hosted.nl/img/checkbox2.png) no-repeat;*/ }
.product-Block .radio { float: none; margin: 7px auto 0; background: url(https://static.hosted.nl/img/radio3.png) no-repeat; }
.product-Block ul { list-style: none; float: left; width: 100%; margin-bottom: 0px;}
.product-Block ul > li { width: 100%; float: left; border-top: 1px solid #eeeeee; color: #808080; font-size: 13px; line-height: 48px; }
.product-Block ul > li:first-child { border: none; }
.product-Block li.active { color: #f58142;  }
.product-Block li.active span.blue { color: #f58142;  }
.product-Block li.active label { color: #f58142; }
.product-Block li label.checked { font-weight: 600; color: #0098ee;  }
.product-Block span { display: block; text-align: center; }
.product-Block .blue { color: #1fa5f0; }
.product-Block li.color { background: #fafafa; }
.product-Block label { font-weight: 400; cursor: pointer; }
.product-Block p { padding: 5px 15px; color: #767576; font-size: 13px; line-height: 24px; margin: 0; }
.product-Block.sub .block { padding:0; }
.product-Block.sub .first { padding-left: 20px; width: 29.1%; text-align: left; }
.product-Block.sub label { font-weight: 600; color: #0098ee !important; font-size: 13px; text-transform: uppercase; }
.product-Block.sub .second { padding: 0 25px; width: 63%; }
.product-Block.sub .third { width: 7.9%; border: none; }
.product-Block .range_bg { margin: 15px 5% 0; width: 90%; height: 20px; border: 6px solid #f5f5f5; border-radius: 10px; background: #fff; }
.product-Block .range_bg .triger { height: 8px; width: 50%; position: relative; background: #0098ee; float: left; border-radius: 5px; }
.product-Block .range_bg .triger i { position: absolute; right: 0px; top: -5px; color: #326db2; font-size: 18px; }
.product-Block .range_bg .triger span { display: none; color: #fff; font-size: 13px; position: absolute; right: -22px; top: -52px; line-height: 44px; width: 60px; height: 40px; margin: 0 auto; font-weight: 600; text-transform: uppercase; background: #306bb0; }
.product-Block li.active .range_bg .triger span { display: block; }
.product-Block .range_bg .triger span:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(43, 182, 183, 0); border-width: 4px; margin-left: -4px; border-top-color: #306bb0; }
.product-Block.sub .block { overflow: visible; }
.product-Block.sub ul { overflow: visible; float:left; width: 100%; margin:0; }
.product-Block.sub li.none { border: none; }
.product-Block h2, .product-Block h3, h3.productInfo, .domein-Block h3 { padding-bottom: 10px; margin: 0; text-transform: uppercase; color: #f5772c; font-size: 16px; line-height: 22px; font-weight: 600; }
.product-Block { }

h3.productInfo {
    border-bottom: solid 1px #f3f3f3;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.vps-Block { padding: 60px 0; box-shadow: 0 0 8px rgba(200, 200, 200, 0.5) inset; overflow: hidden; background: #F3F4F4; }
.vps-Block .block { padding: 4% 3% 2%; border: 1px solid #d8dadc; background: #fff; }
.vps-Block h2 { margin: 0; color: #0098ee; font-size: 22px; line-height: 30px; font-weight: 600; text-transform: uppercase; }
.vps-Block span { padding-bottom: 20px; min-height: 30px; display: inline-block; color: #175396; font-size: 38px; text-align: center; font-weight: 600; line-height: 40px; }
.vps-Block span sup.small1 { padding:0; min-height: inherit; font-size: 15px; font-weight: 400; line-height: 20px; display: inline-block; }
.vps-Block span span.small2 { padding:0; min-height: inherit; font-size: 20px; font-weight: 400; line-height: 20px; }
.vps-Block span span.small3 { padding:0; min-height: inherit; font-size: 30px; }
.vps-Block aside { padding: 7% 4%; border: 1px solid #dadadb; }
.vps-Block img { border-bottom: 1px solid #d8dadc; border-top: 1px solid #d8dadc; overflow: hidden; background: #f9f9f9; }
.vps-Block .btn { width: 80%; height: 49px; margin: 15px 10% 0; border-radius: 0 2px 2px 0; font-size: 15px; line-height: 49px; }
.vps-Block .btn.btn-green i { width: 26px; line-height: 26px; color: #5d8f06; font-size: 10px; top: 12px; height: 26px; }
.vps-Block p { padding-top: 2%; color: #828182; font-size: 13px; line-height: 20px; margin: 0; }
.vps-Block p a { color: #0098ee; text-decoration: underline; }
.vps-Block p a:hover { color: #000; }

.stellen-Block { padding: 30px 0; overflow: hidden;}
.stellen-Block .block { padding: 15px 0 15px; margin-bottom: 25px; width: 100%; position: relative; border: 1px solid #d8dadc; background: #fff; }
.stellen-Block h2 { padding-bottom: 15px; margin: 0; color: #0098ee; font-size: 18px; line-height: 28px; font-weight: 600; text-transform: uppercase; }
.stellen-Block .tabs { padding: 30px 30px 25px; margin-bottom: 20px; width: 100%; border-bottom: 1px solid #e9ebeb; }
.stellen-Block .tabs ul { padding: 0; list-style: none; }
.stellen-Block .tabs li { padding: 16px 0 0 0; margin-right: 40px; font-weight: 600; font-size: 13px; position: relative; color: #a4a4a4; width: 140px; height: 113px; float: left; text-align: center; border: 1px solid #dcdddf; }
.stellen-Block .tabs li a { color: #a4a4a4; display: block; padding-top: 61px; background: url(https://static.hosted.nl/img/stellen_img1.png) no-repeat center top; }
.stellen-Block .tabs li a:hover { text-decoration: none; }
.stellen-Block .tabs li span { display: block; padding-top: 6px; }
.stellen-Block .tabs li.active { border: 2px solid #2f69af; }
.stellen-Block .tabs li.active a { color: #316bb1; background: url(https://static.hosted.nl/img/stellen_img2.png) no-repeat center top; }
.stellen-Block .tabs li img.check { position: absolute; right: -15px; top: -15px; }
.stellen-Block .range_bg { margin: 0 5% 0; width: 90%; height: 20px; border: 6px solid #f5f5f5; border-radius: 10px; background: #fff; }
.stellen-Block .range_bg .triger { height: 8px; width: 50%; position: relative; background: #0098ee; float: left; border-radius: 5px; }
.stellen-Block .range_bg .triger i { position: absolute; right: 0px; top: -5px; color: #326db2; font-size: 18px; }
.stellen-Block .range_bg .triger span { display: none; color: #fff; font-size: 13px; position: absolute; right: -22px; top: -52px; line-height: 40px; width: 60px; height: 40px; margin: 0 auto; font-weight: 600; text-transform: uppercase; background: #306bb0; }
.stellen-Block aside.active .range_bg .triger span { display: block; }
.stellen-Block .range_bg .triger span:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(43, 182, 183, 0); border-width: 4px; margin-left: -4px; border-top-color: #306bb0; }
.stellen-Block .range_slider strong { display: block; line-height: 20px; font-size: 13px; margin: 0px; padding: 15px 0; width: 100%; text-transform: uppercase; font-weight: 600; color: #316bb1; }
.stellen-Block .radio { padding: 0; margin: -2px 10px 0 10px; display: block; float: left; }
.stellen-Block .col-sm-2 aside { padding: 7px; width: 100%; float: left; }
.stellen-Block aside { width: 100%; }
.stellen-Block label { color: #343a41; cursor: pointer; font-size: 14px; line-height: 30px; font-weight: 400; }
.stellen-Block .radioparent.active label { color: #0097ed; font-weight: 600; }
.stellen-Block .list_det ul { padding: 0 10px 0 25px; overflow: hidden; }
.stellen-Block .list_det li { padding-left: 65px; margin-top: 30px; width: 100%; color: #7d7f86; font-size: 14px; line-height: 24px; background: url(https://static.hosted.nl/img/check_img.png) left center no-repeat; }
.stellen-Block .list_det li:first-child { margin-top: 20px; }
.stellen-Block .row { position: relative; }
.stellen-Block .line { position: absolute; left: 15%; top: 0; width: 1px; min-height: 169px; height: 100%; background: url(https://static.hosted.nl/img/address_line.png) center center no-repeat; }
.stellen-Block .line.line2 { left: 50%; }
.stellen-Block img.arrow { position: absolute; left: 27px; bottom: -17px; }
.stellen-Block .time { text-align: center; min-width: 90px; padding: 0 10px; margin-right: 12px; height: 49px; line-height: 49px; color: #0097ed; font-size: 16px; font-weight: 600; display: block; float: left; border: 1px solid #d8dadc; background: #fff; }
.stellen-Block .time span { color: #2f69af; }
.stellen-Block .btn.btn-arrow { padding-right: 100px; }
.stellen-Block { }
.stellen-Block { }

.domain_bg { padding: 0 0 50px; box-shadow: inset 0 0 8px rgba(200,200,200,0.5); background: #f3f4f4; }
.domain_bg.spacer { padding: 44px 0; }

.domainholder.spacer { padding-top: 22px; padding-bottom: 22px; margin-top: -47px; border: 1px solid #d0d0d0; }
.domainholder.spacer .form-group { margin: 0; }
.domainholder.spacer .btn { height: 49px; border-radius: 0 2px 2px 0; font-size: 15px; }
.domainholder.spacer .form-control { height: 49px; font-size: 18px; text-transform: none; color: #767576; font-weight: 400; border: 1px solid #cecece; border-right: none; border-radius: 2px 0 0 2px; box-shadow: inset 1px 2px 3px #e0e0e0; }

header .form-control { height: 36px; font-size: 14px; text-transform: none; color: #9c9da2; font-weight: 400; border: 1px solid #cecece; border-radius: 2px; box-shadow: inset 1px 2px 3px #e0e0e0; }

.domainholder.spacer .btn.btn-green i { width: 26px; line-height: 26px; color: #5d8f06; font-size: 10px; top: 12px; height: 26px; }
.domainholder.spacer .link { margin: 10px 0 0 0; display: inline-block; color: #0098ee; font-size: 14px; line-height: 18px; }
.domainholder.spacer .link i { margin: 0 5px 0 10px; font-size: 8px; color: #175396; line-height: 18px; float: left; }


.interface-Block { padding: 40px 0; overflow: hidden; box-shadow: inset 0 0 8px rgba(200,200,200,0.5);}
.interface-Block h2 { padding-bottom: 15px; margin: 0; color: #0098ee; font-size: 18px; line-height: 28px; font-weight: 600; text-transform: uppercase; }
.interface-Block p { color: #7d7f86; font-size: 14px; line-height: 24px; }
.interface-Block ul { padding: 40px 0 10px; margin: 0; overflow: hidden; }
.interface-Block li { padding: 0 10px; }
.interface-Block li a { box-shadow: 0 0 5px #ccc; display: block; border-radius: 5px; position: relative; }
.interface-Block li a img {  }
.interface-Block li a i { display: none; position: absolute; font-size: 26px; left: 50%; top: 50%; margin: -30px 0 0 -30px; text-align: center; line-height: 60px; padding: 0 15px 0 21px; height: 60px; border-radius: 5px; background: #f3f4f4; }
.interface-Block li a:hover > i { display: block;}
.extensies-Block { padding: 20px; margin-bottom: 0; overflow: hidden; border: 1px solid #cecece; margin-top: 35px; background: #fff; }
.extensies-Block h2 { padding-bottom: 20px; color: #f5792e; font-size: 18px; line-height: 30px; margin: 0; font-weight: 600; }
.extensies-Block ul { padding: 0; list-style: none; overflow: hidden; }
.extensies-Block li { padding-top: 3px; float:left; width: 100%; line-height: 29px; color: #8d8c8d; font-size: 14px; overflow: hidden; }
.extensies-Block li span { float: left; width: 67px; height: 29px; text-align: center; color: #fff; margin-right: 25px; background: url(https://static.hosted.nl/img/nl_bg.jpg) repeat-x; }
.extensies-Block li span.overflowFix { overflow: hidden;
    text-overflow: ellipsis;
    width: 125px;
    white-space: nowrap;
    display: inline-block;
    float:left;
    background: transparent;
    margin: 0;
    text-align: left;
    color: #8d8c8d; }
.extensies-Block li cite { float: right; color: #0098ee; width: 25%; }
.extensies-Block .link { margin: 10px 0 0; float: left; color: #0098ee; font-size: 14px; line-height: 24px; }
.extensies-Block .link i { margin: 0 5px 0 10px; font-size: 8px; color: #175396; line-height: 20px; float: left; }
.extensies-Block .line { position: absolute; left: 32.8%; top: 0; width: 1px; min-height: 240px; height: 100%; background: url(https://static.hosted.nl/img/line3.png) center center no-repeat; }
.extensies-Block .line.line2 { left: 66%; }
.extensies-Block span.largeTld { font-size: 11px; }
.extensies-Block div.row {position: relative;}

.normal-block { padding: 35px 0; }
.tips-Block { padding: 35px 0; overflow: hidden;  }
.tips-Block p { color: #7d7f86; font-size: 14px; line-height: 24px; }
.tips-Block h2 { padding-bottom: 10px; margin: 0; color: #f36e1e; font-size: 26px; line-height: 48px; font-weight: 400; }
.tips-Block h3 { padding-bottom: 5px; margin: 0; color: #0098ee; font-size: 18px; line-height: 24px; font-weight: 600; }
.tips-Block h4 { padding-bottom: 40px; margin: 0; color: #4a494a; font-size: 21px; line-height: 28px }
.tips-Block ul { overflow: hidden; margin: 0; }
.tips-Block li { width: 100%; float: left; color: #8d8c8d; font-size: 14px; line-height: 32px; }
.tips-Block li a { color: #8d8c8d; }
.tips-Block li a i { margin-right: 8px; float: left; color: #0098ee; font-size: 24px; font-weight: 600; line-height: 30px; }
.tips-Block .row { position: relative; }
.tips-Block .line { position: absolute; left: 40%; top: 20px; width: 1px; min-height: 169px; height: 100%; background: url(https://static.hosted.nl/img/line3.png) center center no-repeat; }
.tips-Block .btn { min-width: 180px; text-align: left; }

.berichten-Block { padding: 30px 0; overflow: hidden;}
.berichten-Block h2 { padding: 0px; margin: 0; color: #2565a8; font-size: 20px; line-height: 28px; font-weight: 600; text-transform: uppercase; }
.berichten-Block hr { border-color: #e9ebeb; }
.berichten-Block i.icon { background: none repeat scroll 0 0 #EE873C; color: #FFFFFF; float: left; font-size: 20px; height: 41px;   line-height: 40px;  text-align: center; width: 41px; }
.berichten-Block h3 { padding-left: 60px; color: #4d4e53; font-size: 18px; line-height: 24px; margin: 0; min-height: 50px;}
.berichten-Block h3 a { color: #4d4e53; }
.berichten-Block p { padding-left: 60px; color: #7d7f86; font-size: 14px; line-height: 20px; margin: 0; padding-bottom: 5px !important; }
.berichten-Block i.icon.color1 { background: #2e68ae; }
.berichten-Block i.icon.color2 { background: #75af0f; }

.updatetwitter-Block { padding: 25px 0 40px; }
.updatetwitter-Block h2 { padding-bottom: 10px; color: #2565a8; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 38px; margin: 0; }
.updatetwitter-Block h2 i { margin-right: 10px; color: #049bf1; font-size: 26px; float: left; line-height: 38px; }
.updatetwitter-Block .block { padding: 4%; min-height: 140px; box-shadow: 0 0 5px #CCC; background: #fff; }
.updatetwitter-Block h4 { padding-bottom: 5px; margin: 0; color: #7d7f86; font-size: 14px; line-height: 20px; }
.updatetwitter-Block h4 span { font-weight: 600; color: #2862a7; }
.updatetwitter-Block p { color: #4d4e53; margin: 0; font-size: 16px; line-height: 22px; }
.updatetwitter-Block .dot { line-height: 10px; vertical-align:text-top; }

.partner_tab-Block { padding: 40px 0 20px; overflow: hidden; }
.partner_tab-Block ul { padding: 0; margin-bottom: 20px; list-style: none; height: 39px; border: 1px solid #dadadb;}
.partner_tab-Block li { float: left; }
.partner_tab-Block li a { padding: 0 20px; position: relative; display: block; color: #4d4e53; font-weight: 600; text-decoration: none; text-transform: uppercase; line-height: 38px; border: 0;}
.partner_tab-Block li a:hover, .partner_tab-Block li a:focus { background: none; }
.partner_tab-Block li.active a { color: #fff; background: #059cf1; border: 0; border-radius: 0;}
.partner_tab-Block li.active a:hover, .partner_tab-Block li.active a:focus { background: #059cf1; color: #fff; border: 0; }

.partner_tab-Block li.active a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(43, 182, 183, 0); border-width: 10px; margin-left: -10px; border-top-color: #059cf1; }
.partner_tab-Block aside { padding: 4%; overflow: hidden; }
.partner_tab-Block h3 { color: #4d4e53; font-size: 18px; line-height: 24px; font-weight: 600; margin: 0 0 15px 0; }
.partner_tab-Block p { color: #7d7f86; font-size: 14px; line-height: 24px; }

.products-Block { padding: 50px 0; }
.products-Block .products { border: none; }
.products-Block h3 { padding-bottom: 20px; color: #0098ee; font-size: 18px; margin: 0; line-height: 24px; text-transform: uppercase; font-weight: 600; }
.products-Block p { color: #7d7f86; margin: 0; font-size: 14px; line-height: 24px; }
.products-Block .product .btn-green { width: auto; }
.products-Block .list-inline > li { font-size: 13px; line-height: 22px; color: #4d4e53; padding: 0; }
.products-Block ul { margin-bottom: 30px; }
.products-Block .star { display: block; margin: 20px auto; }
.products-Block .product.actie { padding-top: 17px; }
.products-Block { }

.tabs-products h1 { padding: 30px 0; line-height: 40px; margin: 0; color: #f36e1e; text-align: center; font-size: 26px; line-height: 48px; background: url(https://static.hosted.nl/img/line4.png) center top no-repeat; }
.tabs-products h1 span { color: #b3b6b9; }
.tabs-products h1 strong { font-weight: 600; }
.tabs-products .prv { padding-right: 3px; text-align: center; width: 40px; text-decoration: none; height: 40px; font-size: 28px; color: #fff; position: absolute; left: 0px; top: 55px; line-height: 40px; background: #c2c6cb; }
.tabs-products .next { padding-left: 3px; text-align: center; width: 40px; text-decoration: none; height: 40px; font-size: 28px; color: #fff; position: absolute; right: 0px; top: 55px; line-height: 40px; background: #c2c6cb; }
.tabs-products .next:hover, .tabs-products .prv:hover { background: #f5772c; }
.tabs-products { position: relative; }
.tabs-products { }

.partner_tab-Block { }

.navbar-nav > li > a { padding: 15px 21px; }



/*<-------------------------Inner page css------------------------------------------------>*/



.products-tabs {list-style: none; margin: 0; padding: 0;}
.tabs-products { margin-top: -1px; }
.tabs-products li { float: left; width: 140px; text-align: center; padding: 40px 0;}
.tabs-products li.active { background: url(https://static.hosted.nl/img/tabs-top.png) no-repeat top; color: #175396; }
.tabs-products li a span { display:block; font-size: 13px; line-height: 20px }
.tabs-products li a { font-size: 13px; color: #4d4e53; font-weight: 700; display: block; text-transform: uppercase;}
.tabs-products li a:hover, .tabs-products li.active a { text-decoration: none; color: #175396; }
.products-tabs li .image { width: 52px; height: 46px; display: block; margin: 0 auto 15px; background: url(https://static.hosted.nl/img/productstab-cloud.png) left bottom no-repeat; }
div.productIcon { height: 46px; overflow: hidden; margin-right: 20px; }
.products-tabs li.active .image { background-position: left top; }
.products-tabs li .image.webhosting { width: 52px; background-image: url(https://static.hosted.nl/front-webhosting.png); }
.products-tabs li .image.emailHosting { width: 52px; background-image: url(https://static.hosted.nl/front-e-mail-hosting.png); }
.products-tabs li .image.exchange { width: 52px; background-image: url(https://static.hosted.nl/front-exchange.png); }
.products-tabs li .image.backupHO { width: 52px; background-image: url(https://static.hosted.nl/front-back-up-home.png); }
.products-tabs li .image.backupServer { width: 52px; background-image: url(https://static.hosted.nl/front-back-up-server.png); }
.products-tabs li .image.safefiles { width: 52px; background-image: url(https://static.hosted.nl/front-safefiles.png); }
.products-tabs li .image.sharepoint { width: 52px; background-image: url(https://static.hosted.nl/front-sharepoint.png); }
.products-tabs li .image.crm { width: 57px; background-image: url(https://static.hosted.nl/front-crm.png); }
.modal-body .cartPopup {border-right: 1px solid #e5e5e5;}
.modal-body .shopMore i.fa-angle-left {font-weight: bold;
    font-size: 17px;
    float: left;
    margin: 6px 7px 0 0}
.products-tabs li.active img { opacity: 1; }
.tabs-products li img { opacity: 0.5; margin-bottom: 10px; }
.tabs-products li:hover img { opacity: 1; }
.tabs-products.spacer li { width: 100px; }
.tabs-products.spacer ul { text-align: center; margin: auto; float: none; width: 100%; }
.product .btn-green { width: 212px; }
.products p.text-center { margin: 10px 0 -15px; font-size: 13px; line-height: 48px; color: #767576; }

.meethosted2 .text { float: left; width: 400px; margin-top: 30px; }
.meethosted2 .text.margin-top-10 {margin-top: 10px;}
.meethosted2 .item .img { position: relative; float:right; max-width: 560px; }
.meethosted .text { float: left; width: 383px; margin-top: 30px;}
.meethosted h2, .meethosted2 h2{ font-size: 18px !important; color: #0098ee; font-weight: 700; text-transform: uppercase; }
.meethosted p, .meethosted2 p { font-size: 24px; color: #767576; margin-bottom: 35px;}


.meethosted .slider { float: right;  width: 560px; height: 325px; position: relative; }
.meethosted .slider .overlay, .meethosted2 .slider .overlay { background: url(https://static.hosted.nl/img/meethostedbg.png) no-repeat left top; position: absolute; left: 0px; top: 0; height: 325px; width: 100%; z-index: 1000;}
.meethosted .carousel-inner>.item>img, .carousel-inner>.item>a>img { height :325px; }
.meethosted2 .carousel-inner>.item .img>img {height: 325px; }
.meethosted .leftslide, .meethosted2 .leftslide { background: url(https://static.hosted.nl/img/buttonsslide.png) no-repeat; width: 97px; height:55px; position: absolute; left: 50px; top: 110px; z-index:10000; opacity:1; filter:alpha(opacity=100);}
.meethosted .rightslide, .meethosted2 .rightslide { background: url(https://static.hosted.nl/img/buttonsslide.png) no-repeat 0 -54px; width: 97px; height:55px; position: absolute; left: 50px; top: 164px; z-index:10000; opacity:1; filter:alpha(opacity=100)}
.meethosted2 .leftslide { left: 50px; }
.meethosted2 .rightslide { left: 50px; }
.btn-green { background-color: #73ad0e; position: relative; color: #fff; font-size: 15px; font-weight: 700; height:49px; line-height: 30px;}
.btn-green:hover, .btn-green:focus { color:#fff; }
.btn-green i { background: url(https://static.hosted.nl/img/btn-green-arrow.png) no-repeat; width: 27px; height: 27px; float:right;  }
.btn-arrow { text-align: left; padding-left: 20px; background: url(https://static.hosted.nl/img/btn-arrow.png) no-repeat right #2c66ac; border:0; height: 49px; font-weight: 700; text-transform: uppercase; color:#fff; }
.btn-arrow:hover, .btn-arrow:focus { color: #fff; background: url(https://static.hosted.nl/img/btn-arrow.png) no-repeat right #2c66ac; text-decoration: underline }
.btn-arrow i { float: right; margin-right: 10px; }
.btn-play, .btn-play:hover { position: absolute; top: 40%; left: 40%; background: url(https://static.hosted.nl/img/icon-play.png) no-repeat center center #2965ab; border: 3px solid #059bf1; width: 59px; height: 39px; }

footer { position:absolute;
    bottom:0;

width: 100%;    }
footer h3 { font-size: 14px; font-weight: 700; color: #175396; text-transform: uppercase; padding:10px 0; border-bottom: 1px solid #e0e1e1; margin: 0; width: 100%;}
footer .footer-list { background-color: #f3f4f4; }
footer .footer-col { float: left; margin-right: 11px; margin-top:20px; margin-bottom:20px; }
footer .footer-col:last-child { margin-right: 0;}
.footer-list ul { width: 133px; margin-left: 0 !important;}
.footer-list li { font-size: 11px; font-weight: 400; line-height: 40px; padding-right: 0px; border-bottom: 1px solid #e0e1e1; border-top: 1px solid #fff; width: 100%; }
.footer-list li:last-child { border-bottom: 0; }
.footer-list li a, .footer-list li { color: #7d7f86; }
.footer-list li a:hover { color: #7d7f86; }

.footer-list li a, .footer-list li.toggleMore {
    border-bottom: none;
}

.footer-mid { padding: 20px 0; }
.copyright { font-size: 13px; color: #b1b1b3; float: left; line-height: 26px;}
.payment { float: right; }

.footer-bottom { background-color: #2367a8; width: 100%; min-height: 74px; line-height: 35px; color:#fff; font-size: 13px}
.footer-bottom a { color: #fff; }
.footer-links {color: #b8b8b8; font-size: 13px;}
.footer-links .divider { padding: 0 5px;}
.footer-links a {color: #175396;}
.footer-logos-top {
    border-top: solid 2px #f3f4f4;
    border-bottom: solid 2px #f3f4f4;
}

.footer-copy {
    color: #909297;
    font-size: 13px;
}

.footer-copy .rating {
    color: #2aa3f2;
}

.footer-copy .rating .fa-external-link {
    color: #909297;
    cursor: pointer;
}

.footer-copy span.copy {
    display: block;
    margin: 10px 0 0 0;
}
.footer-bottom .social-icon {
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding: 0 15px;
    font-size: 11px
}
.footer-bottom .social-icon a {
    display: block;
    text-decoration: none;
}
.footer-bottom .pull-right {
    line-height: 73px;
}
.footer-bottom .pull-right i {
    color: #2aa3f2 !important;
}
.footer-bottom .social-icon i {
    clear: both;
    display: block;
    margin: 20px 0 0 0;
    font-size: 13px;
}

.vatOnOff i.fa-toggle-off, .vatOnOff i.fa-toggle-on {
    margin: 0px 3px;
    font-size: 24px;
    position: relative;
    top: 4px;
    cursor: pointer;
    color: #2267a8;
}

.bslider { display: inline-block; vertical-align: middle; position: relative; height: 20px; border: 6px solid #f5f5f5; border-radius: 10px; background: #fff; }
.bslider.slider-horizontal { width: 90% !important; height: 20px; left: 5%; }
.bslider.slider-horizontal .slider-track {  height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; }
.bslider.slider-horizontal .slider-selection { height: 100%; top: 0; bottom: 0; }
.bslider.slider-horizontal .slider-handle { margin-left: -10px; margin-top: -5px; }
.bslider.slider-horizontal .slider-handle.triangle { border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; }
.bslider.slider-vertical { height: 210px; width: 20px; }
.bslider.slider-vertical .slider-track { width: 10px; height: 100%; margin-left: -5px; left: 50%; top: 0; }
.bslider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; }
.bslider.slider-vertical .slider-handle { margin-left: -5px; margin-top: -10px; }
.bslider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; }
.bslider input { display: none; }
.ui-slider-handle .tooltip-inner { white-space: nowrap; }
.slider-track { position: absolute; cursor: pointer; background-color: #0098ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.slider-selection { position: absolute; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.slider-handle { position: absolute; width: 17px; height: 17px; background-color: #326db2; opacity: 1; border: 0px solid transparent; }
.slider-handle.round { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.slider-handle.triangle { background: transparent none; }
.ui-slider-handle  .tooltip { width: 80px;}
.ui-slider-handle  .tooltip-inner { background-color: #306bb0; padding: 10px 8px; }
.ui-slider-handle  .tooltip-arrow { border-top-color: #306bb0; left: 50%; }
.ui-slider-handle  .tooltip-inner span { display: inline; margin-left: 5px; }

.fixed-nav{ z-index: 999999; position: fixed; left: 0; right:0; top: 0; width: 100%; background-color: #fff !important; border-radius: 0; }
#breadcrumb .tel { margin-top: 15px; float: left; margin-right: 20px; }
#breadcrumb .cart { margin-top: 10px; }

ul.faq li a { display: block; }
ul.faq li span { display: none; margin-left: 7%; color: #7d7f86;}
ul.faq li span.show { display: block !important; }


p.toggle { clear: both; border-top: 1px solid #eee; }
.spinner { width: 47px; height: 26px; border: 1px solid #f0f0f1; border-radius: 3px; text-align: center; margin: 0 auto 0;  }
.spinner input { color: #0098ee; font-size: 13px; padding: 5px 15px 3px 5px; text-align: center; margin:0 ; border: 0; height: 24px;}
.spinner input.disabled { padding: 5px 5px 3px 5px;}
.input-group-btn-vertical { position: absolute; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; right: 12px; z-index: 1000; top: 2px }
.input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; position: relative; border-radius: 0; background: none; padding: 0; width: 5px; height: 10px; border: 0; outline: 0;}
.input-group-btn-vertical > .btn:first-child { border-top-right-radius: 4px; }
.input-group-btn-vertical > .btn:last-child { margin-top: -2px; border-bottom-right-radius: 4px; }
.input-group-btn-vertical > .btn:focus, .input-group-btn-vertical > .btn:active { border: 0; outline: 0; }

.input-group-btn-vertical i{ position: absolute; top: 0; left: 0px; color: #d4d4d4; font-size: 14px;}
.big-selectBox-dropdown-menu.selectBox-dropdown-menu { border-top: 0 !important; }

.ui-slider { height: 20px; border: 6px solid #f5f5f5; border-radius: 15px; background: #0098ee; padding: 0 20px;}
.ui-widget-header{ background: #fff;}
.ui-slider-handle { background: none !important; background-color: #326db2 !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:0; }
.ui-slider { height: 20px; border: 6px solid #f5f5f5; border-radius: 15px; background: #0098ee; padding: 0 20px;}
.ui-widget-header{ background: #fff;}
.ui-slider-handle { background: none !important; background-color: #326db2 !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:0; }
.ui-slider-handle .tooltip { opacity:1; top:-50px; left: -35px; filter: alpha(opacity=100); }
@media only screen and (min-width:992px) and (max-width:1199px) {

    .clients-Block.spacer li { padding: 0 1.2%; }
    .clients-Block li { padding: 0 1%;}
    .vps-Block img { max-width: 100%; }
    .navbar-nav > li > a  { padding: 15px 15px; }

    .products { padding: 25px; }
    .product { width: 285px; }
    .tabs-products li { width: 132px; }
    .meethosted .text, .meethosted2 .text { width: 370px; }
    .footer-list ul { width: 124px; }
    .footer-list li { padding: 5px 0; line-height: 18px; }
    .gegevens-Block .gegevens h2 { padding-right: 0; width: 100%; float: none; }
    .gegevens-Block .checkbox { margin-bottom: 15px; }

}

@media only screen and (min-width:768px) and (max-width:991px) {
    .gegevens-Block .gegevens h2 { padding-right: 0; width: 100%; float: none; }
    .gegevens-Block .checkbox { margin-bottom: 15px; }
    .navbar-nav > li > a  { padding: 15px 10px; font-size: 13px; }
    .search { width: 140px; }
    header .logo { background-size: 170px auto; width: 180px; }
    header .tel { font-size: 14px; min-width: 100px; margin-top: 29px;}
    span.servicePage a {font-weight: normal !important;}
    header .tel i {display:none;}
    header .login a { padding: 7px 10px 5px; }
    header .login { margin-left: 0; padding-right:4px; }
    .domainholder input[type="text"] { width: 70%; }
    .domainholder .btn-green { width: 30%; }
    textarea.domainBox { width: 70% !important; }
    .products { padding: 10px 5px; }
    .product { margin: 0 5px; float: left; width: 32%; }
    .product h2 { font-size: 18px; line-height: 20px; }
    .product .btn-green { width: auto; font-size: 13px; }
    .product.actie { padding-top: 0px; padding-bottom: 30px; min-height: inherit; }
    .tabs-products li { width: 100px; }
    .tabs-products li a span { font-size: 11px; }
    .references .rating { width: 160px; }
    .references .quote { width: 260px; font-size: 16px; line-height: 24px; }
    .references .rating span.text { font-size: 12px; display: block; text-align: center; }
    .product .tag { width: 60px; height: auto; }

    .meethosted .text, .meethosted2 .text { width: 100%; text-align: center; float: none; margin-bottom: 30px; }
    .meethosted .slider, .meethosted2 .slider { float: none; width: 100%; height: auto; }
    .meethosted .slider .overlay, .meethosted2 .slider .overlay { display: none; }
    .meethosted .leftslide,.meethosted .rightslide, .meethosted2 .leftslide, .meethosted2 .rightslide { left: 0px; }
    .berichten-Block h3, .partner_tab-Block h3 { font-size: 16px; }
    .footer-list ul { width: 168px; }
    .copyright { font-size: 12px; padding-top: 5px; margin:0; }
    .product span.price { font-size: 24px; }
    .product span.price2 { font-size: 30px; }
    .product span sup { font-size: 20px; }
    .product span.time { font-size: 16px; }
    .payment img { width: 380px; }

    .btn.btn-green.btn-lg i, .vps-Block .btn.btn-green i { width: 18px; height: 18px; line-height: 18px; font-size: 7px; right: 10px; }
    .btn.btn-green.btn-lg { height: 42px; line-height: 42px; font-size: 11px; display: block; width: 100%; }
    span.info { font-size: 12px; }

    .blog-Block p { font-size: 13px; line-height: 20px; }
    .advies-Block { padding: 10px; }
    .advies-Block p { width: 60%; font-size: 13px; line-height: 20px; }
    .advies-Block h2 { width: 60%; font-size: 15px; }
    .advies-Block img.image { width: 80px; }
    .over_hosted-Block p { line-height: 24px; }
    .online-Block .price_btn, .actiesticker { right: 20px; transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); -webkit-transform: scale(0.7);  }
    #content .slider img.banner_img { width: 380px; top: 66px; right: 20px; }
    .slider .text h2 { font-size: 40px; }
    .slider .text span.subtitle {  font-size: 30px; }
    #content .slider { height: 360px; }
    .online-Block.binnen h1 { font-size: 24px; }
    .online-Block.binnen h3 { font-size: 16px; }
    .extensies-Block li span { margin-right: 5px; width: 60px; }
    .extensies-Block li { font-size: 13px; }
    .tips-Block h2 { font-size: 22px; line-height: 36px; }
    .tips-Block h4 { font-size: 18px; line-height: 24px; }
    .tips-Block li { font-size: 13px; }
    .clients-Block li { padding: 0 5%; }
    .questions-Block h2 { font-size: 22px; line-height: 30px; }
    .questions-Block h3 { font-size: 17px; }
    .questions-Block li a i { margin-right: 20px; }
    .questions-Block { padding: 3%; }
    .questions-Block li a { font-size: 14px; }
    .ggur-Block li { font-size: 11px; }
    .configur-Block h3 { font-size: 12px; padding: 10px 0; }
    .btn.btn-green { display: block; height: auto }
    .btn.btn-green.btn-light { font-size: 12px; height: auto; width: auto; }
    .configur-Block .btn.btn-green { font-size: 11px; width: 100%;}
    .configur-Block .btn.btn-green.btn-light i { display: none; }
    .product-Block .second { width: 54.9%; }
    .domein-Block .news li .btn { font-size: 9px; }
    .domein-Block .news li { font-size: 11px; }
    .domein-Block .news li .besch { font-size: 9px; }
    .online-Block .premium li { padding: 10px 0; font-size: 11px; line-height: 20px; }

    .product-Block .four { width: 17.7%; }

    .stellen-Block .range_slider strong { padding: 10px 0; font-size: 11px; }
    .stellen-Block label { line-height: 20px; }
    .stellen-Block .radio { float: none; margin: auto; }
    .stellen-Block .col-sm-2 aside { padding: 2px 5px; text-align: center; }
    .stellen-Block .list_det ul { padding-left: 10px; }
    .stellen-Block .list_det li { line-height: 20px; font-size: 13px; }
    .clients-Block h2 { font-size: 16px; }
    .clients-Block.spacer li { padding: 0 0 0 10%; }

    .vps-Block img { max-width: 100%; }
    .vps-Block h2 { font-size: 17px; }
    .vps-Block span { font-size: 30px; }
    .vps-Block span span.small3 { font-size: 22px; }
    .vps-Block span sup.small1 { font-size: 13px; }
    .vps-Block span span.small2 { font-size: 16px; }
    .vps-Block .btn { font-size: 11px; height: 40px; line-height: 42px; }
    .tabs-products h1 { font-size: 21px; }
    .customer-Block h2 { font-size: 26px; }
    .customer-Block { padding: 30px 0; }
    .customer-Block h3 { font-size: 18px; }
    .customer-Block p { font-size: 16px; line-height: 22px; }
    .customer-Block h4 { font-size: 16px; }
    .advies-Block .text ul { padding-left: 0; }


    .shopping_cart-Block ul { width: 700px; }
    .shopping_cart-Block .offer a.link { margin-bottom: 15px; margin-top: 0; }

    .table-responsive { border: 1px solid #DDDDDD; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; width: 100%; }
    .gegevens-Block .login { width: 215px; right: -20px; }
    .gegevens-Block .login p { font-size: 12px; line-height: 20px; }
    .form-control { padding: 5px; font-size: 12px; }
    .btn-arrow { font-size: 14px; padding-right: 65px; }
    .address-Block .pay label { padding-left: 10px; font-size: 12px; }
    .domein-Block .news ul, .product-Block ul { width: 600px; }

    #content .slider.home .item { min-height: 333px; }
    #content .slider.home img.banner_img  { top: auto; bottom: 0px; }
    footer .footer-col { min-height: 280px; margin-bottom: 0; }
    .items-Block .slider li { padding-bottom: 20px; }
    #content .slider { height: auto; padding-bottom: 20px; }
    .items-Block .slider li { padding-bottom: 0; }
    .address-Block .lead { width: 85%; }
}

@media (max-width:850px){

    .footer-logos-top .pull-left,
    .footer-logos-top .pull-right{
        text-align: center;
        float: none !important;
    }
    .ssl ul.tab li {
        width: 100%;

    }
    .ssl ul.tab li.active {
        padding: 0 !important;
        background: #f9f9f9;
    }
    .ssl ul.tab li:first-child {
        margin: 0 !important;
    }

    .ssl ul.tab li:first-child a {
        margin: 0 0 0 7px;
    }

    .customer-Block .col-sm-4 .products {
        margin-top: 25px;
    }
    .customer-Block .col-sm-4:first-child .products {
        margin-top: 0px;
    }
}

@media (max-width:630px){
    .interface-Block .col-sm-7 ul.row {
        margin-left: auto;
        margin-right: auto;
        width: 200px;
    }
    .interface-Block .col-sm-7 ul.row li{


    }

    .footer-logos-bottom img {
        width: 95%;
    }
}

span.servicePage {
    float: right;
    margin: 20px 5px 10px 0px;
    text-decoration: none;
    padding: 7px 8px; overflow: hidden; background: #fcfcfc; border: 1px solid #cfcfcf;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #fcfcfc 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 100%);background: -o-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 100%);background: -ms-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 100%);background: linear-gradient(to bottom,  #fcfcfc 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f4f4f4',GradientType=0 );
    color: #72ab0e;
}

span.servicePage a {
    text-decoration: none;
    color: #72ab0e;
    font-weight: BOLDER;
}
span.servicePage a:hover {
    text-decoration: underline;
}
span.servicePage i {
    margin: 0 3px 0 0;
}

@media (max-width:767px){
    .product-Block ul.scroll { overflow-x: scroll; }
    .product-Block ul.scroll > li { width: 100%; width: 500px;  }

    .online-Block .premium table.table-responsive { width: 100%; margin-left: 0px; }
    .star-icons { margin-top: 0; }
    .ui-slider	{ margin-left: 20px; margin-right: 20px; }
    .stellen-Block .tabs li { width: 48%; margin-right: 10px; margin-bottom: 20px !important; }
    .advies-Block { margin-bottom: 30px; }
    .clients-Block ul {margin-left: 10px; overflow: hidden;}
    .clients-Block ul li { border-bottom: 1px dashed #E2E2E4; width: 50%; float: left;}
    .clients-Block ul li:nth-child(2n+1) { border-right: 1px dashed #E2E2E4; }
    .fixed-nav .container.top { display: none; }
    .help_icon { display:none; }
    .navbar-header { margin: 0px !important; }
    .berichten-Block .col-sm-4 { margin-bottom: 20px; }
    header .logo, .search, header .tel { float: none; margin: 10px auto 0; text-align: center; display: block; }
    header .logo { margin: 25px auto;}
    .cart, header .login { float: none; margin: 10px auto; width: 120px; }
    header .tel { margin: -10px 0 0 0; padding-bottom: 10px; }
    .navbar-default .navbar-toggle { border-color: #fff; border:0;}
    .navbar-default .navbar-toggle .icon-bar { background: #fff; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #fff; }
    .navbar-default .navbar-toggle:hover .icon-bar , .navbar-default .navbar-toggle:focus .icon-bar { background: #216AA9; }
    #navigation { margin: 0; }
    .navbar-nav > li > a { padding: 5px 10px; }
    #navigation .navbar-nav > li > a.dropdown-toggle { margin: 0; }
    #navigation .dropdown-menu .right_text { display: none; }
    #navigation .dropdown-menu { box-shadow: none; }
    #navigation .dropdown-menu ul { float: none; width: 100%; padding: 0; width: auto; }
    #navigation .dropdown-menu li { padding-left: 20px; line-height: 30px; width: 100%; float: left; }
    #navigation .dropdown-menu li a { color: #fff; display: block; }
    #navigation .dropdown-menu li a i { color: #fff; line-height: 30px; }
    .domainholder input[type="text"] { width: 100%; font-size: 14px; padding-top: 12px; padding-bottom: 12px; }
    .domainholder.spacer .form-control { font-size: 14px; }
    .domainholder.spacer .btn { font-size: 13px; }
    .domainholder.spacer .btn.btn-green i { font-size: 8px; width: 20px; height: 20px; line-height: 20px; top: 14px; right: 10px; }
    #content .slider.home { height: auto; }
    .slider .text { text-align: center; }
    .online-Block .price_btn, .actiesticker { display: none; }
    .slider img.banner_img { display: none; }
    .slider .text {  min-height: 0px; padding-bottom: 90px; }
    .slider .text h2 { margin-top: 0px; font-size: 28px; }
    .slider .text span.subtitle { font-size: 22px; line-height: 28px; padding-bottom: 10px; }
    .domainholder .btn-green { width: 100%; border-bottom-left-radius: 2px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
    textarea.domainBox { width: 100% !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-right-radius: 2px !important; }
    .domainholder.spacer { padding: 15px; }
    .btn-arrow { height: 40px; font-size: 14px; line-height: 30px; }
    .btn-arrow i { top: 38%; }
    .banners .text { text-align: center; padding: 10px 0px; }
    .banners .text img { position: static; margin: 10px auto; display: block; }
    .banner:first-child { background: none; border-bottom: 1px dashed #D0D0D0; padding-bottom: 10px; }

    .products { padding: 10px; }
    .product { margin: 0 0 30px 0; float: left; width: 100%; }
    .product h2 { font-size: 18px; line-height: 20px; }
    .product .btn-green { width: 100%; font-size: 13px; }
    .btn.btn-green.btn-lg i { width: 20px; line-height: 20px; height: 20px; top: 15px; font-size: 8px; padding: 0; }
    .product.actie { padding-top: 0px; padding-bottom: 30px; min-height: inherit; }
    .references { margin: 20px 0; }
    .references .video { margin: 0 0 20px; width: 100%; }
    .references .video  img { width: 100%; }
    .btn-play, .btn-play:hover { top: 50%; left: 50%; margin: -20px 0 0 -30px; }
    .references .quote, .references .rating, .meethosted .text, .meethosted2 .text { width: 100%; text-align: center; }
    .references .quote { font-size: 16px; line-height: 24px; }
    .references .rating span.text { font-size: 12px; display: block; text-align: center; }
    .meethosted .text, .meethosted2 .text { padding-bottom: 20px; float: none; }
    .meethosted .slider, .meethosted2 .slider { width: 100%; float: none; height: auto; }
    .meethosted .carousel-inner > .item > img, .carousel-inner > .item > a > img, .meethosted2 .carousel-inner > .item > img{ height: auto; }
    .meethosted .slider .overlay, .meethosted2 .slider .overlay { height: auto; display: none; }
    .meethosted .leftslide, .meethosted2 .leftslide { width: 60px; left: 0px; top: 40%; background: url(https://static.hosted.nl/img/left-slider-arrow.gif) no-repeat center center; }
    .meethosted .rightslide, .meethosted2 .rightslide { width: 60px; left: auto; top: 40%; right: 0px; background: url(https://static.hosted.nl/img/right-slider-arrow.gif) no-repeat center center; }
    .berichten-Block h2 { float: none; padding-bottom: 15px; float: none!important; }
    .partner_tab-Block ul { height: auto; overflow: hidden; text-align: center; }
    .partner_tab-Block li { float: none; display: inline; }
    .berichten-Block .pull-right { float: left !important; }
    .product span.time { font-size: 14px; float: none; }
    .copyright { font-size: 14px; line-height: 30px; padding-bottom: 15px; width: 100%; text-align: center; }
    .footer-bottom .divider { padding: 0 4px; }
    .payment img { width: 100%; float: none; }
    .payment { float: none; width: 100%;}
    .line_bloge, .extensies-Block .line, .tips-Block .line, .customer-Block img.line, .testform-Block .line, .online-Block .line, .stellen-Block .line, .address-Block .address_line { display: none;}
    .tips-Block ul { padding-bottom: 20px }
    .blog-Block p { font-size: 13px; line-height: 20px; }
    .over_hosted-Block { margin-bottom: 20px; }
    .login .dropdown-menu { left: -86px; }
    .dialog-Block { width: 90%; }
    .dialog-Block .pull-right { float: none!important; margin: 10px 0; display: block; }
    .dialog-Block .pull-left { float: none!important; margin: 10px 0; }
    .online-Block.binnen h1, .tips-Block h2, .customer-Block h2 { font-size: 22px; line-height: 34px; }
    .online-Block.binnen h3, .tips-Block h4, .customer-Block h3 { font-size: 18px; line-height: 28px; }
    .online-Block, .tips-Block, .customer-Block, .testform-Block { padding: 20px 0; }
    .testform-Block aside:first-child { padding-top: 0; }
    .interface-Block li { padding: 10px 10px; }
    .questions-Block h2, .tabs-products h1 { font-size: 20px; line-height: 28px; }
    .questions-Block h3 { font-size: 15px; line-height: 20px; margin-top: 10px; }
    .questions-Block li a i { margin-right: 10px; }
    .questions-Block li a { font-size: 14px; }
    .questions-Block li { line-height: 26px; min-height: 48px; }
    .online-Block .col-lg-6 { background: none; }
    .customer-Block .pull-right { float: none!important; margin: 10px 0; }
    .customer-Block img.pull-right { width: 100px; height: auto; }
    .customer-Block h4, .testform-Block aside h3 { font-size: 16px; line-height: 20px;}
    .testform-Block aside { padding: 0 0 25px; }
    .customer-Block p, .testform-Block p, .meethosted p, .meethosted2 p { font-size: 15px; line-height: 20px; }
    .customer-Block .col-sm-6 { text-align: center; }
    .domein-Block .search .col-sm-7 { padding-right: 15px; }
    .domein-Block .search { padding: 15px; }
    .domein-Block .search .col-sm-5{ padding-left: 15px;  }
    .domein-Block .news ul, .product-Block ul { width: 100%; }
    .product-Block.sub .first { width: 100%; border: none; border-bottom: 1px solid #F6F6F7; }
    .product-Block.sub .second { width: 85%;}
    .product-Block.sub .third { width: 15%; }
    footer { margin-top: 0; }
    .advies-Block img.image { top: -50px; }
    .online-Block .premium li { text-align: center; }
    .online-Block ul { padding: 0; }
    .stellen-Block .range_slider strong { display: block; padding-left: 25px; }
    .stellen-Block .list_det li { padding-top: 10px; padding-bottom: 10px; }
    .online-Block .col-sm-6 .btn.btn-arrow { margin-bottom: 30px; }
    .vps-Block img { width: 100%; }
    .vps-Block h2 { font-size: 17px; }
    .vps-Block span { padding-bottom: 2px; font-size: 30px; }
    .vps-Block span span.small3 { font-size: 22px; }
    .vps-Block span sup.small1 { font-size: 13px; }
    .vps-Block span span.small2 { font-size: 16px; }
    .vps-Block .btn { font-size: 11px; height: 40px; line-height: 42px; }
    .shopping_cart-Block ul { width: 700px; }
    .step-Block li { width: 20%; margin: 0 0 10px; }
    .step-Block li cite { display: none; }
    .shopping_cart-Block .cart span.pull-right, .shopping_cart-Block .cart a.pull-left, .gegevens-Block.spacer .plus.pull-right, .gegevens-Block.spacer label { float: none !important; display: block; line-height: 30px; }
    .shopping_cart-Block .offer { padding: 10px 0; }
    .shopping_cart-Block .offer a.link { width: 50%; margin-right: 0; }
    .shopping_cart-Block .offer .pull-right { float: left!important; margin-top: 20px; }
    .gegevens-Block .gegevens { padding: 20px; width: 100%; }
    .gegevens-Block .login { position: static; right: auto; top: auto; width: 100%; border-radius: 5px; margin-top: 20px; }
    .gegevens-Block .gegevens .row { padding-bottom: 0; }
    .gegevens-Block .gegevens .row div { padding-bottom: 10px; }
    .gegevens-Block .gegevens h2 { padding-right: 0; width: 100%; float: none; }
    .gegevens-Block .checkbox { margin-bottom: 15px; }
    .address-Block .address { margin-bottom: 20px; }
    .address-Block .row { margin-bottom: 0; }
    .address-Block .lead { padding: 10px; width: 85%; }
    .address-Block .checkbox { margin-left: 0; }
    .address-Block .lead p, .address-Block p { line-height: 22px; }
    .address-Block .pay label { text-align: left; }
    .address-Block .pay .row { margin: 0; }
    .address-Block .pay li { padding: 0 10px 10px 0; }
    .partner_tab-Block li.active a { border-radius: 0; margin-right: 0;}
    .partner_tab-Block li.active a:after { border: 0; }
    .tabs-products { text-align: center; }
    .tabs-products li { padding: 20px 0; float: none; display: inline-block; width: 90px; }
    .tabs-products li a span { font-size: 11px; }
    .tabs-products li.active { background: none; }
    .updatetwitter-Block .block { margin-bottom: 30px; }
    footer .footer-col { width: 46%; min-height: 260px; margin-bottom: 0; margin-right: 2%; margin-left: 2%; }
    .footer-list ul { width: 100%; }
    .items-Block .slider li { padding-bottom: 20px; }
    .items-Block #slidepakket .slider li { padding: 0; }
    #slidepakket li { padding: 5px; }
    .items-Block .windows { padding-bottom: 15px; }
    .vps-Block .btn.btn-green i{ width: 20px; height: 20px; line-height: 20px; font-size: 8px; }
    .advies-Block h2 {  font-size: 16px; }
    .advies-Block p { width: 60%; }
    .advies-Block .text p { width: 100%; }
    ul.faq li span { margin: 0; }

    #breadcrumb {
        display: none;
    }

    body.service #breadcrumb {
        display: block;
    }

    body.service #breadcrumb ul.breadcrumbs li {
        background: none !important;
    }

    body.service #breadcrumb ul.breadcrumbs li a {
        height: 30px;
        line-height: 30px;
    }

    body.service #breadcrumb ul.breadcrumbs li a img {
        margin-top: 4px !important;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 350px) {
    footer .footer-col { width: 96%; min-height: inherit; margin-top: 20px; }
    .configur-Block .btn.btn-green.btn-light { display: block; font-size: 13px; }

}



.jcarousel-wrapper { position: relative; }
.jcarousel { position: relative; overflow: hidden; width: 90%; margin: 0 auto; }
#slidepakket .jcarousel { width: 80%; margin-left: 75px;}
#slidepackage .jcarousel { width: 100%; }
#slidepackage .jcarousel ul { margin: 0 auto; width: 90%; height: 130px; overflow: hidden; display: block;  }
#slidepackage .jcarousel img { margin: 0 auto; }
#slidepackage.slider { padding: 0; position: relative; margin-bottom: 15px; border: 2px solid #f3f3f3; }
#slidepackage.slider.sub { border: none; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li {  float: left; }
.jcarousel img {  display: block; max-width: 100%; height: auto !important; }
.jcarousel img:hover {filter: hue-rotate(90deg) }

.discountinput { display: none; }

.stellen-Block .nav-tabs>li.active>a, .stellen-Block .nav-tabs>li.active>a:hover, .stellen-Block .nav-tabs>li.active>a:focus{ border:0; }
.stellen-Block .nav-tabs>li>a:hover { border:0; margin:0;}
.stellen-Block .nav-tabs { border-bottom: 0;}
.stellen-Block .nav-tabs li { margin-bottom: 0; }
.stellen-Block .nav-tabs li a { margin-right: 0; border: 0;}
div.error textarea, textarea.error,input.error, input.form-error { border-color: #cd4237; color: #cd4237;}
label.form-error {color: #cd4237 !important;}

p.error-message {color: #cd4237;}

.error .popover { background-color: #cd4237; padding: 0px; }
.error .popover-title { background-color: #cd4237; padding: 10px; border:0; color: #fff; border-radius: 6px;}
.error .popover-content { display: none; }
.error .popover .arrow:after{ border-top-color: #cd4237; }
.error .tooltip.in { opacity: 1; }

i.fa-star.yellow { color:#FED100; font-size: 28px; margin: 15px 0;}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


    .vps-Block aside { margin-top: 4%; }
    .vps-Block .block { padding-top: 0; }

    .clients-Block ul li a img { display: block; margin: 0 auto; max-width: 100%; }
    .clients-Block ul li { padding: 0; }
    .customer-Block .btn.pull-right { display: block; margin: 15px auto 0; }

}

table.premiumnormal { border:0; }

textarea.domainBox,textarea.searchBox{ float: left; width: 80%; max-height: 200px; overflow-y: auto; resize: none; min-height: 49px;}

/* Tiny Carousel */
#slider1 { height: 1%; margin: 0; overflow:hidden; position: relative; padding: 0 50px 10px;   }
#slider1 .viewport { height: 125px; overflow: hidden; position: relative; }

#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider1 .overview li{  }

/*WINKELWAGEN STYLE*/
.price_winkelwagen{
    text-align: right!important;
}
.price_winkelwagen input{
    width: 100%;
    border:none;
    outline: none;
    text-align: center;
    line-height: 42px;
    height: 42px;
}

#tot_price_ex_btw{
    font-weight: 600;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    color: #f5772c;
    border:none;
    outline: none;
    width: 80px;
}
.tot_price_denom{
    font-weight: 600;
    font-size: 14px;
    color: #f5772c;
    margin-right: 0px !important;
    float: right !important;
    text-align: right !important;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 9999999;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('https://static.hosted.nl/img/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('https://static.hosted.nl/img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('https://static.hosted.nl/img/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 999999;
    background: url('https://static.hosted.nl/img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('https://static.hosted.nl/img/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('https://static.hosted.nl/img/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}
body div.modal-dialog > div.modal-content div.loading {
    display: block;
    text-align: center;
    font-weight: bold;
    background: url("/img/layout/loading.gif") no-repeat center;
    text-indent: -9999px;
}

span.select2 {
    border: 2px solid #e6e7e7;
}

span.select2-selection {
    border: none !important;
    height: 44px !important;
    line-height: 44px !important;
}

span.select2-selection > span {
    height: 44px !important;
    line-height: 44px !important;
}

span.select2-dropdown, span.select2-search > input {
    border-color: #e6e7e7 !important;
}

div.input.select div.selectHolder {
    display: inline-block;
    height: 40px;
    position: relative;
    width: 100%;
}

div.input.select div.selectHolder span.select {
    height: 44px;
    line-height: 20px;
    border: 2px solid #e6e7e7;
    padding: 10px;
    outline: none;
    font-size: 14px;
    color: #555;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
}

div.input.select div.selectHolder select.customSelect.modified {
    position: absolute;
    line-height: 25px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
}
div.input.select div.selectHolder span.select:after{
    content: '\f0d7';
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 6px 14px;
    font-size: 20px;
    color: #f5772c
}

div.input.select div.selectHolder span.select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    white-space: nowrap;
}

form.customStyle div.input {
    height: 44px;
    margin: 0 0 10px 0;
}

form.customStyle div.check {
    margin: 0 0 10px 0;
}

form.customStyle div.error-message {
    display: none;
}

h2.default {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
}
h2.blue {
    color: #0098ee;
}
h2.darkblue {
    color: #2565a8;
}
h2.small {
    font-size: 22px;
    line-height: 28px;
}
h2.smaller {
    font-size: 18px;
    line-height: 20px;
}
h2.smallest {
    font-size: 16px;
    line-height: 18px;
}
h2.orange {
    color: #f16713;
}
a.orange {
    color: #f16713;
}
h2.green {
    color: #72ab0e;
}
h2.no-margin {
    margin: 0;
}
h3.default {
    padding-bottom: 20px;
    color: #4d4e53;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}
h3.blue {
    color: #0098ee;
}
h3.small {
    font-size: 16px;
    line-height: 22px;
}
h3.darkblue {
    color: #2565a8;
}
h3.orange {
    color: #f16713;
}
h3.no-margin {
    margin: 0;
}
h3.green {
    color: #72ab0e;
}
h4.default {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
h4.blue {
    color: #0098ee;
}
h4.darkblue {
    color: #2565a8;
}
h4.small {
    font-size: 16px;
    line-height: 22px;
}
h4.orange {
    color: #f16713;
}
h4.no-margin {
    margin: 0;
}
h4.green {
    color: #72ab0e;
}

span.orange {
    color: #f16713;
}
span.blue {
    color: #0098ee;
}
span.darkblue {
    color: #2565a8;
}
span.green {
    color: #72ab0e;
}

.blockSpacer, .blockSpacer40, .blockSpacer50, .blockSpacer60, .blockSpacer45, .blockSpacer35, .blockSpacer55, .blockSpacer60, .blockSpacer25, .blockSpacer30, .blockSpacer20, .blockSpacer5, .blockSpacer10, .blockSpacer15 {
    box-shadow: inset 0px 8px 8px -10px #ccc,inset 0px -8px 8px -10px #ccc; padding: 30px 0;
}
.blockSpacer5 {
    padding: 5px 0;
}
.blockSpacer10 {
    padding: 10px 0;
}
.blockSpacer15 {
    padding: 15px 0;
}
.blockSpacer20 {
    padding: 20px 0;
}
.blockSpacer25 {
    padding: 25px 0;
}
.blockSpacer30 {
    padding: 30px 0;
}
.blockSpacer35 {
    padding: 35px 0;
}
.blockSpacer40 {
    padding: 40px 0;
}
.blockSpacer45 {
    padding: 45px 0;
}
.blockSpacer50 {
    padding: 50px 0;
}
.blockSpacer55 {
    padding: 55px 0;
}
.blockSpacer60 {
    padding: 60px 0;
}
.fleft {
    float: left !important;
}

div.configur-Block span.error-message {
    color: #cd4237;
}

div.configur-Block span.error-message h4 {
    float: none;
    color: #cd4237;
}

div.configur-Block span.error-message p {
    font-size: 13px !important;
}

.no-margin-overrule {
    margin: 0 !important;
}
.no-padding {
    padding: 0;
}
.no-padding-overrule {
    padding: 0 !important;
}
.white-bg {
    background: #fff;
}

table.productTable {
    width: 100%;
    line-height: 35px;
    color: #707275;
}
body.service table.productTable {
    line-height: 25px;
}

table.productTable {
    border: solid 1px #dadadb;
}

table.productTable.white-bg {
    background: #fff;
}

table.productTable > thead > tr > th {
    font-weight: 700;
    color: #0098ee;
    font-size: 22px;
    padding: 5px;
    text-align: center;
    border: solid 1px #dadadb;
}
table.productTable > thead > tr > th:first-child, table.productTable.searchTable > thead > tr > th:first-child {
    color: #bdbdbf;
    padding: 5px 15px 5px 15px;
    text-align: left;
    max-width: 10%;
}
body.service table.productTable > thead > tr > th, table.productTable.searchTable > thead > tr > th {
    font-size: 16px;
    text-align: left;
    padding: 5px 15px 5px 15px;
}
table.productTable.searchTable > thead > tr > th {
    font-size: 22px;
}
table.productTable td.productPrice {line-height: 65px; padding: 5px 0 0 0 ; min-width: 180px;}
table.productTable td.productPrice span.price { font-size: 30px; display: block; color: #175396; font-weight:700;}
table.productTable td.productPrice span.price2 { font-size: 38px; }
table.productTable td.productPrice span sup { font-size: 26px; }
table.productTable td.productPrice span.time { font-size: 20px; font-weight: 400;}
table.productTable a.btn {
    width: 90%;
    margin: 5px 0;
}
@media screen and (max-width: 867px) {
    div.scrollblock {
        overflow: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

table.productTable > tbody.more {
    display:none;
}

table.extraOptions > thead > tr > th.price {
    width: 20%;
}

table.extraOptions > thead > tr > th.actions {
    width: 15%;
}

table.extraOptions span.link, .ssl table span.link {
    text-decoration: underline;
    color: #0098ee;
    cursor: pointer;
}

.ssl table span.link {
    text-decoration: none;
}
.ssl table span.link i {
    position: relative;
    top: 1px;
    margin: 0 5px 0 0;
}

table.extraOptions span.link.showLess, .ssl table span.link.showLess {
    display: none;
}

table.productTable > tbody > tr.odd > td {
    background: #f9f9f9;
}
table.productTable > tbody > tr > td {
    border: solid 1px #dadadb;

}
body.service table.productTable > tbody > tr > td, table.productTable.searchTable > tbody > tr > td {
    min-width: 50px;
    padding: 5px 15px 5px 15px;
}
table.productTable.searchTable > tbody > tr > td:first-child {
    width: 30%;
}

body.service table.productTable > tbody > tr > td.small, body.service table.productTable > tbody > tr.small > td {
    padding: 5px;
}
body.service table.productTable > tbody > tr > td.icon, body.service table.productTable > tbody > tr.icon > td {
    padding: 11px 5px;
    line-height: 13px;
}
table.productTable > tbody > tr > td.padding {
    padding: 5px 15px 5px 15px;
}
table.productTable > tbody > tr.related > td {
    border-top: none;
}
table.productTable > tbody > tr.hasRelated > td {
    border-bottom: none;
}
table.productTable > tbody > tr > td  span.price {

}
table.productTable > tbody > tr > td i {
    color: #0097ed;
    font-size: 18px;
}
table.productTable > tbody > tr > td:first-child {
    padding: 0 15px 0 15px;
}

.border-grey {
    border: solid 1px #dadadb;
}
.padding-25 {
    padding: 25px;
}
.padding-10 {
    padding: 10px;
}
.padding-5 {
    padding: 5px;
}

.no-bg-overrule {
    background: none !important;

    box-shadow: inset 0px 0px 0px 0px ,inset 0px 0px 0px 0px !important;
}

.productBlockExtra {
    margin: 20px 0 0;
}
.productBlockExtra a {
    color: #f5772c;
}
body.service div.dashboardTable {
    margin: 0 0 30px 0;
}

body.service table a.customPopover {
    line-height: 15px;
    margin: 4px 5px 0 5px;
    float: left;
}

body.service a.customPopover i, body.service i.iconGrey {
    color: #707275 !important;
}

body.service i.orange {
    color: #f16713 !important;
}
body.service i.blue {
    color: #0098ee !important;
}
body.service i.darkblue {
    color: #2565a8 !important;
}
body.service i.green {
    color: #72ab0e !important;
}

div.row.servicepage {
    margin: 0 -15px 30px -15px;
}

.margin-top-10 {
    margin-top: 10px;
}
.margin-top-25 {
    margin-top: 25px;
}

.margin-left-10 {
    margin-left: 10px;
}
.margin-left-min-20 {
    margin-left: -20px;
}

.no-border {
    border: none !important;
}

.grey-border {
    border: solid 1px #dadadb;
}
.no-border-top {
    border-top: none !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-padding {
    padding: 0px !important;
}
.no-side-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.search_pages_button_query {
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}

body.service div.cloudContent .btn.btn-default, .search_pages_button { background: #2e68ae;
    border: none;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0 8px;
    border-radius: 2px; }
body.service div.cloudContent .btn.btn-default:hover { background: #1B5A9C; }
body.service div.cloudContent .btn.btn-default i { font-size: 8px; line-height: 36px; display: block; float: left; padding: 0 0px 0 25px; }
body.service div.cloudContent div.action {padding: 5px 5px; min-height: 40px;}

#cloudserverMenu ul li {
    position: relative;
    display: block;
    padding: 4px 5px;
    cursor: pointer;
}

#cloudserverMenu ul li.selected {
    background-color: #2e68ae;
    color: #fff;
    cursor: default;
}

#cloudserverContent div.loading {
    display: none;
    width: 210px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    background: url('/img/layout/loading.gif') no-repeat;
    background-position: bottom left;
    margin: 10px 0 10px 221px;
}

#cpuStatsForm div.select, #iopsForm div.select, #bandwidthForm div.select {
    width: 200px;
    float: left;
    margin: 0 0 0 10px;
    text-align: left;
}
#cpuStatsForm div.select.first, #iopsForm div.select.first, #bandwidthForm div.select.first {
    margin: 0 0 0 173px;
}
body.service div.cloudContent .btn i.bigIcon {
    font-size: 18px;
    line-height: 31px;
    display: block;
    float: left;
    padding: 0 5px 0px 5px;
}body.service div.cloudContent .btn i.bigIcon.white {
    color: #fff;
 }
body.service div.cloudContent .btn.white {
    background: #fff;
}

body.service div.cloudContent .btn.white:hover {
    background: #fff;
}

body.service div.jsonContent {
    border: solid 1px #dadadb;
    padding: 25px;
    margin: 10px 0 0 0;
}

table#firewallRules tbody tr:first-child td.move .up {
    visibility: hidden;
}
table#firewallRules tbody tr.last td.move .down {
    visibility: hidden;
}

.fa-refresh.fa-spin {
    -webkit-transform-origin: 49.3% 48.6%;
    -moz-transform-origin: 49.3% 48.6%;
    -ms-transform-origin: 49.3% 48.6%;
    -o-transform-origin: 49.3% 48.6%;
    transform-origin: 49.3% 48.6%;
}

form.ajaxForm .btn i.fa-refresh.fa-spin {
    -webkit-transform-origin: 40.3% 42.6%;
    -moz-transform-origin: 40.3% 42.6%;
    -ms-transform-origin: 40.3% 42.6%;
    -o-transform-origin: 40.3% 42.6%;
    transform-origin: 40.3% 42.6%;
}

div.buildingCloudserver {
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    border: solid 1px #dadadb;
}

.lineThroughContract {
    text-decoration: line-through;
}

body.service span.clickToShow {
    float: right;
    cursor: pointer;
}

body.service span.link {
    text-decoration: underline;
}

body.service div.customDnsRecords {
    height: 50px;
}

body.service div.customDnsRecords i.deleteCustomRow {
    float: right;
    margin: -5px 0 0;
    cursor: pointer;
}
.customDnsRecords input {
    float:left;
    margin: 0 2px 3px 0 !important;
}

.customDnsRecords div {
    float:left;
}

div.modal-content div.customDnsRecords input {
    width: 220px !important;
}

div.modal-content div.customDnsRecords input#DnsRecordsRecordPrio {
    width: 50px !important;
}

div.modal-content div.customDnsRecords div.select span.select {
    width: 100px !important;
}

div.modal-content div.customDnsRecords div.select div.selectHolder {
    width: 100px !important;
}

.content > div#serviceContentContainer > table.dnsrecords td.recordName span {
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 563px;
    overflow: hidden;
}

body.service div.container div.controlButtons {
    display: none;
}

body.service div.container div.controlButtons.active {
    display: block;
}

body.service div.domains div.left.menu {
    float: left;
    padding: 0;
}
body.service div.domains div.left.menu .filterDomains {
    float: left;
    width: 163px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}
body.service div.domains ul.left.menu {
    list-style: none;
    margin: 0;
    border-right: solid 1px #d2d2d2;
    padding: 10px 25px 105px 10px;
}

body.service div.domains ul.left.menu > li {
    height: 20px;
}

body.service div.domains a.domainPanel {
    margin: 0 0 5px 0;
    float: left;
    width: 170px;
    margin: -30px 0 0 0;
}

body.service div.domains a.domainPanel.groupAdd {
    margin: -65px 0 0 0;
}

body.service div.domains div.content {
    float: left;
    padding: 0;
    border-left: solid 1px #d2d2d2;
    margin: 0 0 0 -1px;
    min-height: 142px;
}
div.container  div.tableScroll {
    width: 100%;
    max-height: 405px;
    overflow-x: hidden;
    overflow-y: auto;

}

div.container table.domains th.check,
div.container table.domains td.check {
    width: 20px;
}
div.container  table.domains th.date,
div.container  table.domains td.date {
    width: 130px;
}
div.container  table.domains th.status,
div.container  table.domains td.status {
    width: 150px;
}

div.container  table.list.domains,
div.container  table.list.domains th,
div.container  table.list.domains td{
    border: none;
}

div.container  table.list.domains th {
    font-size: 14px;
}

div.container  div.tableScroll table.list.domains td {
    border-top: 1px solid #f1f1f1;
}

div.container  div.tableScroll table.list.domains tr:first-child td {
    border: none;
}

div.container  table.list.domains.first {
    border-bottom: solid 1px #d2d2d2;
}

body.service .domains hr {
    display: block;
    height: 1px;
    border: 0;
    clear: both;
    background: #d2d2d2;
    margin: 10px 0 0 0;
}

body.service .tableScroll table.domains tr:first-child td , body.service .tableScroll table.domains{
    border-top: none !important;
    border-left: none !important;
}

body.service .tableScroll table.domains tr td.check {
    border-left: none;
}

body.service input.form-control.domainSearch {
    width: 320px;
    margin: -35px 0 10px
}
body.service i.loadImg {
    margin: -21px 25px 0;
    font-size: 20px
}

body.service #CustomDomain #SearchDomain {
    width: 80%;
    float: left;
    margin: 0 25px 0 0;
}

body.service #CustomDomain .searchButton {
    height: 43px;
    line-height: 34px;
}

body.service table.customDomains thead tr th:first-child {
    width: 80%;
}

body.service table.productTable.information td:first-child {
    width: 250px;
    font-weight: bold;
}

body.service table.productTable.information.no-border-top tbody tr:first-child td {
    border-top: none;
}

body.service a.serviceAddress {
    margin: 0 0 10px 10px;
}

span.emailVerification {
    display: inline-block;
    padding: 10px 0 0;
    color: #f16713 !important;
}
span.emailVerification.verified {
    color: #72ab0e !important;
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.ssl ul.tab {
    background: #216aa9;
    list-style: none;
    min-height: 50px;
    margin: 0;
    padding: 0;
}

.ssl ul.tab li {
    float: left;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    background: #216aa9;
}

.ssl ul.tab li:first-child {
    margin: 0 0 0 7px;
}

.ssl ul.tab li a {
    color: #fff;
    padding: 10px 15px 18px;
}
.ssl ul.tab li a:hover {
    text-decoration: none;
}
.ssl ul.tab li.active a {
    background: #f9f9f9;
    padding: 12px 20px 16px;
}
.ssl ul.tab li.active a:hover {
    text-decoration: none;
}
.ssl ul.tab li a .count {
    padding: 2px 7px;
    margin: 0 0 0 10px;
}

.ssl ul.tab li a.most .count {
    background: #7e7d7d;
}
.ssl ul.tab li a.domain .count {
    background: #72ab0e;
}
.ssl ul.tab li a.organisation .count {
    background: #f16713;
}
.ssl ul.tab li a.extended .count {
    background: #0098ee;
}
.ssl ul.tab li.active a.most {
    color: #7e7d7d;
}
.ssl ul.tab li a.wildcard .count {
    background: #b129ff;
}
.ssl ul.tab li.active {
    padding: 2px 0 0 0;
}
.ssl ul.tab li.active a .count {
    color: #fff;
}
.ssl ul.tab li.active a.domain {
    color: #72ab0e;
}
.ssl ul.tab li.active a.organisation {
    color: #f16713;
}
.ssl ul.tab li.active a.extended {
    color: #0098ee;
}
.ssl ul.tab li.active a.wildcard {
    color: #b129ff;
}

.ssl table .btn.btn-green {margin: 12px 0; padding: 0 20px 0 15px; text-align: left; font-size: 12px; height: 38px; border: none; border-radius: 2px; line-height: 38px; font-weight: 600; text-transform: uppercase; position: relative; background: #72ab0e url(https://static.hosted.nl/img/green_btn.jpg) top repeat-x; }
.ssl table .btn.btn-green.btn-lg { font-size: 13px; height: 29px; line-height: 30px; }
.ssl table .btn.btn-green.btn-lg i { top: 5px;
    line-height: 19px;
    font-size: 7px;
    width: 19px;
    height: 19px;  }
.ssl table .btn.btn-green:hover { background: #5d8f06; }
.ssl table .btn.btn-green i { padding-left: 2px; position: absolute; right: 15px; top: 8px; color: #5d8f06; width: 20px; height: 20px; font-size: 8px; text-align: center; border-radius: 50%; line-height: 20px; background: #fff; }

.ssl table td.fifth {
    width: 150px;
}

.ssl table td.fourth {
    width: 135px;
}
.ssl table td.third {
    width: 75px;
}
.ssl table td.second {
    width: 220px;
}
.ssl .fa-info {
    font-weight: 400;
    margin: 5px auto 0;
    text-decoration: none;
    color: #f5782d;
    font-size: 14px;
    border: 2px solid #f5782d;
    text-align: center;
    line-height: 18px;
    opacity: 1;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
}

.ssl table span.tag {
    padding: 6px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.ssl table span.tag i {
    color: #fff;
    margin: 0 0 0 6px;
    position: relative;
    top: 1px;
    font-size: 16px;
}

.ssl table span.extended-tag {
    background: #0098ee;
}
.ssl table span.wildcard-tag {
    background: #b129ff;
}
.ssl table span.domain-tag {
    background: #72ab0e;
}
.ssl table span.organisation-tag {
    background: #f16713;
}

div.curtain {
    height: 180px;

    -webkit-transition: height 250ms linear;
    -moz-transition: height 250ms linear;
    transition: height 250ms linear;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
div.curtain h2 {
    margin-top: 30px;
}
div.curtain-control {
    margin-bottom: 25px;
    color: #0098ee;
    cursor: pointer;
}

div.curtain .curtain-shadow {
    background-image: -webkit-linear-gradient(rgba(255,255,255,0),#fff);
    background-image: -moz-linear-gradient(rgba(255,255,255,0),#fff);
    background-image: linear-gradient(rgba(255,255,255,0),#fff);
    height: 60px;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

div.featuredProduct h3.default.blue {
    min-height: 50px
}

.breadcrumbHome {
    background: url("https://static.hosted.nl/img/breadcrumb_icon.png") center no-repeat;
    width: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

div#noc_status p {
    margin-top: 20px;
    background: #fefae9;
    border: 1px solid #F9D423;
    display: block;
    width: 100%;
    padding: 10px;
    color: #7d7f86;
}

div#noc_status p a {
    color: #7d7f86;
    text-decoration: underline;
}