html,body{height:100%;color:#444}
body,p,td{font-family: 'Quicksand', serif;font-size:15px;color:#444;text-transform:none;}
h1{font-size:24px;}
h1,h2,h3,h4,h5,h6{font-weight:200;text-transform:uppercase;margin-bottom:12px;color:#82ca9c}

a{color:#82ca9c;text-decoration:none;}
a:hover{text-decoration:underline;}

div#wrapper{width:100%;text-align:center;}
div#logo{width:100%;text-align:left;z-index:10;position:absolute;}
div#icoon{margin-left: auto;margin-right: auto;}
div#socialmedia_logos img{height:30px;width:30px;margin-right:2px;margin-top:10px;}
div#talen{position:absolute;width:20%;height:27px;background-color:#fff;right:0px;padding:20px;z-index:15;}
div#slider{top:80px}

div#header{position:relative;margin-top:h2px;height:370px;width:100%;top:75px;background:url('header_1.jpg') no-repeat center top;background-size:cover;background-position-x:center; background-position-y:center; background-repeat:no-repeat;}

div.quote{max-width:1100px;display: inline-block;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #fff;border-top:1px solid #fff;color: #fff;margin-left:auto;margin-right:auto;}
div#menu{top:60px;text-align:right;width:100%;position:relative;z-index:20}
div#menu div{display:inline;padding-right:20px;}

div#canvas_top{width:100%;height:auto;position:absolute;z-index:5;}
div#canvas_nieuwsbrief{display:none;width:100%;background:url('http://www.mindfulcentrum.nl/background-2.jpg');background-size:cover;padding:2em;}
div#nieuwsbrief{width:70%;text-align:left;margin-left:auto;margin-right:auto;}

div#canvas_overons{background-size:cover;min-height:350px;background-color:#fff;padding:2em;}
div#overons{text-align:left;margin-left:auto;margin-right:auto;line-height:160%;max-width:1000px;}
div#overons img{padding:20px;float:right;}

div#canvas_youtube{width:100%;text-align:center;}
div#canvas_testimonials{min-height:330px;border:1px dotted; #eee;padding:10px;background-color:rgba(112, 164, 128, 1);color:#fff;padding:20px;box-sizing:border-box}
div#canvas_testimonials a{color:#fff;text-decoration:underline;}
div#canvas_testimonials h3{color:#fff;font-size:22px;text-align:center;}

div#testimonials img{height:150px;width:150px;padding-bottom:20px;float:left;padding-right:20px;}
div#content_testimonials{max-width:1000px;margin-left:auto;margin-right:auto;}
div#testimonials{max-width:1000px;}
div.testimonial{width:95%;padding-right:10px;display:inline-block;vertical-align:top;line-height:180%;}

div#canvas_mindfulness{width:100%;background-color:#eeffee;background:url(bg_training.jpg);background-size:cover;background-position:center;}
div#content_mindfulness{max-width:1000px;margin-left:auto;margin-right:auto;padding:20px;}
#content_mindfulness table{
max-width:100%;padding:5px;vertical-align: top;
margin:20px;
	}
	
#content_mindfulness td.cell_head{width:50%;padding:10px;color:#ffffff;background-color:#50ca89;font-size:20px;}
#content_mindfulness td{width:50%;vertical-align: top;padding:10px;background-color:#fff;}
#content_mindfulness li{border-bottom:1px dotted #fff;}
td.cell_content_oneven{background-color:rgba(229, 255, 244, 1)}
td.cell_content{background-color:#fff}


div#slider{z-index:0;}

img.afbeeldingknop{width:100%;opacity: 0;     filter: alpha(opacity=0); /* For IE8 and earlier */}
div#circles{padding-left:15vh;}


div#top_menu{width:100%;padding:0px;margin:0px;z-index:5;}
div#canvas{text-align:center;width:100%;background-color:#000;line-height:160%;margin-left: auto; margin-right: auto;}
div#canvas_content{margin-left:auto;margin-right:auto;
position:relative;z-index:10;
background-color:#ffffff;color:#111111;font-size:1em;padding:4%;text-align:center;line-height:180%;}

div#submenu{max-width:400px;display:inline-block;vertical-align:top;text-align:right;margin-right:2%;height:100%;margin-top:3%;}
div#submenu ul {     list-style-type: none;          margin: 0px; }
div#submenu li:hover {background-color:#fff;}
div#submenu li{padding: 3px;}
a#sub{text-decoration:none;color:#666;}

div#content{max-width:1100px;min-height:200px;margin-left:auto;margin-right:auto;display:inline-block;vertical-align:top;text-align:left;}

div#canvas_content2 div{
			 /* for Mozilla Firefox */
			 -moz-box-sizing: border-box;
			 /*for IE8 */
			 box-sizing: border-box;
			 /* for Safari & Google Chrome */
			 -webkit-box-sizing: border-box;
			}
div#canvas_content2{background-color:#eee;width:100%;position:relative;line-height:180%;}
div#content_content{width:100%;}
div#content_left{width: 24%;display: inline-block;vertical-align: top;text-align: right;padding: 3%;}
div#content_right{background-color: #FFF;display: inline-block;padding: 2%;width: 75%;}
div#content2{	width: 70%;display: inline-block;vertical-align: top;padding: 2%;	}
div#subcontent{display: inline-block;vertical-align: top;font-size: 14px;background-color: #FFF;width: 29%;max-width: 250px;padding: 2%;}
div_formulier{min-height:30vh;}
div#canvas_contact{display:none;position:relative;z-index:10;background-image:url('http://www.mindfulcentrum.nl/bg_contact_details.jpg');background-size:auto 105%;
background-position: right top;}

div#contact_form_canvas{width:50%;min-height:400px;float:left;text-align:left;padding-left:5%;padding-top:3%;padding-bottom:5%;background-color:#000000;color:#fff;}
div#contact_form{padding-left:15%;padding-right:5%;}
div#contact_details{width:45%;height:100%;float:left;color:#fff;text-align:left;}
div#contact_details_content{padding-left:2em;padding-top:2em;font-size:1.5em;line-height:150%;}

div#canvas_bottom{position:relative;z-index:10;padding-top:1%;padding-bottom:5%;background-color:#82ca9c;color:#eee;text-align:center;}
div#bottom_content{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;}
div#bottom_content a{color:#fff;}
div#bottom_content h3{color:#fff;}

div#agenda{text-align:left;display:inline-block;vertical-align:top;width:250px;vertical-align:top;margin-right:20px;}
div#agenda_item{width:250px;vertical-align:top;padding:5px;}
div.agenda_datum{background-color:#fff;color:#82ca9c;padding:5px;width:40px;height:55px;text-align:left;display:inline-block;vertical-align:top;}
div.agenda_omschrijving{padding:5px;width:160px;height:55px;overflow:hidden;text-align:left;display:inline-block;vertical-align:top;}
span.agenda_dag{font-size:28px;}
span.agenda_mnd{font-size:16px;}

div#blog_items{text-align:left;display:inline-block;vertical-align:top;width:250px;margin-right:20px;}
div.blogtitel{padding-bottom:10px;}
div.blogdatum{}

div#adres{text-align:left;width:300px;display:inline-block;text-align:left;vertical-align:top;}
div#facebook{width:200px;display:none;padding:1em;vertical-align:top;}
div#logos{width:100px;display:inline-block;padding:1em;vertical-align:top;} 

input,textarea{border:1px solid #ddd;padding:0.4em;}
input.submit{margin-left:42%;margin-top:0.7em;width:30%;text-transform:uppercase;}
input#voorletters{display:none;}

#content input,textarea{background-color:#fff;}

div.div_formulier{padding:10px;border:1px solid #eee;}
div.div_formulier li{margin-left:20px;color:#F00}
div.form_field_desc{width:20%;max-width:300px;padding:5px;display:inline-block;}
div.form_field_input{width:50%;display:inline-block;padding:5px;margin-right:29%;}

div#canvas_landing{display:none;width:100%;position:relative;z-index:15;text-align:center;background-color:#eee;}
div#landing{padding-top:5em;padding-bottom:5em;color:#333;margin-left:auto;margin-right:auto;width:80%;font-size:13px;}

h4{font-size:19px;color:#88CDA1;}

table#locaties {vertical-align:top;}
table#locaties td{max-width:45%;vertical-align:top;}
table#locaties img{max-width:70%;height:auto;}

table#retraits td{width:30%;text-align:center;padding:5px;}
table#retraits img{max-width:85%;height:auto;}

table#drie_rondjes td{width:30%;text-align:center;padding:5px;}
table#drie_rondjes img{max-width:85%;height:auto;}

p{max-width:99%;}

div#canvas_quote1{padding-top:150px;padding-bottom:150px;width:100%;background:url('background-6.jpg');background-size:cover;background-color:#eeeeee;color:#fff;}
div#canvas_quote2{padding-top:150px;padding-bottom:150px;width:100%;width:100%;background:url('background-7.jpg');background-size:cover;background-color:#eeeeee;color:#fff;}
div#content_quote{max-width:1000px;margin-left:auto;margin-right:auto;padding:1em;text-align:center;}
div#quote1{font-size:28px;color:#ccc;}

div#canvas_fourpoints{padding:1em;padding-bottom:50px;text-align:center;}
div#content_fourpoints{padding-left:20px;padding-right:20px;max-width:1000px;margin-left:auto;margin-right:auto;}

div.fourpoints h3{height:50px;padding:10px;color:#338150;}
div.fourpoints a{color:#fff;background-color:#400080;font-size:16px;padding:10px;}
div.fourpoints a:hover{padding:15px;}

@media only screen and (max-device-width: 480px) {
div#slider {    top: 30px;}
div.slides{width:100%;height:350px;color:#fff;font-size:20px;overflow:hidden;padding-top:80px;}
div#slide1{width:100%;height:650px;overflow:hidden;background:url('header_1.jpg') no-repeat center top;background-size:cover;background-position-x:center; background-position-y:center; background-repeat:no-repeat}
div#slide2{width:100%;height:650px;overflow:hidden;background:url('header_2.jpg') no-repeat center top;background-size:cover;background-position-x:center; background-position-y:center; background-repeat:no-repeat}
div#slide3{width:100%;height:650px;overflow:hidden;background:url('header_3.jpg') no-repeat center top;background-size:cover;background-position-x:center; background-position-y:center; background-repeat:no-repeat}
div#slide4{width:100%;height:650px;overflow:hidden;background:url('header_4.jpg') no-repeat center top;background-size:cover;background-position-x:center; background-position-y:center; background-repeat:no-repeat}
img#afblogo{width:300px;padding-top:1em;}
div#canvas_testimonials {    min-height: 550px;}
div#canvas_fourpoints {display:none;}
div#content_mindfulness{display:none;}
div#content_left {display:none;}
div#content_right {width:100%}
div#content2{width:100%;}
div#subcontent{width:100%;border-top:1px solid #eee;padding-left:20%;max-width:100%;}
div#subcontent img{display:none;}
input,textarea{max-width: 300px;}
div.form_field_desc {width: 300px;}
div#overons {    text-align: center; }
div#overons img {    padding: 20px;  width:200px; float:none;}
div#bottom_content{padding:30px;text-align: left;width:100%;box-sizing:border-box}


div#menu{top: 70px;} 
div.menu-collapser{top: -40px;right: 30px;} 
ul.slimmenu{margin: -55px 0px 0px;}
div#submenu {position: fixed;top: 20%;left: 0;background-color: #000;width: 100%;z-index: 1000;text-align: left;height: 80%;	}
div#submenu li {     padding: 10px;     border-bottom: 1px solid #222; }

}

@media only screen and (min-device-width: 481px) 
{

img#afblogo{width:300px;padding-top:1.3em;padding-left:1.3em;}
div.slides{width:100%;height:350px;color:#fff;font-size:28px;overflow:hidden;padding-top:150px;}
div#slide1{background:url('header_1.jpg') no-repeat center ;background-size:cover;background-position-x:center; 
background-position-y:center; background-repeat:no-repeat}
div#slide2{background:url('header_2.jpg') no-repeat center ;background-size:cover;background-position-x:center; 
background-position-y:center; background-repeat:no-repeat}
div#slide3{background:url('header_3.jpg') no-repeat center ;background-size:cover;background-position-x:center; background-position-y:center; background-repeat:no-repeat}

}


@media only screen and (min-width: 1000px) {
	div.fourpoints{width:22%;display:inline-block;vertical-align:top;padding:1%;}
	div.fourpoints_txt{padding-left:5px;padding-right:5px;min-height:120px;}
	
	}
	
@media only screen and (max-width: 1000px) {
	div.fourpoints{width:47%;display:inline-block;vertical-align:top;padding-right:10px;padding-bottom:10px;}
	div.fourpoints_txt{padding-left:5px;padding-right:5px;min-height:80px;}
	

}

@media only screen and (max-width: 640px) {
	div.fourpoints h3{height:30px;}
	div.fourpoints{width:100%;display:inline-block;vertical-align:top;padding:10px;}
	div.fourpoints_txt{padding-left:5px;padding-right:5px;min-height:70px;}
	}

li{margin-left:-15px;}

li.menu_option{background-color:#fff;border-bottom:1px dotted #eee;	}
li.menu_option:hover{background-color:#eee;}
li.menu_option{text-align:left;}
li.menu_option{padding-left:10px;padding-right:10px;}