body {
	padding:0;
	margin:	0;
	background-color: 		black;
	background-image: 		url(../img/wp.jpg);
	background-repeat: 		repeat;
	overflow:				hidden;
}

.page {
	height:			100%;
}

.max {
	height:			100%;
	width:			100%;
}

.realarea {
	position: 		relative;
	text-align:		left;
	
	-moz-box-shadow: 		0px 0px 300px #000; 	/* FF3.5+ */
	-webkit-box-shadow: 	0px 0px 300px #000; 	/* Saf3.0+, Chrome */
	box-shadow:				0px 0px 300px #000;	/* Opera 10.5, IE 9.0 */
}

.linkbox {
	background-color:		#ffffcc;
	color:					black;
	
	border:					solid 1px #ffff99;
	
	padding:				10px;

	-moz-box-shadow: 		0px 0px 3px #cc9966; 	/* FF3.5+ */
	-webkit-box-shadow: 	0px 0px 3px #cc9966; 	/* Saf3.0+, Chrome */
	box-shadow:				0px 0px 3px #cc9966;	/* Opera 10.5, IE 9.0 */

	-moz-border-radius: 	10px; 		/* FF1+ */
	-webkit-border-radius: 	10px; 		/* Saf3+, Chrome */
	border-radius: 			10px; 		/* Opera 10.5, IE 9 */	
	
}

.extra-margin {
	margin:					10px 0;
}

.limited {
	height:			100%;
	width:			100%;
	max-height:		800px; 
	max-width: 		1600px;
}

h1 {
	font-size:		16pt;
}

h2 {
	font-size:		14pt;
}

img {
	border:			0;
}

a.fancy > img {
	vertical-align: middle;
	padding:		2px;
	margin-top:		3px;
	margin-right:	10px;
	border:			solid 1px #ccc;
}

a.fancy {
	color:			inherit;
	text-decoration:	none;
}

.derden {
	margin:			20px 10px 10px 10px;
	display:		inline-block;
	width:			100%;
	text-align:		center;
	font-family:	Arial;
	font-size:		7pt;
	color:			#666;
}

.derden > * {
	color:			#666;
	text-decoration:	none;
}

#background {
	position:relative;
	bottom:	0;
	left:	0;
	height:	100%;
	max-height:800px;
	width:	100%;
	max-width: 1600px;
	z-index: -3;
	
	background-color:	white;
	
	-moz-border-radius: 	10px; 		/* FF1+ */
	-webkit-border-radius: 	10px; 		/* Saf3+, Chrome */
	border-radius: 10px; 		/* Opera 10.5, IE 9 */	

}

#wrapper {
	
	background-color:	white;

	position:absolute;
	top:	30px;
	left:	50px;
	z-index: 1;
	
	width: 	530px;
	height:	685px;
	
	-moz-border-radius: 	10px; 		/* FF1+ */
	-webkit-border-radius: 	10px; 		/* Saf3+, Chrome */
	border-radius:			10px; 		/* Opera 10.5, IE 9 */
	

	-moz-box-shadow: 		2px 2px 8px #666; 	/* FF3.5+ */
	-webkit-box-shadow: 	2px 2px 8px #666; 	/* Saf3.0+, Chrome */
	box-shadow:				2px 2px 8px #666;	/* Opera 10.5, IE 9.0 */
	
	padding:			20px 20px;
	
	font-family:		Verdana;
	font-size:			11pt;
	
	color: 				#00639c;

}

#content {
	overflow:			auto;
	height:				590px;
	width:				520px;
}

#drone {
	position:absolute;
	bottom:	0;
	left:	0;
	height:	100%;
	max-height:800px;
	width:	100%;
	max-width: 1600px;
	z-index: 1;
}

#nav {
	
	position:			absolute;
	top:				140px;
	right:				100px;
	
	color:				white;
	font-family:		Verdana;
	text-align:			right;
	
	font-size:			20pt;
	
}

#nav ul {
	list-style-type: 	none;
}

#nav li {
	display:			block;
	
	width:				200px;
	margin-top:			5px;
	padding:			5px;
	background-color:	black;
	background-color:	rgba(0,0,0,0.3);
	
	-moz-border-radius: 	12px; 		/* FF1+ */
	-webkit-border-radius: 	12px; 		/* Saf3+, Chrome */
	border-radius:			12px; 		/* Opera 10.5, IE 9 */
}

#nav li:hover {

	width:				200px;
	margin-top:			5px;
	padding:			5px;
	background-color:	#a8d699;
	background-color:	rgba(170,210,150,0.4);
	
}

#nav a {
	color:				white;
	text-decoration:	none;
	
}

#nav .current {
	width:				200px;
	margin-top:			5px;
	padding:			5px;
	background-color:	#a8d699;
	background-color:	rgba(170,210,150,0.7);
}

#L {
	position:absolute;
	bottom:	0px;
	left:	0px;
	z-index: -1;
	
	width: 	140px;
	height:	100%;
	background-image:	url(../img/bg/L.jpg);
	background-repeat:	no-repeat;
	
}

#R {
	position:absolute;
	bottom:	0px;
	right:	0px;
	z-index: -2;
	
	width: 	993px;
	height:	100%;
	background-image:	url(../img/bg/R2.jpg);
	background-repeat:	no-repeat;

}

#Z {
	position:absolute;
	bottom:	0px;
	left:	0px;
	z-index: -3;
	
	width: 	100%;
	height:	200px;
	background-image:	url(../img/bg/Z.jpg);
	background-repeat:	repeat;
	
}

#N {
	position:absolute;
	top:	0px;
	left:	0px;
	z-index: -3;
	
	width: 	100%;
	height:	200px;
	background-image:	url(../img/bg/N.jpg);
	background-repeat:	repeat;
}

#random {
	position:absolute;
	bottom:	30px;
	left:	0px;
	z-index: 2;
	width:	100%;
	height:	65px;
	
	background-image:	url(../img/groenten.png);
	color:	white;
	
	font-family:		Calibri, Verdana, Tahoma;
	font-size:14pt;

	font-weight:		bold;

	vertical-align: 	middle;
	text-align:center;
}

#random>span{
	display:inline-block;
	padding-top:		20px;
}

#amazing-thailand {
	position:absolute;
	bottom:	18px;
	right:	20px;
	z-index: 0;
	
	width: 	192px;
	height:	67px;
	background-image:	url(../img/amazing-thailand.png);
	background-repeat:	repeat;
}

#logo-maathai {
	position:absolute;
	top:	50px;
	right:	40px;
	z-index: 0;
	
	width: 	311px;
	height:	78px;
	background-image:	url(../img/logo.png);
	background-repeat:	repeat;
}

.maathai {
	font-family:		Verdana, Tahoma;
	color:				blue;
	font-size:			11pt;
	vertical-align:		text-bottom;
}

.contact,.openingstijdenxl {
	width:				100%;
	border:				solid 0px;
	font-size:			10pt;
}

.contact td,.openingstijdenxl td  {
	width:				50%;
	text-align:			right;
	color:				#193f58;
	vertical-align:		top;
	padding:			5px 5px 5px 0;
}

.contact td.eerst,.openingstijdenxl td.eerst {
	width:				50%;
	text-align:			center;
	color:				#193f58;
	vertical-align:		top;
	font-weight:		bold;
}

.contact tr:nth-child(2n),.openingstijden tr:nth-child(2n),.openingstijdenxl tr:nth-child(2n) {
	background-color:	#ccccff;
}

.openingstijden {
	width:				300px;
	border:				solid 0px;
	font-size:			10pt;
}

.openingstijden td {
	width:				50%;
	text-align:			center;
	color:				#193f58;
}

.indent {
	padding:			0 20px 20px 20px;
}