html{margin:0;padding:0;}
body{font-family:Arial,sans-serif;color:#555;margin:0;padding:0;font-size:14px;line-height:160%;background-color:#F8F8F8;}
a{color:#00A5DA;text-decoration:underline;font-weight:bold;cursor:pointer;}
a:hover{text-decoration:none;}
hr{height:1px;border:0;color:#bdbdbd;border-top:1px solid #bdbdbd;}
ul.tick{padding:0px;list-style-type:none;}
ul.tick li:before{content:"\e800";margin-right:10px;font-family:psycholoog;font-size:19px;color:#4d9a26/*B1D95C*/;}
h1{margin-top:10px;}
h2{font-size:1.2em}
h3{font-size:1.1em}
img{border:none;max-width:100%;}

#container{max-width:985px;margin:0 auto;/*box-shadow:0 0 16px #888;*/box-shadow:0 0 6px 1px #c5c5c5;background-color:#fff;border-bottom-left-radius:20px 20px;border-bottom-right-radius:20px 20px;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;}
header{background:url('../images/bg.jpg') no-repeat;height:134px;}

#telefoon:before{color:#000000;content:"\e803";font-family:psycholoog;font-size:28px;margin-right:0.4em;}
#telefoon{float:right;font-size:24px;font-weight:bold;color:#000000;margin:60px 25px 0 0;}

.thumbsup:before{color:#27397e;content:"\e802";font-family:psycholoog;font-size:28px;margin-right:0.4em;}
.thumbsup{font-size:22px;}

.hidden{display:none;}

/* Hoofdmenu */
nav{height:50px;background-color:#179EBC;border-bottom:1px solid #AAC389;}
nav>ul{margin:0;padding:0;list-style:none;position:relative;}
nav>ul:after{content:"";clear:both;display:block;}
nav>ul>li{float:left;height:50px;}
nav>ul>li:hover>.mega-menu{display:block;}
nav>ul>li>a{float:left;display:block;padding:14px 12px;color:#fff;font-weight:bold;font-size:16px;text-decoration:none;}

.arrow{cursor:default;}
.arrow:after{content:"";float:right;text-align:right;width:0;height:0;display:block;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #fff;top:11px;margin:0 0 0 5px;position:relative;}

.button-home:before{content:"\e801";font-family:psycholoog;font-size:26px;}

.mega-menu{display:none;position:absolute;top:100%;background-color:#179EBC;border-top:1px dotted #AAC389;border-left:1px solid #AAC389;border-right:1px solid #AAC389;box-sizing:border-box;box-shadow:0px 8px 8px 0px rgba(50, 50, 50, 0.75);}
.mega-menu ol{list-style:none;padding:0;margin:0;}
.mega-menu li{width:100%;border-bottom:1px dotted #AAC389;}
.mega-menu li:last-child{border-bottom:1px solid #AAC389;}
.mega-menu a:before{content:"• ";}
.mega-menu a{color:#fff;margin:10px 15px;text-decoration:none;font-size:14px;display:block;line-height:2em;}
.mega-menu a:hover{text-decoration:underline;}

#mobiel_menu{display:none;position:absolute;width:100%;left:0;top:100%;border-top:1px dotted #AAC389;border-left:1px solid #AAC389;border-right:1px solid #AAC389;box-sizing:border-box;box-shadow:0px 8px 8px 0px rgba(50, 50, 50, 0.75);background-color:#179EBC;}
#mobiel_menu ol{list-style:none;padding:0;margin:0;}
#mobiel_menu li{width:100%;border-bottom:1px dotted #AAC389;}
#mobiel_menu li:last-child{border-bottom:1px solid #AAC389;}
#mobiel_menu a{color:#fff;margin:8px 15px;text-decoration:none;font-size:14px;display:block;}
#mobiel_menu a:hover{text-decoration:underline;}
#mobiel_menu img{position:absolute;right:0;bottom:1px;margin-top:-150px;border-top-left-radius:4px;max-width:120px;}

/* Content */
#content{padding:20px 0 10px 30px;}
article{max-width:65%;float:left;/*min-height:830px;*/}

/* Content -> Aside */
aside{float:right;min-width:258px;max-width:258px;clear:right;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:1em 1.3em 1em 1.3em;font-size:.9em;margin-top:2em;border-bottom-left-radius:4px;border-top-left-radius:4px;}
aside h2{border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;margin-left:-17px;margin-right:-17px;margin-bottom:.625em;padding:.5em 1em;margin-top:1em;}
aside h2:first-child{border-top:0;padding-top:0;margin-top:0}
aside p{margin-bottom:0;}

/* Footer */
footer{text-align:center;font-size:12px;color:#FFF;background-color:#179EBC;/*border-bottom-left-radius:20px 20px;border-bottom-right-radius:20px 20px;*/border-top:5px solid #AAC389;padding:10px;}
footer p{margin:0;line-height:24px;}
footer a{color:#FFF;}

.center{text-align:center;}
.pasfoto{margin:0 0 10px 40px;border:0;box-shadow:0 0 5px 5px #888;border-radius:5px;}
.afbeelding{margin:0 0 10px 40px;border:0;}
.laatste_wijziging{float:right;font-size:12px;display:block;}

.w10{width:10px;}
.w150{width:150px;}
.w200{width:200px;}
.w300{width:300px;}
.w450{width:450px;}

/* buttons */
.button{-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;box-shadow:inset 0px 1px 0px 0px #d9fbbe;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);background-color:#b8e356;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #83c41a;display:inline-block;cursor:pointer;color:#ffffff;font-family:arial;font-size:15px;font-weight:bold;padding:8px 20px;text-decoration:none;text-shadow:0px 1px 0px #86ae47;}
.button:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);background-color:#a5cc52;}
.button:active{position:relative;top:1px;}

/* Forms */
.validatie_error{background-color:#FFFFAA;}
.meldingen{background-color:#FFA;border:1px solid #ccc;padding:10px;border-radius:6px;}
textarea{width:99%;height:90px;}
input,select,textarea{border:1px solid #CCC;padding:4px;}
input[type=text]{width:160px;}
input[type=radio]{border:none;}

/* Responsive Form */
.input{padding:2px 0;}
.input label,.input span{display:inline-block;line-height:26px;}
.output label,.output span{display:inline-block;line-height:24px;}
.output span::before{content:": ";}

/* Tabel */
.overzicht{width:100%;border-top:5px solid #538018;border-radius:5px; border-spacing:0;}
.overzicht thead{background-color:#538018;height:40px;font-size:14px;color:#FFF;text-align:center;}
.overzicht thead th{padding:0 5px;}
.overzicht tbody th{background-color:#F3F3F3;border-bottom:1px solid #FFF;font-weight:normal;text-align:left;padding:6px;}
.overzicht tbody th.last{border-bottom:none;}
.overzicht tbody td{background-color:#FFF;border-bottom:1px solid #F3F3F3;border-right:1px solid #F3F3F3;}
.overzicht tbody td .dash{background:url('../images/overzicht-dash.gif') no-repeat scroll 50% 50%;display:block;height:13px;width:15px;}
.overzicht tbody td .checkmark{background:url('../images/overzicht-checkmark.gif') no-repeat scroll 50% 50%;display:block;height:13px;width:15px;}

/* Reviews */
.review{margin-top:20px;}
.review-cijfer-left{float:left;margin-top:18px;font-size:22px;font-weight:bold;}
.review-cijfer-right{float:right;margin-top:18px;font-size:22px;font-weight:bold;}
.review-beoordeling q{font-size:14px;}
.review-beoordeling{position:relative;padding:6px 15px 0px 10px;margin:1em 6em 2em 6em;border:3px solid;color:#333;background:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.review-beoordeling.left{margin-left:70px;border-color:#693;}
.review-beoordeling.right{margin-right:70px;border-color:#952A24;}
.review-beoordeling:before{content:"";position:absolute;bottom:-20px;left:40px;border-width:20px 20px 0;border-style:solid;border-color:#693 transparent;display:block;width:0;}
.review-beoordeling:after{content:"";position:absolute;bottom:-13px;left:47px;border-width:13px 13px 0;border-style:solid;border-color:#fff transparent;display:block;width:0;}
.review-beoordeling.left:before{top:10px;bottom:auto;left:-30px;border-width:15px 30px 15px 0;border-color:transparent #693;}
.review-beoordeling.left:after{top:14px;bottom:auto;left:-26px;border-width:11px 26px 11px 0;border-color:transparent #fff;}
.review-beoordeling.right:before{top:10px;bottom:auto;left:auto;right:-30px;border-width:15px 0 15px 30px;border-color:transparent #952A24;}
.review-beoordeling.right:after{top:14px;bottom:auto;left:auto;right:-26px;border-width:11px 0 11px 26px;border-color:transparent #fff;}

/* Fontello */
@font-face{font-family:'psycholoog';src:url('../font/psycholoog.eot?65410745');src:url('../font/psycholoog.eot?65410745#iefix') format('embedded-opentype'),url('../font/psycholoog.woff2?65410745') format('woff2'),url('../font/psycholoog.woff?65410745') format('woff'),url('../font/psycholoog.ttf?65410745') format('truetype'),url('../font/psycholoog.svg?65410745#psycholoog') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"psycholoog";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
 
.icon-ok:before{content:'\e800';}
.icon-home:before{content:'\e801';}
.icon-thumbs-up:before{content:'\e802';}
.icon-phone:before{content:'\e803';}
.icon-down-open:before{content:'\e804';}
.icon-left-open:before{content:'\e805';}
.icon-right-open:before{content:'\e806';}
.icon-up-open:before{content:'\e807';}
.icon-phone-squared:before{content:'\f098';}

.mobiel{display:none;}
    
/* Responsive design */
@media screen and (max-width:880px){
	html{-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	header{background:url('../images/bg-mobile.jpg') no-repeat 15px center;height:120px;}
	article{max-width:100%;float:none;min-height:auto;}
	#content{padding:12px;}
    aside{max-width:100%;border:1px solid #dfdfdf;float:none;margin:1em 0;}
    aside h2{text-align:center;}
	nav>ul>li>a{padding:14px 20px;}
	.desktop{display:none;}
	.mobiel{display:block;}
	#telefoon{display:none;}
	.review-beoordeling{margin:1em 0 2em 0;}
}