/* BASE LAYOUT */
* {
	-moz-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

body {
	background-color: #96007f;
	background-image: url('/images/bg-body.gif');
	margin: 0 4px 0 4px;
	padding: 0;
	text-align: center;
}

div#logo {
	position: absolute;
	z-index:200;
	width: 180px;
	height: 130px;
	left: 16px;
	top: 40px;
	cursor: pointer;
}

div#container {
	position: relative;
	width: 912px;
	height: 600px;
	margin: 4px auto 4px auto;
	text-align: left;
}

div#main {
	position: relative;
	width: 912px;
	height: 526px;
	background-color: white;
	margin: 0;
	padding:0;
}

div#menubalk {
	position: relative;
	border-top: 9px solid white;
	border-left: 5px solid white;
	border-right: 5px solid white;
	background-color: white;
	width: 902px;
	height: 21px;
}

div#content {
	position: relative;
	border: 5px solid white;
	background-color: green;
	width: 902px;
	height: 486px;
}

div#banners {
	position: relative;
	width: 902px;
	height: 60px;
	top: 4px;
	background-color: white;
	border: 5px solid white;
}

div#banner1 {
	position: absolute;
	width: 300px;
	top: 0;
	left: 0;
}

div#banner2 {
	position: absolute;
	width: 282px;
	top: 0;
	left: 300px;
	border-left: 5px solid white;
	border-right: 5px solid white;
}

div#banner3 {
	position: absolute;
	width: 300px;
	top: 0;
	right: 0;
}

div.banner img {
	display: block;
}

div#box {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 50;
}

div#wintxt {
	position: absolute;
	background-color: #ACE922;
	padding: 20px;
	width: 375px;
	height: 250px;
	z-index: 500;
	border: 2px solid white;
	top: 30px;
	left: 2px;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	color: black;
}
div#wintxt a {
	color: black;
}
/* END BASE LAYOUT */

/* 3 STAPPEN TEMPLATE */
div#tekstkaders {
	position: absolute;
	height: 169px;
	top: 250px;
	right: 19px;
	z-index: 20;
}

span#numkader1 {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 170px;
	height: 148px;
}

div#kader1 {
	position: absolute;
	top: 10px;
	left: 30px;
	width: 170px;
	height: 148px;
}

span#numkader2 {
	position: absolute;
	top: 10px;
	left: 248px;
	width: 170px;
	height: 148px;
}

div#kader2 {
	position: absolute;
	top: 10px;
	left: 270px;
	width: 170px;
	height: 148px;
}

span#numkader3 {
	position: absolute;
	top: 10px;
	left: 488px;
	width: 170px;
	height: 148px;
}

div#kader3 {
	position: absolute;
	top: 10px;
	left: 510px;
	width: 170px;
	height: 148px;
}

div#inleiding {
	position: absolute;
	width: 350px;
	height: 140px;
	top: 85px;
	right: 60px;
	z-index: 10;
	overflow: auto;
}

div#driesu {
	position: absolute;
	top: 157px;
	left: 248px;
	width: 122px;
	height: 74px;
}

div#driesu img {
	display: block;
}
/* END 3 STAPPEN TEMPLATE */

/* SIMPLECONTENT TEMPLATE */
div#simplecontent {
	position: absolute;
	top: 110px;
	left: 360px;
	width: 532px;
	height: 310px;
	overflow: auto;
	overflow-x: hidden;
	z-index: 100;
	padding-right: 10px;
}
/* END SIMPLECONTENT TEMPLATE */

/* MENU BUTTONS */
div.menu {
	position: absolute;
	z-index: 50;
}

div.menu img{
	display: block;
}
/* END MENU BUTTONS */