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

/********* GENERAL **********/

html, body {
	background:#000000;	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	margin:0px;
}

#container {
	margin:0px auto;
	width:1000px;
}

#left {
	width:780px;
	position:relative;
	float:left;
}

#right {
	width:200px;
	float:right;
	position:relative;
}

a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	color:#c9d62a;
}

img {
	border:none;	
}

p {
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
}

h1 {
	margin:0px;
	padding:0px;
	color:#c9d62a;
}

/**************************
********* LINKS **********
**************************/

/********* NAVIGATIE TOP **********/

#top_nav {
	height:25px;
	position:relative;
}

	#top_nav_left {
		float:left;	
		width:75px;
		height:20px;
		
	}
	
		#top_nav_left ul {
			list-style:none;
			margin:0px;
			padding:0px;
			font-size:10px;
			width:70px;
			text-align:center;
		}
		
		#top_nav_left ul li {
			width:20px;
			height:20px;
			display:inline-block;
			background:url(images/lang_off.gif) no-repeat;
			padding-right:3px;
			*display: inline;
			float:left;
		}
		
		#top_nav_left ul li a.current {
			background:url(images/lang_on.gif) no-repeat;
			color:#000;
			display:inline-block;
		}
		
		
		#top_nav_left ul li a {
			width:20px;
			height:20px;
			color:#FFFFFF;
			display:inline-block;
			padding-top:6px;
		}
		
		#top_nav_left ul li a:hover {
			width:20px;
			height:20px;
			background:url(images/lang_on.gif) no-repeat;
			display:inline-block;
			color:#000;
		}
		
	
	#top_nav_right {
		float:right;
		width:675px;
		text-align:right;
	}
	
		#top_nav_right ul {
			list-style:none;
			margin:0px;
			padding:0px;
			font-size:12px;
			width:675px;
			text-transform:uppercase;
			font-weight:bold;
			text-align:center;
		}
		
		#top_nav_right ul li {
			width:130px;
			height:21px;
			display:inline-block;
			background:url(images/nav_off-large.gif) no-repeat;
			margin-left:5px;
			float:left;
			
		}
		
		#top_nav_right ul li a.current {
			background:url(images/nav_on-large.gif) no-repeat;
			color:#000;
			display:inline-block;
		}
		
		
		#top_nav_right ul li a {
			width:130px;
			height:21px;
			color:#000;
			display:inline-block;
			padding-top:6px;
		}
		
		#top_nav_right ul li a:hover {
			width:130px;
			height:25px;
			background:url(images/nav_on-large.gif) no-repeat;
			display:inline-block;
			color:#000;
		}

/********* SLOGAN **********/

#slogan_nl {
	height:77px;
	width:780px;
	position:relative;
	background:url(images/slogan_NL.gif);
}

#slogan_en {
	height:77px;
	width:780px;
	position:relative;
	background:url(images/slogan_EN.gif);
}

#slogan_fr {
	height:77px;
	width:780px;
	position:relative;
	background:url(images/slogan_FR.gif);
}

/********* FOTO SLIDER **********/

#pic_slide {
	position:relative;
	width:778px;
	height:auto !important; 
	height:398px;
	border:1px solid #c9d62a;
	background:#0f0e0e;
}

	#pic_slide_txt {
		background:url(images/trans.png);
		width:778px;
		height:20px;
		position:absolute;
		left:0;
		top:0;
	}
	
		#arrow_left {
			width:20px;
			height:20px;
			float:left;
			background:url(images/arrow_left.png) no-repeat;
			cursor:pointer;
		}
		
		#arrow_right {
			width:20px;
			height:20px;
			float:right;
			background:url(images/arrow_right.png) no-repeat;
			cursor:pointer;
		}
		
		#pic_slide_text {
			font-size:11px;	
			margin-left:10px;
			line-height:20px;
			float:left;
		}
		
/********* PROGRAMMA **********/

#framecontent {
	width:778px;
	background:#0e0e0e;
	
	height:auto !important; 
	height:398px;
}

	#framecontent ul {
		list-style:none;
		height:30px;
		text-transform:uppercase;
		padding:0px;
		margin:0px;
		font-size:14px;
	}
	
	#framecontent ul li {
		width:170px;
		height:30px;
		display:inline-block;
		background:url(images/tab_programma_off.gif) no-repeat;
		float:left;
		margin-top:20px;
		line-height:30px;
		margin-left:20px;
		margin-right:-4px;
	}
	
	#framecontent ul li a {
		display:inline-block;
		width:170px;
		height:30px;
		color:#FFF;
		text-align:center;
	}
	
	#framecontent ul li a.current {
		background:url(images/tab_programma_on.gif) no-repeat;	
		color:#000;
		text-align:center;
	}
	
	#framecontent ul li a:hover {
		background:url(images/tab_programma_on.gif) no-repeat;	
		color:#000;
		text-align:center;
	}
	
	#framecontent p {
		padding:20px;
		margin-top:20px;
	}
	
	#framecontent h3 {
			
	}

/********* NIEUWS SLIDER **********/

#news_slide {
	position:relative;
	height:20px;
	background:url(images/arrow_news.png) no-repeat #c9d62a;
}
	

	

/********* TOPNAV CONTENT **********/

#topnav_content {
	width:780px;
	position:relative;
	margin-top:35px;
}

	#topnav_content h1 {
		font-size:18px;
		margin-bottom:20px;
	}
	
	#topnav_content p {
		line-height:16px;
		margin-bottom:20px;
	}


	#home_left {
		width:370px;
		float:left;
	}
	
	#home_right {
		width:370px;
		float:right;
	}
	
	.more {
		background:url(images/arrow_readmore.gif) no-repeat;
		font-size:12px;
		padding-left:18px;
	}
	
	.more_rev {
		background:url(images/arrow_readmore_rev.gif) no-repeat;
		font-size:12px;
		padding-left:18px;	
	}
	
	.arrow {
		background:url(images/arrow_readmore.gif) no-repeat;
		font-size:12px;	
		padding-left:18px;
	}
	
	#topnav_content ul {
		margin-top:30px;
		margin-bottom:30px;
		list-style:none;
	}
	
	#topnav_content li {
		display:inline;
		font-size:18px;
		font-weight:bold;
	}
	
	a.click {
		color:#41c8f3;	
	}
	
	#topnav_content h2 {
		font-size:18px;	
	}
	
	
	
	

/********* FOOTER **********/

#footer {
	clear:both;
	width:780px;
	border-top:1px dotted #c9d62a;
	position:relative;
	margin-top:35px;
	padding-top:20px;
	font-size:10px;
	padding-bottom:40px;
}

	#footer ul {
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
	#footer ul li {
		display:inline;
	}
	
	#footer_left {
		float:left;	
	}
	
	#footer_right {
		float:right;
		text-align:right;
	}

/**************************
********* RECHTS **********
**************************/

/********* LOGO **********/

#logo {
	position:relative;
	margin-top:34px;	
	height:159px;
	background:url(images/cleanweek2020.gif) no-repeat;
	margin-left:10px;
}

#logo a{
	display:block;
	width:100%;
	height:100%;
}

/********* SIDENAV **********/

#side_nav {
	margin-top:17px;
	position:relative;
	height:120px;
	width:200px;
}

	#side_nav ul {
		margin:0px;
		padding:0px;
		width:200px;
		height:120px;
		list-style:none;
	}
	
	#side_nav ul li {
		border-bottom:1px dotted #c9d62a;
		width:200px;
	}
	
	#side_nav ul li a.programma_nl {
		background:url(images/programma_off.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
	}
	
	#side_nav ul li a.programma_nl:hover, #side_nav ul li a.programma_nl.current {
		background:url(images/programma_on.gif) no-repeat;		
	}
	
		#side_nav ul li a.programma_en {
		background:url(images/programma_off_en.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
		}
		
		#side_nav ul li a.programma_en:hover, #side_nav ul li a.programma_en.current {
			background:url(images/programma_on_en.gif) no-repeat;		
		}
		
		#side_nav ul li a.programma_fr {
		background:url(images/programma_off_fr.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
		}
		
		#side_nav ul li a.programma_fr:hover, #side_nav ul li a.programma_fr.current {
			background:url(images/programma_on_fr.gif) no-repeat;		
		}
	
	#side_nav ul li a.registreer_nl {
		background:url(images/registreer_off.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
	}
	
	#side_nav ul li a.registreer_nl:hover, #side_nav ul li a.registreer_nl.current {
		background:url(images/registreer_on.gif) no-repeat;		
	}
	
		#side_nav ul li a.registreer_en {
		background:url(images/registreer_off_en.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
		}
		
		#side_nav ul li a.registreer_en:hover, #side_nav ul li a.registreer_en.current {
			background:url(images/registreer_on_en.gif) no-repeat;		
		}
		
		#side_nav ul li a.registreer_fr {
		background:url(images/registreer_off_fr.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
		}
		
		#side_nav ul li a.registreer_fr:hover, #side_nav ul li a.registreer_fr.current {
			background:url(images/registreer_on_fr.gif) no-repeat;		
		}
	
	#side_nav ul li a.praktisch_nl {
		background:url(images/praktisch_off.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
	}
	
	#side_nav ul li a.praktisch_nl:hover, #side_nav ul li a.praktisch_nl.current  {
		background:url(images/praktisch_on.gif) no-repeat;		
	}
	
		#side_nav ul li a.praktisch_en {
		background:url(images/praktisch_off_en.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
		}
		
		#side_nav ul li a.praktisch_en:hover, #side_nav ul li a.praktisch_en.current  {
			background:url(images/praktisch_on_en.gif) no-repeat;		
		}
		
		#side_nav ul li a.praktisch_fr {
		background:url(images/praktisch_off_fr.gif) no-repeat;	
		display:block;
		height:39px;
		display:block;
		text-indent:-9999px;
		}
		
		#side_nav ul li a.praktisch_fr:hover, #side_nav ul li a.praktisch_fr.current  {
			background:url(images/praktisch_on_fr.gif) no-repeat;		
		}
	
	


/********* TIMER **********/

#timer {
	position:relative;
	height:65px;
	width:200px;
	padding-top:20px;
	text-align:right;
	background:url(images/count.gif) no-repeat;
}

	#countdown{
		letter-spacing:3px;
		white-space:nowrap;
		font-size:21px;
		font-weight:normal;
		color:#41c8f3;
	}

/********* PARTNERS **********/

#partners {
	height:108px;
	width:200px;
}

	#partners h2{
		margin:0;
		padding:0;
		color:#c9d62a;
		font-size:18px;
		height:25px;
		font-weight:normal;
	}

	#partners_img {
		width:200px;
		height:88px;
		margin-bottom:8px;
	}
	
#partnersoverview h2{
	font-size:16px;
	margin:0px;
	padding:5px 0px;
}

/********* SIDE FOOTER **********/

#side_foot {
	position:relative;
	margin-top:37px;
	width:200px;
}

	#cz a {
		background:url(images/circuit-zolder.gif) no-repeat;
		width:130px;
		height:60px;
		float:left;
	}
	
	#fb a {
		float:right;
		background:url(images/cleanweek2020-facebook.gif) no-repeat;
		width:21px;
		height:21px;
		margin-top:15px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*********** MISSION EN WAT ***********/

	

	

	
/********** PARTNERS ***********/

	#partners_img {
		overflow:hidden;
	}
	
	#partnerslider{
		overflow:hidden;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#partnersoverview{
		margin-top:30px;
		padding:5px;
	}
	
	#partnersoverview img{
		margin-right:10px;
		margin-bottom:10px;
	}
	

/*********** UPLOAD ***********/

.uploadimage{
	background:#FFFFFF;
}

.uploadpanel{
	height:50px;
}

#uploadbutton{
	display:block;
	width:200px;
	background:#FFFFFF;	
	height:50px;
}

/*----------------- SLIDESHOW ----------------*/

	#pic_slide .slideshowitem {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
		width: 778px;
		height:398px;
		overflow:hidden;
		background:#000000;
		text-align:center;
	}

	#pic_slide .slideshowitem.active {
		z-index:10;
		opacity:1.0;
	}

	#pic_slide .slideshowitem.last-active {
		z-index:9;
	}

	#pic_slide .slideshowitem IMG {
		height: 398px;
		display: block;
		border: 0;
		margin:0 auto;
	}
	
/****************** BLOGSLIDE *****************/

#blogslider{
	overflow:hidden;
	height:20px;
}

	
/******************** NEWSSLIDE *******************/

	#news_slide b{
		color:#000;
		padding-left:24px;
		font-size:12px;
		padding-top:3px;
		float:left;
	}
		
	#news_slide ul{
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		padding-left:10px;
	}
	
	#news_slide a{
		color:#000;
		font-size:12px;
	}
	
	#thumbs {
		position:relative;
		margin-left:-2px;
		margin-right:-2px;
	}
	
	#thumbs a{
		display:block;
		float:left;
		margin:2px;
	}
	
/************* MISC *************/

.hidden{
	display:none;
}

.post-edit-link{
	display:block;
	margin-top:30px;
	margin-bottom:30px;
	color:#AA2200;	
}


/*------------- TABS ---------------*/

.tab{
	display:none;
}

#tabs .current{
	display:inline;
}

#tabs h1 {
	font-size:18px;
	margin:0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	
}

#tabs p {
	margin:0px;
	padding:0px;
	padding:20px;
}


/*---------- bLOG OVERVIEW ----------*/
		
		.blog_overview {
			width:780px;
			height:190px;
		}
		
		.blog_overview h1 {
			margin-bottom:20px;
		}
		.imagelink{
			display:block;
			width:150px;
			height:150px;
			float:left;
		}
		
		.blog_item_picture {
			width:148px;
			height:148px;
			overflow:hidden;
			background:#999999;
			float:left;
			border:1px solid #c9d62a;
			overflow:hidden;
		}
		.blog_item_txt {
			width:610px;
			float:right;
		}
		
		.blog_item_txt h3 {
			margin-top:0px;	
			margin-bottom:5px;
			font-size:18px;
		}
		
		#backbutton{
			clear:both;
			margin-bottom:20px;
			width:100%;
		}
		
		#post-image{
			float:left;
			clear:both;
			margin-right:20px;
			margin-bottom:20px;
		}
		
		.video{
			position:relative;
			left:0;
			top:-20px;
		}
		
		#blogbar {
			background:#0f0e0e;
			border:1px solid #c9d62a;
			width:778px;
		}
		
			#blogbar label {
				width:150px;
				float:left;
				font-size:14px;
				font-weight:bold;
			}
			
			#blogbar p {
				margin-left:10px;
				margin-right:10px;
				margin-bottom:10px;
				font-size:14px;
				font-weight:bold;
				
			}
			
			.postform {
				width:200px;	
			}
		
		fieldset {
			border:0px;	
			margin-top:5px;
		}
		
		#search {
			width:200px;
			height:20px;
			margin:0px;
			padding:0px;
			border:1px solid #c9d62a;
		}
		
		.search_nl {
			background:	url(images/search.png) no-repeat;
			width:112px;
			height:20px;
			text-align:center;
			line-height:20px;
			font-size:14px;
			text-transform:uppercase;
			border:0px;
			margin-left:10px;
			
		}
		
		.previous {
			font-size:12px;
			float:right;
			width:100px;
			
		}
		.next {
			float:left;
			font-size:12px;
			width:100px;
			
		}
		
		.entry h2 {
			color:#c9d62a;
			font-size:18px;
		}
		
		
/***************** CONTACT **************/

#contactform {
	margin-top:30px;
}

#contactform p {
	margin-bottom:10px;	
}

.galeryitem img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:50px;
	height:50px;
}

.galeryitem active {
	border:1px solid #c9d62a;
	widht:48px;
	height:48px;
}

.req {
	color:#FF0000;	
}

#contactform label {	
	width:170px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.cf {
	width:198px;
	height:20px;
	border:1px solid #c9d62a;
	margin:0px;
	padding:0px;
}

.dd {
	width:200px;
	height:20px;
}

textarea {
	width:368px;
	height:118px;
	border:1px solid #c9d62a;
	
}

.ber {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.contact_nl {
			background:	url(images/search.png) no-repeat;
			width:112px;
			height:20px;
			text-align:center;
			line-height:20px;
			font-size:14px;
			text-transform:uppercase;
			border:0px;
			margin-left:170px;
		}
		
		.contact_en {
			background:	url(images/search.png) no-repeat;
			width:112px;
			height:20px;
			text-align:center;
			line-height:20px;
			font-size:14px;
			text-transform:uppercase;
			border:0px;
			margin-left:170px;
		}
		
		.contact_fr {
			background:	url(images/search.png) no-repeat;
			width:112px;
			height:20px;
			text-align:center;
			line-height:20px;
			font-size:14px;
			text-transform:uppercase;
			border:0px;
			margin-left:170px;
		}
		
		
/***************** FOTO'S **************/

.galery {
	background:#0f0e0e;
	width:780px;
	height:90px;
	margin-bottom:20px;
}

.galery a {
	width:780px;
	height:90px;
}

.overview_thumb {
	width:119px;
	height:90px;
	overflow:hidden;
	float:left;
	border-right:1px solid #c9d62a;
}

.overview_txt {
	width:640px;
	float:right;
		
}

.overview_txt h1 {
	padding-top:10px;
	padding-right:10px;
	margin:0px;
	color:#FFF;
}



/***************** REGISTREREN **************/

#registreren {
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
}

#registreren h1 {
	padding-left:18px;
	font-size:16px;
	margin-bottom:20px;
	text-transform:uppercase;
	background-image: url(images/arrow_readmore.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}

#registreren p {
		margin-top:0px;
		padding-bottom:20px;
		padding-left:18px;
		padding-top:0px;
		
}

#registreren a {
	background:#41c8f3;
	color:#000;
	text-decoration:none;
	padding:5px;
	margin-right:10px;
	font-weight:bold;
	text-transform:uppercase;
}

#registreren a:hover {
	background:#c9d62a;	
}


#luminus{
	padding-bottom:20px;
	background:url(images/luminus.jpg) left 35px no-repeat;
	width:200px;
	height:93px;
}

#luminus a{
	display:block;
	width:100%;
	height:100%;
	font-weight:bold;
	font-size:12px;
}

p#luminusinline{
	display:block;
	background:url(images/luminus.jpg) no-repeat;
	height:63px;
	padding:0px;
	padding-left:120px;
	margin-left:20px;
	text-indent:0px;
}

p#luminusinline a, p#luminusinline a:hover{
	background:none;
	color:#FFF;
	text-transform:none;
	display:block;
	width:100%;
	height:100%;
}


/************* PAGER *************/

.wp-pagenavi{
	position:absolute;
	font-size:12px;
	width:580px;
	margin-left:100px;
	text-align:center;
}