@charset "utf-8";
/* CSS Document */
/*div { margin: 20px; }/*

/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
	background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
	height: 30px;
	overflow: hidden;
	width: 40vw;
	max-width: 300px;
	font-size: 14px;
}
.styled-select select {
	background-color: white;
	border: none;
	font-family: 'Montserrat', sans-serif;
	color: #0253A5;
	height: 30px;
	padding: 0px; /* If you add too much padding here, the options won't show in IE */
	width: 40vw;
	max-width: 300px;
	font-size: 16px;
}
label {
	background: transparent;
	border: none;
	height: 30px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 30vw;
	font-size: 14px;
}
.labelkop {
}
.std_tekst {
	background: transparent;
	border: none;
	font-family: 'Montserrat', sans-serif;
	height: 30px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 40vw;
	max-width: 300px;
	font-size: 14px;
}
.foutmelding {
	background-color: white;
	color: red;
	border: none;
	font-family: 'Montserrat', sans-serif;
	height: 30px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 100%;
}
input[type=submit] {
	background: transparent;
	margin: 30px 10px;
	height: 30px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 40vw;
	max-width: 300px;
	border-radius: 15px;
	color: #FFF;
	background-color: #0253A5; 
}
input[type=text] {
	width: 40vw;
	max-width: 300px;
	padding: 2px 5px;
/*	background: transparent; */
	background-color: white;
	font-family: 'Montserrat', sans-serif;
	color: #0253A5;
	font-size: 16px;
	margin: 2px 0px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-sizing: border-box;
}

.hmtextarea {
	width: 40vw;
	max-width: 300px;
	padding: 12px 20px;
	background: #FFF;
	font-family: 'Montserrat', sans-serif;
	color: #08667b;
	font-size: 14px;
	margin: 20px 0px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-sizing: border-box;
}

.hmtextareadis {
	width: 40vw;
	max-width: 300px;
	padding: 12px 20px;
	background: #CCC;
	font-family: 'Montserrat', sans-serif;
	color: #08667b;
	font-size: 14px;
	margin: 20px 0px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-sizing: border-box;
}


input[type=select] {
	width: 50vw;
	background: transparent;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-sizing: border-box;
}
.knopinput {
	background: transparent;
	font-famiy: 'Montserrat', sans-serif;
	height: 8vh;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 10vw;
	font-size: 14px;
	background-color: #F93E2F;
}
.styled-select.slate {
	background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
	height: 30px;
	width: 40vw;
	max-width: 300px;
}
.styled-select.noslate {
	height: 30px;
	width: 40vw;
	max-width: 300px;
}
.error {
	background-color: yellow;
}
.rTable {
	display: table;
	margin: auto;
	width: 70vw;
	max-width: 450px;
	font-size: 14px;
}
.rTableRow {
	display: table-row;
	font-size: 14px;
}
.rTableHead {
	display: table-header-group;
	font-family: Open Sans;
	font-size: 14px;
}
.rTableCell, .rTableHead {
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #DBDBDB;
	font-size: 14px;
	font-family: Open Sans;
}
.rTableCellr, .rTableHeadr {
	text-align: right;
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #DBDBDB;
	font-size: 14px;
	font-family: Open Sans;
	font-style: italic;
}
.rTableHeading {
	display: table-header-group;
	background-color: #ddd;
	font-weight: bold;
	font-family: Open Sans;
	font-size: 14px;
}
.rTableFoot {
	display: table-footer-group;
	font-weight: bold;
	background-color: #ddd;
	font-family: 'Montserrat', sans-serif;
}
.rTableBody {
	display: table-row-group;
}
.contentdiv {
	background: transparent;
	margin: auto;
	border: none;
	font-family: 'Montserrat', sans-serif;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 100vw;
	font-size: 14px;
}
 @media screen and (max-width: 0px) {
.styled-select {
	background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
	height: 30px;
	overflow: hidden;
	width: 40vw;
	max-width: 300px;
	font-size: 16px;
}
.styled-select select {
	background: transparent;
	border: none;
	font-family: 'Montserrat', sans-serif;
	color: #08667b;
	height: 30px;
	padding: 0px; /* If you add too much padding here, the options won't show in IE */
	width: 40vw;
	max-width: 300px;
	font-size: 16px;
}
label {
	background: transparent;
	border: none;
	height: 30px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 40vw;
	max-width: 300px;
	font-size: 16px;
}
.labelkop {
}
.std_tekst {
	background: transparent;
	border: none;
	font-family: 'Montserrat', sans-serif;
	height: 30px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	font-size: 16px;
}
.foutmelding {
	background-color: white;
	color: red;
	border: none;
	font-family: 'Montserrat', sans-serif;
	height: 30px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 100%;
}
input[type=submit] {
	background: transparent;
	margin: 30px 10px;
	height: 30px;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 40vw;
	max-width: 300px;
	font-size: 16px;
	border-radius: 15px;
	background-color: #08667b;
}
.knopinput {
	background: transparent;
	font-famiy: 'Montserrat', sans-serif;
	height: 8vh;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 10vw;
	font-size: 16px;
	background-color: #F93E2F;
}
.styled-select.slate {
	background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
	height: 30px;
	width: 40vw;
	max-width: 300px;
}
.styled-select.noslate {
	height: 30px;
	width: 40vw;
	max-width: 300px;
}
.error {
	background-color: yellow;
}
.rTable {
	display: table;
	margin: auto;
	width: 70vw;
	font-size: 16px;
}
.rTableRow {
	display: table-row;
	font-size: 16px;
}
.rTableHead {
	display: table-header-group;
	font-family: Open Sans;
	font-size: 16px;
}
.rTableCell, .rTableHead {
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #DBDBDB;
	font-size: 16px;
	font-family: Open Sans;
}
.rTableCellr, .rTableHeadr {
	text-align: right;
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #DBDBDB;
	font-size: 16px;
	font-family: Open Sans;
	font-style: italic;
}
.rTableHeading {
	display: table-header-group;
	background-color: #ddd;
	font-weight: bold;
	font-family: Open Sans;
	font-size: 16px;
}
.rTableFoot {
	display: table-footer-group;
	font-weight: bold;
	background-color: #ddd;
	font-family: 'Montserrat', sans-serif;
}
.rTableBody {
	display: table-row-group;
}
.contentdiv {
	background: transparent;
	margin: auto;
	border: none;
	font-family: 'Montserrat', sans-serif;
	padding: 5px; /* If you add too much padding here, the options won't show in IE */
	width: 100vw;
	font-size: 14px;
}
}