@charset "UTF-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

HTML, BODY {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}

BODY {
	z-index:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#site {
	width:960px;
	height:620px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-310px 0 0 -480px;
	background:url(../images/backgrounds/site.png) no-repeat left top;
	z-index:1;
}

.back {
	position:absolute;
	left:4px;
	top:4px;
	width:950px;
	height:525px;
	z-index:2;
}

#cycle{
}


#home-back {
	background:url(../images/backgrounds/home.jpg) no-repeat;
}

#over-1-back {
	background:url(../images/backgrounds/over.png) no-repeat;
}
#over-2-back {
	background:url(../images/backgrounds/over2.png) no-repeat;
}

#tabel-back {
	background:url(../images/backgrounds/tabel.png) no-repeat;
}

#wettelijk-kader-1-back {
	background:url(../images/backgrounds/wettelijk-kader-1.png) no-repeat;
}

#wettelijk-kader-2-back {
	background:url(../images/backgrounds/wettelijk-kader-2.png) no-repeat;
}


#over-content, #over-1-content, #wettelijk-kader-1-content, #wat-content, #contact-content, #bestellen-content, #search-content, #suggesties-content, #verzonden-content, #tabel-content {
	padding:120px 30px 20px 60px;
}

#leeswijzer-content {
	padding:40px 30px 20px 60px;
}

#wettelijk-kader-2-content, #over-2-content {
	padding:40px 30px 20px 60px;
}

#wat-back {
	background:url(../images/backgrounds/wat.png) no-repeat;
}

#search-back {
	background:url(../images/backgrounds/search.png) no-repeat;
}

#instanties-back {
	background:#E2007A;
}

#instanties-content {
	padding:70px 30px 20px 30px;
	color:white;
	text-align:center;
}

#instanties-content UL {
	text-align:left;
}

#instanties-content TD {
	width:33%;
}

#contact-back {
	background:url(../images/backgrounds/contact.png) no-repeat;
}

#bestellen-back {
	background:url(../images/backgrounds/bestellen.png) no-repeat;
}

#suggesties-back {
	background:url(../images/backgrounds/suggesties.png) no-repeat;
}


#verzonden-back {
	background:url(../images/backgrounds/verzonden.png) no-repeat;
}




#home-content {
	position:absolute;
	left:560px;
	top:160px;
	width:290px;
	height:290px;
	color:white;
	z-index:3;
}

#site #menu {
	position:absolute;
	left:4px;
	top:529px;
	width:950px;
	height:50px;
	z-index:2;
}

#site #menu UL LI {
	float:left;
	list-style:none;
}

#footer {
	position:absolute;
	left:60px;
	top:585px;
	width:870px;
	height:25px;
	z-index:2;
}

#footer UL LI {
	float:left;
	margin:0 3px;
	list-style:none;
	color:#666666;
	line-height:25px;
	font-size:11px;
}

#footer UL LI A {
	color:#666666;
	text-decoration:none;
}

#footer UL LI A:hover {
	text-decoration:underline;
}

.search {
	position:absolute;
	left:680px;
	top:17px;
	width:249px;
	height:28px;
	z-index:10;
}

.search-background {
	position:absolute;
	left:0;
	top:0;
	width:249px;
	height:28px;
	background:url(../images/backgrounds/search-default.png) no-repeat;
	z-index:11;
}

.search-submit {
	position:absolute;
	right:10px;
	top:9px;
}

.search-content {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:12;
}

.search-shade {
	position:absolute;
	left:9px;
	top:9px;
	width:12px;
	height:13px;
	background:white;
}

#instanties-back .search .search-background {		background:url(../images/backgrounds/search-1.png) no-repeat;	}
#categorie-1-back .search .search-background {		background:url(../images/backgrounds/search-1.png) no-repeat;	}
#categorie-2-back .search .search-background {		background:url(../images/backgrounds/search-2.png) no-repeat;	}
#categorie-3-back .search .search-background {		background:url(../images/backgrounds/search-3.png) no-repeat; 	}
#categorie-4-back .search .search-background {		background:url(../images/backgrounds/search-4.png) no-repeat; 	}
#categorie-5-back .search .search-background {		background:url(../images/backgrounds/search-5.png) no-repeat;	}

#categorie-1-front .search .search-background {	background:url(../images/backgrounds/search-1-front.png) no-repeat;	}
#categorie-2-front .search .search-background {	background:url(../images/backgrounds/search-2-front.png) no-repeat;	}
#categorie-3-front .search .search-background {	background:url(../images/backgrounds/search-3-front.png) no-repeat; 	}
#categorie-4-front .search .search-background {	background:url(../images/backgrounds/search-4-front.png) no-repeat; 	}
#categorie-5-front .search .search-background {	background:url(../images/backgrounds/search-5-front.png) no-repeat;	}


.search-input {
	height:16px;
	padding:0;
	border:0;
	width:200px;
	background:transparent;
	margin:7px 20px 0 19px;
	font-size:11px;
	color:#999999;
}

/* CATEGORIEEN */


.categorie-1 {
	background:#E2007A;
}


.categorie-2 {
	background:#EE7F00;
}


.categorie-3 {
	background:#009EE0;
}


.categorie-4 {
	background:#89BA17;
}


.categorie-5 {
	background:#5F79AF;
}


#categorie-leeswijzer-front {
	background:url(../images/backgrounds/tabel.png) no-repeat;
}

#categorie-leeswijzer-back {
	background:url(../images/backgrounds/leeswijzer.png) no-repeat;
}

#categorie-1-front {
	background:url(../images/backgrounds/cat-1.png) no-repeat;
}

#categorie-1-back {
	background:#E2007A;
}

#categorie-2-front {
	background:url(../images/backgrounds/cat-2.png) no-repeat;
}

#categorie-2-back {
	display:none;
	background:#EE7F00;
}

#categorie-3-front {
	background:url(../images/backgrounds/cat-3.png) no-repeat;
}

#categorie-3-back {
	display:none;
	background:#009EE0;
}

#categorie-4-front {
	background:url(../images/backgrounds/cat-4.png) no-repeat;
}

#categorie-4-back {
	display:none;
	background:#89BA17;
}

#categorie-5-front {
	background:url(../images/backgrounds/cat-5.png) no-repeat;
}

#categorie-5-back {
	display:none;
	background:#5F79AF;
}

/*	WAARSCHUWING	*/

#warning {
	position:absolute;
	left:88px;
	top:477px;
	width:200px;
	height:30px;
	line-height:28px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:black;
	z-index:10;
	text-decoration:none;
	display:block;
}


/*	RECHTS BIJ TOELICHTING	*/

#rechts {
	float:right; 
	width:280px; 
	border:1px solid white; 
	padding:10px; 
	margin:30px 0 10px 10px; 
	color:white; 
	border-radius:10px; 
	-moz-border-radius:10px;  
	-webkit-border-radius:10px; 
	font-size:11px;
}


#categorie-1-front #warning { left:213px; }
#categorie-3-front #warning { left:285px; }
#categorie-4-front #warning { left:66px; }
#categorie-5-front #warning { left:58px; }


/*	NAVIGATIE	*/


#nav {
	position:absolute;
	left:60px;
	top:480px;
}

#nav LI {
	list-style:none;
	float:left;
	margin-right:6px;
	color:black;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}

#nav LI A {
	display:block;
	width:18px;
	height:18px;
	color:black;
	text-decoration:none;
	line-height:18px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}

#nav LI A:hover, #nav LI A.active {
	background:black;
	color:white;
}

	
/* FLIP */


.categorie-front-flip, .categorie-back-flip  {
	position:absolute;
	left:845px;
	top:350px;
	z-index:5;
}

.categorie-front-flip A IMG, .categorie-back-flip A IMG  {
	width:100px;
	height:100px;
}

#categorie-4-front .categorie-front-flip {
	left:695px;
}

#categorie-2-back .categorie-back-flip {
	top:420px;
}

#categorie-2-back .categorie-back-toelichting {
	left:730px;
}

#categorie-leeswijzer-front .categorie-front-flip {
	left:800px;
	top:300px;
}

#categorie-leeswijzer-back .categorie-back-flip {
	left:500px;
	top:220px;
}

.categorie-front-toelichting {
	position:absolute;
	left:700px;
	top:430px;
	z-index:4;
}

#categorie-4-front .categorie-front-toelichting {
	left:550px;
}


#categorie-leeswijzer-front .categorie-front-toelichting {
	left:840px;
	top:380px;
}


#categorie-3-front .categorie-front-toelichting {
	top:445px;
	left:720px;
}


.categorie-back-toelichting {
	position:absolute;
	left:750px;
	top:440px;
	z-index:4;
}


.categorie-front-content {
	position:absolute;
	left:215px;
	top:125px;
	width:650px;
	height:330px;	
}

#categorie-2-front .categorie-front-content {
	left:90px;
	width:750px;
}

#categorie-3-front .categorie-front-content {
	left:280px;
	width:590px;
}

#categorie-4-front .categorie-front-content {
	left:65px;
	width:660px;
}

#categorie-5-front .categorie-front-content {
	left:55px;
	top:140px;
	width:820px;
}

.categorie-front-content OL {
	-moz-margin-start:-5px;
}


.categorie-front-content OL LI {
	font-size:12px;
	margin-left:22px;
	line-height:150%;
	margin-bottom:5px;
	list-style-position:outside;
}

.categorie-front-content OL LI A {
	color:#333333;
	text-decoration:none;
}

#categorie-1-front .categorie-front-content OL LI A:hover,
#categorie-1-front .categorie-front-content OL LI A.active {
	color:#E2007A;
}


#categorie-2-front .categorie-front-content OL LI A:hover,
#categorie-2-front .categorie-front-content OL LI A.active {
	color:#EE7F00;
}


#categorie-3-front .categorie-front-content OL LI A:hover,
#categorie-3-front .categorie-front-content OL LI A.active {
	color:#009EE0;
}


#categorie-4-front .categorie-front-content OL LI A:hover,
#categorie-4-front .categorie-front-content OL LI A.active {
	color:#89BA17;
}


#categorie-5-front .categorie-front-content OL LI A:hover,
#categorie-5-front .categorie-front-content OL LI A.active {
	color:#5F79AF;
}

#tooltip {
	position:absolute;
	width:368px;
	height:386px;
	left:520px;
	top:106px;
	display:none;
	color:white;
	z-index:10;
}

#tooltip-background {
	background:url(../images/backgrounds/tooltip-2.png);
	position:absolute;
	width:368px;
	height:386px;
	left:0;
	top:0;
	z-index:11;
}
	

#categorie-1-front #tooltip #tooltip-background {
	background:url(../images/backgrounds/tooltip-1.png) no-repeat;
}


#categorie-2-front #tooltip #tooltip-background {
	background:url(../images/backgrounds/tooltip-2.png) no-repeat;
}


#categorie-3-front #tooltip #tooltip-background {
	background:url(../images/backgrounds/tooltip-3.png) no-repeat;
}

#categorie-3-front #tooltip {
	left:530px;
}

#categorie-4-front #tooltip #tooltip-background {
	background:url(../images/backgrounds/tooltip-4.png) no-repeat;
}

#categorie-4-front #tooltip {
	left:375px;
}

#categorie-5-front #tooltip #tooltip-background {
	background:url(../images/backgrounds/tooltip-5.png) no-repeat;
}

#categorie-5-front #tooltip {
	top:132px;
	left:520px;
	height:370px;
}

#tooltip-number {
	position:absolute;
	left:2px;
	top:1px;
	width:32px;
	height:32px;
	text-align:center;
	line-height:32px;
	font-size:12px;
	z-index:12;
}

#tooltip-content {
	position:absolute;
	left:35px;
	top:40px;
	width:300px;
	height:240px;
	font-size:11px;
	z-index:12;
}

#tooltip-close {
	position:absolute;
	left:335px;
	bottom:15px;
	z-index:12;
}

.tooltip-description {
	display:none;
}

.categorie-back-content {
	position:absolute;
	left:40px;
	top:60px;
	width:850px;
	height:450px;	
}

.categorie-back-content OL LI {
	font-size:11px;
	margin-left:18px;
	line-height:150%;
	margin-bottom:5px;
	color:white;
}

/* SITE TABEL */

.site-table {
	width:100%;
}

.site-table .first {
	width:48%;
}

.site-table .second {
	width:5%;
}

.site-table .thirth {
	width:47%;
}


/* FORMULIER */

.form TD {
	height:32px;
}

.input-text {
	width:200px;
	height:14px;
	padding:4px;
	border:1px solid #333333;
	color:#333333;
	font-size:12px;
}

textarea.input-text {
	height:60px;
}

.submit-button {
	border:1px solid #333333;
	color:#333333;
	background:#ff8a00;
	padding:4px;
}

.form SELECT {
	border:1px solid #333333;
	color:#333333;
	width:208px;
}


/* CONTENT ELEMENTEN */


.content {
	line-height:140%;
}


.content P, .content H1, .content OL, .content UL {
	margin-bottom:12px;
}

.content H1 {
	color:white;
	font-size:18px;
}

.content UL LI {
	margin-left:15px;
	list-style:square;
}

.content OL LI {
	margin-left:18px;
	list-style:lower-alpha;
}



.content A {
	color:#333333;
	text-decoration:underline;
}
.content A:hover {
	text-decoration:none;
}

.content A.big-next {
	background:url(../images/backgrounds/next.png) no-repeat right center;
	color:#333333;
	font-weight:bold;
	font-size:16px;
	padding-right:20px;
	text-decoration:none;
	line-height:120%;
}

.content A.big-previous {
	background:url(../images/backgrounds/previous.png) no-repeat left center;
	color:#333333;
	font-weight:bold;
	font-size:16px;
	padding-right:20px;
	padding-left:20px;
	text-decoration:none;
	line-height:120%;
}

#instanties-content LI {
	font-size:11px;
}

#home-content A {
	color:white;
}

/* ZOEKRESULTATEN */

.search-results P {
	color:#CF5000;
	font-size:11px;
	margin-bottom:10px;
	line-height:150%;
}

.search-results P  A {
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

.search-results P A:hover {
	text-decoration:underline;
}

.search-results A.categorie {
	color:#CF5000;
	font-size:11px;
	text-decoration:none;	
}

.search-results A.categorie:hover {
	text-decoration:underline;
}