/* cascading style sheet checkdigit.nl by Corné Klijs*/

body						{ background-color:#000; margin: 0 auto; text-align: center; padding: 0; font-family: Arial, "Arial Unicode MS", "Arial Rounded MT Bold", "Helvetica" }
table td, table th	{ padding: 0}

div.preload 			{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index:100; background-color:#C0C0C0}
P.loading	   		{ color: #333; font-size: 14px; text-align:center }
img.load					{ border-width: 0; width: 32px; height:32px }	

TABLE.main 			{ border-collapse: collapse; border: 0px none ;width: 100%; height: 100%}
.cell_m 					{	background: #000; width: 100%}
.cell_mm				{	background: #000; width: 100%; height: 100%; vertical-align: top}

TABLE.top   			{ border: 0px none ; width: 100%; height: 100%}

A:link						{ color: #393; /*font-weight: bold; */text-decoration: none}
A:visited					{ color: #393; text-decoration: none}
A:active					{ color: #C0C0C0; text-decoration: none}
A:hover 					{ color: #C0C0C0; text-decoration: none}

P.vaandel				{ font-size: 32px; color: #808080; margin-top: 0px; text-align:center} P.vaandel::first-letter { color: #393}
.small	   		    	{ color: #FFF; font-size: 20px; text-align: center }
.foodnote	 			{ color: #FFF; font-size: 14px; text-align: center}
H1							{ margin: 0px 20px 0 20px ; font-size: 22px; text-align: left; color:#808080; font-weight: lighter } h1::first-letter { color: #393}
H2,P						{ margin: 5px 20px 0 40px ; font-size: 16px; text-align: left; color:#808080; font-weight: lighter } H2::first-letter { color: #393} P::first-letter { color: #393}
.mac						{ color: #FFF; font-size:30px; cursor:pointer}
P.banner				{ margin: 0 0 0 0; font-size: 14px; text-align: right; color:#808080; font-weight: lighter; background-color:#FFF} P::first-letter { color: #393}
P.note					{ margin: 0 10px 0 10px ; font-size: 1vw; text-align: center; color:#808080; vertical-align: bottom}

div.small					{ display: none}

div.IE        			{ display: none}

#Gordijn					{ display: none}
div.mac					{ display: none}



div.small					{ display: none}
div.footnote			{ position: fixed; bottom: 0px; text-align : center; width: 100%; background-color:#333; z-index: 100}
div.phone				{ display: none}

div.ie						{ display: none}
div.menu 				{ display: none}



div.showmob		{ display: none}
div.small					{ display: none}

@media only screen and (min-width: 821px) and (max-width: 959px) and (orientation: landscape){

input.mailform		{ width: 30vw}
textarea 				{ width: 90vw; height: 8em}

.fillR							{	font-size: 1.8vw; text-align: center; color:#F30; margin-top :0px}	
.fillG							{	font-size: 1.8vw; text-align: center; color:#3C3; margin-top :0px}	
.imgok 					{	width: 2.3vw ; height: 2.3vw; border: 0; margin-top : 0px}	
.imgwr 					{	width: 1.9vw ; height: 2.3vw; border: 0; margin-top : 0px}	

div.pictview			{ float: left; position: relative; width: 15vw; height: 15vw; z-index: 50; background-color:#FFF; text-align: center }
div.view					{ float: left; position: relative; width: 14.5vw; height: 14.5vw; margin: 0.25vw; z-index: 50; background-color:#EEE}

img.techr 				{ float: right; margin-left: 0.5vw; margin-right: 4vw; width: 30vw ; height: 20vw; border: 0.1vw solid #DDD; border-radius: 0.6vw; padding: 0.3vw 0.4vw; box-shadow: 0px 0.5vw 1.5vw 0px #666}

img.fotolsmin		{ border: 0.3vw solid #DDD; border-radius: 2px; background-color: #FFF; padding: 2px; width: 13.5vw; height: 9vw; margin-top: 2.7vw}
img.fotoptmin		{ border: 0.3vw solid #DDD; border-radius: 2px; background-color: #FFF; padding: 2px; width: 9vw; height: 13.5vw; margin-top: 4px}

input[type=text]{ box-sizing: border-box; border:1px inset #393; font-size: 14px; color: #393; padding: 2px 5px 2px 5px; background-color: #f8f8f8; transition: width 0.4s ease-in-out}
input.invoer			{ height: 24px; font-size:16px; color: #393; padding: 0px 10px 0px 10px; width: 150px}

div.site      			{ float: left; overflow: auto; margin: 0px auto; padding: 0 0; width: 100vw; height: 100%; background-color:#FFF}

div.front     			{ overflow: hidden; border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; margin-top: 10px; width: 100vw; background-color:#FFF}
div.front2				{ float: left; position: relative; top: 40px; width:100%; height: auto; z-index: 50; background-color:#FFF}
div.fronta     		{ border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; width: 50vw; background-color:#FFF}
div.frontb     		{ border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; margin: 0px 0px 0 2.5vw; width: 45vw; background-color:#BBB}
div.contchk			{ position: relative; width: 80vw; background-color:#FFF}
div.contchk1			{ float: left; position: relative; margin: 3vw 0 0 2vw; width: 46vw; background-color:#F0FFF0; border-style: solid; border-radius: 0.6vw; border-width: 3px; border-color: #393; text-align: center}

div.vaandel			{ float: left; position: relative; width: 50vw; height: 5vw; background-color:#FFF}
div.buttons			{ float: left; position: relative; margin: 0 auto; padding: 0px 0; border-radius: 0px; width: 50vw; height: 5vw; background-color:#FFF}
div.button 			{ float: left; position: relative; left: 0vw; margin: 1vw auto;  width: 8.3vw; height: 3vw; border: 0px solid #FFF; background-color:#FFF}
div.button2 			{ float: left; position: relative; left: 0vw; margin: 1vw auto;  width: 22vw; height: 4vw; border: 0px solid #FFF; background-color:#F8F8F8}
div.button2a 		{ float: left; position: relative; left: 0vw; margin: 1vw auto;  width: 46vw; height:3vw; border: 0px solid #FFF;}
div.button3 			{ float: left; position: relative; left: 0vw; margin: 1vw auto;  width: 36vw; height: 4vw; border: 0px solid #FFF; background-color:#F8F8F8}
div.bottom			{ position: absolute; text-align : center; width:50vw; height: 62px; bottom: 3px; background-color:#FFF; vertical-align: bottom;}
div.input					{ margin-top: 0.6vw; position: relative; float: left; width : 22vw; height: 2.4vw; border-style: solid; border-width : 0px; border-color : #000; background-color: #FFF}
div.input2				{ margin-top: 2px; position: relative; float: left; width: 10vw; height: 2.4vw; border-style: solid; border-width: 0px; border-color: #000; background-color: #F0FFF0}
div.output				{ margin-top: 0.6vw; position: relative; float: left; width : 55vw; height: 2.4vw; border-style: solid; border-width : 0px; border-color: #000; background-color: #F8F8F8}
div.output2			{ margin-top: 1vw; position: relative; float: left; width : 46vw; height: 2.4vw; border-style: solid; border-width : 0px; border-color: #000; background-color: #F8F8F8}

H1							{ margin: 0 20px 0 20px; font-size: 1.2em; text-align: left; color:#808080; font-weight: lighter } h1::first-letter { color: #393}
H2, P						{ margin: 5px 20px 0 40px; font-size: 1em; text-align: left; color:#808080; font-weight: lighter } H2::first-letter { color: #393} P::first-letter { color: #393}
H3							{ margin: 5px 10px 0 10px; font-size: 1em; text-align: center; color:#808080; font-weight: lighter } H3::first-letter { color: #393}

.imgban 					{ width: 49vw; border: 0; margin: 0 0.5vw 0.5vw 0}
div.banner				{ float:right; position: relative; text-align : center; width:50vw; margin: 2vw 0 0 0}

.toets						{ font-family: Arial, "Arial Unicode MS", "Arial Rounded MT Bold", "Helvetica"}
.toets						{ display: inline-block; border: 0.4vw solid #393; color: #666; border-radius: 0.4vw; padding: 0px 0px; text-align: center; text-decoration: none; background-color: white;  width: 8.1vw; height: 3vw; font-size: 14px; margin: 0px 0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; box-shadow: 0px 5px 8px 0px #666}

.toets2					{ font-family: Arial, "Arial Unicode MS", "Arial Rounded MT Bold", "Helvetica"}
.toets2					{ display: inline-block; border: 0.3vw solid #393; color: #666; border-radius: 0.3vw; padding: 0px 0px; text-align: center; text-decoration: none; background-color: #FFF; width: 20vw; height: 3vw; font-size: 1.8vw; margin: 0.5vw 0 0px 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; box-shadow: 0px 5px 8px 0px #666}

}

@media only screen and (min-width: 482px) and (max-width: 659px) and (orientation: portrait) {

input.mailform		{ width: 30vw}
textarea 				{ width: 88vw; height: 8em}

.fillR							{	font-size: 2.2vw; text-align: center; color:#F30; margin-top :0px}	
.fillG							{	font-size: 2.2vw; text-align: center; color:#3C3; margin-top :0px}	
.imgok 					{	width: 2.3vw ; height: 2.3vw; border: 0; margin-top : 0.5vw}	
.imgwr 					{	width: 1.9vw ; height: 2.3vw; border: 0; margin-top : 0.5vw}	

div.pictview			{ float: left; position: relative; width: 30vw; height: 30vw; z-index: 50; background-color:#FFF; text-align: center }
div.view					{ float: left; position: relative; width: 29vw; height: 29vw; margin: 0.5vw; z-index: 50; background-color:#EEE}

img.techr 				{ float: right; margin-left: 0.5vw; margin-right: 4vw; width: 40vw ; border: 0.1vw solid #DDD; border-radius: 0.6vw; padding: 0.3vw 0.4vw; box-shadow: 0px 0.5vw 1.5vw 0px #666}

img.fotolsmin		{ border: 0.3vw solid #DDD; border-radius: 2px; background-color: #FFF; padding: 2px; width: 27vw; height: 18vw; margin-top: 5.5vw}
img.fotoptmin		{ border: 0.3vw solid #DDD; border-radius: 2px; background-color: #FFF; padding: 2px; width: 18vw; height: 27vw; margin-top: 1.5vw}

input[type=text]{ box-sizing: border-box; border:1px inset #393; font-size: 14px; color: #393; padding: 2px 5px 2px 5px; background-color: #f8f8f8; transition: width 0.4s ease-in-out}
input.invoer			{ height: 3.6vw; font-size:16px; color: #393; padding: 0px 10px 0px 10px; width: 25vw}

div.site      			{ float: left; overflow: auto; margin: 0px auto; padding: 0 0; width: 100vw; height: 100%; background-color:#FFF; z-index: 50}

div.front     			{ overflow: hidden; border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; margin-top: 10px; width:100vw; background-color:#FFF}
div.front2				{ float: left; position: relative; top: 40px; width:100%; height: auto; z-index: 50; background-color:#FFF}
div.fronta     		{ border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; width: 100vw; background-color:#FFF}
div.frontb     		{ border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; margin: 1.5vw 0px 0 5vw; width: 90vw; background-color:#BBB}
div.contchk			{ position: relative;width: 100vw; background-color:#FFF}
div.contchk1			{ float: left; position: relative; margin: 3vw 0 0 4vw; width: 90vw; background-color:#F0FFF0; border-style: solid; border-radius: 0.6vw; border-width: 0.6vw; border-color: #393; text-align: center}

div.vaandel			{ float: left; width: 100vw; height: 45px; background-color:#FFF; z-index: 50}
div.buttons			{ float: left; position: relative; margin: 0 auto; padding: 0px 0; border-radius: 0px; width: 100vw; height: 7vw; background-color:#FFF; z-index: 50}
div.button 			{ float: left; position: relative; left: 14vw; margin: 1vw auto;  width: 12vw; height: 4vw; border: 0px solid #FFF; background-color:#FFF; z-index: 51}
div.button2 			{ float: left; position: relative; left: 0vw; margin: 0 0 0 0;  width:100vw; height: 6.2vw; border: 0px solid #FFF; background-color:#F8F8F8}
div.button2a 		{ float: left; position: relative; left: 0vw; margin: 0vw auto;  width: 90vw; height:6.2vw; border: 0px solid #FFF;}
div.button3 			{ float: left; position: relative; left: 0vw; width:100vw; height: 7vw; border: 0px solid #FFF; background-color:#F8F8F8}
div.bottom			{ float: left; position: relative; text-align : center; width: 100vw; height: 62px; bottom: 3px; background-color:#FFF; vertical-align: bottom;}
div.input, div.input2			{ margin: 0vw 0 0.7vw 5vw; position: relative; float: left; width : 27vw; height: 3.5vw; border-style: solid; border-width : 0px; border-color : #000; background-color:#F0FFF0}
div.output, div.output2		{ margin: 0vw 0vw 0.7vw 0vw; position: relative; float: left; width : 55vw; height: 3.5vw; border-style: solid; border-width : 0px; border-color : #000; background-color:#F8F8F8}

H1							{ margin: 0 20px 0 20px; font-size: 1.5em; text-align: left; color:#808080; font-weight: lighter } h1::first-letter { color: #393}
H2, P						{ margin: 5px 20px 0 40px; font-size: 0.9em; text-align: left; color:#808080; font-weight: lighter } H2::first-letter { color: #393} P::first-letter { color: #393}
H3							{ margin: 5px 10px 0 10px; font-size: 0.9em; text-align: center; color:#808080; font-weight: lighter } H3::first-letter { color: #393}

.imgban 					{ width: 80vw ; border: 0}
div.banner				{ float: left; position: relative; text-align : center; width: 97vw; margin: 1.5vw; background-color:#000}

.toets						{ font-family: Arial, "Arial Unicode MS", "Arial Rounded MT Bold", "Helvetica"}
.toets						{ display: inline-block; border: 0.6vw solid #393; color: #666; border-radius: 0.6vw; padding: 0px 0px; text-align: center; text-decoration: none; background-color: #FFF;  width: 11.7vw; height: 4vw; font-size: 2.5vw; margin: 0px 0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; box-shadow: 0px 5px 10px 0px #666}

.toets2					{ font-family: Arial, "Arial Unicode MS", "Arial Rounded MT Bold", "Helvetica"}
.toets2					{ display: inline-block; border: 0.6vw solid #393; color: #666; border-radius: 0.6vw; padding: 0px 0px; text-align: center; text-decoration: none; background-color: white; width: 35vw; height: 4vw; font-size: 16px; margin: 0.5vw 0 0.5vw 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; box-shadow: 0px 5px 1vw 0px #666}

}

/* cascading style sheet checkdigit.nl by Corné Klijs*/