/*--------------------------
Copyright, Frank Van Laere
-------------------------- */

*, *:before, *:after {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;

	-webkit-font-smoothing: antialiased;

	margin: 0;
	padding: 0;
}

html, body {
	background: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: calc(12px + 0.25vw);
	color: #3F3F3F;
}

ul, ol {
	list-style-position: inside;
}
li {
	list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

.invisible {display: none;}
.hide {visibility: hidden;}
.show {visibility: visible;}

.background_blue {
	background-color: #315898;
	background-image: url(images/bg_blue.png);
	color: #FFFFFF;
}

.content {
	min-width: 1150px;
	width: 1150px;
}

.container {
	margin: auto;
	line-height: 24px;
	text-align: justify;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.footer {
	margin: auto;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 900px;
	background-color: #3F3F3F;
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 24px;
}


.feedback_ok {
	width: 100%;
	padding: 10px;
	color: #FFFFFF;
	background-color: #449d44;
}
.feedback_nok {
	width: 100%;
	padding: 10px;
	color: #FFFFFF;
	background-color: #B40000;
}


.menu {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 5px;
	margin-bottom: 10px;
}
.menu_buttons {
	margin-top: 6px;
}
.menu_logo {
	text-align: right;
}
.menu_button {
	padding: 6px;
	margin: 6px;
	color: #3F3F3F;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
}
.menu_button:hover {
	color: #FFFFFF;
	background-color: rgba(49, 88, 152, 1);
}
.menu_button:active {
	color: #FFFFFF;
	background-color: rgba(49, 88, 152, 1);
}
.menu_button_highlight {
	color: #FFFFFF;
	background-color: rgba(49, 88, 152, 1);
}

.home {
	float: left;
	width: 100%;
	min-height: 250px;
	height: 450px;
	background-image: url('images/home.jpg');
	background-repeat: repeat-x;
	background-position: 40% 0%;
}



.button_specialisatie {
	width: 100%;
	padding: 10px;
	color: rgba(255, 255, 255, 1);
	text-decoration:none;
	display: inline-block;
	cursor: pointer;
}
.button_specialisatie:hover {
	color:#FFFFFF;
	background-color: rgba(255, 255, 255, 0.2);
}
.button_specialisatie:active {
	color:#FFFFFF;
	background-color: rgba(255, 255, 255, 0.3);
}
.button_specialisatie_selected {
	color:#FFFFFF;
	background-color: rgba(255, 255, 255, 0.1);
	font-weight: bold;
}

.button_omhoog {
	background-color: #315898;
	color: #FFFFFF;
	padding: 5px;
	cursor: pointer;
}

.button_green {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
	
	color: #fff;
    background-color: #449D44;
    border-color: #387F38;
}
.button_green:hover {
	color:#FFFFFF;
	background-color:#387F38;
	border-color: #327232;
}
.button_green:active {
	color:#FFFFFF;
	background-color:#387F38;
	border-color: #327232;
}

.specialisatie {
	background-color: rgba(255, 255, 255, 0.1);
	padding: 20px;
	min-height: 352px;
}

.fotos_grid {
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.fotos_foto {
	width: 200px;
	height: 200px;
}
.fotos_foto:hover {
    opacity: 0.75;
}

.afspraak_container {
	display: flex;
	flex-wrap: wrap;
}
.afspraak_info {
	flex: 1 0 175px;
	padding: 10px;
}
@media screen and (max-width: 1167px) { .afspraak_info {
	flex: 1 0 100%;
}}
.afspraak_formulier {
	flex: 1 0 175px;
	padding: 10px;
}
@media screen and (max-width: 1167px) { .afspraak_formulier {
	flex: 1 0 100%;
}}

.text_black {color: #000000}
.text_white {color: #FFFFFF}
.text_gray {color: #999999}
.text_gray_dark {color: #666666}
.text_red {color: #FF0000}
.text_red_dark {color: #E83A2E}
.text_red_darker {color: #7F0000}
.text_blue {color:#5E84B3}
.text_blue_dark {color:#476487}
.text_blue_darker {color:#28394C}
.text_green {color: #339900}
.text_green_dark {color: #277000}
.text_green_darker {color: #184400}
.text_orange{color: #FF8000}
.text_purple {color: #800080}
.text_gold {color:#FFB600}
.text_gold_link_no_underline a:link { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:visited { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:hover { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:active { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_dark {color:#AF7B00}
.text_brown {color:#993300}

.text_5 { font-size: 50px;}
.text_4 { font-size: 38px;}
.text_3 { font-size: 25px;}
.text_2 { font-size: 19px;}
.text_1 { font-size: 15px;}
.text-1 { font-size: 11px; line-height: 22px;}
.text-2 { font-size: 10px; line-height: 21px;}
.text-3 { font-size: 9px; line-height: 20px;}
.text-4 { font-size: 7px; line-height: 18px;}
.text-5 { font-size: 5px; line-height: 16px;}

.text_header {
	color: #4C4C4C;
	font-size: calc(30px + 0.25vw);
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 40px;
}
.text_header_white {
	color: #FFFFFF;
	font-weight: 600;
}
.text_header_sub {
	color: #4C4C4C;
	font-size: calc(14px + 0.25vw);
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}
.text_header_sub_white {
	color: #FFFFFF;
}

.links_red a:link { color: #990000; text-decoration: none; border-bottom:1px dotted #990000;}
.links_red a:visited { color:#990000;}
.links_red a:hover { color:#F00; border-bottom:1px solid #F00;}
.links_red a:active { color:#990000; border-bottom:1px dotted #990000;}

.links_white a:link { color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #FFFFFF;}
.links_white a:visited { color:#FFFFFF;}
.links_white a:hover { color:#FFFFFF; border-bottom:1px solid #FFFFFF;}
.links_white a:active { color:#FFFFFF; border-bottom:1px dotted #FFFFFF;}

.links_black a:link { color: #000000; text-decoration: none; border-bottom:1px dotted #000000;}
.links_black a:visited { color:#000000;}
.links_black a:hover { color:#000000; border-bottom:1px solid #000000;}
.links_black a:active { color:#000000; border-bottom:1px dotted #000000;}

.links_green a:link { color: #339900; text-decoration: none; border-bottom:1px dotted #339900;}
.links_green a:visited { color:#339900;}
.links_green a:hover { color:#47CC00; border-bottom:1px solid #47CC00;}
.links_green a:active { color:#339900; border-bottom:1px dotted #339900;}

.links_gray a:link { color: #3F3F3F; text-decoration: none; border-bottom:1px dotted #3F3F3F;}
.links_gray a:visited { color: #3F3F3F; }
.links_gray a:hover { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.links_gray a:active { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}

.links_gray_no_underline a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.links_gray_no_underline a:visited { color: #3F3F3F; }
.links_gray_no_underline a:hover { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.links_gray_no_underline a:active { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}

.links_gray_no_underline_no_hover a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.links_gray_no_underline_no_hover a:visited { color: #3F3F3F; }
.links_gray_no_underline_no_hover a:hover { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.links_gray_no_underline_no_hover a:active { color: #3F3F3F; text-decoration: none; border-bottom:none;}

.links_white_no_underline a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no_underline a:visited { color: #FFFFFF; }
.links_white_no_underline a:hover { color: #FFFFFF; border-bottom:1px dotted #FFFFFF;}
.links_white_no_underline a:active { color: #FFFFFF; border-bottom:1px dotted #FFFFFF;}

.links_white_no_underline_no_hover a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no_underline_no_hover a:visited { color: #FFFFFF; }
.links_white_no_underline_no_hover a:hover { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no_underline_no_hover a:active { color: #FFFFFF; text-decoration: none; border-bottom:none;}

.links_black_no_underline a:link { color: #000000; text-decoration: none; border-bottom:none;}
.links_black_no_underline a:visited { color: #000000; }
.links_black_no_underline a:hover { color: #000000; border-bottom:1px dotted #000000;}
.links_black_no_underline a:active { color: #000000; border-bottom:1px dotted #000000;}

.links_no_underline a:link { color: #000000; text-decoration: none; border-bottom:none;}
.links_no_underline a:visited { color: #000000; text-decoration: none; border-bottom:none;}
.links_no_underline a:hover { color: #000000; text-decoration: none; border-bottom:none;}
.links_no_underline a:active { color: #000000; text-decoration: none; border-bottom:none;}

.links_footer a:link { color: #999999; text-decoration: none; border-bottom:none;}
.links_footer a:visited { color: #999999; text-decoration: none; border-bottom:none;}
.links_footer a:hover { color: #999999; text-decoration: none; border-bottom:none;}
.links_footer a:active { color: #999999; text-decoration: none; border-bottom:none;}

.no_link { cursor:pointer;}
.no_underline { text-decoration:none; border-bottom:none;}

.hand { cursor: pointer;}

.form_input {
	font-family: 'Open Sans', sans-serif;
	height: 30px;
	width: 250px;
	padding: 5px;
	border: solid 1px #DDDDDD;
}
.form_button {
	font-family: 'Open Sans', sans-serif;
	height: 30px;
	padding: 5px;
	margin-top: 10px;
	border: solid 1px #387F38;
	background-color: #449D44;
	color: #FFFFFF;
}

.frame_1 { float: left; width: 1%; }
.frame_2 { float: left; width: 2%; }
.frame_3 { float: left; width: 3%; }
.frame_4 { float: left; width: 4%; }
.frame_5 { float: left; width: 5%; }
.frame_6 { float: left; width: 6%; }
.frame_7 { float: left; width: 7%; }
.frame_8 { float: left; width: 8%; }
.frame_9 { float: left; width: 9%; }
.frame_10 { float: left; width: 10%; }
.frame_11 { float: left; width: 11%; }
.frame_12 { float: left; width: 12%; }
.frame_13 { float: left; width: 13%; }
.frame_14 { float: left; width: 14%; }
.frame_15 { float: left; width: 15%; }
.frame_16 { float: left; width: 16%; }
.frame_17 { float: left; width: 17%; }
.frame_18 { float: left; width: 18%; }
.frame_19 { float: left; width: 19%; }
.frame_20 { float: left; width: 20%; }
.frame_21 { float: left; width: 21%; }
.frame_22 { float: left; width: 22%; }
.frame_23 { float: left; width: 23%; }
.frame_24 { float: left; width: 24%; }
.frame_25 { float: left; width: 25%; }
.frame_26 { float: left; width: 26%; }
.frame_27 { float: left; width: 27%; }
.frame_28 { float: left; width: 28%; }
.frame_29 { float: left; width: 29%; }
.frame_30 { float: left; width: 30%; }
.frame_31 { float: left; width: 31%; }
.frame_32 { float: left; width: 32%; }
.frame_33 { float: left; width: 33%; }
.frame_34 { float: left; width: 34%; }
.frame_35 { float: left; width: 35%; }
.frame_36 { float: left; width: 36%; }
.frame_37 { float: left; width: 37%; }
.frame_38 { float: left; width: 38%; }
.frame_39 { float: left; width: 39%; }
.frame_40 { float: left; width: 40%; }
.frame_41 { float: left; width: 41%; }
.frame_42 { float: left; width: 42%; }
.frame_43 { float: left; width: 43%; }
.frame_44 { float: left; width: 44%; }
.frame_45 { float: left; width: 45%; }
.frame_46 { float: left; width: 46%; }
.frame_47 { float: left; width: 47%; }
.frame_48 { float: left; width: 48%; }
.frame_49 { float: left; width: 49%; }
.frame_50 { float: left; width: 50%; }
.frame_51 { float: left; width: 51%; }
.frame_52 { float: left; width: 52%; }
.frame_53 { float: left; width: 53%; }
.frame_54 { float: left; width: 54%; }
.frame_55 { float: left; width: 55%; }
.frame_56 { float: left; width: 56%; }
.frame_57 { float: left; width: 57%; }
.frame_58 { float: left; width: 58%; }
.frame_59 { float: left; width: 59%; }
.frame_60 { float: left; width: 60%; }
.frame_61 { float: left; width: 61%; }
.frame_62 { float: left; width: 62%; }
.frame_63 { float: left; width: 63%; }
.frame_64 { float: left; width: 64%; }
.frame_65 { float: left; width: 65%; }
.frame_66 { float: left; width: 66%; }
.frame_67 { float: left; width: 67%; }
.frame_68 { float: left; width: 68%; }
.frame_69 { float: left; width: 69%; }
.frame_70 { float: left; width: 70%; }
.frame_71 { float: left; width: 71%; }
.frame_72 { float: left; width: 72%; }
.frame_73 { float: left; width: 73%; }
.frame_74 { float: left; width: 74%; }
.frame_75 { float: left; width: 75%; }
.frame_76 { float: left; width: 76%; }
.frame_77 { float: left; width: 77%; }
.frame_78 { float: left; width: 78%; }
.frame_79 { float: left; width: 79%; }
.frame_80 { float: left; width: 80%; }
.frame_81 { float: left; width: 81%; }
.frame_82 { float: left; width: 82%; }
.frame_83 { float: left; width: 83%; }
.frame_84 { float: left; width: 84%; }
.frame_85 { float: left; width: 85%; }
.frame_86 { float: left; width: 86%; }
.frame_87 { float: left; width: 87%; }
.frame_88 { float: left; width: 88%; }
.frame_89 { float: left; width: 89%; }
.frame_90 { float: left; width: 90%; }
.frame_91 { float: left; width: 91%; }
.frame_92 { float: left; width: 92%; }
.frame_93 { float: left; width: 93%; }
.frame_94 { float: left; width: 94%; }
.frame_95 { float: left; width: 95%; }
.frame_96 { float: left; width: 96%; }
.frame_97 { float: left; width: 97%; }
.frame_98 { float: left; width: 98%; }
.frame_99 { float: left; width: 99%; }
.frame_100 { float: left; width: 100%; }

.frame_absolute_4 { float: left; width: 4px; }
.frame_absolute_5 { float: left; width: 5px; }
.frame_absolute_10 { float: left; width: 10px; }
.frame_absolute_15 { float: left; width: 15px; }
.frame_absolute_19 { float: left; width: 19px; }
.frame_absolute_20 { float: left; width: 20px; }
.frame_absolute_25 { float: left; width: 25px; }
.frame_absolute_30 { float: left; width: 30px; }
.frame_absolute_40 { float: left; width: 40px; }
.frame_absolute_50 { float: left; width: 50px; }
.frame_absolute_60 { float: left; width: 60px; }
.frame_absolute_70 { float: left; width: 70px; }
.frame_absolute_80 { float: left; width: 80px; }
.frame_absolute_90 { float: left; width: 90px; }
.frame_absolute_100 { float: left; width: 100px; }
.frame_absolute_110 { float: left; width: 110px; }
.frame_absolute_120 { float: left; width: 120px; }
.frame_absolute_130 { float: left; width: 130px; }
.frame_absolute_140 { float: left; width: 140px; }
.frame_absolute_150 { float: left; width: 150px; }
.frame_absolute_160 { float: left; width: 160px; }
.frame_absolute_170 { float: left; width: 170px; }
.frame_absolute_180 { float: left; width: 180px; }
.frame_absolute_190 { float: left; width: 190px; }
.frame_absolute_200 { float: left; width: 200px; }
.frame_absolute_250 { float: left; width: 250px; }
.frame_absolute_300 { float: left; width: 300px; }
.frame_absolute_350 { float: left; width: 350px; }
.frame_absolute_400 { float: left; width: 400px; }
.frame_absolute_450 { float: left; width: 450px; }
.frame_absolute_500 { float: left; width: 500px; }