@import url(normalize.css);

/*--------------------------------basic opmaak-----------------------------*/
/*
background: #e7e3e2;
taupe boven: #73645d;
taupe onder:#905d5d;
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#e7e3e2;
	height:100%; 
	overflow-y:auto;
}
html {
height:100%;
}


#wrapper{
width: 941px; 
left:50%;
height: 521px; 
margin: 0 auto; 
position: absolute; 
top: 50%; 
margin-top: -260px; 
margin-left:-470px;
border:1px solid #fff;
background-image:url(../graphics/back.jpg);
background-repeat:no-repeat;
}
.link {
	border-bottom:1px dashed #c9ac9e;
	text-decoration:none;
	color:#c9ac9e;
	}
.link:hover {
	background-color:#c9ac9e;
	color:#73645d;
	}

/*------------------------------divs en navigatie------------------------------------*/
#top_left {
	float:left;
	line-height:22px;
	width:423px;
	margin-right:140px;
	text-align:center;
	padding-top:60px;
}
#top_left h1 {
	color:#e7e3e2;
	font-size:16px;
	font-weight:normal;
	}
#top_right {
	float:left;
	color:#e7e3e2;
	width:375px;
	height:345px;
	padding-top:15px;
	clear:right;
	position:relative;
	}
#top_right h1 {
	color:#e7e3e2;
	font-size:16px;
	font-weight:bold;
	}
#top_right h2 {
	background-color:#e7e3e2;
	color:#905d5d;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:3px;
	}
#top_right img {
	border:1px solid #968b86;
	margin:6px 6px 0px 0px;
	}
.thumbeffect{	
	border: 1px solid #73645d;	
}
.thumbeffect:hover{
	border: 1px solid #e7e3e2;
	}
.muziek,.informatie{
	line-height:14px;
}
.form_ok {
	padding-bottom:10px;
	padding-top:10px;
	}
#subnav {
	top:300px;
	left:100px;
	text-align:right;
	padding-top:40px;
	padding-bottom:5px;
	position:absolute;
	}
#subnav a {
	background-color:#e7e3e2;
	padding:2px 5px 2px 20px;
	text-decoration:none;
	color:#905d5d;
	background-image:url(../graphics/arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}
#subnav_voorwaarden {
	top:305px;
	left:100px;
	text-align:right;
	padding-top:34px;
	padding-bottom:5px;
	position:absolute;
	}
#subnav_voorwaarden a {
	background-color:#e7e3e2;
	padding:2px 5px 2px 20px;
	text-decoration:none;
	color:#905d5d;
	background-image:url(../graphics/arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}
#subnav_1, #subnav_2, #subnav_3 ,#subnav_4 {
	top:340px;
	left:35px;
	text-align:right;
	margin-top:0px;
	clear:left;
	position:absolute;
	}
#subnav_1 a {
	background-color:#e7e3e2;
	padding:2px 5px 2px 20px;
	text-decoration:none;
	color:#905d5d;
	background-image:url(../graphics/arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}
#subnav_2 a {
	background-color:#e7e3e2;
	padding:2px 5px 2px 20px;
	text-decoration:none;
	color:#905d5d;
	background-image:url(../graphics/arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}
#subnav_3 a {
	background-color:#e7e3e2;
	padding:2px 5px 2px 20px;
	text-decoration:none;
	color:#905d5d;
	background-image:url(../graphics/arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}
#subnav_4 a {
	background-color:#e7e3e2;
	padding:2px 5px 2px 20px;
	text-decoration:none;
	color:#905d5d;
	background-image:url(../graphics/arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}

#bottom_left {
	float:left;
	padding:90px 0px 0px 60px;
	}
#bottom_left h1 {
	color:#e7e3e2;
	font-size:13px;
	font-weight:normal;
	}
#bottom_right {
	color:#e7e3e2;
	float:left;
	padding:5px 0px 0px 170px;
	}
#bottom_right a {
	padding-left:5px;
	padding-right:10px;
	display:block;
	color:#e7e3e2;
	text-decoration:none;
	font-size:15px;
	line-height:21px;
	border-bottom:1px dashed #a37575;
	}
#bottom_right a:hover {
	background-color:#a37575;
	color:#fff;
	}	
#download_brochure {
	padding:100px 10px 5px 0px;
	clear:right;
	}
/*--------------------------opmaak van het formulier--------------------*/
form {
	padding-top: 0px;
	margin-left:10px;
	margin-top:10px;
	width: 330px;
	height:220px;
    }
input{
	display: block;
	width:190px;
	height:15px;
	float: left;
	margin-bottom: 5px;
	margin:5px 0;
}
input,textarea {
	border:1px solid #CCC;
	background-color:#E7E3E2;
	color:#73645d;
	font-size:12px;
	width:200px;
	}
label {
	text-align: right;
	width: 120px;
	padding-right: 5px;
	padding-top:3px;
	float:left;
}
br {
	clear: left;
}
.button {
	width:62px;
	height:22px;
	margin-left:50px;
	}
.form_info {
	margin:0;
	}
.textfieldRequiredMsg{
	font-size:0.9em;
}
/*-----------------------------opmaak van de 2 popups geluid en licht-----------------*/
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, .hov a:hover b
{display:block; visibility:visible; position:absolute; left:-10px; top:1em; background:#e7e3e2; cursor:pointer; border:1px solid #888; padding:5px 10px;}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:none;}
.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}