/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---- */

body 
	{ 
		color: #000; background: #554d8a;
		font-size: 62.5%;
	}

@media print
	{ 
		body { color: #000; background: #fff; }
	}

body, h1, h2, h3, h4, h5, h6, p
	{
		font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	}

.serif
	{
		font-family: Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", Times, serif; 
	}

#container 
	{
		width: 980px;
		margin: 0 auto;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
		border-color: #310a63;
		color: #310a63; background: #a7a2eb;
	}

@media print
	{ 
		#container { border: 0; color: #000; background: #fff; }
		
	}

#header 
	{ 
		height: 10px;
	}

#sidebar
	{ 
		float: left;
		width: 285px; height: 550px;
		color: #310a63; background:  transparent url("../images/eva-gezicht.gif") 0px 20px no-repeat;
	} 
			
@media print
	{ 
		#sidebar { display: none; }
	}

#language
	{ 
		float: left;
		margin: 530px 0 0 90px;
		width: 162px;
		border: 1px solid #777;
		overflow: hidden;
	}

	/* position - workaround for IE6Win */
	
@media print
	{ 
		#language { display: none; }
	}
	
#footer 
	{ 
		clear: both;
		border-top: 1px solid #777;
		font-size: 1em; line-height: 2em;
		text-align: center; 
		color: #777; background-color: #a7a2eb;
	}

	/* Peekaboo - workaround for IE6Win */
	
@media print
	{ 
		#footer { display: none; }
	}

#footerleft
	{
		float: left;
		width: 20%;
		text-align: left;
	}
	
#footerright
	{
		float: right;
		width: 20%;
		text-align: right;
	}

#footerleft a.lang img
	{
		display: inline; 
		padding: 0.2em 0 0 0.5em;
		height: 1.6em; width: 2.4em;
	}

#main
	{
		float: right;
		width: 600px;
		margin: 0 90px 20px 0;
		font-size: 1.2em; font-weight: normal; line-height: normal;
		text-align: left;
		overflow: hidden;
	}
	
#wide #main		
	{ width: 800px; }

@media print
	{ 
		#main { float: none; margin: 0 auto; }
	}

	
h2 span a:hover { color: #FFF; background-color: transparent; text-decoration: none; }

.title
	{
		margin-top: 20px;
		overflow: hidden;
		color: #f2f2f2; background: transparent url("../images/title-top.gif") left top no-repeat;
	}
	
#wide .title	
	{	background: transparent url("../images/title-top-wide.gif") left top no-repeat; }

@media print
	{ 
		.title, #wide .title { color: #000; background: #fff; border: 1px solid #777; border-bottom: 0;}		
	}


.title h2
	{
		line-height: 40px; 
		margin: 0px 0px 0px 11px;
	}

/* Clear float for modern browsers */
.title:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		
.content
	{
		padding: 10px 10px 0px 10px;
		border-width: 1px 1px 0px 1px;
		border-style: solid;
		border-color: #777;
		color: #310a63; background-color: #f2f2f2;
	}

	/* Clear Float - workaround for IE7Win */
	/* Peekaboo, Clear float & padding top - workaround for IE6Win */

/* Clear float for modern browsers */
.content:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
@media print
	{ 
		.content { color: #000; background: #fff; padding-bottom: 10px; border-bottom: 1px solid #777;}		
	}

.tail
	{
		height: 11px;
		background: transparent url("../images/title-bottom.gif") left bottom no-repeat;
	}

#wide .tail
	{
		background: transparent url("../images/title-bottom-wide.gif") left bottom no-repeat;
	}

@media print
	{ 
		.tail, #wide .tail { color: #000; background: #fff; }		
	}

.dropshadow, .dropshadow-caption, .dropshadow-left, .dropshadow-right, .dropshadow-thumb, .dropshadow-thumb-text
	{
		margin: 10px 10px 0 10px;
		background: url(../images/shadowAlpha.png) no-repeat right bottom !important;
		background: url(../images/shadow.gif) no-repeat right bottom;
	}

.dropshadow-right
	{ margin: 10px 0 0 15px; }

.dropshadow-thumb
	{ margin: 10px 0 0 20px; }

.dropshadow-x, .dropshadow-y
	{
		margin: 10px 0 0 10px;
		background: url(../images/shadowAlpha.png) no-repeat right bottom !important;
		background: url(../images/shadow.gif) no-repeat right bottom;
	}

.dropshadow-y
	{ margin: 10px 0 0 29px; }

.dropshadow				{ float: left;  clear: left; margin: 25px 0 5px 0; }
.dropshadow-caption		{ float: left;  clear: left;  }
.dropshadow-left		{ float: left;  clear: left;  }
.dropshadow-right		{ float: right; clear: right; }
.dropshadow-thumb		{ float: left;  clear: none; width: 169px; }	
.dropshadow-thumb-text	{ float: left;  clear: none; width: 568px; }
.dropshadow-x			{ float: left; }
.dropshadow-y			{ float: left; }
	
.innerbox, .innerbox-caption, .innerbox-leftright, .innerbox-thumb, .innerbox-long
	{
        position: relative;
        right: 6px; bottom: 6px; 
        padding: 4px 4px 1px 4px; border: 1px solid #999;
	}

	/* Padding-bottom - workaround for IE6Win */
	
.innerbox, .innerbox-caption, .innerbox-leftright, .innerbox-thumb, .innerbox-long
	{
		color: #310a63; background-color: #FFF;
		text-align: center;
	}

.innerbox-long
	{
        padding: 4px 4px 4px 4px;
		text-align: left;
		height: 120px;
	}

innerbox-thumb
	{
        padding: 14px 4px 1px 4px;
	}

.innerbox-content-thumb
	{
		width: 160px; height: 120px;
		float: left;
	}

.innerbox-content-text
	{
		width: 388px; height: 120px;
		margin-left: 10px;
		float: left;
		color: #310a63; background-color: #FFF;
		text-align: left;
		overflow: auto;
	}

.widevideo, .standardvideo, .bigstandardvideo, .widemovievideo
	{
        margin: 20px auto 10px auto; 
        text-align: center;
	}
	

.widevideo			{ width: 640px; height: 360px; }	/* 640x(360+0)  16x9 */
.standardvideo		{ width: 480px; height: 360px; }	/* 480x(360+0)  12x9 */
.bigstandardvideo	{ width: 640px; height: 480px; }	/* 640x(480+0) 	12x9 */
.widemovievideo		{ width: 640px; height: 290px; }	/* 640x(290+0) 		 */

.box, .textbox
	{
		float: left;
		margin: 6px 6px;
		width: 179px; 
		font-size: 1.0em;
		text-align: center;
		overflow: hidden;
	}

.textbox	{ height: 165px; }

.clearboth	{ clear: both; }

button, input { cursor: pointer; }

button::-moz-focus-inner { padding: 0; border: 0 } /* Firefox */

@media print
	{ 
		button { display: none; }
	}
	
.moreOrLessText { margin-top: 4px; float: right; font-weight: bold; color: #dea249; }

/*
.textButton 
	{
		padding: .5em 1em;
		position: relative;
		top: 44%;
		font-size: 1.0em; font-weight: bold; line-height: normal;	
		color: #fff; background-color: #222;
		cursor: pointer;
		opacity: .6;														// CSS3
		filter: alpha(opacity=60); zoom: 100%;								// Explorer 5.5 - 7.0
		-moz-border-radius: 1em;											// Firefox
		-khtml-border-radius: 1em;
		-webkit-border-radius: 1em;											// Safari
	}
*/

.imgButton
	{
		position: relative;
		top: 86px; left: 126px;
		cursor: pointer;
	}
	
.playButton
	{
		position: absolute; top: 90px; left: 130px;
		cursor: pointer;
	}

#navigation 
	{ 
		display: table;
		margin-left: 90px;
		width: 800px;
	}

#navigation ul
	{
		display: table-row;
	}
	
	/* workaround for IE7Win */

	/* workaround for IE6Win */
	
#navigation li
	{
		display: table-cell;
		text-align: center;
		list-style-type: none;
		white-space: nowrap;		 
	}
	
	/* workaround for IE7Win */

	/* workaround for IE6Win */
	
#navigation a, #navigation a span
	{
		display: block;
		font-size: 16px; line-height: 40px;
		font-size: 1.25em; line-height: 2.5em;
		text-align: center; text-decoration: none;
	}

#navigation a span
	{
		margin-left: 11px; padding-right: 11px;
	}
	
	/* workaround for IE7Win */

	/* IE needs a width to make the entire block clickable - workaround for IE6Win */

#navigation ul				{ background: url("../images/tabs.gif") left bottom no-repeat; }
#navigation a				{ background: url("../images/tabs.gif") left top no-repeat; }
#navigation a span			{ background: url("../images/tabs.gif") right top no-repeat; }
	
#navigation a#current		{ color: #310a63; background-color: transparent; background-position: 0% -400px; }
#navigation a#current span	{ color: #310a63; background-color: transparent; background-position: 100% -400px; padding-bottom: 1px; }

#navigation a:link			{ color: #f2f2f2; background-color: transparent; }
#navigation a:visited		{ color: #f2f2f2; background-color: transparent; }
#navigation a:hover			{ color: #310a63; background-color: transparent; background-position: 0% -200px; cursor: pointer; }
#navigation a:hover span	{ color: #310a63; background-color: transparent; background-position: 100% -200px; cursor: pointer; }
#navigation a:active		{ }
#navigation a:active span	{ }

	/* workaround for IE7Win */

	/* workaround for IE6Win */
	
#navigation1, #navigation2 
	{ 
		display: table;
		margin-left: 90px; 
		width: 800px;
		overflow: hidden;
		text-align: center;
		vertical-align: middle;
		background: transparent url("../images/title-center-wide.gif") left top repeat-y;
}
#navigation2 
	{ 
		background: transparent url("../images/title-bottom-wide.gif") left bottom no-repeat;
}

	/* workaround for IE7Win */

#navigation1 ul, #navigation2 ul
	{
		display: table-row; 
	}

#navigation1 li, #navigation2 li
	{		
		display: inline; 
		text-align: center;
		white-space: nowrap;		 
	}

#navigation1 a, #navigation2 a
	{		
		text-align: center; text-decoration: none; 		
		margin: 0 4px;
		font-size: 12px; line-height: 24px;
		font-size: 1.2em; line-height: 2.0em;
	}

#navigation1 a#current2, #navigation2 a#current2	{ color: #310a63; background-color: transparent; }

#navigation1 a:link, #navigation2 a:link			{ color: #dea249; background-color: transparent; } 
#navigation1 a:visited, #navigation2 a:visited		{ color: #dea249; background-color: transparent; } 
#navigation1 a:hover, #navigation2 a:hover			{ color: #310a63; background-color: transparent; } 
#navigation1 a:active, #navigation2 a:active		{ }


	/* workaround for IE7Win */


@media print
	{ 
		#navigation, #navigation1, #navigation2 { display: none; }
	}


.caption		{ text-align: center; color: #310a63; background-color: transparent; }
.center 		{ text-align: center; }
.centerimage	{ margin: 0px auto 0px auto;}
.centerme		{ margin: 0px auto 0px auto; padding: 0; border: 0; text-align: center; }
		
.smallprint		{ margin-right: 14px; font-size: 9px; line-height: 11px; text-align: right; color: #d2d2d2; background-color: #f2f2f2; }
.fotoprint		{ font-size: 9px; line-height: 12px; text-align: right; color: #777; background-color: #fff; }

@media print
	{ 
		.smallprint { display: none; }
	}
	
.external-link img	{  }
	
/* header font sizes - based on 1em = 12px and lineheight = 160% */
h1	{ font-size: 2.00em; font-weight: bold; line-height: normal; }	/* ~24px */	
h2	{ font-size: 1.50em; font-weight: bold; line-height: normal; }	/* ~18px */
h3	{ font-size: 1.25em; font-weight: bold; line-height: normal; }	/* ~15px */
h4	{ font-size: 1.00em; font-weight: bold; line-height: normal; }	/* ~12px */
h5	{ font-size: 0.84em; font-weight: bold; line-height: normal; }	/* ~10px */
h6	{ font-size: 0.75em; font-weight: bold; line-height: normal; }	/* ~9px */

h2	{ font-size: 18px; font-weight: bold; line-height: 40px; }

.arrow
	{
		float: right;
		margin: 1em 12px 0 0; padding: 0; border: 0;
	}

.arrow img
	{ width: 1.33em; height: 1.33em; }
	
	@media print
	{ 
		.arrow, .arrow img { display: none; }
	}

		
a, a span { text-decoration: none; outline: none;}

a:link		{ font-weight: bold; color: #dea249; background-color: transparent; }
a:visited	{ font-weight: bold; color: #dea249; background-color: transparent; }
a:hover		{ font-weight: bold; background-color: transparent; text-decoration: underline; }
a:active	{ font-weight: bold; color: #00f; background-color: transparent; }

.posterbutton span a {text-decoration: underline;}