html {
	overflow-y:scroll;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	background-color: #5b1e87;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center 159px;
}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

div.wrapper {
	position: relative;
	margin: 0 auto;
	width: 974px;
	top:-63px;
	z-index: 2;
	text-align: center;
}

html* div.wrapper {
	top: -60px;
}

div.top {
	height: 102px;
	width: 974px;
	text-align: center;
}

div.iconen {
	position: relative;
	height: 60px;
	top: 20px;
	margin: 0 auto;
	width: 974px;
	z-index: 7;
}

div.iconen a {
	float: right;
}

div.iconen img {
	margin-right: 25px;
}


/* Menu's gemeenschappelijk */

div.menu ul, div.sub ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.sub ul ul
{
	margin-left: 0px;
}
/* Hoofdmenu */

div.menu {
	font-size: 11px;
	/*background-image: url(/media/topr.jpg);
	background-repeat: repeat-x;
	background-position: 0 -102px;*/
	width: 811px;
	height: 21px;
	float: left;
	clear: both;
	padding-top: 9px;
	padding-left: 163px;
}

html* div.menu {
	padding-top: 7px;
}

div.menu ul li {
	float: left;
	background-image: url(/media/div.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	height: 26px;
	padding: 0 8px;
}

div.menu ul li.first {
	padding: 0;
}

div.menu ul li a {
	color: #5b1e87;
	text-decoration: none;
}

div.menu ul li a:hover {
	color: #fff;

}

/* Kruimelpad */

div.crumb, div.crumb a, div.crumb a.last:hover {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}

div.crumb {
	position: relative;
	
	width: 808px;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 166px;
}

div.crumb a:hover {
	color: #ff9f00;
	text-decoration: none;
}

div.crumb a.middle, div.crumb a.last {
	background-image: url(/media/dash.png);
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
div.crumb a.middle, div.crumb a.last {
	padding-left: 12px;
	margin-left: 4px;
}
div.crumb a,
div.crumb div
{
	float:left;

}
div.crumb div
{
	margin-right: 4px;
}


/* SUB */

div.sub {
	font-size: 11px;
	text-align: left;
	width: 158px;
	float: left;
	margin: 0 8px 8px 0;
}

div.sub ul {
	margin: 0;
	padding: 0;
}

div.sub ul li a {
	display: block;
	margin-bottom: 14px;
	color: #ffffff;
	text-decoration: none;
}

div.sub ul li {
	padding-left: 16px;
	width: 142px;
}

div.sub ul li ul li {
	width: 110px;
}

div.sub ul li.active, 
div.sub ul li:hover 
{
	background-image: url(/media/tripple.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

div.sub ul li:hover a {
	text-decoration: none;
}

/* CONTENT */

div.content {
	position: relative;
	width: 582px;
	float: left;
}

div.intro {
	position: relative;
	font-size: 12px;
	line-height: 18px;
	color: white;
	width: 580px;
	background-color: #ae0faa;
	float: left;
}

div.intro img,
div.intro object
{
	width: 572px;
	margin: 4px;
}

div.intro p {
	text-align: justify;
	padding: 0 30px 8px;
}

div.plat {
	float: left;
	width: 580px;
	padding-bottom: 8px;
	background-image: url(/media/bgcontent.png);
	font-size: 11px;
	line-height: 16px;
	color: white;
}

div.plat h1 {
	font-weight: normal;
	font-size: 22px;
	line-height: 24px;
}

div.plat p, div.plat h1, div.plat h3 {
	padding-right: 30px;
	padding-left: 30px;
}

div.plat a {
	color: #fff;
}
div.plat a:hover {
	color: #ff9f00;
	text-decoration: none;
}
div.plat a.external
{
	padding-right: 11px;
	background-image: url(/media/external.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div.plat strong {
	color: #ff9f00;
}

div.plat textarea {
	width: 520px;
	height: 150px;
}

/* SMOELENBOEK */

div.persons {
	float:left;
	padding-left:30px;
	background-image:url(/media/bgpersons.gif);
	background-repeat:repeat-y;
	background-position:9px 0;
}

div.person {
	width:130px;
	height:150px;
	float:left;
	margin-right:4px;
}
div.person a {
	text-decoration: none;
	color: #ffffff;
}

div.person div.ornament1 {
	width:127px;
	height:115px;
	float:left;
	background-image:url(/media/ornament1a.png);
	background-repeat:no-repeat;
	background-position:0 0px;
	z-index:2;
	position:absolute;
	cursor:pointer
}
div.person div.ornament1:hover {
	background-image:url(/media/ornament1b.png);
}

div.person div.ornament2 {
	width:127px;
	height:115px;
	float:left;
	background-image:url(/media/ornament2a.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	z-index:2;
	position:absolute;
	cursor:pointer
}
div.person div.ornament2:hover {
	background-image:url(/media/ornament2b.png);
}

div.person div.ornament3 {
	width:127px;
	height:115px;
	float:left;
	background-image:url(/media/ornament3a.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	z-index:2;
	position:absolute;
	cursor:pointer
}
div.person div.ornament3:hover {
	background-image:url(/media/ornament3b.png);
}

div.person div.ornament4 {
	width:127px;
	height:115px;
	float:left;
	background-image:url(/media/ornament4a.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	z-index:2;
	position:absolute;
	cursor:pointer
}
div.person div.ornament4:hover {
	background-image:url(/media/ornament4b.png);
}

div.person div.pic {
	margin-top:5px;
	position:relative;
}

div.persfunc {
	width:380px;
	float:left;
	border-bottom:#83679d 1px;
	border-bottom-style:solid;
}

div.persfunc .titel {
	background-color:#83679d;
	padding:2px;
	display:block;
	margin-top:5px;
}

div.persfunc .titel, div.persfunc p {
	padding-left:8px;
}
div.vorige {
	float:left;
	margin-left:30px;
}
div.volgende {
	float:right;
	margin-right:25px;
}
div.vorige, div.volgende {
	margin-top:16px;
	margin-bottom:8px;

}
div.vorige a, div.volgende a {
	text-decoration:none;
	color:#ff9f00;
}
div.vorige a:hover, div.volgende a:hover {
	text-decoration:none;
	color:white;
}

div.plat div.images
{
	width: 216px;
	text-align: right;
	float: right;
}

div.lijst, div.lijst252 {
	display: block;
	float: right;
	background-image: url(/media/lijst_ornament.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 0 8px 8px;
}

div.lijst {
	width: 208px;
}

div.lijst252 {
	width: 290px;
}

div.lijst img, div.lijst252 img {
	float: right;
	border: solid 3px #ff9f00;
}

ul#icons {
	margin-top:8px;
	margin-left:18px;
	padding: 0;
}

ul#icons li {
	list-style:none;
}



div.plat div.album
{
	margin-left: 0;
}

div.album div.pic {
	float: left;
	margin: 0 0 8px 16px;
	width: 158px;
	text-align: right;
}
div.album div.ornament {
	width: 190px;
	background-image: url(/media/lijst_ornament.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.album div.pic img {
	float: right;
	border: solid 3px #ff9f00;
}




ul#icons li.entertainer a, ul#icons li.bedrijven a, ul#icons li.consumenten a {
	background-repeat: no-repeat;
	background-image:url(/media/icons_recreatie.png);
	height:46px;
	padding-left:88px;
	padding-top:20px;
}

ul#icons li.entertainer {
	background-position: 0 0px;
}

ul#icons li.entertainer a:hover {
	background-position: 0 -66px;
}

ul#icons li.bedrijven a {
	background-position: 0 -132px;
}

ul#icons li.bedrijven a:hover {
	background-position: 0 -198px;
}

ul#icons li.consumenten a {
	background-position: 0 -264px;
}

ul#icons li.consumenten a:hover {
	background-position: 0 -330px;
}

ul#icons li a {
	text-decoration:none;
	display:block;
	color:white;
}

ul#icons li a:hover {
	color:#ff9f00;
}

/* BANNERS RECHTS */

div.right {
	font-size: 11px;
	width: 218px;
	height: auto;
	float: right;
	margin-left: 8px;
}

div.box, 
div.arch {
	color: #fff;
	width: 218px;
	float: right;
	margin: 0 0 8px;
}

div.box {
	background-position: 0 -10px;
}

div.box .div.bg1,
div.box .div.bg2,
div.box .div.bg3,
div.box .div.bg4
{
	display:none;
}

div.bg1
{
	background-image: url(/media/bgbanner01.png);
}
div.bg2
{
	background-image: url(/media/bgbanner02.png);
}
div.bg3
{
	background-image: url(/media/bgbanner03.png);
}
div.bg4
{
	background-image: url(/media/bgbanner04.png);
}

div.box div.tri, div.arch div.tri {
	background-color: transparent;
	background-image: url(/media/tripple.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	float: left;
	margin-top: 2px;
	margin-left: 0;
}

div.arch div.tri {	
	margin-top: 14px;
}
 
div.box h3, div.arch h3 {
	color: #ff9f00;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	padding-right: 8px;
	padding-left: 15px;
	margin-bottom:2px;
}

*html div.box div.tri {
	position: relative;
	top:20px;
}

/*
div.box img {
	margin-bottom: 8px;
	float: right;
}
*/
div.box div.foto
{
	margin-bottom: 8px;
	float: right;
	background-color: transparent;
	width: 91px;
	height: 78px;
}
div.box div.foto div.image
{
	position: absolute;
	margin-left: 5px;
}
div.box div.foto div.frame
{
	position: absolute;	
}


div.box p {
	padding-right: 8px;
	padding-left: 15px;
	position: relative;
	top: -6px;
}

html* div.box p {
	top: -15px;
}

div.box a, div.arch a {
	color:#ff9f00;
	text-decoration: none;
}

div.box ul {
	position:relative;
	top: -6px;
}

html* div.box ul {
	top: -15px;
}

div.box a:hover, div.arch a:hover {
	color: white;
}

div.arch li {
	border-bottom:  1px solid #3f1861;
	padding-bottom:4px;
	padding-top:4px;
}

div.arch ul {
	margin:0;
	padding:0;
}

div.arch ul li {
	list-style:none;
	padding-left: 15px;
}

div.arch ul li a,
div.arch ul li br {
	clear:both;
}

/* HEADER */

div.header {
	position: absolute;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 156px;
	background-color: #f9f8fb;
}

div.header_links {
	position: absolute;
	width: 50%;
	left:0;
	height: 156px;
	background-color: #f9f8fb;
	background-image: url(/media/topl.jpg);
}

div.header_rechts {
	position: absolute;
	width: 50%;
	left:50%;
	height: 156px;
	background-color: #f9f8fb;
	background-image: url(/media/topr.jpg);
}

/** zoeken **/
div.result,
div.search_header
{
	float: left;
	clear: left;
	padding: 0px 30px;
	margin: 0 0 8px 0;
	line-height: 12px;
	width: 524px;
}

div.result div.score
{
	line-height: 0px;
	float: left;
	width: 50px;
	height: 7px;
	margin: 2px 4px 0px 0;
	border: solid 1px #fff;
	/*margin-top: 1px;
	margin-right: 4px;*/
}
div.result div.score div.bar
{
	height: inherit;
	background-color: #c41130;
}

div.result a.title
{
	color: #c41130;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

div.result a.title:hover
{
	text-decoration: underline;
}

div.result a.title
{
	color: #ff9f00;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
div.result div.link a
{
	color: #808083;
}

div.searchresult
{
	padding-left: 56px;
}

#preview_image {
	position: relative;
	width: 572px;
	background-position: center center;
	margin: 4px;
}
#preview_heading {
	position: absolute;
	width: 472px;
	margin: 40px;
	padding: 0;
	top: 0;
	background-color: #27004e;
	text-align: center;
	color: white;
}
#preview_heading h1 {
	font-weight: normal;
	font-size: 22px;
	line-height: 24px;
	padding: 0;
}
#preview_color {
	position: absolute;
	width: 472px;
	margin: 40px;
	padding: 10px;
	bottom: 0;
	background-color: #27004e;
	text-align: center;
	display: none;
}
#preview_highlight {
	text-align: center;
	display: none;
}