body{background-color:#CCCCCC;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9pt;scrollbar-face-color:#DEE3E7;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#DEE3E7;scrollbar-3dlight-color:#D1D7DC;scrollbar-arrow-color:#006699;scrollbar-track-color:#EFEFEF;scrollbar-darkshadow-color:#98AAB1;}

#wrapper1{position:relative;margin-left:auto;margin-right:auto;top:10px;width:726px}

#wrapper2{position:relative;width:726px;background-color:#FFFFFF;border:2px #006699 solid}

#logo{position:absolute;top:0px;left:0px;width:726px;height:100px;padding:0px;background-color:#ffffff;background-image:url(images/top.gif);background-repeat:no-repeat;background-position:0px 0px}
#sitename{position:absolute;top:53px;left:20px;font-weight:normal;font-size:20pt;letter-spacing:1px;color:#0099cc;}
#searchbox{position:absolute;top:20px;left:550px;}
#searchbox .text,#searchbox .submit{border:2px solid #5493B4;background-color:white;}

#columns{width:722px;position:relative;top:102px;background-color:#000066;margin-left:2px;overflow:hidden}

#left, #locator, #navigator, #previouspage, #top, #nextpage{ display: none;}

#right{background-color:#FFFFFF;width:520px;position:static;margin-left:200px;padding-left:2px;}

#content{width:500px;position:static;padding:0px 10px 20px 10px}

.clear{width:700px;clear:both;height:0px;overflow:hidden;position:relative;margin-top:104px;}

form{margin:0;padding:0px;}
img{border:0;}

a:link,a:active,a:visited{color:#0099cc;}
a:hover{text-decoration:underline;color:#DD6900;}
hr{height:0px;border:solid #D1D7DC 0px;border-top-width:1px;}

H1,H2,H3{font-size:14pt;font-weight:normal;margin-bottom:6px;}
H4{font-size:12pt;font-weight:normal;margin-bottom:6px;}

ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{padding-left:0;margin-left:0;list-style:none;}

li{line-height:1.5;}

li.doc{padding-left:15px;background-image:url(menu/doc.gif);background-repeat:no-repeat;}

li.docs{padding-left:15px;background-image:url(menu/docs.gif);background-repeat:no-repeat;}

li.sdoc{padding-left:15px;background-image:url(menu/sdoc.gif);background-repeat:no-repeat;}

li.sdocs{padding-left:15px;background-image:url(menu/sdocs.gif);background-repeat:no-repeat;}

.menulevel1,.menulevel2,.menulevel3,#locator,#navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu{font-weight:bold;font-size:9pt;color:#FFFFFF;}
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel1 a:hover,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel2 a:hover,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.menulevel3 a:hover,#locator a:link,#locator a:visited,#locator a:active,#locator a:hover,#navigator a:link,#navigator a:visited,#navigator a:active,#navigator a:hover,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:link,.submenu a:visited,.submenu a:active,.submenu a:hover{text-decoration:underline;color:#0099CC}

.menu{font-weight:bold;font-size:8pt;color:#ffffff;margin-bottom:5px;margin-left:15px;}
.menu a{text-decoration:underline;font-weight:bold;}

#lastupdate{font-weight:bold;font-size:8pt;color:#5493B4;margin-bottom:5px;}

.search a{font-weight:normal;color:black;}
.search a:link,.search a:visited{color:black;}
.search a:active,.search a:hover{color:black;}

.edit{font-size:7pt;color:black;background-color:#E5E5E5;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;text-decoration:none;color:black;}

#loginlink,#loginlink a,#loginlink a:link,#loginlink a:visited,#loginlink a:active,#loginlink a:hover{font-weight:normal;font-size:8pt;color:#5493B4;text-decoration:none;margin-top:15px;margin-bottom:10px;margin-left: 7px;}

input,select{font-size:8pt;text-indent:2px;}
textarea{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8pt;background-color:white;width:98%;}

.copyright{font-size:10px;color:#444444;letter-spacing:-1px;padding:10px;}
.copyright a,.copyright a:link,.copyright a:visited{color:#444444;text-decoration:none;}
.copyright a:hover,.copyright a:active{color:#000000;text-decoration:underline;}
body#fullscreen {
    height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
img { border: 0; }
span.metageg {display: block; color: #aaa;}

/* css for movie */
.moviecontent, .audiocontent { width: 500px; } /* 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("images/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("images/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("images/pijl-open.gif") right top no-repeat; }
.moviecontent li a.open:hover, .audiocontent li a.open:hover { background:url("images/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("images/pijl.gif") right top no-repeat; }
.moviecontent li a.close:hover, .audiocontent li.close:hover { background:url("images/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;}