/*mpform**/


.submitboxpic {
	background-image: url('images/send.png');
	height: 57px;
	width: 300px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position-x: 182px;
	background-size: 70px;
	background-position-y: ;
}}



/*formulier */

.mpform {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 50px;
}
.uploadert {
	border: 1px solid #0090c3;
	background: #ffffff;
	padding: 14px 1% !important;
	width: 98%;
}


.bestanduploadknop{
	    font-family: arial;
    font-size: 14px;
    color: #ffffff;
    font-style: italic;
}
.bestandupload {
    display: block;
    margin-top: -20px;
    margin-bottom: 20px;
}

.contactformulier {
    margin-bottom: 100px;
}
div.mpform p {
    margin: 1px;
    padding: 1px;
}
div.mpform p.help_txt {
    color: #600;
}
div.mpform fieldset {
    background-color: #ffe;
    margin: 6px 0 16px;
    padding: 0 6px 6px;
    width: 610px;
}
:first-child + html div.mpform fieldset {
    margin: 22px 0 24px;
    padding: 6px;
}
div.mpform legend {
    background-color: #ffe;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 6px 6px 0;
}
:first-child + html div.mpform legend {
    margin: -22px 0 10px;
    padding: 2px 6px 0;
}
div.mpform div.newline {
    clear: both;
    margin: 0;
    padding: 0;
}
div.mpform div.questionbox {
	clear: left;
	float: left;
	height: auto;
	padding: 4px;
	text-align: left;
	width: calc(100% - 50px);
	padding-left: 40px;
}
div.mpform fieldset div.questionbox {
    border-color: #aa3;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    clear: left;
    float: left;
    height: auto;
    margin: 2px 0 2px 2px;
    padding: 4px;
    text-align: right;
    width: 172px;
}
div.mpform div.answerbox {
	float: left;
	height: auto;
	margin: 2px 2px 2px 0;
	padding: 4px;
	width: calc(100% - 10px);
	overflow: hidden;
}
div.mpform fieldset div.answerbox {
    border: 1px solid #aa3;
    float: left;
    height: auto;
    margin: 2px 2px 2px 0;
    padding: 4px;
    width: calc(100% - 10px);
}
div.mpform div.submitbox {
	clear: both;
	float: ;
	margin: 2px;
	padding: 8px;
	text-align: center;
	width: calc(100% - 8px);
	padding-top: 10px;
}

div.mpform div.submitbox input {
	color: #ffffff;
	cursor: pointer;
	margin: 0 auto;
	text-align: center;

}
.mpform_title, .mpform_help {
	font-weight: normal;
	vertical-align: top;
	height: 0;
}
.mpform_error .mpform_title, .mpform_error .mpform_field, .captcha_err .mpform_title, .captcha_err .mpform_field {
    color: red;
}
.mpform_field {
    width: 460px;
}
.mpform_date, .mpform_email, .mpform_textarea, .mpform_text, .mpform_select, .mpform_textarea {
	margin-bottom: 4px;
	padding: 10px 5px;
	width: 98%;
	font-style: italic;
	font-weight: 400;
	font-style: normal;
}

.mpform_small {
	font-size: 10px;
}

.mpform_field_textfield, .mpform_field_email, .mpform_field_textarea {
	border: none;
	padding: 20px 1% !important;
	font-weight: 400;
	font-style: normal;
	color: #888888;
	font-size: 14px;
	font-family: arial !important;
	margin-left: 12px;
	max-width: calc(100% - 45px);
	background: #f5f5f5;
}
.mpform_err_date, .mpform_err_email, .mpform_err_textarea, .mpform_err_text, .mpform_err_radio, .mpform_err_select, .captcha_err input {
    border: 1px solid red;
}
div.mpform_missing {
    background-color: red;
    border: 2px solid yellow;
    color: yellow;
    font-weight: bold;
    padding: 6px;
}
.mpform_textfield.mpform_readonly input.mpform_text {
    background-color: #ddd;
}
.mpform_date:hover, .mpform_email:hover, .mpform_textarea:hover, .mpform_text:hover, .mpform_radio:hover, .mpform_select:hover, .mpform_checkbox:hover, .mpform_err_date:hover, .mpform_err_email:hover, .mpform_err_textarea:hover, .mpform_err_text:hover, .mpform_err_radio:hover, .mpform_err_select:hover, .mpform_err_checkbox:hover {
}
.mpform_date, .mpform_err_date {
    width: 120px;
}
.mpform_date_img {
    border: 0 none;
    cursor: pointer;
    vertical-align: middle;
}
.mpform_email, .mpform_err_email {
    padding: 5px 1%;
}
.mpform table tr input {
    padding: 5px;
}
.mpform table tr textarea {
    padding: 5px;
font-family: 'Handlee', cursive;
font-weight: 400;
font-style: normal;
}
.mpform_text, .mpform_err_text {
    padding: 5px;

}
.mpform_checkbox, .mpform_err_checkbox {
    width: 24px;
}
.mpform_select, mpform_err_select {
    padding: 5px 1%;
    width: 100%;
}
.mpform_heading {
    padding: 5px 1%;
}
.mpform_submit2 {
	background: #736059;
	-webkit-transition: background-color 0.5s ease-in 0s;
	-moz-transition: background-color 0.5s ease-in 0s;
	-o-transition: background-color 0.5s ease-in 0s;
	transition: background-color 0.5s ease-in 0s;
	border: medium none;
	border-radius: 05px;
	font-weight: 400;
	font-style: normal;
	font-size: 22px;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 30px 14px;
	display: block;
	margin: 0 auto;
	letter-spacing: 2px;
	box-shadow: 4px 22px 23px -13px rgba(0,0,0,0.41);
}
.mpform_submit2:hover {
      background: #000000;
}

.mpform_submit {
	font-family: "agenda", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	border: none;
	text-decoration: none;
	-webkit-box-shadow: 2px 40px 36px -23px rgba(0,0,0,0.33);
	-moz-box-shadow: 2px 40px 36px -23px rgba(0,0,0,0.33);
	box-shadow: 2px 40px 36px -23px rgba(0,0,0,0.33);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 1px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-top: 30px;
	display: inline-block;
	padding: 20px 40px;
	color: #ffffff;
	background: #999c7d;
	text-transform: uppercase;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	max-width: 100%;
	float: ;
}

.mpform_submit:hover{
	color:#ffffff;
  	text-decoration:none;
    font-size: 20px;
    cursor:pointer;
    margin-top:20px;
    margin-bottom:10px;
	background: #3c3c3b;
    letter-spacing:1px;
    padding: 20px 50px;
}







span.mpform_required {
    color: #009a84;
}
.captcha input {
    background-color: #f4f4d4;
    border: 1px solid #cccccc;
}
.captcha .captcha_expl {
    font-weight: normal;
}
.mpform_a_img {
    border: 0 none;
}
.mpform_img_help {
    border: 0 none;
    height: 16px;
    width: 16px;
}
.mpform_help_box_td {
    background-color: #ecf3f7;
    border: 1px solid #336699;
    color: #003366;
    padding: 6px;
}
.mpform_help_box_div {
    background-color: #ecf3f7;
    color: #003366;
}
#mpform_help_box_hr {
    color: #336699;
    margin: 0;
    padding: 0;
}
h5.mpform_help_box_h5 {
    background-color: transparent;
    color: #036;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.mpform_help_box_h6 {
    background-color: #ccf;
    color: #003366;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 4px;
}
div.mpform_results {
    background-color: #cfc;
    border: 2px solid #090;
    padding: 6px;
}
.calendar {
    background: window none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: windowtext;
    cursor: default;
    display: none;
    font-family: tahoma,verdana,sans-serif;
    font-size: 11px;
    position: relative;
}
.calendar table {
    background: window none repeat scroll 0 0;
    border: 1px solid #7938a9;
    color: windowtext;
    cursor: default;
    font-family: tahoma,verdana,sans-serif;
    font-size: 11px;
}
.calendar .button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: buttonface none repeat scroll 0 0;
    border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    text-align: center;
}
.calendar .nav {
    background: buttonface url("http://orthointern/include/jscalendar/menuarrow.gif") no-repeat scroll 100% 100%;
}
.calendar thead .title {
    background: #7938a9 none repeat scroll 0 0;
    border: 1px solid #000;
    color: #ffffff;
    font-weight: bold;
    padding: 1px;
    text-align: center;
}
.calendar thead .headrow {
}
.calendar thead .daynames {
}
.calendar thead .name {
    background: buttonface none repeat scroll 0 0;
    border-bottom: 1px solid buttonshadow;
    color: buttontext;
    padding: 2px;
    text-align: center;
}
.calendar thead .weekend {
    color: #7938a9;
}
.calendar thead .hilite {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
    border-image: none;
    border-style: solid;
    border-width: 2px;
    padding: 0;
}
.calendar thead .active {
    border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;
    border-width: 1px;
    padding: 2px 0 0 2px;
}
.calendar tbody .day {
    padding: 2px 4px 2px 2px;
    text-align: right;
    width: 2em;
}
.calendar tbody .day.othermonth {
    color: #aaa;
    font-size: 80%;
}
.calendar tbody .day.othermonth.oweekend {
    color: #faa;
}
.calendar table .wn {
    background: buttonface none repeat scroll 0 0;
    border-right: 1px solid buttonshadow;
    color: buttontext;
    padding: 2px 3px 2px 2px;
}
.calendar tbody .rowhilite td {
    background: #d9b5f4 none repeat scroll 0 0;
    color: highlighttext;
}
.calendar tbody td.hilite {
    border-color: #fff #000 #000 #fff;
    border-style: solid;
    border-width: 1px;
    padding: 1px 3px 1px 1px;
}
.calendar tbody td.active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 0;
}
.calendar tbody td.selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: buttonface none repeat scroll 0 0;
    border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: buttontext;
    font-weight: bold;
    padding: 2px 2px 0;
}
.calendar tbody td.weekend {
    color: #7938a9;
}
.calendar tbody td.today {
    color: #7938a9;
    font-weight: bold;
}
.calendar tbody td.disabled {
    color: graytext;
}
.calendar tbody .emptycell {
    visibility: hidden;
}
.calendar tbody .emptyrow {
    display: none;
}
.calendar tfoot .footrow {
}
.calendar tfoot .ttip {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: buttonface none repeat scroll 0 0;
    border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: buttontext;
    padding: 1px;
    text-align: center;
}
.calendar tfoot .hilite {
    background: #e4e0d8 none repeat scroll 0 0;
    border-color: #fff #000 #000 #fff;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}
.calendar tfoot .active {
    border-color: #000 #fff #fff #000;
    border-style: solid;
    border-width: 1px;
    padding: 2px 0 0 2px;
}
.calendar .combo {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: menu none repeat scroll 0 0;
    border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: menutext;
    cursor: default;
    display: none;
    font-size: 90%;
    left: 0;
    padding: 1px;
    position: absolute;
    top: 0;
    width: 4em;
    z-index: 99;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
    padding: 1px;
    text-align: center;
}
.calendar .combo .label-IEfix {
    width: 4em;
}
.calendar .combo .active {
    border: 1px solid #000;
    padding: 0;
}
.calendar .combo .hilite {
    background: highlight none repeat scroll 0 0;
    color: highlighttext;
}
.calendar td.time {
    background-color: buttonface;
    border-top: 1px solid buttonshadow;
    padding: 1px 0;
    text-align: center;
}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
    background-color: menu;
    border: 1px solid #889;
    font-weight: bold;
    padding: 0 3px 0 4px;
}
.calendar td.time .ampm {
    text-align: center;
}
.calendar td.time .colon {
    font-weight: bold;
    padding: 0 2px 0 3px;
}
.calendar td.time span.hilite {
    background-color: highlight;
    border-color: #000;
    color: highlighttext;
}
.calendar td.time span.active {
    background-color: #000;
    border-color: #f00;
    color: #0f0;
}
.nixhier {
    display: none;
}
.mpform_td_help {
    vertical-align: top;
    width: 16px;
}