html { 
	height: 100%;

	}

body {
	font: 13px/18px tahoma, verdana, arial, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	border: 0px;
	color: #03105F;

	}
	
	.wrapper {
position : absolute;
            top : 0;
            left : 0;
            right : 0;
            bottom : 125px; /* that's the height of the footer */
            overflow : auto;
}



body.zakelijk {
	background: #ffffff url(../img/back_turquiose.gif) repeat-y 280px 0px;
	}
body.sq {
	background: #ffffff url(../img/back_turquiose.gif) repeat-y 280px 0px;
	}
body.prive {
	background-color: #E47F81;
	}
body.home {
	background: none;
	}
body.spelprive, body.spelzakelijk {
	overflow: auto;
	clip: auto;
	border-width: 1px;
	padding: 5px 5px 0px 5px;
	}
body.spelzakelijk {
	background-color: #EBF6F6;
	}
body.spelprive {
	background-color: #E47F81;
	}
	
a {	color: #03105F;	}
a.hier { 
	text-decoration: none;
	font-weight: bold;
	}		
a img { border: 0;}		
		
div.container {
	height: 100%;
	width: 100%;
	margin: 0;
	}	
.zakelijk div.content {
	position: absolute;
	left: 280px;
	width: 650px;
	height: 92%;
	padding: 0px 10px 0px 10px;
	background: url(../img/mannetje_zakelijk_turquiose.gif) no-repeat 80% 0;
	overflow: auto;
	clip: auto;
	}
.sq div.content {
	position: absolute;
	left: 280px;
	width: 650px;
	height: 92%;
	padding: 0px 10px 0px 10px;
	background: url(../img/mannetje_zakelijk_turquiose.gif) no-repeat 80% 0;
	overflow: auto;
	clip: auto;
	}
.prive div.content {
	position: absolute;
	left: 20%;
	top: 26%;
	height: 66%;
	width: 80%;
	background: #E47F81 url(../img/back_prive_rood.gif) no-repeat 100% 0px;
	overflow: auto;
	clip: auto;
	}
.home div.home { 
	position: absolute;
	top: 0%;
	height: 90%;
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	overflow: auto;
	clip: auto;
	}	
.home p {
	width: 100%;
	}	
	
.zakelijk div.menu {
	position: absolute;
	width: 150px;
	left: 110px;
	height: 90%;
	background: transparent url(../img/titel_zakelijk.gif) no-repeat 0 4px;
	}
.sq div.menu {
	position: absolute;
	width: 300px;
	height: 90%;
	background: transparent url(../img/titel_sq.gif) no-repeat 110px 4px;
	}
.prive div.menu {
	position: absolute;
	top: 26%;
	height: 64%;
	width: 20%;
	background-color: #E47F81;
	text-align: center;
	background: transparent url(../img/titel_prive.gif) no-repeat center top;
	}	
	
.zakelijk div.header {
	position: absolute;
	}
.sq div.header {
	position: absolute;
	}
.prive div.header {
	width: 100%;
	height: 25%;
	background-color: #9CD1D5;
	border-top: 1px solid #560667;
	border-bottom: 1px solid #560667;
	overflow: hidden;
	clip: hidden;
	}
.prive div.header h2 {
	position: absolute;
	font-size: 12px;
	color: #52AFB6;
	margin-left: 20%;
	}	
.prive div.header p {
	font-size: 10px;
	line-height: 14px;
	position: absolute;
	margin-left: 20%;
	margin-top: 26px;
	}
	
.zakelijk2 div.footer {
position : absolute;
            left : 0;
            right : 0;
            bottom : 0px; /* that's the height of the footer */
        height : 100px;
            overflow : hidden;
            background-color : green;


	background: #ffffff url(../img/back_footer.gif) repeat-x 50% 30px;
	}
	
	.zakelijk2 div.footer p {
margin-top:15px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	}
	
	
	.zakelijk div.footer {
position : absolute;
            left : 0;
            right : 0;
            bottom : 0px; /* that's the height of the footer */
        height : 70px;
            overflow : hidden;
            background-color : green;


	background: #ffffff url(../img/back_footer.gif) repeat-x 50% 0px;
	}
	
		.zakelijk div.footer p,.prive div.footer p, .sq div.footer p{
		width:100%;
margin-top:34px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	}
	
.prive div.footer {
	background-color: #FBFF7F;
	}	

.prive div.footer, .sq div.footer  {

position : absolute;
            left : 0;
            right : 0;
            bottom : 0px; /* that's the height of the footer */
        height : 70px;
            overflow : hidden;
            background-color : green;


	background: #ffffff url(../img/back_footer.gif) repeat-x 50% 0px;
	}
.prive div.footer {
	background-color: #FBFF7F;
	}	
	
.zakelijk span.logo a {
	position: absolute;
	top: 6px;
	width: 109px;
	height: 99px;
	background: transparent url(../img/logo_zakelijk.gif) repeat-y left top;
	}
.sq span.logo a {
	position: absolute;
	top: 6px;
	width: 109px;
	height: 99px;
	background: transparent url(../img/logo_zakelijk.gif) repeat-y left top;
	}

.prive span.logo a {
	position: absolute;
	top: 6px;
	width: 109px;
	height: 99px;
	background: transparent url(../img/logo_prive.gif) repeat-y left top;
	}

	

	
.sq div.footer p {
	
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	}
.prive div.footer p  {
	
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	}
.home div.footer p {
	
	padding: 0;
	font-weight: bold;
	width: 100%;
	}
		
.home h1 {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	}		
.home h2 {
	margin: 0px;
	padding: 0px;
	}			
.home p {
	padding: 0px;
	margin: 0px;
	}			
.zakelijk h1 {}
.zakelijk h2 {
	font-size: 14px;
	margin: 125px 0px 4px 0px;
	color: #39A4AC;
	}
.zakelijk h3 {
	font-size: 12px;
	color: #39A4AC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.zakelijk h4 {
	font-size: 14px;
	margin: 20px 0px 5px 0px;
	padding: 0px;
	color: #39A4AC;
	}
.sq h1 {
	font-size: 18px;
	margin: 125px 0px 4px 0px;
	}
.sq h2 {
	font-size: 14px;
	margin: 125px 0px 4px 0px;
	color: #39A4AC;
	}
.sq h3 {
	font-size: 12px;
	color: #39A4AC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.sq h4 {
	font-size: 14px;
	margin: 20px 0px 5px 0px;
	padding: 0px;
	color: #39A4AC;
	}
.prive h2 {
	font-size: 16px;
	color: #C90004;
	margin: 8px 0px 4px 0px;
	padding: 0;
	}
.prive h3 {
	color: #C90004;
	font-size: 13px;
	margin: 8px 0px 0px 0px;
	padding: 0;
	}
.home h2 {
	margin-top: 4px;
	color: #03105F;
	}	
.prive h4 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #C90004;
	}
.spel h2 {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	}
.spel h3 {
	}
	
p { 
	width: 453px;
	margin: 2px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}


	/* het zakelijke menu*/
	
		.zakelijk .menu ul {
			position: relative;
			top: 120px;
			height: 24px;
			font-size: 14px;
			font-weight: bold;
			line-height: 28px;
			border: 0;
			padding: 0;
			margin: 0;
			list-style: none;
			}
		
		.zakelijk .menu li {
			width: 96px;
			height: 24px;
			}
		
		.zakelijk .menu li a {
			display: block;
			width: 80px;
			height: 24px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 40px;
			text-decoration: none;
			background: transparent url(../img/back_menu_zakelijk.gif) no-repeat 25px 3px;
			}	
		.zakelijk .menu li.hier a {
			background-position:  0px 3px; 
			color: #D94800;
			}
		.zakelijk .menu li a:hover {
			background-position:  0px 3px; 
			color: #D94800;
			}
		

		/* het sq menu*/

		.sq .menu ul {
			position: relative;
			width: 300px;
			top: 120px;
			height: 24px;
			font-size: 14px;
			font-weight: bold;
			line-height: 28px;
			border: 0;
			padding: 0;
			margin: 0px 0px 0px 20px;
			list-style: none;
			}
		
		.sq .menu li {
			position: relative;
			float: left;
			}
		
		.sq .menu li a {
			width: 88px;
			height: 24px;
			margin: 0px 5px 0px 0px;
			padding: 0px 0px 0px 0px;
			text-decoration: none;
			}	
		.menu div {
			position: absolute;
			font-size: 11px;
			top: 200px;
			width: 220px;
			left: 30px;
			}
				

		/* het prive menu */
		.prive .menu ul {
			position: relative;
			top: 80px;
			width: 100px;
			height: 200px;
			font-size: 14px;
			font-weight: bold;
			line-height: 28px;
			border: 0;
			padding: 0;
			margin: 0;
			list-style: none;
			text-align: center;
			}
		
		.prive .menu ul ul {
			position: relative;
			width: 100px;
			height: 40px;
			}
		
		.prive .menu li {
			width: 100px;
			height: 24px;
			}
		
		.prive .menu li a {
			display: block;
			width: 100px;
			height: 24px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}	
		.prive .menu li.hier a {
			color: #C90004;
			}
		.prive .menu li a:hover {
			color: #D94800;
			}
			
			
			/* het sq menu */
		zakelijk.menu p {		
			position: relative;
			top: 120px;
		}
			
			/* kleuren */
		body.aurareading div.content{
			background-color: #AA82B3;
			}
		.aurareading div.content {
			background: #AA82B3 url(../img/back_prive_paars.gif) no-repeat 100% 0px;
		}
		.aurareading h2, .aurareading h3 {
			
			color: #560667;
		}
		.aurareading .menu li.hier a {
			color: #560667;
			}
		.aurareading .menu li a:hover {
			color: #D94800;
			}
		.spel h2, .spel h3 {
			color: #39A4AC;
		}
		
		
			/* afbeeldingen */
		img.boek {
				float: left;
				margin-right: 10px;
			}
		
			/* home*/ 
			
		img.zakelijk { margin-right: 50px;}
		img.prive { margin-left: 50px;}
		p.wolk img { 
			margin-left: 10px;
			}	

		a.wolk {
			margin-left: 100px;
			}
		a.wolk_engels {
			margin-left: 40px;
			}
		div#layer2 {display: none;}

	#website {margin:0 auto; width: 950px; position: relative; text-align: left;}
	
#boven {display:block; width:950px; height:192px;}
		
#menu {float:left; background:url(../img/header.jpg) no-repeat; display:block; height:132px; width:588px; padding:60px 0 0 250px;}
.menurij {float:left; display:block; width:140px; font-family:verdana;}
.menurij ul {list-style-type:none; margin:0; padding:5px 0 0 10px;}
.menurij li a {color:#03105f; text-decoration:none; font-size:12px;}
.menurij li a:hover {text-decoration:underline;}

h3.m1 a, h3.m2 a {font-size:14px; color:#fff; text-decoration:none; display:block; width:93px; background-image:url(../img/menubalk.jpg); height:20px; padding-top:1px; text-align:center;}
h3.m2 a {background-image:url(../img/menubalk2.jpg);}

h3.m1 a:hover, h3.m2 a:hover {text-decoration:underline;}

#adres {position:absolute; left:800px; padding-top:58px; text-align:right;}

#midden {display:block; width:980px; padding:0 0 0 20px;}

#nieuws {float:left; display:block; width:700px;}
#nieuws h1 {color:#ee7500; font-size:14px; font-weight:bold; padding-bottom:15px;}

#nieuws a {color:#ee7500;}
#nkolom1 {display:block; width:333px; float:left; padding-right:33px;}
#nkolom2 {display:block; width:333px; float:left;}

#aankondiging {position:absolute; left:768px; display:block; width:152px; padding:14px; background:#c0c3d7;}
#aankondiging p {font-size:11px;}
#aankondiging ul {list-style-type:none; padding:0; margin:0;}