@charset "utf-8"; 
/*Created by AWP Website builder v1.0
 *-----------------------------------* 
 *General ccs for the different pages.
 *-----------------------------------*/


/*-------general-------*/
html{font-family:"Helvetica Neue light",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;}
body{padding:0px; margin:0px;}
div.clean{float:none; clear:both;}
a{text-decoration:none; border:none; color:inherit;}
div.white_frame{width:*; padding-bottom:0px; background-color:#fff;}

img.social_icon{ width:35px; opacity: 0.4; filter: alpha(opacity=40);}
img.social_icon:hover{ opacity: 0.8; filter: alpha(opacity=80);}
div.footnote{ font-weight:bold; font-size:11px; margin-bottom:5px; margin-top:20px;}

/*------Header---------------*/
div.header{ display:block;}
div.header img{ max-height:70px; max-width:100%; margin:10px; opacity: 0.75; filter: alpha(opacity=75);}
div.content_wrapper,
div.content_wrapper_gray{ padding-top:15px; padding-bottom:40px;}
div.content_wrapper{ background-color:#fff;}
div.content_wrapper_gray{ background-color:#fff; padding-left:1%; padding-right:1%;}

/*-------Content-------------*/
div.content_frame,
div.content_width{ max-width:810px;}
div.content_frame{ width:100%; text-align:left; margin-top:10px; max-width:810px;}
div.content_frame h1.gray,
div.content_frame h3{color:#bbb; margin-bottom:0px; padding-top:10px; text-align:center; font-size:24px;}
div.content_frame div.content{ margin-top:0px; padding:5px;}
div.content_frame div.content h1,
div.content_frame div.content h2{  font-weight:bold; font-size:17px; color:#409AB8; line-height: 1.5em;}

/*-------Index--------------*/
div.index h2{ margin: 10px auto 0px auto; text-align: center;}
div.index p{ text-align: center; margin: 0px auto 0px auto; color:#000; font-size:16px;}
div.index p.shout{ color:#000; font-size: 23px; font-weight: bold; margin: 35px auto 0px auto; text-align: center;}
div.index div.subtext{ max-width: 300px; text-align: center; margin: 20px auto 0px auto;}
div.index div.picture{ width: 100%; text-align: center;}
div.index img{ margin: 10px auto 0px auto; text-align: center; width: 200px;opacity: 0.85; filter: alpha(opacity=85);}

/*-------Podologie--------------*/
div.podologie{ margin: 15px auto 0px auto;}
div.podologie p{ max-width: 800px; margin: 5px auto 5px auto; text-align: center;}
img.podologie_picture{ margin: 0px; width: 100%;}


/*-------Behandelingen--------------*/
div.behandelingen{ text-align: left; max-width: 750px; margin: 0px auto 0px auto;}
div.behandelingen h3{ text-align: left; font-size: 15px; margin: 35px auto 0px auto; color:#409AB8;}
div.behandelingen ul{ max-width: 565px;}

/*-------doelgroepen--------------*/
div.doelgroepen{ text-align: left; max-width: 750px; margin: 0px auto 0px auto;}
div.doelgroepen h3{ text-align: left; font-size: 15px; margin: 35px auto 0px auto; color:#409AB8;}
div.doelgroepen ul{ max-width: 565px;}

/*-------contact------------*/
div.contact div.contact_form,
div.contact div.contact_info{ width:97%; margin-left:1%; margin-right:1%; margin-bottom:10px;}
div.contact div.contact_form h3,
div.contact div.contact_info h3{background-color:inherit; color:#ccc; text-align:left; margin-left:-5px; font-size:14px; margin-top:0px;}
div.contact div.contact_form hr,
div.contact div.contact_info hr{ border-color:#eee; margin-left:-5px;}
div.contact div.contact_info p{ margin: 15px 0px 30px 0px; line-height: 1.7em;}
div.contact div.contact_info p span.accent{ color: #0078A1;}
div.contact div.contact_info p.company_title{ font-weight:bold; color:#12A753;}
div.contact div.contact_info img{ width:30px; margin-left:0px;opacity: 0.3; filter: alpha(opacity=30);}
div.contact div.contact_info img:hover{ opacity: 0.7; filter: alpha(opacity=70);}
div.contact div.contact_form p{ margin-bottom:0px;}
div.contact div.contact_form p.mandatory_field{float:left; margin:0px; margin-right:10px; font-size:11px;}
div.contact div.contact_form div.button{ margin-top:-5px;}
div.contact div.contact_form input{ width:98%; height:20px; max-width:300px;}
div.contact div.contact_form textarea{ width:98%;}

/*-------bottom_frame--------*/
div.bottom_frame{ margin-top:0px; padding:10px; color:#fff; background-color:#0078A1;}
div.bottom_frame div.contact_data_bottom{ text-align:left; margin-top:15px; margin-bottom:15px;}
div.bottom_frame div.contact_data_bottom h3{margin:3px 0px 10px 4px; color:#fff; text-align: left;}
div.bottom_frame div.contact_data_bottom hr{ border-color:#fff;}
div.bottom_frame div.contact_data_bottom div.contact_data_bottom_item{ text-align:left; min-width:200px; }
div.bottom_frame div.contact_data_bottom div.contact_data_bottom_item img{ width:25px; margin:5px; margin-bottom:0px;
																			/*opacity: 0.7; filter: alpha(opacity=70);*/}
div.bottom_frame div.contact_data_bottom div.contact_data_bottom_item p{ margin-top: 3px; margin-left:4px; line-height: 1.7em; text-align: left;}

/*-------slot-------*/
div.slot {clear:both; height:*; text-align:left; margin:0px; background-color:#fff;}
div.slot p, div.slot a{color:#aaa; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif;
                        margin-top:15px; text-align:center;}


/*---pop_up_frame*/
div.pop_up_frame{ padding:0px;}


@media screen and (min-width: 400px){

/*-------Content-------------*/
/*-------Index-------------*/
div.index div.subtext{ max-width: 480px;}
/*-------content_width-------*/
div.bottom_frame div.contact_data_bottom div.contact_data_bottom_item{float:left; margin-right:30px;}

/*-------slot-------*/
}



@media screen and (min-width: 600px){

/*------Header---------------*/
div.content_wrapper{ background-color:#fff;}
div.header{ display:block;}
div.header img{ max-height:100px; max-width:100%; margin:10px; opacity: 0.75; filter: alpha(opacity=75);}
div.content_frame div.content h1,
div.content_frame div.content h2{ font-size:19px; line-height: 1.8em;}

/*-------Index--------------*/
div.index_block{ float:left; margin-left:1%; margin-right:1%; width:29%; background-color:#fff;}
div.index_block p{ line-height:1.8em; margin-left:1px; margin-right:1px;}
div.index_slot_block{ float:left; width:48%;}
div.index p.shout{font-size: 26px;}

/*-------content_width-------*/
/*-------contact-------*/
div.contact div.contact_form,
div.contact div.contact_info{float:left; width:48%;}
/*-------slot-------*/
}



@media screen and (orientation:landscape){

/*-------general-------*/

/*-------content_width-------*/

/*-------slot-------*/
}



@media screen and (min-width: 1000px){

/*-------general-------*/
/*-------Content-------------*/
div.content_frame div.content h1,
div.content_frame div.content h2{ font-weight:bold; font-size:23px;}
/*-------Index--------------*/
div.index_block{ width:30%;}
/*-------content_width-------*/
div.bottom_frame div.contact_data_bottom{ float:left; margin-left:20px; margin-right:20px;}

/*-------slot-------*/
}



@media screen and (min-width: 1200px){

/*-------general-------*/

/*-------content_width-------*/

/*-------slot-------*/
div.bottom_frame div.contact_data_bottom div.contact_data_bottom_item{min-width:220px; }
}