html{
	font-size:100%; /* IE hack */
}

body{
	font-family: 'century gothic', arial, sans-serif; 
	font-size: 62.5%; /* 10px (= 62.5% x 16px) */
	color: #ffffcc;
	background-image: url(../images/bground.gif);
}

table{
	font-size:100%; /* IE hack */
}

div.container{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

div.titlebox{
	/*float:left;*/
}
div.header_left{
	float:left; 
	width:50px; 
	height:100px;
}

div.header_bot_c{/*box for in the bottom corners*/
	width:50px; 
	height:50px; 
	background-color:#FFFFCC; 
}

div.header_center{
	float:left; 
	width:650px; 
	height:100px; 
	background-color:#FFFFCC; 
}

div.site_logo{
	width:320px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top: 10px;
}

div.header_right{
	float:left; 
	width:50px; 
	height:100px; 
}

div.spacebox{ 
	float:left;/*otherwise box not visible*/
	width:750px;
	height: 40px; 
	background-color: #000000; 
}

div.mainbox{
	float:left; 
	width:750px;
	background-color: #000000;
}

div.content_logo_box{
	float:left; 
	width:170px;
}

div.content_logo{
	/*width:?px;*/ 
	margin-left:auto; 
	margin-right:auto;
}

div.textbox{
	float:left;
	width:388px;
	font-size:1.3em; /* 13px (= 1.3 x 10px) */ 
	padding: 0px 10px 0px 10px; 
	border-style: solid; 
	border-color: #ffffcc; 
	border-width: 0px 1px 0px 1px;
}

/*START - IE5 HACK*/
div.textbox{
	width:410px;/*1 + 10 + 388 + 10 + 1*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:388px;
}

html>body .textbox {
	width:388px;
}
/*END - IE5 HACK*/

div.navbox{
	float:right; 
	width:170px; 
	/*background-color:#CCCCCC;*/
}

div.navbox img{
	margin-bottom:10px;
}

div.nav_links{
	width:120px; 
	margin-left:auto; 
	margin-right:auto;
}

div.author{
	float:left;/*otherwise margin-top will be ignored*/
	width:750px;
	margin-top:20px;
	font-family: arial, sans-serif; 
	font-size: 1.2em; /* 12px (= 1.2 x 10px) */
	color: #ffffcc;
	text-align:center;
}

div.papaul_video{
	width:320px; 
	border: 1px solid #cccccc; 
	margin-left:auto; 
	margin-right:auto;
}

/*START - IE5 HACK*/
div.papaul_video{
	width:322px;/*1 + 320 + 1*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:320px;
}

html>body .papaul_video {
	width:320px;
}
/*END - IE5 HACK*/

div.index_img{
	position: relative; 
	width: 300px; 
	height: 300px; 
	margin-left:auto; 
	margin-right:auto; 
	background-color: #FFFFCC;
}

p.leraren{
	float: left; 
	width: 100%; 
	margin-top: 0px; 
	margin-bottom: 30px; 
}

index_img_lt{
	position:absolute; 
	left:0; 
	top:0;
}

index_img_lb{
	position:absolute; 
	left:0; 
	bottom:0;
}

index_img_rt{
	position:absolute; 
	right:0; 
	top:0;
}

index_img_rb{
	position:absolute; 
	right:0; 
	bottom:0;
}

img.index_img{
	position:absolute; 
	left:10px; 
	top:10px;
}

img.leraren2{
	float:left; 
	margin-right:10px; 
	margin-bottom:10px;
}

img.harry{
	float: right; 
	margin-left: 10px; 
	margin-bottom: 10px;
}

img.siepy{
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px;
}

img.float_left{
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px;
}

table.diner{
	font-family: verdana, arial, sans-serif; 
	font-size: 1.2em; /* 12px (= 1.2 x 10px) */
}

table.diner td{
	color: #000000; 
	background-color: #cccccc;
}

table.diner th{
	color: #ffffff; 
	background-color: #cc3300;
}

strong, i{
	font-family: verdana, arial, sans-serif; 
	font-size: 0.9em; /* 11px (= 0.9 x 12px) */
}

ul.space li{
	margin: 10px 0;
}

ul.info{
	color:#cc3300;
}

ul.info li{
	margin-top:1em;
}

.bereikbaar{
	font-size:0.85em; /* 11px (= 0.85 * 13px) */
}

.phonenr {
	font-size: 0.85em; /* 11px (= 0.85 x 13px) */
	color:#CC0000;
}

a:link {
	font-family: 'century gothic', arial, sans-serif; 
	color: #cc3300; 
	text-decoration: underline;
}

a:visited {
	font-family: 'century gothic', arial, sans-serif; 
	color: #cc3300; 
	text-decoration: underline;
}

a:hover {
	font-family: 'century gothic', arial, sans-serif; 
	color: #cc3300; 
	text-decoration: underline;
}

a:active {
	font-family: 'century gothic', arial, sans-serif; 
	color: #cc3300; 
	text-decoration: underline;
}

a.yellow:link {
	font-family: 'century gothic', arial, sans-serif; 
	color: #ffffcc; 
	text-decoration: none;
}

a.yellow:visited {
	font-family: 'century gothic', arial, sans-serif; 
	color: #ffffcc; 
	text-decoration: none;
}

a.yellow:active {
	font-family: 'century gothic', arial, sans-serif; 
	color: #ffffcc; 
	text-decoration: none;
}

.form_elm {
	background-color: #ffffcc; 
	font-weight: normal;
}