@charset "utf-8";
/* CSS Document */
* {
	outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{ margin:0; padding:0; border:0; }
body{ font-family:'HelveticaNeueW02-55Roma', Arial, sans-serif; font-size:13px; color:#424242; background-color:#f4f4f4; }

::selection { background: #184E7F; /* Safari */	color:#fff; }
::-moz-selection { background: #184E7F; /* Firefox */ color:#fff; }

li{ vertical-align: text-top; }
.clear_left{ clear:left; }
.clear_both{ clear:both; }
.right{ float:right; }
.left{ float:left; }
.paddingNul{ padding-bottom:0;}

strong{	font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif; font-style:normal; font-weight:normal; }

.disableSelection{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;	-o-user-select: none; user-select: none; }
.error{ color:red; }

h1{ font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif; font-style:normal; font-weight:normal; float:left; width:100%; font-size:32px; line-height:38px; color:#184E7F; margin-left:20px; }
h2{	font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif; font-style:normal; font-weight:normal; float:left; width:100%; font-size:13px; text-transform:uppercase; font-weight:normal; line-height:22px; padding-bottom:22px; color:#184E7F; }
h3{ font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif; font-style:normal; font-weight:normal; float:left; width:100%; font-size:16px; text-transform:uppercase; font-weight:normal; line-height:26px; color:#184E7F; }
h3 a{ color:#fff; }

p{ color:#4F4F4F; font-size:13px; line-height:22px; padding-bottom:22px; width:100%; font-family:'HelveticaNeueW02-55Roma', Arial, sans-serif; float:left; }
p.paddingNul{ padding-bottom:0; }
p strong{ font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif; font-style:normal; font-weight:normal; }
a{ color:#363731; }
a:hover{ text-decoration:none; }

#mainframe{ margin:0 auto; position:relative; width:970px; z-index:20; }
#content{ position:relative; float:left; }

#headerBackground{ width:100%; position:absolute; left:0; top:0; height:290px; background-color:#fff; }
#headerBackground .blauweBalk{ height:190px; width:100%; position:absolute; left:0; top:80px; background-color:#648fbc; }
#headerBackground .backgrImageContainer{ position:relative; width:970px; height:290px; margin:0 auto; z-index:10; }
#headerBackground .backgrImage{ position:absolute; left:-20px; top:0; width:475px; height:290px; background:url(/img/headerBackgr.jpg); }

#header{ float:left; position:relative;	height:290px; width:970px; margin-bottom:90px; }
#logo{ width:200px; height:74px; float:left; background:url(/img/logo.png) no-repeat; margin-top:138px; float:right; }
#logo a{ display:block; width:100%; height:100%; }

#hoofdmenu{ clear:left; width:1100px; position:absolute; left:0; top:40px; }
.menubalk li{ list-style:none; position:relative; cursor:pointer; margin-left:100px; float:left; }
.menubalk li.first{ margin-left:0; }
.menubalk li a{ font-size:13px; line-height:16px; color:#888888; font-weight:normal; text-decoration:none; width:100%; display:block; position:relative; }
.menubalk li.active a{ color:#638DBB; }
.menubalk li.active a.font{ font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif; }
.menubalk li span{ margin:17px auto; display:none; width:15px; height:7px; background:url(/img/menuArrow.png) no-repeat; }
.menubalk li.active span{ display:block; }

#header .citaat{ float:left; margin-top:94px; width:200px; color:#fff; font-size:25px; line-height:30px; }
#header .lijn{ position:absolute; left:-50px; top:230px; height:4px; background-color:#fff; width:1050px; }

#fotogallery{ float:left; position:relative; border:10px solid #fff; }
.over_ons #fotogallery{ float:right; }
#fotogallery li{ position:absolute;	left:0;	top:0; width:100%; height:100%; list-style:none; }
#fotogallery .images li{ display:none; }
#fotogallery.size1{ width:400px; height:530px; background-color:#E0E0E0; margin-top:30px; }
#fotogallery.size1 .shadow{ width:420px; height:15px; position:absolute; left:-10px; bottom:-25px; background:url(/img/shadowOne.png) no-repeat; }
#fotogallery.size1 #fotogalleryMenu{ width:400px; }
#fotogallery.size2{ width:620px; height:430px; background-color:#E0E0E0; margin-top:0; float:right; }
#fotogallery.size2 .shadow{ width:634px; height:13px; position:absolute; left:-12px; bottom:-24px; background:url(/img/shadowThree.png) no-repeat;}
#fotogallery.size2 #fotogalleryMenu{ width:620px; }
#fotogalleryMenu{ position:absolute; left:0px; bottom:-35px; }
#fotogalleryMenu ul{ position:relative; float:left; margin-left:180px; }
.size2 #fotogalleryMenu ul{ margin-left:286px; }
#fotogalleryMenu li{ width:10px; height:11px; float:left; list-style:none; background:url(/img/bolNotActive.png) no-repeat; margin-right:10px; position:relative; cursor:pointer; }
#fotogalleryMenu li.active{ background:url(/img/bolActive.png) no-repeat; }

.contentLeft{ float:left; width:530px; margin-right:20px; position:relative; }
.over_ons .contentLeft{ width:310px; margin-top:20px; }

#submenu{ float:left; position:relative; width:200px; margin-top:2px; }
#submenu.fixed{ margin-top:20px; position:fixed; top:0; }
#submenu li{ float:left; list-style:none; }
#submenu .blauweLink{ width:180px; }
#submenu .active .blauweLink{ background-color:#638DBB; }
#submenu #contactBlockCTA{ margin-top:8px;}

.contentRight{ float:right; width:530px; }
.contentBlock{ width:490px; padding:20px; background-color:#fff; float:left; margin-top:30px; position:relative; }
.contentBlock li{ margin-left:13px; list-style-image:url(/img/li_dot.png); line-height:22px; font-size:13px; float:left; width:100%; }

#sitemap_ul li a{ text-decoration:none;  }
#sitemap_ul li a:hover{ text-decoration:underline; color:#638DBB;  }
#sitemap_ul .subSitemap{ margin-left:10px; }
#sitemap_ul .marginTop{ margin-top:20px; }

#behandelingenBlock .contentBlock{ width:600px; }
#behandelingenBlock .contentBlock h2{ float:left; width:100%; font-size:13px; text-transform:uppercase; font-weight:normal;	line-height:22px; padding-bottom:22px; color:#184E7F; margin-left:0; }
.over_ons .contentBlock{ width:270px; }
.over_ons .contentBlock .left, .over_ons .contentBlock p{ width:270px; }
.contentBlock .left{ width:230px; }
.contentBlock .right{ width:230px; }

#behandelingenBlock .contentBlock .left{ width:280px; }
#behandelingenBlock .contentBlock .right{ width:280px; }

.contentBlock p{ width:230px; float:left;}

#behandelingenBlock .contentBlock p{ width:280px; float:left;}

.blauweLink{ width:510px; line-height:12px; padding-top:14px; padding-bottom:14px; float:left; background-color:#184E7F; color:#fff; text-transform:uppercase; padding-left:20px; margin-top:8px; position:relative; font-size:11px; cursor:pointer; text-decoration:none; }
.blauweLinkGroot{ width:950px; margin-top:22px; }
.blauweLink .arrowRight{ position:absolute; right:20px; top:16px; width:6px; height:10px; background:url(/img/arrow_right.png) no-repeat; }
.blauweLink .arrowDown{ position:absolute; right:18px; top:17px; width:9px; height:6px; background:url(/img/arrow_down.png) no-repeat; }
.over_ons .blauweLink{ width:290px; }
#behandelingenBlock .blauweLink{ width:620px; }

.separator{ float:left; width:930px; height:150px; }
.smallColumn{ width:310px; float:left; margin-left:20px; background-color:#fff; padding-bottom:68px; position:relative; cursor:pointer; }
.first{ margin-left:0; }
.smallColumn .title{ margin-left:20px; height:80px; width:265px; float:left; position:relative;	border-left:25px solid #184e7f; border-top:10px solid #184e7f; }
.smallColumn .titleNumber{ position:absolute; left:-25px; bottom:-2px; width:25px; height:16px; line-height:16px; color:#fff; font-size:13px; text-align:center; background-color:#184e7f; }
.smallColumn .titleArrow{ position:absolute; left:-25px; bottom:-24px; width:25px; height:22px; background:url(/img/zuilArrow.png) no-repeat; }
.smallColumn .titelText{ float:left; margin-left:18px; margin-top:18px; }
.smallColumn .titelText span{ font-size:13px; line-height:16px; color:#184e7f; float:left; margin-bottom:2px; text-transform:uppercase; width:180px; }
.smallColumn h2{ font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif; font-weight:normal; font-size:18px; line-height:22px; color:#184e7f; float:left; width:100%; text-transform:none; }
.smallColumn .image{ width:310px; height:190px; background:#efefef;	float:left; margin-bottom:30px; }
.smallColumn .textContent{ width:250px; margin-left:30px; float:left; }
.smallColumn .textContent ul{ float:left; margin-bottom:20px; }
.smallColumn .textContent li{ float:left; list-style:none; width:100%; color:#184e7f; }
.smallColumn .textContent .left{float:left; margin-right:20px; font-size:9px; line-height:22px; }
.smallColumn .textContent .right{ float:left; display:block; width:220px; line-height:22px; font-size:13px; }
.smallColumn .textContent p{ float:left; padding-bottom:22px; line-height:22px; }
.smallColumn .leesMeer{ position:absolute; left:0; bottom:0; overflow:hidden; width:310px; height:11px; background-color:#184e7f; }
.smallColumn .leesMeer a{ font-size:11px; line-height:13px; padding-top:14px; padding-bottom:14px; padding-left:30px; width:250px; position:relative; display:block; text-transform:uppercase; color:#fff; padding-right:30px; position:absolute; left:0; bottom:0; text-decoration:none; }
.smallColumn .leesMeer span{ position:absolute; right:30px; top:16px; width:6px; height:10px; background:url(/img/arrow_right.png) no-repeat; }
.smallColumn .shadow{ position:absolute; left:0; bottom:-14px; width:310px; height:14px; background:url(/img/shadowTwo.png) no-repeat; }

#overOnsBlock, #behandelingenBlock{ float:right; width:640px; margin-top:60px; }
#overOnsBlock h2, #behandelingenBlock h2{ font-size:32px; line-height:38px; font-weight:normal; width:380px; margin-left:20px; text-transform:none; }
#behandelingenBlock h2{ width:540px; }
#overOnsBlock ul{ float:left; width:420px; margin-top:25px; }
#overOnsBlock li{ float:left; position:relative; width:400px; padding-left:20px; background-color:#fff; list-style:none; margin-bottom:30px; }
#overOnsBlock li .text{ border-left:25px solid #184e7f; border-top:10px solid #184e7f; float:left; padding-left:18px; padding-top:18px; }
#overOnsBlock li .number{ position:absolute; left:20px; top:27px; width:25px; height:16px; line-height:16px; color:#fff; font-size:13px; text-align:center; }
#overOnsBlock li .arrow{ position:absolute; left:20px; bottom:-22px; width:25px; height:22px; background:url(/img/zuilArrow.png) no-repeat; }
#overOnsBlock li .title{ font-size:13px; line-height:16px; color:#184e7f; float:left; margin-bottom:2px; text-transform:uppercase; }
#overOnsBlock li p{ margin-top:5px; font-size:15px; line-height:18px; color:#184e7f; float:left; width:100%; text-transform:none; padding-bottom:26px; }
#overOnsBlock li .shadow{ width:420px; height:15px; background:url(/img/shadowOne.png) no-repeat; position:absolute; left:0; bottom:-15px; z-index:-1; }
#contactBlockCTA{ float:right; background-color:#184e7f; color:#fff; width:200px; margin-top:25px; padding-bottom:25px; position:relative; cursor:pointer; }
#contactBlockCTA p{ margin-left:20px; margin-top:25px; color:#fff; width:135px; font-size:15px; line-height:18px; }
#contactBlockCTA .telephone{ float:left; width:200px; margin-left:20px; }
#contactBlockCTA .telephone a{ color:#fff; font-size:15px; line-height:18px; text-decoration:none;}
#contactBlockCTA .telephone .icon{ width:25px; height:18px; background:url(/img/telefoon.png) no-repeat; float:left; margin-right:3px; }
#contactBlockCTA .shadow{ position:absolute; width:196px; height:13px; left:0; bottom:-13px; background:url(/img/shadowFour.png) no-repeat; }
.contact #contactBlockCTA{ position:absolute; right:-220px; top:-24px; }

#google_maps{ border:10px solid #FFFFFF; width:950px; height:340px; overflow:hidden; position:relative; float:left; }
#map_canvas{ float:left; width:100%; height:100%; }

.contentBlock .contactgegevens{ color:#184E7F; font-size:13px; line-height:22px; }
.contentBlock .contactgegevens span{ float:left; width:100px; }
.contentBlock .contactgegevens a{ color:#184E7F; text-decoration:none; }
.contentBlock .contactgegevens a:hover{ text-decoration:underline; }
.contact .contentLeft h1{ margin-top:42px;}
.contact .contentLeft h2{ font-size:32px; line-height:38px; text-transform:none; font-weight:normal; width:100%; margin-left:20px; }
.contact .contentBlock .shadow{ position:absolute; left:0; bottom:-14px; background:url(/img/shadowSix.png) no-repeat; width:530px; height:14px; }
.contact .contentLeft .left, .contact .contentLeft .contentBlock p{ width:290px; }

.disclaimer .contentLeft, .disclaimer .contentRight{ width:460px; }
.disclaimer .contentBlock{ width:420px; }
.disclaimer .contentBlock p, .viernulvier .contentBlock p{ width:410px; float:left;}
.disclaimer .blauweLink{ width:440px; }

.huisregels .contentBlock p{ width:420px; float:left;}

.oefeningen .contentBlock p{ width:420px; float:left;}
.oefeningen .h2Oefen{ margin-top:44px; }

.behandelingen th{ text-align:left; height:30px; font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif; font-weight:normal; }
.behandelingen tr{ height:30px; }

#footer{ width:100%; height:300px; background-color:#fff; float:left; margin-top:150px; }
#footerContent{ margin:0 auto; position:relative; height:300px; width:970px; }
#footermenu{ clear:left; width:1100px; position:absolute; left:0; top:30px; }
#footer .lijn{ position:absolute; left:-50px; top:70px; height:4px; background-color:#638DBB; width:1050px; }
#footer .contactBlock{ float:left; margin-top:115px; }
#footer .contactBlock p{ color:#638DBB; font-size:11px; line-height:19px; text-transform:uppercase;}
#footer .contactBlock a{ text-decoration:none; color:#638DBB; }
#sideMenu{ float:right; margin-top:115px; }
#sideMenu li{ list-style:none; text-align:right; line-height:19px; font-size:13px; }
#sideMenu a{ text-decoration:none; color:#C4C4C4; }
#sideMenu li.active a{ color:#638DBB; }

#komma{ clear:right; float:right; margin-top:19px; text-align:right; }
#komma a{ text-decoration:none; text-transform:uppercase; color:#638DBB; font-size:11px; line-height:19px; }
#backgroundPhotos{ position:absolute; right:0; z-index:-1; overflow:hidden; }
#backgroundPhotos img{ display:none; }
#backgroundPhotos.nek{ width:754px; height:979px; top:840px; }
#backgroundPhotos.rug{ width:726px; height:1401px; top:480px; }
#backgroundPhotos.schouder{ width:490px; height:722px; top:430px; }