/* Reset information */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} small {font-size:10px;} b,strong {font-weight:bold;} u {text-decoration:underline;} i,em {font-style:italic;}

/* Defaults */
a { outline:none;cursor:pointer; }
body { position:relative; color: #959595; font-family: "Arial"; font-weight: 400; font-size: 14px; }   
	
.bgWrap { position:relative;float:left;width:100%;min-width:960px; }       
.wrap, .center { position:relative;width:960px; }
.wrap { margin:0 auto; }
.center { float:left; }
	
	/* bgWrap Crop */
	.bgWrap.crop { overflow:hidden; }  
	/* /bgWrap Crop */
	
	/* Default list */
	ul { list-style:disc;margin-top:3px;margin-bottom:3px; }
	ol { list-style:decimal;margin-top:3px;margin-bottom:3px; }
	li { margin-left:0; }
	/* /Default list */
	
	/* Floats */
	.left { float:left; }
	.right { float:right; }
	/* /Floats */
	
	/* Clears */
	.clear { clear:both; }
	.clear-left { clear:left; }
	.clear-right { clear:right; }
	/* /Clears */
	
	/* Display types */
	.block { display:block; }
	.hide { display:none; }
	.inline { display:inline; }    
	/* /Display types */
/* /Defaults */   

/* Notifications */
.notification-block { margin:0 0 24px 0;font:13px/23px 'Roboto'; }
.notification { position:relative;margin:0 0 1px 0;padding:8px 0 8px 32px;border:1px solid transparent; }
.notification > span.icon { background:url(../images/notification.png) -1px 0 no-repeat;position:absolute;top:8px;left:8px;display:block;width:16px;height:16px; }
.notification.alert > span.icon { background-position:-1px -91px; }
.notification.success > span.icon { background-position:-1px -1px; }
.notification.warning > span.icon { background-position:-1px -30px; }
.notification.error > span.icon { background-position:-1px -61px; }  
/* /Notifications */

/* Colors */
	/* Backgrounds */
	body { background-color:#fff; }
	.notification.alert { background-color:#dce3ff; }
	.notification.success { background-color:#d5ffcf; }
	.notification.warning { background-color:#fffbcc; }
	.notification.error { background-color:#ffcecf; }
	
	.bgWrap.menu {background-color:#fff; padding-bottom:10px;border-bottom: 1px solid #f9f9fa;}
	header.bgWrap {height:551px;overflow:hidden;}
    header.bgWrap.small {height: 142px; }
	main.bgWrap {background-color: #f8edd7; padding-bottom: 48px; }
	footer.bgWrap {background-color: #ded0b3;}

    .bgWhite {background-color: #fff;}
    .border-taupe {border-left: 1px solid #e5dac6;border-right: 1px solid #e5dac6; }
	
	/* /Backgrounds */  
	
	/* Textual */
	.notification { color:#333; }
	/* /Textual */     
	
	/* Borders */
	.notification.alert { border-color:#a1b4ee; }
	.notification.success { border-color:#9adf8f; }
	.notification.warning { border-color:#e5db55; }
	.notification.error { border-color:#df8f90; }
	/* /Borders */
/* /Colors */       

/* Border radius */
.notification { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }
/* /Border radius */



/* Menu  */
.bgWrap.menu .center > a { display:block;float:left;position:relative;margin-top:16px; }

.bgWrap.menu nav { float:right;position:relative; margin:10px 0; }
.bgWrap.menu nav > ul, .bgWrap.menu nav > ul li, .bgWrap.menu nav > ul li a { display:block;float:left;position:relative;list-style:none;margin:0;padding:0;text-transform:uppercase; }
.bgWrap.menu nav > ul li + li { margin-left:32px; }
.bgWrap.menu nav > ul li a { font:700 18px 'RobotoCondensed';color:#cdc1b3;text-decoration:none;padding:26px 0 16px; }
.bgWrap.menu nav > ul li.active a, .bgWrap.menu nav > ul li a:hover { color:#00c0ff; }
/* / Menu */


/* Fonts  */

h1, .act-h1 { font:bold 36px/40px 'RobotoCondensed';text-transform:uppercase;color:#cdc1b3; }
h1  > strong {color: #00c0ff;}
h1.large {font-family: 'RobotoCondensed'; color: #cbc1b3; text-transform: uppercase; font-size: 35px; line-height: 45px; font-weight:700;}
h1.large > strong {font-size:47px;}
h2, .act-h2 {font-family: 'RobotoCondensed'; color: #fff; text-transform: uppercase; font-size: 24px;font-weight:bold;}
h2.blue, .act-h2.blue {float: left; position: relative;font-family: 'RobotoCondensed'; color: #00c0ff; text-transform: uppercase; font-size: 23px; font-weight: 700;}
h2.blue, .act-h2.blue > a {text-decoration: none;float: left; position: relative;font-family: 'RobotoCondensed'; color: #00c0ff; text-transform: uppercase; font-size: 23px; font-weight: 700;}
/*h2.blue, .act-h2.blue > a:hover {color: #555555;}*/
.column.serviceblock.small.shadow > h2.blue {font-size: 22px;}

h3, .act-h3 {font-family: 'Roboto'; font-weight: 400; color: #555555; text-transform: uppercase; font-size: 16px; }

h1.large + span.subtitle {margin-top: 28px;}
.fpSub h1.large + p { margin-top:28px; }


span.subtitle {float: left; position:relative; width: 100%;font-family: 'Roboto'; font-weight: 500; color: #555555; font-size: 16px; line-height: 28px;}
.fpSub h1.large + p { font:500 16px/28px 'Roboto';color:#555; }
.column.two-third > span.subtitle {margin-top: 14px;}
span.bannertitle {margin-top: 10px;font-family: 'Roboto'; font-weight: 400; color: #555555; text-transform: uppercase; font-size: 16px; float: left; position: relative; width: 100%; padding-bottom: 22px; border-bottom: 1px solid #e8e3d9;}


p + span.act-h3 {margin-top: 24px;}

.column  p > a {color: #00c0ff; text-decoration: none;}
.column  p > a:hover {text-decoration: underline;}

a.read-more  {
	font:800 14px 'Roboto';text-transform:uppercase;color:#555;border-right:1px solid #e0e0e0;padding:24px 30px;text-decoration:none;
	float:left;position:relative;display:block;background:url(../images/arrow-blue.png) 0 25px no-repeat;
}
a.read-more:hover {color: #00C0FF;}

.bgWrap.content p {color: #959595; font-family: 'Arial'; font-weight: 400;}

span.contact-text {font-family: 'RobotoCondensed'; color: #cbc1b3; text-transform: uppercase; font-size: 24px; line-height: 36px; font-weight:700; float: left; position: relative; width: 600px;}
span.contact-text > strong {color: #00c0ff;}

a.blue-button {margin-top: -16px;padding: 24px 61px 19px 74px;border-bottom: 5px solid #02a2d5; float: right; position: relative; display: block; background:#02b8f3 url('../images/arrow-white.png')42px 27px no-repeat; color:#fff; text-decoration: none; font-family: 'Roboto'; font-size: 18px; text-transform: uppercase; }
a.blue-button:hover {background:#ded0b3 url('../images/arrow-white.png')42px 27px no-repeat;border-bottom: 5px solid #959595;}

/* /Fonts */



/* Content */


.column {position: relative; float: left;}
.column.full { width:100%; }
.column.topMarg { margin-top:42px; }

.column.wrapper {margin: -450px 24px 0 0; width: 632px; }
.column.headerblok { background-color: #fff;  padding: 28px 46px 20px 38px; width: 548px; min-height: 402px;} 

.column.headerblok-blue { float: right;min-height:491px;margin-top: -450px;background:#00c0ff;background:rgba(0, 192, 255, 0.94);width:256px;padding: 28px 24px 0;}
div.read-more {width: 568px; height: 18px; border-top: 1px solid #e0e0e0; float: left; position: relative;background-color: #fff; padding: 20px 30px 25px 34px;}

.column.one-third {width: 304px;}
.column.one-third > div.title {float: left; position:relative; border-bottom: 1px solid #e5dbc8; height:42px; width: 304px; margin-bottom: 34px;}
footer .column.one-third > div.title { margin-bottom:20px; }
.column.one-third > div.title.dark {border-bottom: 1px solid #cec2a8;}
.column.one-third p {font-size: 13px; line-height: 23px;}
.column.one-third.padding {padding-right: 58px; width: 246px;}
.column.one-third + .column.one-third {margin-left: 24px;}

.column.one-third-button {width: 282px;}
.column.one-third-button.bgWhite {padding-left:22px;}
.column.one-third-button + .column.one-third-button {margin-left: 24px;}

.column.two-third {width: 630px; padding: 39px 0 60px 24px;}
.column.two-third p {font-size: 14px; line-height: 30px; float: left; position: relative;}
.column.two-third > span.subtitle + p {margin-top: 16px;}

p + p { margin-top:23px; }
.banner-wrapper-home p + p { margin-top:20px; }
.fpSub p + p { margin-top:16px; }

.margTop { margin-top:23px; }
.content-small p + p { margin-top:23px; }

.column.two-third > p + h2 {margin-top: 36px;}
.column.two-third > h2 + p {margin-top:20px;}
.column.two-third > p + p {margin-top: 28px;}

.column.breadcrumb {width:100%; min-height: 47px; border-bottom: 1px dotted #e0e0e0;}
.column.breadcrumb > div { float:left;display:block;height:47px; }
.column.breadcrumb > div > a { font:400 14px/46px 'Arial';text-decoration:none;color:#959595;padding:1px 10px 0 26px;float:left;position:relative;}
.column.breadcrumb > div + div a {background: url('../images/arrow-dots.png') top left no-repeat; padding-left:46px;}
.column.breadcrumb > div.active > a {color: #cbc1b3;}
.column.breadcrumb > div > a:hover {color: #cbc1b3;}



a.button-small, a.button-small-service {text-decoration: none;font-family: 'Roboto'; font-weight: 700; font-size: 13px; text-transform: uppercase; color: #555555; padding-left: 30px; padding-top:24px; padding-bottom: 24px; padding-right:34px;float: left; position: relative; display: block;background: url('../images/arrow-blue.png') 0 23px no-repeat;}
a.button-small:hover, a.button-small-service:hover, a.button-small.back:hover {color: #00C0FF;}
a.button-small.back {text-decoration: none;font-family: 'Roboto'; font-weight: 700; font-size: 13px; text-transform: uppercase; color: #555555; padding-left: 30px; padding-top:24px; padding-bottom: 24px; padding-right:34px;float: left; position: relative; display: block;background: url('../images/arrow-blue-back.png') 0 23px no-repeat;}


.column.contentwrapper { float: right;position: relative;width: 738px; padding-bottom: 52px;}
.column.contentwrapper + .column.contentwrapper, header.small + main .center > .column.fullwidth, header.small + main .center > .column.contentwrapper + .column.contentwrapper {margin-top: 12px;}
.column.contentwrapper-padding {padding: 0 24px 0 24px; width: 690px;}
.column.contentwrapper-padding > p {font-size: 14px; line-height: 28px; float: left; position: relative;}
.column.contentwrapper-padding > span.subtitle {margin-top: 24px;}
.column.contentwrapper-padding > span.subtitle + p {margin-top:18px; }
.column.contentwrapper-padding > p + h2 {margin-top: 16px;}
.column.contentwrapper-padding > h2 + p {margin-top: 18px;}
.column.contentwrapper-padding > p + p {margin-top: 30px;}
.column.content-small > h1 + p {margin-top: 20px;}
.column.content-small {padding: 0 58px 20px 24px; margin-top: 40px; float: left; position: relative; width: 656px;}
.column.content-small > p, .column.serviceblock > p,  .column.serviceblock > article > p, .column.serviceblock > section > article > section >  p {font-size: 14px; line-height: 28px; float: left; position: relative;}
.column.content-small ul, .column.content-small ol { float:left;width:100%; }
.column.content-small li { margin-left:15px; }
.column.serviceblock > article > p {width: 100%;}
.column.content-small > span.subtitle + p {margin-top: 20px;}
.column.serviceblock.small > p {font-size: 13px; line-height: 28px; float: left; position: relative; width: 320px;}
.column.serviceblock {float: left; margin-left: -10px; width:661px; padding: 32px 32px 0 35px; border: 1px solid #f8edd7;background-color: #fbf5ea;}
.column.serviceblock + .column.serviceblock {margin-top: 12px;}
.column.serviceblock > h2 {padding-bottom: 12px;}
.column.serviceblock > a.button-small, a.button-small-service {margin-top:16px; border-top: 1px solid #e0e0e0;margin-left: -36px;padding-left: 68px ; padding-top: 16px; padding-bottom: 16px;width: 627px;background: url("../images/arrow-blue.png")36px 16px no-repeat;}
.column.serviceblock.large {width: 738px; padding: 12px;}
.column.serviceblock.small {width:306px;}
a.button-small-service {width: 300px; padding: 16px 10px 16px 65px; background: url("../images/arrow-blue.png")36px 20px no-repeat;}
.column.serviceblock.small + img {float: right;height: 211px;width: 352px;}

.serviceblockwrapper {width: 728px; float: left; margin-left: -10px; position: relative;}
.serviceblockwrapper > .serviceblock.small {margin-left: 0;}
.serviceblockwrapper + .serviceblockwrapper {margin-top: 12px;}

.column.serviceblock > article > header > time, .column.serviceblock > section > article > header > time   {color: #959595; font-family: 'Arial';font-size: 13px; line-height: 28px; float: left; position: relative; font-weight: 700; width: 100%;}



.column.bannerwrapper {float: right; position: relative; width:258px; margin:20px -12px 0 58px;}
.column.banner {background-color: #fbf5ea; width: 236px; border: 1px solid #f8edd7; padding: 12px 15px 20px 15px; }
.column.banner + .column.banner {margin-top: 24px;}
img.pasfoto, img.praktijk{width: 100%; border: 1px solid #fff;}
img.keurmerk {margin-top: 16px;}

.column.blueBg {background: url('../images/bgBlueTransparent.png') top left repeat; width: 198px; padding: 64px 0 49px 24px;}
header.small + main .center > .column.blueBg, header.small + main .center > .column.blueline { margin-top:-80px; }
header.small + main .center > .column.fullwidth, header.small + main .center > .column.contentwrapper { margin-top:-48px; }

.submenuwrapper {width: 175px; float: left; position: relative; }
.column.blueline {background: url('../images/bgBlueTransparent.png') top left repeat; float: right;height: 32px;margin-right: 20px;width: 718px;}


.bgWrap.content .column.fullwidth {width: 960px;}

.column.fullwidth-button {width: 960px; background: url('../images/transparent-line.png')top left no-repeat; margin-top: 38px; padding-top: 70px; padding-bottom: 22px; }

.shadow {-webkit-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.3);-moz-box-shadow:    0 3px 3px 0 rgba(50, 50, 50, 0.3);box-shadow:0 3px 3px 0 rgba(50, 50, 50, 0.3);}
.whitespace {float: left; position: relative; width: 100%;height: 44px;}

.imagewrapper {float: left; position: relative; background-color: #fff;}
.imagewrapper > img {width: 304px; height: 158px;}



span.boldtext {float: left;position: relative; color: #959595; font-family: 'Arial'; font-weight: 700; font-size: 12px; height: 26px; width: 120px;}
span.openingtime {float: right;position: relative; padding-right: 58px; color: #959595; font-family: 'Arial'; font-weight: 400; font-size: 12px; height: 26px;}
span.text, a.text {float: left;position: relative; color: #959595; font-family: 'Arial'; font-weight: 400; font-size: 12px; width: 100%; text-decoration: none; line-height: 23px; }
a.text:hover {color: #555;}

ul.url-list { margin-top:8px; }
ul.url-list, .submenuwrapper > ul {float: left; position: relative;}
ul.url-list > li, .submenuwrapper > ul > li {position: relative;float: left; width: 100%; list-style: none;border-bottom: 1px solid #64d8fe; }
ul.url-list > li > a {
	display:block;/*width:100%;*/font:800 14px 'Roboto';text-transform:uppercase;color:#fff;padding:12px 0 12px 30px;text-decoration:none;background:url(../images/arrow-white.png) left 13px no-repeat;
} 
ul.url-list > li > a:hover { color:#555;background-image:url('../images/arrow-taupe.png'); }

.submenuwrapper a.act-h2 { text-decoration:none; }
.submenuwrapper > ul > li > a {text-decoration: none;float: left; position: relative; width: 100%; padding: 12px 0 12px 20px; color: #fff;  background: url('../images/arrow-menu-white.png') 0 16px no-repeat; font-family: 'Roboto'; font-weight: 700; font-size: 13px; text-transform: uppercase;}
.submenuwrapper > ul > li > a:hover {color: #555;background: url('../images/arrow-menu-taupe.png') 0 16px no-repeat; }
.submenuwrapper > ul + .act-h2 {margin-top: 32px; float: left; position: relative;}

.banner-wrapper-home {float: left; position: relative; width: 304px;min-height: 300px;}

.banner-wrapper-home + .banner-wrapper-home {margin-left: 24px;}
.banner-wrapper { -webkit-transition: margin 0.3s;transition: margin 0.3s;float: left; position: relative; width: 333px; margin-top: 24px;}
.banner-wrapper:hover {margin-top: 30px;margin-bottom:-6px;}
.banner-wrapper > a > img {width: 100%;}
.banner-wrapper > .column.one-third-button {width: 311px;}
.banner-wrapper + .banner-wrapper {margin-left: 24px;}

div.transition-wrapper { float: left; position: relative;}


section.pagination {padding: 12px 24px 12px 32px;background-color: #00c0ff; border: 1px solid #02a2d5;float: left;height: 20px;margin-left: -10px;margin-top:24px;position: relative;width: 671px;}

section.pagination > span, section.pagination > a {text-decoration: none;color: #fff; font-family: 'Roboto'; font-weight: 400; font-size: 14px;}
section.pagination > a.active, section.pagination > a:hover {color: #555555;}

section.pagination > span + span, section.pagination > span + a, section.pagination > a + a, section.pagination > a + span  {margin-left: 12px;}


#menuTrigger, .mobileMenu { display:none; } 
.mobileOverlay { display:none;position:absolute;height:100%;width:100%;z-index:5000;opacity:0.25;top:0; }
.mobileWrapper { top:0;z-index:5001;overflow:hidden;position:absolute;width:0;height:100%; }
.mobileWrapper > div > ul > li { height:50px;overflow:hidden }   
	.mobileOverlay { background-color:#000; }

/*  / Content */


/* Tabellen */

table {position: relative; float: left; width: 100%; border: 1px solid #959595;}
.column.content-small tr {position: relative; }
.column.content-small td {min-height: 100px;}
td > p {padding: 10px; float: left; position: relative;}
td > p > strong {color: #00c0ff; font-size: 15px;}
td > p > em > strong {color: #00c0ff;}

/* / Tabellen */


/* Footer */

footer { font:13px/32px Arial;color:#959595; }
footer h3, footer .act-h3 { display:block;width:100%;font-weight:500;line-height:normal;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #cec2a8; }
footer .column.fullwidth { line-height:normal;font-family:'Roboto'; }
footer .right { float:right; }
footer a { color:#959595;text-decoration:none; }

footer dl { float:left;width:100%; }
footer dt { clear:both;float:left;font-weight:bold; }
footer dd { float:right;width:135px; }

footer a.newsitem { float:left;display:block;width:100%; }



.bgWrap.footer .column.fullwidth {width: 100%; border-top: 1px solid #cec2a8; padding-top: 36px; margin-top: 36px;}
footer .center { padding-bottom:36px; }

/* / Footer */


/* Heights */

.height230 { min-height: 230px;}


/* / Heights */







.headerblok { font:14px/26px 'Arial';color:#959595; }
.headerblok + div.read-more { padding-top:0;padding-bottom:0;height:auto; }
.headerblok p { margin-top:16px; }
.headerblok p strong { font-size:16px;line-height:30px;font-weight:500;color:#555;text-transform:uppercase; }

.contactwrapper { font:500 14px/28px 'Roboto';color:#fff; }
.contactwrapper a { color:#fff;text-decoration:none; }                               

.column ul > li > {font: 400 14px "Arial"; }


/* Formulieren */
form, fieldset, fieldset > div { float:left;width:100%; }
fieldset > div > label { float:left;width:200px;font:700 14px/32px 'Roboto';color:#326082 }
input, textarea { float:left;width:250px;border:1px solid #dedede;background:#fff;font:13px/23px 'Roboto';color:#333;padding:4px 8px; }
textarea{ height:100px; }
input:focus, textarea:focus { border-color:#12C3FC;resize:none; }
fieldset > div + div { margin-top:6px; }

.actioncontainer { margin-top:6px;margin-left:200px;float:left; }
.actioncontainer a { display:block;float:left; }
.actioncontainer a button { cursor:pointer;display:block;float:left;padding:8px 24px;background:#00c0ff;color:#fff;font:800 16px 'Roboto';text-transform:uppercase;border:0; }
.actioncontainer a:hover button { background:#326082; }
/* Formulieren */

/* Fixes Carlo */

.column.contentwrapper-padding + .column.contentwrapper-padding , .column.contentwrapper-padding > ul + h2{ margin-top: 16px; }
.column.contentwrapper-padding > h2 { width: 100%; }
.column.contentwrapper-padding > ul { line-height: 28px; float: left; margin-left: 17px; width: 100%; margin-bottom: 24px; }
.column.contentwrapper-padding > ul > li , .column.content-small li{ font-size: 14px; }
.column.content-small > p { width: 100%; }
.column.content-small > table { width: 100%; margin-top: 12px; font-size: 12px; }
.column.content-small > ul { line-height: 28px; }