/*  body, container en content div's die alles centreren en formaat vastleggen   */

body {
font-size: 1em;
font-family: Verdana, Arial, Sans-Serif;
background-color: #FFFFFF;
text-align:center;
margin: 0;
padding:0;
background-image: url(img/bg2.gif);
background-repeat: no-repeat;
background-position: top center;
}

#container {
position: relative;
margin:0 auto 0 auto;
width: 950px;
text-align:left;
background-color: #E3E4E5;
padding:0 0 0 0;
}

#content {
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
/*	height:1433px;  */
}

/*  bacis styles, li zonder list-style items   */

img{border:none;}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 80%; 
	margin-left:1.5em;
	margin-right:1.5em;
}

#titel {
	position:absolute;
	left:235px;
	top:165px;
	width:678px;
	height:70px;
	margin-top:0em;
}

h1 {
	margin-left:1.2em;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

/*  h2 {
	margin-left:1em;
	color: #000000;
	font-size: 80%;
	font-weight: bold;
}  */

h2 {
	margin-left:1.5em;
	color: #000000;
	font-size: 80%;
	font-weight: bold;
}

h3 {
	margin-left:1.5em;
	color: #000000;
	font-size: 80%;
	font-weight: bold;
}

p.kruimel {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%; 
	margin-left:1.5em;
	margin-top:0em;
}

div.kruimel {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%; 
	margin-left:1.5em;
	margin-top:0em;
	width:500px; 
}

p.tekst {
	margin-left:1.5em;
	margin-top:0em;
}

a:HOVER {
	color: #000000;
}

a {
	color: #000000;
}

/*   layout items bovenaan  */

#logo {
	position:absolute;
	left:235px;
	top:0px;
	width:354px;
	height:165px;
}

#eb01 {
	position:absolute;
	left:589px;
	top:0px;
	width:144px;
	height:165px;
	background-image: url(img/eb01.gif);
/*	background-position: center left;   */
	background-repeat: no-repeat;
}

#tekstballon {
	position:absolute;
	left:733px;
	top:0px;
	width:180px;
	height:165px;
}

#eb02 {
	position:absolute;
	left:0px;
	top:23px;
	width:235px;
	height:25px;
	background-image: url(img/eb02.gif);
	background-repeat: no-repeat;
	z-index: 90;
}

/*   layout linkerzijde menubox  */

#eb03 {
	position:absolute;
	left:0px;
	top:48px;
	width:15px;
	height:523px;
	background-image: url(img/eb03b.gif);
	background-repeat: no-repeat;
	z-index: 90;
}

/*   layout menu  */

#menu {
	position:absolute;
	left:15px;
	top:48px;
	width:203px;
	height:490px;
	padding:0px 0px 0px 0px;
	background-color:#0086CB;
	font-size: 70%;
	color: #FFFFFF;
	text-align:left;
	z-index: 100;
}

ul.menu1{
 margin-top:0em;
 margin-left:0em;  
 padding-left: 0px;
 list-style: none;  
 }
 
 li.menu1{
 margin-left: 0px;
 padding-top:1em;
 padding-bottom:1em; 
 padding-left:0.5em;
 list-style-position : outside;
 border-bottom-style: dotted;
 border-bottom-width: 2px;
 border-bottom-color: #FFFFFF;
 list-style: none;
 line-height: 15px;
 background-color:#0086CB;
 }

/*  li.menubutton{
 margin-left: 0px;
 padding-top:1em;
 padding-bottom:1em; 
 padding-left:0.5em;
 list-style-position : outside;
 list-style: none;
 line-height: 15px;
 background-color:#0086CB;
 }
 
 li.menubutton2{
 margin-left: 0px;
 padding-top:1em;
 padding-bottom:1em; 
 padding-left:0.5em;
 list-style-position : outside;
 list-style: none;
 line-height: 15px;
 background-color:transparent;
 }  */
 
  ul.menu2{
 margin-top:0em;
 margin-left:1em;
 padding-left:5px;
 padding-top:0.5em;
 }
 
 li.menu2{
 margin-left: 0px; 
 padding-left:0em;
 list-style-position : outside;
 list-style-type: disc;
 line-height: 15px;
 }
 
ul.twocol { width: 660px; font-size: 80%; padding-left: 3em; list-style-type: none;}
li.col { float: left; width: 300px; margin: 0px 20px 0px 0px; padding: 0px;  list-style-type: none; line-height: 20px;}
.pdf{padding-left:14px;background-image:url(img/pdf.gif);background-repeat:no-repeat;}
.doc, .docx{padding-left:14px;background-image:url(img/doc.gif);background-repeat:no-repeat;}

.logos {
 margin-top:2em;
 text-align:right;
 }
ul.list { font-size: 80%; padding-left: 4em; list-style-type: disc;  list-style-position : outside;}

.navigatielink {
	text-decoration: none;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.navigatielink:LINK {
	color: #FFFFFF;
	text-decoration: none;
}

a.navigatielink:VISITED {
	color: #FFFFFF;
	text-decoration: none;
}

a.navigatielink:HOVER {
	color: #000000;
	text-decoration: none;
}

.navigatielink2 {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.navigatielink2:LINK {
	color: #FFFFFF;
	text-decoration: none;
}

a.navigatielink2:VISITED {
	color: #FFFFFF;
	text-decoration: none;
}

a.navigatielink2:HOVER {
	color: #000000;
	text-decoration: none;
}

/*   layout rechterzijde menubox  */

#eb04 {
	position:absolute;
	left:218px;
	top:48px;
	width:17px;
/*	height:523px;
	background-image: url(img/eb04b.gif);
	background-repeat: no-repeat;   */
	height:490px;
	background-image: url(img/eb04.gif);
	background-repeat: no-repeat;
	z-index: 90;
}

#eb06 {
	position:absolute;
	left:913px;
	top:235px;
	width:37px;
/*	height:1198px;	
	background-image: url(img/eb06.gif);  */
	background-repeat: no-repeat;
}

#eb07 {
	position:absolute;
	left:0px;
	top:538px;
	width:235px;
	height:33px;	
	background-image: url(img/eb07.gif);
	background-repeat: no-repeat;
	z-index: 90;
}

#eb08 {
	position:absolute;
	left:0px;
	top:571px;
	width:235px;
/*	height:862px;	
	background-image: url(img/eb08.gif);  */
	background-repeat: no-repeat;
	z-index: 90;
}

#skiplink a, #skiplink a:hover, #skiplink a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
 
#skiplink a, #skiplink a:hover, #skiplink a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
 
#skiplink a:focus
{
position:static;
width:auto;
height:auto;
} 

#skiplink2 {
	position: absolute;
	top: -500em;
	left:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#video {
	width:450px;
	height:322px;	
	background-image: url(img/video.gif);
	background-repeat: no-repeat;
	padding: 1px 0;
	margin-top: 1.5em;
}

#video2 {
	margin-top: 2.3em;
	margin-left: 5em;
}

/* #video {
	width:450px;
	height:342px;	
	background-image: url(img/videob.gif);
	background-repeat: no-repeat;
	padding: 1px 0;
	margin-top: 1.5em;
}

#video2 {
	margin-top: 1em;
	margin-left: 3.25em;
}               */

/* css for movie */
.moviecontent, .audiocontent { width: 400px; } /* a default value will be replaced by movie width */
.moviecontent ul, .audiocontent ul {border: 0;overflow:hidden;margin:0;padding:0 0 1px 0; list-style:none; }
.moviecontent li, .audiocontent li {background-image:none;padding:0;margin:0;border:0;}

.moviecontent h3, .audiocontent h3 { border-bottom:1px solid #dedede; color: #000; margin: 0; padding: 0; font-size: 100%;}
.moviecontent li h3 a, .audiocontent li h3 a {border: 1px solid #FFF; color: #000;}
.moviecontent li h3 a:hover, .audiocontent li h3 a:hover {color: #000;}

.moviecontent li a, .audiocontent li a {display: block; padding: 2px 15px 3px 0; font-weight: bold; border-bottom:1px solid #dedede; background:url("img/pijl.gif") right top no-repeat;height:1%; text-decoration: none; color: #000;}
.moviecontent li li a, .audiocontent li li a { font-weight: normal; padding: 2px 15px 3px 0;}
.moviecontent li a:hover, .audiocontent li a:hover {color: #000; border-bottom: 1px solid #000; background:url("img/pijl-hover.gif") right top no-repeat;}

.moviecontent li p a, .audiocontent li p a {display: inline; text-decoration: underline; color: blue; background: #FFF; border: 0; padding: 0; margin: 0; font-weight: normal;}
.moviecontent li p a:hover, .audiocontent li p a:hover {display: inline; text-decoration: underline; color: blue; background: #FFF; border: 0; padding: 0; margin: 0;}

.moviecontent li img, .audiocontent li img { margin-bottom: -4px;}

.moviecontent li a.open, .audiocontent li a.open { background:url("img/pijl-open.gif") right top no-repeat; }
.moviecontent li a.open:hover, .audiocontent li a.open:hover { background:url("img/pijl-open-hover.gif") right top no-repeat; }
.moviecontent ul.open, .moviecontent div.open, .moviecontent p.open,
.audiocontent ul.open, .audiocontent div.open, .audiocontent p.open {display: block; }
.moviecontent li a.close, .audiocontent li a.close { background:url("img/pijl.gif") right top no-repeat; }
.moviecontent li a.close:hover, .audiocontent li.close:hover { background:url("img/pijl-hover.gif") right top no-repeat; }
.moviecontent ul.close, .moviecontent div.close, .moviecontent p.close,
.audiocontent ul.close, .audiocontent div.close, .audiocontent p.close  {display:none;}
.moviecontent li.transcription div, .audiocontent li.transcription div { margin:0; padding:0; border-bottom: 1px solid #EEE;}

.moviecontent li.transcription span.actor, .audiocontent li.transcription span.actor { font-weight: bold;}
.moviecontent li.transcription span.handeling, .moviecontent li.transcription span.audiobeschrijving, 
.moviecontent li.transcription span.gebaar, .moviecontent li.transcription span.sfeer, 
.moviecontent li.transcription span.geschreventekst,
.audiocontent li.transcription span.handeling, .audiocontent li.transcription span.audiobeschrijving, 
.audiocontent li.transcription span.gebaar, .audiocontent li.transcription span.sfeer, 
.audiocontent li.transcription span.geschreventekst  { font-style: italic;}

p.tekstinvideo {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;
	color: #0086CB;
	text-align:center;
	margin-top:0.5em;
}

a.tekstinvideo, a.tekstinvideo:hover, a.tekstinvideo:visited, a.tekstinvideo:focus, a.tekstinvideo:active {
	color: #0086CB;
}