/* Stylesheet voor de PJ Beuker mobiel */


/* Initialisatie */

*			{margin:0; padding:0;}
p			{margin-bottom:1em; margin-top:1em;}
img			{border:0px;}
#center		{text-align:center}
#preload	{position:absolute; top:0px; left:-5000px}
#sectie		{clear:both}

body		{background-color:#dee8cf; font-family:Arial; color:#000000; font-size:50px}

#header		{width:1000px; margin:0 auto; height:auto; min-height:400px; position:relative; background:url(../images/blad.png) top left no-repeat}


/* MENU */

body	{-webkit-animation: bugfix infinite 1s;}
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	
a.homeknop 	{display: block; width: 130px; height:130px; position:absolute; top:45px; right:150px; background:url('../images/homeknop.png') center no-repeat; background-size: 140%; z-index:50}
	
#menuknop 	{display: block; width: 130px; height:130px; position:absolute; top:45px; right:15px; background:url('../images/menuknop.png') center no-repeat;  background-size: 140%; -webkit-user-select: none; user-select: none; z-index:50}
#menuknop:after {content:'';}

#menublok	{display:none;}
#menublok:checked ~.menu {display: block; opacity: 0.98; background-color:#c3d4a7; position:absolute; top:166px; right:5px; width:auto; height:auto; z-index:100; border:15px solid #657c43}

.menu 			{display: none; opacity: 0; position: absolute; margin-right:20px;}
.menu a			{display: block; height:120px; width:850px; font-size:80px; padding:40px 0 0 50px; text-decoration: none; border-right:3px solid #000000; border-bottom:3px solid #000000; border-left:2px solid #aaaaaa; border-top:3px solid #aaaaaa; z-index:100}
.menu a:visited	{text-decoration:none;}
.menu a:hover	{text-decoration:none;}
.menu a.sub		{width:780px; padding-left:120px; font-size:60px; height:90px;}
.menu a.sub:before {content:"- ";}


/* CSS style */

#frame		{width:900px; margin:0 auto;}
#footer		{width:100%; margin:0 auto; height:164px; background:url(../images/gras.jpg) top left repeat-x}

h1	{font-size:60px; color:#45552c;}

a			{color:#45552c}
a:visited	{color:#45552c}
a:hover		{color:#45552c}

a.klein		{font-size:30px;}

img.logo	{position:absolute; height:auto; width:700px; display:block; top:220px; left:50px; z-index:50}
img.snel	{margin-left:15px; width:150px; height:150px;}
img.ontwerp	{float:right; padding:70px 0 20px 20px; width:400px; height:auto}
img.foto	{width:650px; height:auto; margin-top:35px; border:10px solid #45552c}

table		{font-size:50px; color:#000000}
td			{vertical-align:top; margin-top:0px; padding-top:0px; }
input		{width:600px; height:70px; font-size:50px; background-color:#f0f6e8}
input.knop	{width:300px; font-size:30px}
textarea	{height:200px; width:600px; background-color:#f0f6e8; font-size:50px}