/* 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%}

P.vaandel				{ font-size: 32px; font-weight: bold; color: #FFF; margin: 0 0 0 0; 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}


div.site      			{}
div.vaandel			{ position: fixed; width: 100%; height: 40px; background-color:#333; right:0px; top:0px; z-index: 100}
div.small					{ display: none}
div.footnote			{ position: fixed; bottom: 0px; text-align : center; width: 100%; background-color:#333; z-index: 100}
div.phone				{ overflow: hidden; width: 100%; height: 1000px; margin-top: 40px; background-color:#FFF}

div.ie						{ display: none}
div.menu 				{ }
div.buttons 			{ display: none}
div.mac					{ position: fixed; right: 5px; top:0px}
div.front					{ display: none}


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


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

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: 50vw ; border: 0}
div.banner				{ position:fixed; bottom:0px;margin: 0 0 5vw 1vw; text-align: center; width: 98vw; background-color:#000}
/*div.banner				{ float: left; position: relative; margin: 10vw 0 5vw 1vw; text-align: center; width: 98vw; background-color:#000}*/

/* gordijn menu */
.menu 					{ height: 0%; width: 100%; position: fixed; z-index: 1; top: 0px; left: 0; background-color: #333; overflow-y: hidden; transition: 0.5s}
.menu-content		{ position: relative; top: 10%; width: 100%; text-align: center; margin-top: 15px}
.menu a 				{ padding: 8px; text-decoration: none; font-size: 20px; color: #FFF; display: block; transition: 0.3s }
.menu a:hover, .overlay a:focus { color: #393 }
.menu .closebtn	{ position: absolute; top: 0px; right: 15px; font-size: 40px}

}

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

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: 95vw ; border: 0}
img.techr 				{ position: relative; margin-left: 5vw; width: 88vw ; border: 1vw solid #FFF; border-radius:1vw; padding: 1vw 1vw; box-shadow: 0px 1vw 3vw 0px #666}
div.banner				{  position:fixed; bottom:0px; margin: 0 0 11vw 2.5vw; text-align: center; width: 95vw; background-color:#000}

/* gordijn menu */
.menu 					{ height: 0%; width: 100%; position: fixed; z-index: 1; top: 40px; left: 0; background-color: #333; overflow-y: hidden; transition: 0.5s}
.menu-content		{ position: relative; top: 15%; width: 100%; text-align: center; margin-top: 10px}
.menu a 				{ padding: 8px; text-decoration: none; font-size: 20px; color: #FFF; display: block; transition: 0.3s}
.menu a:hover, .overlay a:focus { color: #393}
.menu .closebtn	{ position: absolute; top: 10px; right: 25px; font-size: 40px}

}

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