/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 76%;
	background: url(images/background.jpg) no-repeat fixed left bottom #5f574f;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }

div#videocontainer {
	position: absolute;
	width: 664px;
	height: 382px;
	background-image: url(images/shadow.png); 
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	margin: -191px 0 0 -332px;
}

div#operacontainer {
	position: absolute;
	width: 923px;
	height: 526px;
	background-image: url(images/shadow_opera.png); 
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	margin: -263px 0 0 -462px;
}

div#formcontainer {
	position: absolute;
	width: 664px;
	height: 672px;
	background-image: url(images/shadowlarge.png); 
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	margin: -336px 0 0 -332px;
	text-align: left;
}

div#subscribe {
	margin: 50px 0 0 70px;
	color: #5f574f;
} 

div#unsubscribecontainer {
	position: absolute;
	width: 664px;
	height: 400px;
	background-image: url(images/shadowunsubscribe.png); 
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -332px;
	text-align: left;
}
div#unsubscribe {
	margin: 50px 20px 0 70px;
	color: #5f574f;
} 

div#formResponseContainer {
	margin: 50px 0 0 70px;
	color: #5f574f;
}

div#homenav {
	position: absolute;
	width: 765px;
	height: 55px;
	top: 50%;
	left: 50%;
	margin: 280px 0 0 -310px;
	text-align: left;
	overflow: hidden;
	border-bottom: 1px solid #FFF;
}
div#designaward {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 50%;
	left: 50%;
	margin: 260px 0 0 -445px;
	text-align: left;
}
	div#designaward img {
		border: none;
	}

div#download {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 185px 0 0 307px;
}

div#teaser p {
	text-align: left;
	margin: 10px 0 0 20px;
}

div#opera p {
	text-align: left;
	margin: 10px 0 0 20px;
}

img#teasertext {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -198px;
}

div#formulier {
	padding: 10px 10px 30px 20px;
	text-align: left;
}

div#brochures {
	position: relative;
	margin: 130px auto;
	width: 800px;
}
div.brochure {
	text-align: center;
	float: left;
}

div.brochure img {
	border: none;

}
div.ysin {
	margin: 0 45px 0 0;
}

div.brochure p {
	color: #ccc;
}





/*
* Typography styles
*/

h1 {
	font-size: 150%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h2 {
	padding: 0px;
	margin: 0px 0 10px 0;
}

h3 {
	font-size: 130%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 120%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

p {
	font-size: 90%;
	color: #5f574f;
	margin: 5px 0 5px 0;
	padding: 0px;
}
	div#homenav p {	
		float: left;
		color: #978f7c;
		margin: 0;
		font-size: 110%;
		display: block; 
		padding: 25px 15px 20px 15px;
	}


/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #333; }
A:link		{ text-decoration: none; color: #333; }
A:visited	{ text-decoration: none; color: #333; }
A:active	{ text-decoration: none; color: #333; }
A:hover		{ text-decoration: underline; color: #333; }
A.active	{ text-decoration: underline; color: #333; }

div#homenav a { color: #fff; margin: 0; float: left; font-size: 110%; display: block; padding: 25px 15px 20px 15px; }
div#homenav a:hover {  background: url(images/lang_over.png) no-repeat; text-decoration: none;  }
div#homenav a.small:hover {  background: url(images/lang_over_small.png) no-repeat; text-decoration: none;  }

div#homenav a.skipmovie { float: right; padding: 25px 0 20px 15px; }
div#homenav a.skipmovie:hover { background: none; text-decoration: underline;  }

div#homenav a.brochurehome:hover { background: none; text-decoration: underline; }


div#download a img { border: none; }
div#brochures a { color: #ccc; text-decoration: none; }
div#brochures a:hover p { color: #ccc; text-decoration: underline; }
div#brochures a.brochuresback { margin: 50px auto; }

/*
* Table styles
*/


/*
* List styles
*/


/*
* form styles
*/

form#subscribeform {
	color: #5f574f;	
}

form#subscribeform p.required { margin: 0 0 0 150px; font-size: 90%; }
form#subscribeform label { width: 150px; float: left; margin: 3px 0 0 0; font-size: 90%; }
form#subscribeform input { color: #5f574f; }
form#subscribeform input.text { width: 196px; float: left; font-size: 90%; padding: 2px; margin: 3px 0 0 0; border: 1px solid #5f574f; }
form#subscribeform input.submit { margin: 5px 0 10px 302px; *margin: 5px 0 10px 312px; background: #5f574f; color: #fff; border: none;   } 
form#subscribeform input.checkbox { margin: 3px; *margin: 0px; padding: 0px; font-size: 90%; float: left; }
form#subscribeform label.checkboxlabel { width: 300px; float: left; margin: 3px 0 0 5px; padding: 0; font-size: 90%; }
form#subscribeform textarea { width: 350px; height: 80px; border: 1px solid #5f574f; } 
form#subscribeform label.formFieldError { color: #bf1c20; margin: 4px 0 0 5px; width: 210px; }

form#uitschrijvenform input.uitschrijven { margin: 5px 0 10px 0px; background: #5f574f; color: #fff; border: none;   }