/* CSS Document */


html, body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

img{
	border: none;
	}
a, a:link{
	color: #696b6d;
	}
a:visited{
	color: #000;
	}
a:hover,
a:active{
	color: #e33;
	}	
p{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	}
.clear{
	clear: both;
	}
	
/*CONTAINER**********************************************/
.container{
	margin: 0 auto 0 auto;
	width: 636px;
	}
	
/*TABLE**********************************************/
	.site{
		width: 600px;
		}
	.shadow_l{
		width: 18px;
		background-image: url(../images/shadow_left.gif);
		background-repeat: repeat-y;
		background-position: 0;
		}
	.shadow_r{
		width: 18px;
		background-image: url(../images/shadow_right.gif);
		background-repeat: repeat-y;
		background-position: 0;
		}
	.shadow_b{
		height: 36px;
		background-image: url(../images/shadow_bottom.gif);
		background-repeat: no-repeat;
		background-position: top;
		}

/*HEADER**********************************************/
		.header{
			width: 600px;
			background-color: #fff;
			padding-bottom: 20px;
			}
			
/*VIDEO**********************************************/
		.video{
			background-color: #fff;
			padding: 0 20px 0 20px;
			}
			.blok{
				/*border: 1px solid #ccc;*/
				background-color: #eee;
				padding: 10px;
				}
			#vid{
				/*border: 1px solid red;*/
				width: 326px;
				text-align: center;
				float: left;
				background-image:url(../images/bgspot.jpg);
				background-repeat: no-repeat;
				padding: 19px 0 3px 0;
				background-color: #fff;
				border: 1px solid #ccc;
			}
			#vid2{
				/*border: 1px solid red;*/
				width: 326px;
				text-align: center;
				float: left;
				background-image:url(../images/bgspot2.jpg);
				background-repeat: no-repeat;
				padding: 19px 0 3px 0;
				background-color: #fff;
				border: 1px solid #ccc;
			}
			
			.videotext{
				clear: both;
				text-align: left;
				padding-top: 20px;
				}
			/*.makingof a,
			.makingof a:link,
			.makingof a:visited{
				color: #fff;
				text-decoration: none;
				}
			.makingof a:hover,
			.makingof a:active{
				color: #fff;
				text-decoration: underline;
				}*/
			
		.makingof{
				float: right;
			}
		.thumbs{
			background-image:url(../images/bgmaking.jpg);
			background-repeat: no-repeat;
			padding: 19px 4px 8px 4px;
			background-color: #ccc;
			width: 192px;
			color: #000;
			background-color: #fff;
			border: 1px solid #ccc;
			}
		.thumbs img{
			margin-bottom: 7px;
			}
		.thumbs table{
			margin: 0;
			border-collapse: collapse;
			/*border: 1px solid #ccc;*/
			width: 192px;
			padding: 0;
			}
			.thumbs table td{
				padding: 0;
				}
			.thumbs table td.link{
				padding: 0 0 0 10px;
				}
		.song{
			margin-top: 10px;
			background-image:url(../images/bgsong.jpg);
			background-repeat: no-repeat;
			padding: 19px 4px 4px 4px;
			width: 192px;
			color: #000;
			background-color: #fff;
			border: 1px solid #ccc;
			}
		.rspot{
			display: block;	
			padding: 10px 0 5px 5px;
			}
/*BUTTONS**********************************************/
		.buttons{
			background-image:url(../images/tab_shadow_top.gif);
			background-position: bottom;
			background-repeat: repeat-x;
			padding-left: 2px;
			height: 80px;
			}
			.btn{
				float: left;
				}

/*TEXT**********************************************/
		.mid{
			/*background-color: #c8cbcc;*/
			background-image:url(../images/skyline2.gif);
			background-repeat: no-repeat;
			background-position: bottom;
			padding: 0 45px 90px 45px;
			text-align: left;
			}
			.mid img{
				margin: 10px 0 10px 0;
				}
			.text{
				margin-top: 10px;
				/*float: left;
				width: 240px;*/
				}
			.text h3{
				font-size: 12px;
				margin: 10px 0 0 0;
				padding-top: 10px;
				border-top: 1px solid #ccc;
				clear: both;
			}
			ol, ul{
				padding-left: 0;
				margin-left: 25px;
				}
			li{
				padding: 5px 0 0 0;
				}
			.terug{
				display: block;
				float: right;
				padding: 20px 0 10px 0;
				}
			.vragen{
				border-top: 1px solid #ccc;
				clear: both;
				}
				.vragen ol{
					color: #000;
					}
				.vragen li{
					/*padding: 0;*/
					}
				.vragen a,
				.vragen a:link,
				.vragen a:visited{
					color: #000;
					text-decoration: none;
					}
				.vragen a:hover,
				.vragen a:active{
					text-decoration: underline;
					color: #e33;
					}
			.intro{
				/*font-size: 12px;
				font-weight: bold;
				line-height: 140%;
				text-align: justify;*/
				}
			.picture{
				float: right;
				padding: 5px;
				background-color: #eee;
				margin: 0 0 5px 40px;
				}
				.picture img{
					margin: 0;
					}
			.text table{
				margin: 10px 0 0 0;
				width: 100%;
				border-collapse: collapse;
				}
			.text th{
				background-color: #eee;
				}
			.text th, .text td{
				border: 1px solid #ccc;
				padding: 5px;
				vertical-align: top;
				}
			.text th.tarief{
				width: 50px;
				}
/*FOTOS**********************************************/
		table.fotos{
			/*width: 500 px;*/
			margin: 0 0 50px 0;
			text-align: center;
			border-collapse: collapse;
			
			}
		table.fotos td{
			text-align:center;
			border: 1px solid #ccc;	
			background-color:#E8E8E8;
			}
		table.fotos img{
			margin:0;
		}
		table.fotos td.groot {
			background-color: #fff;
			border: none;
		}
		td.groot img{
			border: 4px solid #E8E8E8;
		}
		table.fotos td.fotonav{
			border: none;
			background-color: #fff;
			padding-top: 10px;
			}
			.fototxt{
				padding: 0 10px 0 10px;
				}
		table.fotos td.test {
			height: 30px;
			background-color: #fff;
			border: none;
		}	
/*FOOTER**********************************************/
		.footer_txt{
			margin: 20px 0 20px 45px;
			}
		.footer_l{
			margin: 10px 10px 10px 45px;
			float: left;
			}
		.footer_r{
			margin: 10px 45px 10px 10px;
			float: right;
			}

/*DISCLAIMER********************************************/

	.disclaimer{
		clear: both;
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
		font-size: 10px;
		}
		.disclaimerTxt h3{
			color: #ee3333;
			margin-bottom: 5px;
			}
		.disclaimerTxt p{
			margin-top: 0;
			}
/*NO FLASH**********************************************/

		#alt_song{
			padding: 20px;
			}
		.popup{
			background-color: #00687d;
			width: 100%;
			margin: 0;
			padding: 0;
			}
		.obj{
			top: -50px;
			position: absolute;
			}
		.stop{
			border: 1px solid #fff;
			width: 50px;
			padding: 5px 0 5px 0;
			text-align: center;
			}
		.popup a,
		.popup a:link,
		.popup a:visited{
			color: #fff;
			text-decoration: none;
		}
		.popup a:hover,
		.popup a:active{
			color: #fff;
			text-decoration: underline;
			}