@CHARSET "ISO-8859-1";

/*******( Style reset )***********/

	body,td,th,a,h1,h2,h3,h4,p,ul,li,hr,form,input,hr,label {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration:none;
		}

/*******( Helpers )***************/

	.spacer {
		clear: both;
		}

/*******( Typography )************/

	body, input, select, textarea, td, th {
		font-family: arial;
		font-size: 12px;
		color: #8B8B8B;
		}
		
/*******( Structure )*************/

	html {
		width: 100%;
		height: 100%;
		}
		body {
			margin: 0px;
			text-align: center;
			height: 100%;
			width: 100%;
			overflow: hidden;
			position: relative;
			}
			#header {
				height: 115px;
				width: 2500px;
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 10;
				background-color: #000;
				}
				#header h1 {
					position: absolute;
					display: block;
					width: 273px;
					height: 84px;
					background: url(/img/logo.png) no-repeat;
					text-indent: -3000px;
					top: 14px;
					left: 14px;
					}
			#pijlen {
				position: absolute;
				width: 42px;
				top: 187px;
				left: 33px;
				z-index: 100;
				}
				#pijlen * {
					z-index: 100;
					}
				#pijlen a {
					display: block;
					width: 42px;
					height: 22px;
					background-image: url(/img/pijl_off.gif);
					}
					#pijlen a:hover {
						background-image: url(/img/pijl_on.gif);
						}
				#pijl_up {
					margin-bottom: 8px;
					background-position: top;
					}
				#pijl_down {
					background-position: bottom;;
					}
			#menu {
				position: absolute;
				top: 115px;
				left: 0px;
				width: 814px;
				height: 40px;
				background-color: #ff65a4;
				z-index: 20;
				}
				#menu * {
					z-index: 20;
					}
			#colofon_link {
				position: absolute;
				right: 3px;
				top: 97px;
				color: #777;
				z-index: 15;
				font-size: 10px;
				font-family: tahoma;
				}
				#colofon_link:hover {
					color: #fff;
					}
			#colofon {
				background-color: #000;
				z-index: 9;
				color: #fff;
				font-size: 11px;
				position: absolute;
				right: 0px;
				top: -5px;
				padding: 10px;
				padding-top: 50px;
				line-height: 20px;
				text-align: left;
				}
				#colofon span {
					display: block;
					float: left;
					width: 60px;
					}
				#colofon a {
					font-weight: bold;
					color: #FF65A4;
					border-bottom: 1px solid #000;
					}
					#colofon a:hover {
						border-bottom: 1px solid #fff;
						}
			#scroll_container {
				text-align: left;
				width: 100%;
				height: 100%;
				overflow-x: hidden;
				overflow-y: hidden;
				}
				#scroll_content {
					/*background: #fff url(/img/bg.png) repeat-x top;*/
					width: 7000px;
					height: 100%;
					position: relative;
					}
					#pages {
						width: 6000px;
						position: absolute;
						left: 111px;
						left: -797px;
						padding-top: 155px;
						top: 0px;
						z-index: 5;
						cursor: move;
						}
						.page {
							float: left;
							width: 600px;
							width: 848px;
							margin-right: 60px;
							z-index: 5;
							}
							.content {
								padding-top: 20px;	
								margin-right: 24px;
								}
					.visuals {
						height: 100%;
						width: 6000px;
						z-index: -1;
						position: relative;
						}

/*******( Global )**************/

	.unknown {
		background-color: #f88;
		}
	a.more {
		position: absolute;
		right: 0px;
		bottom: 0px;
		height: 14px;
		line-height: 14px;
		color: #fff;
		background-color: #000;
		font-weight: bold;
		padding: 2px 5px;
		}
	.content h1 {
		font-size: 60px;
		font-weight: bold;
		line-height: 1em;
		color: #000;
		margin-bottom: 10px;
		}
	.content h2 {
		font-size: 21px;
		font-weight: bold;
		color: #000;
		width: 220px;
		font-weight: normal;
		line-height: 1em;
		margin-bottom: 10px;
		}
	.content h3 {
		font-size: 21px;
		font-weight: bold;
		background-color: #000;
		color: #fff;
		width: 220px;
		font-weight: normal;
		border: 3px solid #000;
		line-height: 1em;
		margin-bottom: 20px;
		}

/*******( Menu )****************/

	#menucontainer {
		float: right;
		}
		#menucontainer ul {
			position: relative;
			}
		#menucontainer li {
			float: left;
			margin-right: 20px;
			}
			#menucontainer li a {
				display: block;
				font-size: 18px;
				font-weight: bold;
				color: #fff;
				line-height: 40px;
				}
		#menucontainer #menuitems li.breakout {
			background-color: #fff;
			margin-right: 0px;
			width: 100px;
			margin-top: -40px;
			text-align: center;
			height: 80px;
			}
			#menucontainer li.breakout a {
				color: #FF65A4;
				}

/*******( Submenu )*************/

	#menucontainer #menuitems li {
		position: relative;
		}
		#menucontainer .submenu {
			background-color: #000;
			z-index: 200;
			padding: 10px;
			position: absolute;
			top: 40px;
			left: 0px;
			text-align: left;
			min-width: 80px;
			}
			#menucontainer .submenu a {
				display: block;
				color: #fff;
				font-weight: bold;
				font-size: 13px;
				text-transform: uppercase;
				line-height: 22px;
				letter-spacing: -1px;
				}
				#menucontainer .submenu a:hover {
					color: #FF65A4;
					}

/*******( Visuals )*************/

	.visual {
		position: absolute;
		z-index: 0;
		}
	#visual1 {
		bottom: -30px;
		left: 122px;
		height: 520px;
		width: 1078px;
		background: url(/img/visuals/1.jpg);
		}
	#visual2 {
		top: -40px;
		left: 2376px;
		width: 791px;
		height: 605px;
		background: url(/img/visuals/2.jpg);
		}
	#visual3 {
		top: 497px;
		left: 2771px;
		width: 1250px;
		height: 628px;
		background: url(/img/visuals/3.jpg);
		}
	#visual4 {
		top: 0px;
		left: 1850px;
		width: 256px;
		height: 504px;
		background: url(/img/visuals/4.jpg);
		}
	#visual5 {
		right: 0px;
		top: -40px;
		width: 463px;
		height: 569px;
		background: url(/img/visuals/5.jpg);
		}

/*******( Menu )****************/


	.page_home {
		margin-right: 360px;
		}
		.page_home .tekst {
			border-bottom: 4px solid #000;		
			padding-bottom: 20px;
			}
		.page_home .page_content {
			width: 582px;
			float: left;
			}
		.page_home .right {
			width: 266px;
			padding-top: 30px;	
			float: right;
			}
			.quote {
				width: 266px;
				height: 200px;
				margin-bottom: 16px;
				background: url(/img/quote_bg.png) no-repeat;
				}
				.quote .inner {
					padding: 30px 20px;
					}
					.quote span {
						display: block;
						font-size: 22px;
						color: #fff;
						}
					.movie {
						z-index: 0;
						}

/*******( Tekst )*****************/

	.tekst {
		color: #8b8b8b;
		line-height: 18px;
		}
		/*
		.tekst .scrollbar_container {
			position: relative;
			}
		.tekst .scrollbar_track {  
			position:absolute;  
			top:0;  
			right:-10px;  
			height:100%;  
			width:6px;  
			background-color: #FF65A4;
			cursor:move;  
			}
		.tekst .scrollbar_handle {
			width:6px;  
			background-color:#000;
			cursor:move;  
			}
		.tekst .scrollbar_content {  
			overflow:hidden;  
			height: 255px;
			}  			
			*/
		.tekst a {
			font-weight: bold;
			text-decoration: none;
			color: #FF65A4;
			}
			.tekst a.grijs {
				color: #555;
				}
		.tekst img {
			border: 0;
			}
/*******( Nieuws )****************/

	h1.nieuws {
		margin: 0;
		}
	.nieuwsblokken {
		margin-bottom: 75px;
		}
		.nieuwsblok {
			width: 267px;
			float: left;
			border-bottom: 4px solid #000;
			position: relative;
			}
			.nieuwsblok h1 {
				font-size: 40px;
				}
			.nieuwsblok .short {
				height: 130px;
				}
			.nieuwsblok .long {
				padding-bottom: 20px;
				background-color: #fff;
				}
			.nieuwsblok h1 {
				margin-bottom: 0px;
				}
			.nieuwsblok_odd {
				margin-right: 24px;
				}
			.nieuwsblok h4 {
					
				}
			.nieuwsblok .button {
				position: absolute;
				left: 0px;
				bottom: -90px;
				}
/*******( Programma )*************/

	.page_programma {
		
		}
		.page_programma .tekst {
			width: 300px;
			border: 0;
			margin-bottom: 16px;
			}
	.programmablok {
		width: 555px;
		background-color: #000;
		color: #fff;
		margin-bottom: 10px;
		}
		.programmablok .images {
			width: 150px;
			height: 150px;
			background-color: #333;
			float: right;
			position: relative;
			margin-bottom: 15px;
			}
			.images a.more {
				position: absolute;
				bottom: 0px;
				left: 0px;
				background-color: #fff;
				color: #000;
				width: 52px;
				text-align: center;
				padding-left: 0px;
				padding-right: 0px;
				}
		.programmablok .inner {
			float: left;
			padding: 15px;
			padding-right: 0px;
			width: 380px;
			}
			.sIFR-hasFlash .content .programmablok h2 {
				margin: 0;
				width: auto;
				display: inline;
				letter-spacing: -1px;
				}
				.sIFR-hasFlash .content .programmablok h2.pink {
					letter-spacing: 0px;
					}
			.programmablok .inner a {
				color: #FF65A4;
				font-weight: bold;
				}

/*******( Video's and pictures )******************/

	.page_sponsors {
		width: 590px;
		margin-right: 170px;
		}

/*******( Fair fashion )**************************/

	.page_fair_fashion {
		width: 642px;
		margin-right: 225px;
		}

/*******( Labels )********************************/

	.page_labels {
		width: 490px;
		}

	.page_contact {
		width: 490px;
		}

/*******( Nieuwsoverzicht )***********************/

	.nieuwsoverzicht {
		width: 500px;
		}
		.nieuwsoverzicht .head {
			background-color: #000;
			color: #fff;
			padding: 4px 8px;
			border-bottom: 1px solid #fff;
			cursor: pointer;
			}
			.nieuwsoverzicht .head .datum {
				color: #FF65A4;
				}
		.nieuwsoverzicht .nieuws_content {
			padding: 0px 8px;
			}

/*******( sIFR )******************/

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}

	.sIFR-replaced {
		visibility: visible !important;
		}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
		}

	.sIFR-hasFlash .content h1 {
		visibility: hidden;
		letter-spacing: -10px;
		}
	.sIFR-hasFlash .content h2 {
		visibility: hidden;
		letter-spacing: -2px;
		}
	.sIFR-hasFlash .content h3 {
		visibility: hidden;
		letter-spacing: -2px;
		}
	.sIFR-hasFlash .quote span {
		visibility: hidden;
		letter-spacing: 1px;
		}