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

body						{ background-color:#C0C0C0; 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}

TABLE.top   			{ border: 0px none ; width: 100%; height: 100%}
P.loading	   		{ color: #333; font-size: 14px; text-align: center }


TABLE.main 			{ border-collapse: collapse; border: 0px none ;width: 100%; height: 100%}
.cell_m 					{ width: 100%}

textarea 				{ padding: 2px 5px 2px 5px; box-sizing: border-box; border:1px inset #393; font-size: 16px; background-color: #f8f8f8; color: #393; resize: none}

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				{ color: #808080; font-size: 36px; margin: 0 0 0 0; text-align: center} P.vaandel::first-letter { color: #393}
H1							{ margin: 0 50px 0 40px; font-size: 24px; text-align: left; color:#808080; font-weight: lighter } h1::first-letter { color: #393}
H2							{ margin: 0 50px 0 100px ; font-size: 15px; text-align: left; color:#808080; font-weight: lighter } h2::first-letter { color: #393}
H3							{ margin: 0 20px 0 20px ; font-size: 15px; text-align: center; color:#808080; font-weight: lighter } h3::first-letter { color: #393}
P								{ margin: 0 50px 0 100px ; font-size: 15px; text-align: left; color:#808080; font-weight: lighter } P::first-letter { color: #393}
P.chd						{ margin: 0 50px 0 80px ; font-size: 15px; text-align: left; color:#808080; font-weight: lighter } P::first-letter { color: #393}
P.mailx					{ font-size: 1em; text-align: left; margin: 0 100px 0 100px; color:#F00 } P.mailx::first-letter { color: #F00}
P.note					{ margin: 0 10px 0 10px ; font-size: 12px; text-align: center; color:#808080; vertical-align: bottom}
P.banner				{	margin: 0 0 0 0; font-size: 16px; text-align: right; color:#808080; font-weight: lighter; background-color:#FFF} P::first-letter { color: #393}
.fillR							{	font-size: 16px; text-align: center; color:#F30; margin-top :0px}	
.fillG							{	font-size: 16px; text-align: center; color:#3C3; margin-top :0px}	
.imgok 					{	width: 16px ; height: 16px; border: 0; margin-top : 5px}	
.imgwr 					{	width: 13px ; height: 16px; border: 0; margin-top : 5px}	
.foodnote	 			{ color: #FFF; font-size: 14px}

.imgban 					{ width: 468px ; height: 60px; border: 0}
img.techr 				{ float: right; margin-left: 5px; margin-right: 30px; width: 300px ; height: 200px; border: 1px solid #DDD; border-radius:4px; padding: 3px 5px; box-shadow: 0px 5px 15px 0px #666}
img.fotolsmin		{ border: 1px solid #DDD; border-radius: 2px; background-color: #FFF; padding: 2px; width: 120px; height: 80px; margin-top: 24px}
img.fotoptmin		{ border: 1px solid #DDD; border-radius: 2px; background-color: #FFF; padding: 2px; width: 80px; height: 120px; margin-top: 4px}

div.ie						{ display: none}
div.mac					{ display: none}
#Gordijn					{ display: none}
div.small					{ display: none}
div.phone				{ display: none}

div.preload 			{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index:100; background-color:#C0C0C0}

div.contchk1			{ background-color:#F0FFF0; border-style: solid; border-radius: 3px; border-width: 3px; border-color: #393}
div.pictview			{ float: left; position: relative; width: 142px; height: 142px; z-index: 50; background-color:#FFF; text-align: center }
div.view					{ float: left; position: relative; width: 134px; height: 134px; margin: 4px; z-index: 50; background-color:#EEE}

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

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

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

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}
input.mailform		{ width: 250px}

textarea 				{ width: 760px; height: 8em}
.cell_mm				{	width: 100%; height: 550px; vertical-align: top}
div.input					{ margin-top: 2px; position: relative; float: left; width : 210px; height: 24px; border-style: solid; border-width: 0px; border-color: #000; background-color: #FFF}
div.input2				{ margin-top: 2px; position: relative; float: left; width : 450px; height: 24px; border-style: solid; border-width: 0px; border-color: #000; background-color: #F0FFF0}
div.output				{ margin-top: 2px; position: relative; float: left; width : 510px; height: 24px; border-style: solid; border-width: 0px; border-color: #000; background-color: #F8F8F8}
div.output2			{ margin-top: 2px; position: relative; float: left; width : 450px; height: 24px; border-style: solid; border-width: 0px; border-color: #000; background-color: #F8F8F8}
div.site      			{ border: 5px solid #333; position: relative; margin-bottom: 0px; margin: 0px auto; border-radius: 3px; width: 950px; height: 570px; background-color:#333; box-shadow: 5px 5px 10px #666}
div.vaandel			{ float: left; width: 475px; height: 45px; background-color:#FFF}
div.buttons			{ float: left; position: relative; margin: 0 auto; padding: 0px 0; border-radius: 0px; width: 475px; height: 45px; background-color:#FFF}
div.button 			{ float: left; position: relative; margin: 9px auto;  width: 77px; height: 28px; border: 0px solid #FFF; background-color:#FFF}
div.button2 			{ float: left; position: relative; margin: 9px auto; width: 200px; height: 40px; border: 0px solid #FFF; background-color:#F8F8F8}	
div.button2a			{ float: left; position: relative; margin: 9px auto; width: 450px; height: 40px; border: 0px solid #FFF; background-color:#F0FFF0}	
div.button3 			{ float: left; position: relative; margin: 9px auto; width: 350px; height: 40px; border: 0px solid #FFF; background-color:#F8F8F8}	

div.front     			{ border-style: solid; border-width: 1px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; margin-top: 10px; width:948px; height: 488px; background-color:#FFF}
div.fronta     		{ border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; width:472px; height: 488px; background-color:#FFF}

div.frontb     		{ border-style: solid; border-width: 0px ; border-color: #FFF; float: right; position: relative; text-align : center; left: 0px; margin: 35px 23px 0 0; width:426px; height: 340px; background-color:#BBB}
div.contchk 			{ position: relative; width : 750px}
div.contchk1			{ position: relative; width : 450px; height: 188px; margin: 30px 0 0 11px}
div.bottom			{ position: absolute; text-align : center; width:474px; height: 62px; bottom: 3px; background-color:#FFF; vertical-align: bottom;}
div.banner				{ position: absolute; text-align : center; width:472px; height: 82px; bottom: 3px; right: 3px}
div.footnote			{ float: left; position: relative; text-align : center; width:950px; height: 23px; margin-top: 5px; background-color:#333}

}

@media only screen and (min-width: 660px) and (orientation: portrait) {

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}
input.mailform		{ width: 200px}

textarea 				{ width: 450px; height: 15em}
	
.cell_mm				{	width: 100%; height: 850px; vertical-align: top}
div.input , div.input2
								{ margin-left: 75px; margin-bottom: 4px; position: relative; float : left; width : 155px; height: 26px; border-style: solid; border-width : 0px; border-color : #000; background-color:#FFF}
div.output	,	div.output2			
								{ margin-bottom: 4px;position: relative; float : left; width : 335px; background-color : #FFF; height: 26px; border-style: solid; border-width : 0px; border-color : #000; background-color:#F8F8F8}
div.site      			{ border: 5px solid #333; position: relative; margin-bottom: 0px; margin: 0px auto; border-radius: 3px; width: 650px; height: 850px; background-color:#333; box-shadow: 5px 5px 10px #666}
div.vaandel			{ float: left; width: 650px; height: 45px; border: 0px solid #FFF; background-color:#FFF}
div.buttons			{ float: left; position: relative; margin: 0 auto; padding: 0px 0; border-radius: 0px; width: 650px; height: 45px; border: 0px solid #FFF; background-color:#FFF}
div.button 			{ float: left; position: relative; left: 100px; margin: 9px auto;  width: 77px; height: 28px; border: 0px solid #FFF}	
div.button2 			{ float: left; position: relative; margin: 0px auto; width: 640px; height: 40px; border: 0px solid #FFF; background-color:#F8F8F8}	
div.button2a 		{ float: left; position: relative; margin: 0px auto; width: 630px; height: 40px; border: 0px solid #FFF; background-color:#F0FFF0}	
div.button3 			{ float: left; position: relative; margin: 0px auto; width: 640px; height: 40px; border: 0px solid #FFF; background-color:#F8F8F8}	

div.front      			{ border-style: solid; border-width: 1px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; margin-top: 10px;  width:648px; height: 723px; background-color:#FFF}
div.fronta      		{ border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; width:648px; height: 285px; background-color:#FFF}
div.frontb     		{ border-style: solid; border-width: 0px ; border-color: #FFF; float: left; position: relative; text-align : center; left: 0px; margin: 10px 0 0 111px; width:426px; height: 340px; background-color:#BBB}
div.contchk 			{ position: relative; width : 640px}
div.contchk1			{ position: relative; width : 630px; height: 138px; margin: 15px 0 0 6px}
div.bottom			{ position: absolute; text-align : center; width:648px; height: 62px; bottom: 85px; background-color:#FFF; vertical-align: bottom;}
div.banner				{ position: absolute; text-align : center; width:648px; height: 82px; bottom: 3px; right: 0px; background-color:#000}
div.footnote			{ float: left; position: relative; text-align : center; width:650px; height: 23px; margin-top: 5px; background-color:#333}

}

/*       <LINK href="chd.css" rel="stylesheet" type="text/css">    */

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