@charset "utf-8";
/* ### generated Web Fonts ### */

@font-face { font-family: 'GothamLight'; src: url('../fonts/gothamlight/gothamlight.eot'); src: url('../fonts/gothamlight/gothamlight.eot') format('embedded-opentype'),  url('../fonts/gothamlight/gothamlight.woff') format('woff'),  url('../fonts/gothamlight/gothamlight.ttf') format('truetype'),  url('../fonts/gothamlight/gothamlight.svg#GothamLight') format('svg'); }
@font-face { font-family: 'GothamBoldRegular'; src: url('../fonts/Gotham-Bold_1/gotham-bold_1.eot'); src: url('../fonts/Gotham-Bold_1/gotham-bold_1.eot') format('embedded-opentype'),  url('../fonts/Gotham-Bold_1/gotham-bold_1.woff') format('woff'),  url('../fonts/Gotham-Bold_1/gotham-bold_1.ttf') format('truetype'),  url('../fonts/Gotham-Bold_1/gotham-bold_1.svg#GothamBoldRegular') format('svg'); }
@font-face { font-family: 'bahamasplain'; src: url('../fonts/bahamas-plain/bahamas-plain.eot'); src: url('../fonts/bahamas-plain/bahamas-plain.eot?#iefix') format('embedded-opentype'),  url('../fonts/bahamas-plain/bahamas-plain.woff') format('woff'),  url('../fonts/bahamas-plain/bahamas-plain.ttf') format('truetype'),  url('../fonts/bahamas-plain/bahamas-plain.svg#bahamasplain') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham-Book'; src: url('../fonts/gothambook/15616_gothambook_brief245349.eot'); src: url('../fonts/gothambook/15616_gothambook_brief245349.eot?#iefix') format('embedded-opentype'),  url('../fonts/gothambook/15616_gothambook_brief245349.woff') format('woff'),  url('../fonts/gothambook/15616_gothambook_brief245349.ttf') format('truetype'),  url('../fonts/gothambook/15616_gothambook_brief245349.svg#15616_gothambook_brief245349') format('svg'); font-weight: normal; font-style: normal; }

/* Test door Richard
html, body {
    min-height: 100%;
alle 980px is omgezet naar 943px
}

#container { 
    min-height: 90%; 
    position: relative;
    overflow: hidden;
}
/* Einde test door Richard */

/* ### general ### */
* { padding: 0px; margin: 0px; }
body { background: #FFF; font-size: 14px; color: #666666; font-family: 'Gotham-Book'; line-height: 21px; }
input,
select,
textarea { font-family: 'Gotham-Book'; font-size: 14px; color : #666666; }
img { border: 0px; display: block; }
a,
input { outline: none; text-decoration: none; }
a:hover { color: #0F72A3; }
ul,
li { list-style: none; }

/* ### global classes ### */
h2 { color: #0f72a3; font-family: 'Bree Serif', serif; font-size: 44px; font-weight: normal; }
h3 { font-size: 20px; font-weight: normal; color: #036697; font-family: 'bahamasplain'; }
p { line-height: 21px; color: #666666; }
.clear { clear: both; }
.clear:before,
 .clear:after { content: " "; display: table; }
.clear:after { clear: both; }
.wrapper { width: 943px; margin: 0 auto; } /* was 980 */

/* ### header ### */
header { transition: height 0.3s ease 0s; position: fixed; width: 100%; background: url(../images/headerbg.png) no-repeat center bottom; height: 159px; z-index: 5000; }
header .wrapper { margin-bottom: 38px; margin: 0 auto; }

/* ### sticky header ### */ 
#header.sticky-header:after { background-color: #FFFFFF; }
#header:after { border-bottom: medium none; bottom: -3px; box-shadow: none; content: ""; height: 3px; left: 0; position: absolute; width: 100%; }
#header.sticky-header:after { height: 0; }
#header.sticky-header { background: rgba(255,255,255,0.9); left: 0; box-shadow: 1px 1px 5px #c6c6c6; max-height: 100%; opacity: 0.95; position: fixed !important; top: 0; width: 100%; z-index: 10000; height: 50px; transition: height 0.3s ease 0s; }
#header.sticky-header #logo { margin-top: 0px; }
#header.sticky-header ul.navigation { margin-top: 8px; }
#header.sticky-header .navigation li a:hover,
.sticky-header .navigation li a.active {}
#header.sticky-header #logo img { width: 60%; height: 60%; } /* RvB: height was auto maar dat ging niet goed in safari */
/* .sticky-header .navigation li { padding: 0 0 15px; } */ /* RvB: Deze gaf problemen met de mouseover op het sticky menu */ 
.sticky-header .navigation ul.show-sub-menu li { padding-bottom: 0 }
.sticky-header .navigation li a { margin-top: 0; padding: 7px 16px; display: block;/* padding:3px 15px;*/ }
.sticky-header .navigation li a:hover { padding: 6px 13px; display: block; } 
.sticky-header .navigation li:hover a,
.sticky-header .navigation li.active a { padding: 6px 15px; }
.sticky-header .header { height: auto; }
#header.sticky-header .navigation ul { top: 38px; }
#header.sticky-header:after { height: 0px; }
.sticky-header .navigation ul.show-sub-menu { }
.sticky-header .navigation ul li a { width: 170px; }
#logo { float: left; margin-top: 24px; }
#logo img { transition: all 0.5s ease 0s; }

/* ### navigation ### */
ul.navigation { float: right; margin-top: 45px; }
.navigation > li { font-size: 15px; text-transform: uppercase; float: left; display: block; margin: 0 0 0 5px; position: relative; }
.navigation li a { font-family: 'Montserrat', sans-serif; color: #656161; display: block; text-shadow: 0 1px 1px #FFFFFF; padding: 13px 16px; }
.navigation li a:hover { display: block; padding: 12px 15px 12px; } 
.navigation li a.activelink,
.navigation li:hover a { background: url(../images/nav-hover-bg.png) repeat-x left bottom #FFF; border: 1px solid #dadada; border-radius: 35px; box-shadow: 0 0 10px #ECECEC; display: inline-block; padding: 12px 15px 12px; }
.navigation li:last-child { margin: 0 11px 0 5px; }
.mobile-menu-button { display: none; }
.sticky-header .mobile-menu-button { top: 7px; padding: 8px; }
.navigation ul { border-radius: 4px; box-shadow: 0 0 17px #B6B6B6; height: 0; left: -46px; margin: 0; opacity: 0; padding: 0; position: absolute; top: 49px; transform: translateY(40px); transition: all 0.4s ease 0s; visibility: hidden; background: #FFF; z-index: 999999999999 !important; }
.navigation .arrow { background: url(../images/nav-submenu-arrow.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 10px; left: 84px; position: absolute; top: -8px; width: 19px; }
.navigation > li > a:after { bottom: 0; content: ""; height: auto; left: 0; position: absolute; transform: translateY(100px); transition: all 0.2s ease-in-out 0s; width: 100%; z-index: 0; } /* height was 100% maar op auto gezet vanwege problemen met IE */
.navigation > li > a > span.label-nav { clear: both; position: relative; }
.navigation ul.show-sub-menu { opacity: 1; height: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; z-index: 1; }
.navigation ul li:nth-child(2) > a { border-radius: 4px 4px 0 0; background: #FFFFFF none; border: 0; box-shadow: none; } 
.navigation ul li a { float: none; padding: 0 !important; margin: 0 !important; background: none #FFF !important; padding: 0; border-radius: 0 !important; box-shadow: none !important; } 
.navigation ul li a { background: #FFFFFF none; color: #656161; border: 0 !important; border-bottom: 1px dotted #E2E2E2 !important; display: block !important; border: 0; border-radius: 0; font-size: 14px; line-height: 23px; overflow: hidden; padding: 5px 0 5px 20px !important; position: relative; text-decoration: none; text-transform: uppercase; width: 170px; margin: 0 0 0 12px !important; }
.navigation ul li a:hover { background: none #FFF; box-shadow: none; border-radius: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 5px 0 5px 20px !important; border-bottom: 1px dotted #E2E2E2; color: #000; } 
.navigation ul li:last-child a { margin-left: 8px !important; }
.mobile-nav { display: none; }
.hello { display: block; }

/* ### banner ### */
#banner { background: url(../images/headerbg.jpg) no-repeat center bottom; margin: 0 auto 247px auto; height: 416px; width: 943px; overflow: hidden; position: relative; top: 209px; }
.bannercontainer { width: 943px; margin: 0 auto; overflow: hidden; height: 380px; position: relative; overflow: hidden; } /* was 980 */
.bannercontainer h2 { font-size: 44px; font-family: 'Bree Serif', serif; font-weight: normal; line-height: 45px; color: #0f72a3; text-shadow: -5px 0 3px #ececec; z-index: -1; }
.bannercontainer h3 { color: #313131; font-family: 'bahamasplain'; font-size: 25px; font-weight: normal; line-height: 30px; width: 565px; z-index: -1; }
.tp-simpleresponsive > ul li { left: 0; position: static; }
.tp-simpleresponsive ul { width: 943px; margin: 0 auto; } /* was 980 */
.caption.medium_text { font-family: 'Gotham-Book'; color: #4f4f4f; font-size: 15px; line-height: 22px; }
a.getstarted { background: url(../images/button5.png) no-repeat; width: 127px; text-align: center; padding: 7px 21px 11px 21px; font-size: 25px; color: #FFF; text-shadow: 1px 1px 2px #0c5a7b; font-family: 'bahamasplain'; display: block; line-height: 30px; }
a.getstarted:hover { background: url(../images/button5-hover.png) no-repeat !important; display: block; }

/* ### services ### */
#services { margin-bottom: 37px; }
#services ul li:first-child { padding: 9px 0 0 0; background: none; }
#services ul li { float: left; background: url(../images/services-inr-bg.jpg) no-repeat left top #FFF; width: 293px; padding: 9px 0 0 35px; } /* width was 312 */
#services ul li:last-child { padding: 9px 0 0 31px; width: 290px; }
#services ul li h3 { padding: 3px 41px 12px 0; }
#services ul li h3.hosting { background: url(../images/hosting-icn.png) no-repeat right 3px; display: inline-block; }
#services ul li h3.webdesign { background: url(../images/webdesign-icn.png) no-repeat right 1px; display: inline-block; }
#services ul li h3.automat { background: url(../images/automatisering-icn.png) no-repeat right 3px; display: inline-block; }
#services ul li .button1 { margin: 12px 0 25px 0; }
.button1 a { background: url(../images/button1.png) repeat-x left bottom #1990c1; line-height: 30px; padding: 3px 14px 5px; border-radius: 12px; color: #FFF; text-shadow: 1px 1px 3px #07597c; font-size: 12px; }
.button1 a:hover { background: url(../images/button1-hover.png) repeat-x left bottom #e49529; }

/* ### domeinnaam ### */
#domain-sec { border: 1px solid #e9e9e9; border-radius: 3px; background: url(../images/domain-bg.jpg) no-repeat right top; padding: 36px 33px 27px; }
#domain-sec h3 { color: #313131; font-size: 25px; line-height: 24px; }
#domain-sec h2 { color: #0f72a3; font-size: 44px; font-family: 'Bree Serif', serif; font-weight: normal; line-height: 32px; margin-bottom: 26px; }
#domain-sec .check { background: url(../images/domain-bg.png) no-repeat; padding: 4px 2px 9px 67px; float: left; width: 332px; margin-left: 2px; }
#domain-sec .check input { border: 0; padding: 5px; width: 225px; margin: 4px 7px 0 0; float: left; display: block; font-size: 14px; }
#domain-sec .check .custom-arrow { background: url(../images/dropdown-arrow.png) no-repeat 58px 13px; height: 34px; overflow: hidden; width: 71px; }
#domain-sec .check .custom-arrow select { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; border-radius: 0; box-shadow: none; height: 34px; line-height: 1; padding: 4px 0 2px; font-size: 18px; width: 108px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; color: #000000; outline: none; -webkit-appearance: none; }
#domain-sec .check .custom-arrow:focus { background: none; border: none !important; outline: none; }
.button2 { background: url(../images/button2.png) no-repeat; text-align: center; padding: 10px 0; width: 87px; border: none; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; line-height: 22px; display: block; }
.button2:hover { background: url(../images/button2-hover.png) no-repeat; }
#domain-sec input.button2 { cursor: pointer; }
#domain-sec .checktxt { font-size: 12px; font-family: Verdana, Geneva, sans-serif; width: 61%; margin: 24px 0 0 2px; line-height: 20px; }

/* ### hosting table1 ### */
.hosting h2 { margin-bottom: 23px; line-height: normal; }
.hosting-table .leftcol td { text-align: right; padding: 9px 18px 9px 20px; background: url(../images/hosting-tab-bg.jpg) repeat-y right top #FFF; margin: 1px; display: block; position: relative; color: #697184; }
.hosting-table .leftcol td:after { content: url(../images/Hosting-leftcol-bordrbg.png); position: absolute; bottom: -6px; left: 3px; }
.hosting-table .leftcol td.prijzen { padding: 0 18px; line-height: 18px; }
.hosting-table .leftcol td.prijzen:after { bottom: -5px; }
.hosting-table .leftcol td.takeaction { color: #207ac9; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 44px 35px 32px 15px !important; position: relative; display: block; margin: 0; }
.hosting-table .leftcol td.takeaction:before { content: url(../images/hosting-tkaction-arrow.png); position: absolute; right: 15px; }
.hosting-table .leftcol td.setupbg { background: url(../images/hosting-setup-bg.jpg) repeat-y right top #FFF; margin: 0; color: #337bb8; font-size: 16px; }
.hosting-table .leftcol td.mysql { padding: 0 18px; font-size: 14px; line-height: 20px; }
.hosting-table .leftcol td.overschrij { padding: 0 18px; margin: 0; }
.hosting .pakketbg { background: url(../images/pakket-bg.jpg) no-repeat right bottom #FFF; }
.hosting .pakketbg .pakket { color: #000000; font-size: 18px; }
.hosting .pakketbg table td { padding-right: 18px; display: block; position: relative; }
.hosting .pakketbg table td:after { content: url(../images/Hosting-leftcol-bordrbg.png); position: absolute; bottom: -6px; left: 0; }
.hosting table td.noborder:after { content: ''; }
.hosting table td.nomargin { margin: 0; }
.newhdr header { height: 159px; margin-bottom: 6px; }
.wrap-pos { padding-top: 209px; }
.hosting-table { margin-top: 35px; }
.hosting-table h3 { font-size: 23px; font-family: 'GothamBoldRegular'; font-weight: normal; margin-bottom: 23px; }
.hosting-table h3 span { font-size: 16px; }
.hosting .rightcol { color: #353535; background: #f6f6f6; border: 1px solid #e2e2e2; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.hosting .rightcol tr td { padding: 10px; }
.hosting .rightcol tr:nth-child(even) { background: #fff; }
.hosting .rightcol .headertable { color: #424242; text-transform: uppercase; }
.hosting .rightcol .headertable td { padding: 11px 0 8px 0; font-size: 16px; border-bottom: 1px solid #e2e2e2; font-family: 'GothamBoldRegular'; }
.hosting .rightcol .headertable td img { margin-bottom: 12px; }
a.signup { background: url(../images/signup-btn.png) no-repeat left top; width: 155px; text-align: center; display: block; padding: 14px 0 17px 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #FFF; }
a.signup:hover { background: url(../images/signup-btn-hover.png) no-repeat; display: block; }
.hosting .rightcol tr.signup-padding td { padding: 27px 0; }
.hosting .rightcol tr.whitebg td { background: #FFF; border-top: 1px solid #f3f3f3; }
.hosting .rightcol tr.graybg td { background: #f6f6f6; }
.hosting .mobile { display: none; }
.hosting .desktop { display: block; }
a.signup { background: none repeat scroll 0 0 #1074A6; border-radius: 55px; font-size: 14px; font-weight: bold; height: auto; margin: 0 5px; padding: 11px 3px; width: 107px; }
a.signup:hover { background: #ee952c; }
.hosting-table .leftcol td { font-size: 13px; }

/* ### hosting table2 ### */
.hosting-table1 { margin-bottom: 31px; }
.hosting .rightcol .headertable.newsize td { font-size: 18px; padding: 17px 0; }

/* ### contact us ### */
.contact h2 { margin-bottom: 23px; line-height: normal; }
.contact h3 { color: #036697; font-size: 20px; font-family: 'bahamasplain'; border-bottom: 1px solid #e9e9e9; line-height: 49px; margin-bottom: 30px; }
.contact-form { float: left; width: 556px; margin: 0 50px 0 0; }
.contact-form .input-txt,
.contact-form textarea { border: 1px solid #cfcfcf; border-radius: 5px; padding: 12px 10px; margin-bottom: 20px; width: 246px; }
.contact-form .left { float: left; }
.contact-form .right { float: right; }
.contact-form .phone .input-txt { width: 535px; }
.contact-form .comment textarea { width: 535px; height: 67px; }
.contact-form .secure-img { border: 1px solid #cfcfcf; border-radius: 5px; width: 125px; text-align: center; padding: 13px 0; float: left; margin: 0 20px 0 0; }
.contact-form .secure-img img { text-align: center; margin: 0 auto; }
.contact-form .secure-txt .input-txt { width: 125px; float: left; text-align: left; }
.contact-form .sendmsg input { float: right; border: none; background: url(../images/button5.png) no-repeat left top; width: 168px; height: 41px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #FFF; cursor: pointer; }
.contact-form .sendmsg input:hover { background: url(../images/button5-hover.png) no-repeat; }
.contact-service { float: left; width: 374px; }
.contact-service .round-radius { float: left; border: 2px solid #d9d9d9; border-radius: 65px; padding: 20px 13px 15px 19px; margin: -10px 20px 0 0; }
.contact-service .address,
.contact-service .phonenum { margin-bottom: 30px; }
.contact-service .phonenum .round-radius { padding: 17px 13px 18px 19px; }
.contact-service .email .round-radius { padding: 21px 13px 21px 19px; }
.contact-service .email a { color: #666; }
.contact-service .email a:hover { color: #0F72A3; }
.contact-service p { float: left; }
.gmap { margin: 10px 0 10px 0; }
.contact h3.support { border-bottom: 0; margin-bottom: 10px; }

/* ### footer ### */
#footer { background: url(../images/ftr-bg.png) no-repeat center top; padding: 62px 0 22px 0; font-family: Verdana, Geneva, sans-serif; }
.ftr-links { float: left; width: 195px; border-right: 1px solid #e9e9e9; margin: 0 58px 0 0; }
.ftr-links ul li { margin: 4px 0 11px 0; padding: 0; background: url(../images/ftr-arrow.png) no-repeat left 7px; padding: 0 0 0 17px; font-size: 12px; }
.ftr-links ul li a { color: #656161; }
.ftr-links ul li a:hover { color: #0F72A3; }
.middleftr { float: left; width: 280px; border-right: 1px solid #e9e9e9; margin: 2px 54px 0 0; font-size: 12px; line-height: 18px; color: #656161; }
.middleftr a { color: #656161; }
.middleftr a:hover { color: #0F72A3; }
.middleftr .address { background: url(../images/ftr-address-icn.png) no-repeat left 5px; padding: 0 0 0 26px; margin-bottom: 13px; }
.middleftr .email { background: url(../images/ftr-email-icn.png) no-repeat left 5px; padding: 0 0 0 26px; margin-bottom: 15px; }
.middleftr .phone { background: url(../images/ftr-phone-icn.png) no-repeat left 3px; padding: 0 0 0 26px; margin-bottom: 15px; }
.lastftr { float: left; width: 354px; font-size: 12px; margin-top: 5px; } /* was 354 */
.lastftr input.inputtxt { background: url(../images/ftr-search-icn.png) no-repeat 216px 14px #FFF; padding: 11px 10px 10px 15px; border: 1px solid #cfcfcf; border-radius: 33px; width: 223px; float: left; color: #9b9b9b; }
.lastftr input.button3 { border: none; float: left; margin: 0 0 0 5px; cursor: pointer; }
.button3 { background: url(../images/button3.png) no-repeat; display: block; width: 97px; text-align: center; padding: 10px 0; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; line-height: 22px; display: block; }
.button3:hover { background: url(../images/button3-hover.png) no-repeat; }
.social { margin: 16px 0 12px 6px; }
.social a { background: url(../images/ftr-social.png) no-repeat; display: block; transition: all 0.5s ease; float: left; }
.social a:hover { background: url(../images/ftr-social-hover.png) no-repeat; transition: all 0.5s ease; }
.social a.fb { background-position: 0 0; width: 10px; display: block; height: 21px; margin: 0 18px 0 0; }
.social a.twitter { background-position: -28px 0; width: 21px; display: block; height: 21px; margin: 0 18px 0 0; }
.copyright { margin: 0 0 0 6px; line-height: 22px; }