@import "reset.css";

body{
	background:#000;
	font-family:arial;
	behavior: url("hover.htc");
	font-size:12px;
	margin-top:3px;
	text-align:center;
	margin:10px 0;
}
h2{
	font-size:18px;	
	color:#434343;
}
.clear{
	clear:both;
}

#container {
	position:relative;
	width: 1024px;
	margin:0 auto;
	background:#000000;
	height: auto;
}

#header{
	width: 1024px;
	height:316px;
}

#headerimg{
	float: left;
	width:1024px;
	height:316px;
}

#header h1{
	position:absolute;
	top:218px;
	left: 20px;
	z-index:999;
}

#header h2{
	font-family:arial;
	position:absolute;
	top:320px;
	left: 270px;
	z-index:2;
	font-size:20px;
	color:#483D27;
}

#header h1 a{
	display:block;
	background:url("../images/logo.png");
	width:238px;
	height:150px;	
	text-indent:-12345em;
	/* INTERNET EXPLORER 6 en 5.5 */
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');
	z-index:999;
	position:relative;
}

#header h1 a:hover{
	display:block;
	background:url("../images/logo2.png");
	width:238px;
	height:150px;	
	text-indent:-12345em;
	/* INTERNET EXPLORER 6 en 5.5 */
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');
	outline:none;
}

#wrapper{
	width: 1037px;
	_width: 1110px;
	background:#000000;
}

#content {
	float:left;
	padding-top:60px;
	color:#858161;
	width:540px;
}

#content p{
	margin-top:11px;
	margin-left:20px;
	font-size:12pt;
	text-align:left;
	color:#858161;
}

#content img{
	margin:0 0 0 85px;	
}

div#content { 
	min-height:341px;
	_height:341px;
}

#contentrechts{
	margin-top:50px;
	float:left;
	width:477px;
	min-height:400px;
	margin-left:7px;
	text-align:right;
	
}

#photodiv{
	width:477px;
	height:358px;
}

#contentdiv {
	text-decoration:none;
	color:#858161;
	font-size:12pt;
}
#contentdiv  p{
	text-decoration:none;
	color:#858161;
	font-size:12pt;
}
#contentdiv a{
	text-decoration:none;
	color:#8BD500;
	font-size:12pt;
}
#contentdiv a:hover{
	text-decoration::none;
	color:#8BD500;
	font-size:12pt;
}
#contentdiv a:visited{
	text-decoration:none;
	color:#463F27;
	font-size:12pt;
}
#filmnav{
	margin: 20px 0 0 441px;
}

#tekstnav{
	width:25px;
	margin: 20px 0 0 400px;
}
#textmenu{
	float:left;
	position:absolute;
	left: 18px;
	line-height:150%;
	margin-top:45px;
	width:500px;
	color:#858161;
	font-family:arial;
	font-size:16px;
	text-align:left;
	letter-spacing:0px;
}
#textmenu h2{
	line-height:150%;
	color:#75B600;
	font-family:Arial;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#textmenu agenda{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	
}
#textmenu nieuws{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#textmenu vacatures{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#textmenu nieuws_archief{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#textmenu vier-D_Fak_CMV{
	line-height:150%;
	color:#FF7101;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu werkconferentie{
	line-height:150%;
	color:#54B3EB;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu symposia{
	line-height:150%;
	color:#54B3EB;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu workshop{
	line-height:150%;
	color:#62B3E8;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu underground_theory{
	line-height:150%;
	color:#5003A9;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu kleur_van_de_nacht{
	line-height:150%;
	color:#D32338;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu kidswedstrijd{
	line-height:150%;
	color:#FC6B7C;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu creative_citizens{
	line-height:150%;
	color:#88D200;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu workshop_en_lezing{
	line-height:150%;
	color:#C41E9A;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu innovatie_en_nieuw_tijdperk{
	line-height:150%;
	color:#DA60AB;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu participatie{
	line-height:150%;
	color:#DA60AB;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu diversiteit{
	line-height:150%;
	color:#DA60AB;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu bestuur{
	line-height:150%;
	color:#0019AA;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu missie{
	line-height:150%;
	color:#0019AA;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu visie{
	line-height:150%;
	color:#0019AA;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu soheila_najand{
	line-height:150%;
	color:#0019AA;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu team{
	line-height:150%;
	color:#0019AA;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu supporters{
	line-height:150%;
	color:#0019AA;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu vrijwilligers{
	line-height:150%;
	color:#0019AA;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu underground_theory{
	line-height:150%;
	color:#0019AA;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu nieuw_cultureel_burgerschap{
	line-height:150%;
	color:#4189DD;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu manifest{
	line-height:150%;
	color:#8C65D2;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu artikelen{
	line-height:150%;
	color:#8C65D2;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu reflectie_kunstbeleid{
	line-height:150%;
	color:#8C65D2;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu reservering{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu gegevens{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu routebeschrijving{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu actueel{
	line-height:150%;
	color:#00CC00;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu projecten{
	line-height:150%;
	color:#00CC00;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu interart{
	line-height:150%;
	color:#00CC00;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu publicaties{
	line-height:150%;
	color:#00CC00;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu contact{
	line-height:150%;
	color:#00CC00;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#textmenu eerste_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu tweede_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu derde_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu vierde_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu vijfde_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu zesde_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu zevende_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu achste_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu negende_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu tiende_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu elfde_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu twaalfde_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu dertiende_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu veertiende_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu vijftiende_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu zestiende_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#textmenu zeventiende_jaar{
	line-height:150%;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#textmenu a{
	line-height:150%;
	color:#473E26;
	font-family:arial;
	letter-spacing:0px;
	text-decoration: none;
}
#textmenu a:hover{
	line-height:150%;
	color:#00CC00;
	font-family:arial;
	letter-spacing:0px;
	text-decoration: none;
}
#menu{
	float:left;
	position:absolute;
	left: -12px;
	width:200px;
	text-transform:uppercase;
}
#menu ul{
	margin-top:28px;
	list-style-type:none;	
}
#menu li{
	float:left;
	margin-bottom: 28px;
	_margin-bottom:25px;
	width:200px;
	font-size:16pt;
	text-align:left;
	color:#473e26;
	font-family:arial;
}
#menu li a:hover{
	color:#8bd500;
}
#menu li a{
	display:block;
	text-align:left;
	float:left;
	width:200px;
	margin:0;
	padding:6px 10px 5px 30px;
	font-size:14pt;
	color:#473e26;
	text-decoration:none;
}

#footermenu{
	float:left;
	background:#919191;
	height: 22px;
	width:761px;
	vertical-align: top;

}

#footer{
	color:#ffffff;
	margin: 0 6px 0 6px;
	font-family:arial;
	font-size:20px;
	vertical-align: top;
	margin:0px auto;
	height:30px;
	width:1024px;
	background:#8bd500;
}

#footer a{
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	vertical-align: middle;
	display:inline;
	text-decoration:none;
	font-weight:bold;
}

#footer a:hover{
	color:#9F9B73;
}

#footer p{
	display:inline;
	text-align:left;
	color: #ffffff;
	font-size:13px;
}

.footer-right{
	text-align:right;
	margin-left: 289px;
}
.footerpijll{
	margin-right: 0px;
	margin-top:2px;
}
.footerpijlr{
 	margin-left:0px;
	margin-top:2px;
}

.footerSocial{
	color:#ffffff;
	margin: 0 6px 0 6px;
	font-family:arial;
	font-size:20px;
	vertical-align: top;
	text-align:left;
	margin:20px auto;
	height:30px;
	width:1024px;
	background: #000;
}

#tijdsbalk{
	color:#ffffff;
	margin: 0 6px 0 6px;
	font-family:arial;
	font-size:20px;
	vertical-align: top;
	margin:0px auto;
	height:30px;
	width:754px;
	background:#8bd500;
}

#tijdsbalk a{
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	vertical-align: middle;
	display:inline;
	text-decoration:none;
	font-weight:bold;
}

#tijdsbalk a:hover{
	color:#9F9B73;
}

#tijdsbalk p{
	display:inline;
	text-align:left;
	color: #ffffff;
	font-size:13px;
}


.horizonscroll
{
	margin-left:435px;
	text-align:center;
}

#slider{}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:477px;
	height:358px;
	overflow:hidden; 
}	

#slider3 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:1024px;
	height:312px;
	overflow:hidden; 
}	

#slider4 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 730px; 
	height: 28px; 
	overflow: hidden;
	background:#8bd500;
}	
	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:455px;
	top:0px;
	background:url("../images/horizon_separator.gif") no-repeat 0px 19px;
}	
#nextBtn{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:455px;
	top:0px;
}
	
#prevBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:419px;
	top:25px;
	background:url("../images/film_separator.gif") no-repeat 21px 0;
}	

#nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:419px;
	top:25px;
}	

#nextBtn a:hover{
	background-image:url("../images/omlaag2.gif");
}

#prevBtn a:hover{
	background-image:url("../images/omhoog2.gif");
}

#nextBtn2 a:hover{
	background-image:url("../images/film_vooruit2.gif");
}

#prevBtn2 a:hover{
	background-image:url("../images/film_terug2.gif");
}

#nextBtn4 a:hover{
	background-image:url("../images/pijltjes_rechts2.gif");
}

#prevBtn4 a:hover{
	background-image:url("../images/pijltjes_links2.gif");
}

#prevBtn4, #nextBtn4{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:25px;
	position:relative;
	left:0px;
	top:-22px;
}	

#nextBtn{ 
	left:455px;
	top:30px;
}	

#nextBtn2{ 
	left:452px;
	top:25px;
}

#nextBtn4{ 
	left:726px;
	top:-50px;
}
#prevBtn4{ 
	left:0px;
	top:-26px;
}
		
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../images/omhoog.gif) no-repeat 0 0;	
}
#prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../images/film_terug.gif) no-repeat 0 0;	
}	

#prevBtn4 a, #nextBtn4 a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../images/pijltjes_links.gif) no-repeat 0 0;	
}	

#nextBtn a{ 
	background:url(../images/omlaag.gif) no-repeat 0 0;	
}
#nextBtn2 a{ 
	background:url(../images/film_vooruit.gif) no-repeat 0 0;	
}
#nextBtn4 a{ 
	background:url(../images/pijltjes_rechts.gif) no-repeat 0 0;	
}

.submitLink {
   color: #8BD500;
   background-color: transparent;
   border: none;
   cursor: pointer;
   cursor: hand;
   font-family:arial;
   font-size:12px;
   font-weight:bold;	
}
input
{
color: #858161;
background: #000;
border: 1px solid #483D27
}
select
{
color: #858161;
background: #000;
border: 1px solid #483D27

}