/* Beeldbank stylesheet, algemeen
 * Version: $Id: beeldbank.css,v 1.5 2010/11/30 10:06:10 telnotap Exp $
 */
html, body, h1, h2, h3, h4, h5, h6, p, form, fieldset, ul, ol, li, dl, dt, dd, legend {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  font-family: "Lucida Grande", Tahoma, sans-serif;
  font-size: small;
}

html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small;	/* for other IE versions*/
}

img, fieldset { border: 0; }

p {
  margin-bottom: 1em;
  line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.2em; }

.noCss
  { position: absolute; left: -9999px; }

a:link { color: #333; }
a:visited { color: #222; }
a:hover { color: #c00; }
a:active { color: #390; }

.dossier h2 { color: #990066; }

.ntr h4 { color: #0876a7; }
.dossier h4 { color: #990066; }


/* replace #107bd0 with  #0876a7 */

/* ### balk en navigatie ### */ 
#zwbalk {
  width: 100%;
  height: 55px;
  background-image: url(../gfx/bg_zwartebalk.gif);
  background-repeat: repeat-x;
}

#zwbalkbinnen { /* zelfde als sitecontainer o.a. om spul op z'n plek te houden */
  width: 960px;
  margin: 0 auto;
  padding: 0;
  height: 55px;
  position: relative;
}

#logo {
	margin-top: 26px;
	margin-right: 15px;
	float: right;
	z-index: 5;
}

#hoofdnavigatie {
  position: absolute;
  top: 32px;
  left: 15px;
  color: #fff;
  list-style: none;
  height: 23px;
  display: inline;
  overflow: hidden;
  width: 640px;
}

#hoofdnavigatie li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}

#hoofdnavigatie a {
  float: left;
  margin: 0 2px 0 0;
  padding: 23px 0 0 0;
  overflow: hidden;
  height: 0px;  /* for IE5/Win only */
}

#hoofdnavigatie li a:hover { background-position: 0 -23px; }
#hoofdnavigatie li a:active,
#hoofdnavigatie li.hierbenik a:active { background-position: 0 -46px; }
#hoofdnavigatie li.hierbenik a { background-position: 0 -23px; }


#nav1 a {
    width: 130px;
    background: url(../gfx/nav_alle.gif) top left no-repeat;
    background-position: 0 0px;
}

#nav2 a {
    width: 130px;
    background: url(../gfx/nav_clipphangers.gif) top left no-repeat;
    background-position: 0 0px;
}

/* voor dossier tab
#nav3 a {
    width: 76px;
    background: url(../gfx/nav_doss.gif) top left no-repeat;
    background-position: 0 0px;
}
*/

#sitecontainer {
	margin: 60px auto 0 auto;
  padding: 0;
  border: 0;
  width: 960px;
}

#kruimelpad {
	color: #808080;
	width: 65%;
	float: left;
	margin-top: 80px;
	padding-left: 18px;
}

#kruimelpad a:link { color: #808080; }
#kruimelpad a:visited { color: #808080; }
#kruimelpad a:hover { color: #c00; }
#kruimelpad a:active { color: #390; }

#kruimelpad ol {
	list-style: none;
	display: inline;
}

#kruimelpad li {
	display: inline;
	background: url(../gfx/bul_kruimel.gif) left no-repeat;
	padding: 0 6px 0 16px;
}

#kruimelpad ol li.first {
	padding: 0 6px 0 0;
	background: transparent;
}

/* wrapper houdt kolommen bijeen */
.wrapper { clear: both; }

/* kolommen */
.left, .middle, .right {
	width: 290px;
	float: left;
	padding: 0 10px;
}

div.left2 div.wrapper div.left { padding-left: 0; } 

/* 2-koloms kolommen */
.left2, .right2 {
	width: 620px;
	float: left;
	padding: 0 10px;
}

div.relative {
	position: relative;
	top: 0;
	left: 0;
	background-color: #fff;
}

div.themas {
/*
	position: absolute;
	top: 0;
	left: 0;
*/
	background-color: #fff;
	padding: 0;
	background: url("../gfx/themas_bg.png") repeat scroll left bottom transparent;
	border-bottom: 1px solid #ccc;
	width: 270px;
  margin-bottom: 5px;
}

div.themas h3 {
	background: url("../gfx/themas_header.png") no-repeat scroll left top #fff;
	color: #fff;
	font-size: 1.2em;
	margin: 0 0 10px;
	padding: 3px 2px 6px;
	text-align: center;
}

#inhoud {
	float: left;
	margin: 0;
	padding: 0 15px 0 5px;
	width: 760px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px;
}

#inhoud h2 { margin-left: 10px; }
#inhoud h4 {
	margin: 10px 0 0px 0;
	font-size: 1.2em;
	color: #000;
}

#extrainhoud {
	float: right;
	width: 200px;
	margin: 1em 0 0 0;
	padding: 0;
}

.content { 
	background: url(../gfx/content_onder.gif) no-repeat bottom left;
	width: 720px;
	padding: 0;
	margin: 0;
}

.content .paginaelement.tekst {
  margin: 0;
  padding: 8px 0 0 20px;
}

.content .paginaelement.tekst:first-child {
  background: url(../gfx/content_boven.gif) no-repeat top left;
}

.contenttop {
	background: url(../gfx/content_boven.gif) no-repeat top left;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 1.4em;
}

.content h3.top {
	background: url(../gfx/content_boven.gif) no-repeat top left;
	margin: 0;
	padding: 8px 10px 2px 10px;
	font-size: 1.4em;
}

.content h3 {
	padding: 8px 10px 2px 0;
	margin: 0;
	font-size: 1.2em;
}

/* nog meer kolommen, voor clippagina */
#inhoud .left {
	float: left;
	width: 340px;
	padding: 0 10px 15px 10px;
}

#inhoud .right {
	float: left;
	padding: 0 15px 15px 5px;
	width: 340px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 320px;
}

#inhoud .middle {
	clear: both;
	float: none;
	width: 690px;
	padding: 0 15px 5px 10px;
}

#inhoud .middle ul { margin: 0 0 1em 16px; }

#inhoud fieldset { margin-bottom: 1em; }
#inhoud .row {
	clear: both;
	padding-top: 8px;
}

#inhoud .lastrow {
	clear: both;
	padding: 8px 0 0 5.4em;
}

#inhoud label {
	float: left;
	width: 20%;
	padding-right: 6px;
	font-weight: bold;
	text-align: right;
}

#inhoud textarea { 
  width: 75%; 
  height: 200px; 
}

#inhoud form.mailafriend input,
body.contact #inhoud input { 
  width: 75%; 
}

#inhoud form.mailafriend p,
body.contact #inhoud form p { clear: both; }

#button_verzenden, #inhoud form.mailafriend input#verstuur {
	margin-top: 1em;
	width: auto;
	margin-left: 20%;
}

.imgright {
	float: right;
	text-align: right;
	font-size: 0.9em;
	border: 1px solid #ccc;
	color: #333;
	padding: 2px;
	margin: 4px 2px 2px 4px;
	width: 270px; /* width for IE5 Windows */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 260px; /* actual value for other browsers */
}

.imgright img { display: block; }

#sitecontainer #inhoud .content .paginaelement.tekst {
  clear:both;
  margin: 0;
  padding: 8px 0 10px 20px;
}

#sitecontainer #inhoud .content .paginaelement.tekst h3 {
  float: right;
  margin: -40px 0 0 11px;
  padding: 8px 10px 0 0;
  width: 526px;
}

#sitecontainer #inhoud .content .paginaelement.tekst p {
  line-height: normal;
  float: right;
  margin: 0 0 0 11px;
  padding: 0 10px 10px 0;
  width: 526px;
}

#sitecontainer #inhoud .content .paginaelement.tekst .afbeelding p { display: none;}

#sitecontainer #inhoud .content .paginaelement.tekst p.intro {
  line-height: normal;
  margin: 5px 0 0 11px;
  padding: 0 10px 8px 0;
  width: 526px;
}

.afbeelding.medium.rechts a img {
   border: 1px solid #ccc;
   display: block;
  float: left;
  margin: 5px 0 5px -5px;
  padding: 1px;
}

.afbeelding.medium.rechts p {
  float: left;
  font-size: 90%;
  margin: 88px 0 0 -153px;
  padding: 0;
  width: 160px;
  visibility: hidden;
}


dl.faq {
	margin: 2px 0 1em 0;
	clear: both;
}

dl.faq dt {
	padding: 2px 2px 2px 18px;
	background: url(../gfx/bul_plus.gif) no-repeat 3px 6px;
	color: #333;
	text-decoration: underline;
}
dl.faq dt:hover { color: #c00; }
dl.faq dt.closed { background: url(../gfx/bul_plus.gif) no-repeat 3px 6px; }
dl.faq dt.open {
	background: url(../gfx/bul_min.gif) no-repeat 3px 6px;
	background-color: #efefef;
}

dl.faq dd {
	line-height: 1.4em;
	margin: 0 0 1em 18px;
}

dl.faq dd.open { display: block; }
dl.faq dd.closed { display: none; }

.clip .content.clip .top {
  margin: 0;
  padding: 0;
  width: 720px;
}

.clip .content.clip h3.top {
  background: url(../gfx/content_boven.gif) no-repeat top left;
  margin: 0;
  padding: 18px 10px 2px 20px;
  font-size: 1.4em;
}

.clip .content.clip .top object.flashobject {
  margin: 10px 0 0 20px;
  padding: 0;
}

.content.clip .left p.intro {
  line-height: 15px;
  margin: 5px 0 0 10px;
  padding: 0;
  width: 325px;
}

#clipoffline {
 width:640px;
 margin: 10px 0 0 20px;
 padding: 0;
}

.content.clip .left #clipinfo {
  margin: 10px 0 0 10px;
  width: 325px;
  padding: 5px;
}

.content.clip .left #cliptools {
  display: inline-block;
  height: 152px;
  margin:  10px 0 0 10px;
  padding: 4px 5px 6px 5px;
  width: 325px;
}

.clip .content.clip .wrapper .right {
  background-color: lime;
  margin: -7px 0 0 0px;
  padding: 0;
}

.socialmedia {
  float: right;
  margin:  266px 20px 0 10px;
  padding: 0;
  width: 30px;
}

.socialmedia .rss {
  background-image: url(../gfx/readericon_rss.png);
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 0px;
  height: 20px;
  margin: 2px 0 0 0;
  padding: 0;
  width: 30px;
}

.socialmedia .rss /*span*/ a  {
  display:block;
  font-size: 0px;
  height: 20px;
  margin: 2px 0 0 0;
  padding: 0;
  width: 30px;
}

.socialmedia .rss /*span*/ a:hover {
   background-image: url(../gfx/readericon_rss_hover.png);
   background-position: top center;
   background-repeat: no-repeat;
  font-size: 0px;
  height: 20px;
  margin: 2px 0 0 0;
  padding: 0;
  width: 30px;
}

#voettekst {
  clear: both;
  padding: 3em 0 1em 15px;
}

#voettekst * {
  list-style: none; 
  display: inline;
  color: #808080;
}

#voettekst a:link {
  color: #808080;
  text-decoration: none;
}

#voettekst a:visited {
  color: #808080;
  text-decoration: none;
}

#voettekst a:hover {
  color: #c00;
  text-decoration: underline;
}

#voettekst a:active {
  color: #390;
  text-decoration: underline;
}

#voettekst ul li {
  padding-right: 0.8em;
  padding-left: 0.5em;
  background: url(../gfx/streepje.gif) right no-repeat;
  font-size: 90%;
}

#voettekst ul li.laatste { background: none; }

#voettekst ul#voetnavigatie li.laatste {
  background-image: url(../gfx/readericon_rss.png);
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 0px;
  height: 50px;
  margin: -10px 0 0 0;
  padding: 12px 5px 8px 10px;
  width: 70px;
}

#voettekst ul#voetnavigatie li.laatste a {
  font-size: 0px;
  height: 50px;
  margin: -10px 0 0 0;
  padding: 12px 5px 8px 10px;
  width: 70px;
}

#voettekst ul#voetnavigatie li.laatste a:hover/* span */{
  background-image: url(../gfx/readericon_rss_hover.png);
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 0px;
  height: 50px;
  margin: -10px 0 0 -5px;
  padding: 12px 5px 8px 14px;
  width: 70px;
}

.addthis_toolbox a {
  float: right;
  margin: 0;
  padding: 3px;
  width: 20px;
}

/* groot zoekformulier */
#zoekform { margin-bottom: 4em; }

#zoekform input { 
  padding: 1px; 
  margin-right: 2px;
}

#zoekform ul { margin-top: 1em; }
#zoekform li {
	list-style: none;
	display: inline;
	font-weight: bold;
	padding-right: 40px;
}

/* klein zoekformulier */
#zoekform_kl input {
	padding: 1px;
	margin-right: 1px;
	width: 108px;
	margin-bottom: 3px;
}

#zoekform_kl select { width: 194px; }

#zoekform_kl ul {
	margin-top: 1em;
	margin-bottom: 2em;
	list-style: none;
} 

#zoekform_kl li {
  background: url(../gfx/bul_driezwart.gif) no-repeat left 4px;
	font-size: 0.9em;
	padding-left: 10px;
	margin-top: 5px;
}

input#zoekbutton {
	vertical-align: top;
	margin-left: 2px;
	border: 0;
	width: 71px;
	height: 20px;
}

/* boxjes */
.box, .boxvervolg {
	position: relative;
	width: 286px;
	height: 212px;
	background: url(../gfx/box.gif) no-repeat top left;
	behavior: url(css/hover.htc);	/* yet another fix for MSIE bug: location of this file should be relative to html NOT the css! */
}

.box h3 {
	margin: 0;
	padding: 10px 10px 6px 10px;
	font-size: 1.4em;
	text-align: center;
}

.box p, .boxvervolg p {
	margin-bottom: 4px;
	padding: 0 6px 0 12px;
	font-size: 1em;
}

.dossiers #boxplus:hover, #boxplus.hover { background: url(../gfx/box_doss.png) no-repeat top left; }
.dossiers #boxplus2:hover, #boxplus2.hover { background: url(../gfx/box_doss.png) no-repeat top left; }

img.preview {
	float: left;
	padding: 1px;
	border: 1px solid #808080;
	margin: 2px 10px 0 0;
}

img.vakbutton {
	position: absolute;
	bottom: 0;
	left: 48px;
}

.boxntr:hover { background: url(../gfx/box_vo.gif) no-repeat top left; }
.boxntr.clipphanger:hover { background: url(../gfx/box_clphanger.png) no-repeat top left; }

.ntr h3 a:link, .ntr h3 a:visited { color: #0876a7; }
.box h3 a:link, .box h3 a:visited { text-decoration: none; }
.box h3 a:hover, .box h3 a:active { text-decoration: underline; }

.boxvervolg h4 {
	padding: 14px 2px 0 12px;
	margin: 0;
}
.boxvervolg h5 {
	padding: 0 2px 0 12px;
	margin: 0 0 2px 0;
}

img.bekijkbutton {
	position: absolute;
	bottom: 0;
	left: 48px;
}

img.dossierbutton {
  bottom: 0;
  left: 144px;
  margin-left: -73px;
  position: absolute;
}

/* de 'boom' */
#boom {
	list-style: url(../gfx/bul_plus.gif);
	margin: 0 10px 10px 28px;
}

#dossierboom {
  list-style: url(../gfx/bul_drieblauw.gif);
}


#boom li ul {
	padding-left: 16px;
}

#boom li ul li ul {
	font-weight: bold;
}

#boom li.open { list-style: url(../gfx/bul_min.gif); }
#boom li.open ul li { list-style: url(../gfx/bul_plus.gif); }
#boom li.open ul li.open { list-style: url(../gfx/bul_min.gif); }

body.ntr #boom li ul li ul li { list-style: url(../gfx/bul_drieblauw.gif); }
body.ntr #boom li ul li ul li a { color: #0876a7; }

ul#boom li ul li ul li a:hover { color: #c00; }

#boom ul.closed { display: none; }

/* ### zoekresultaten  ### */
#pagertop {
	background: url(../gfx/content_boven.gif) no-repeat top left;
	margin: 0 0 10px 0;
	padding: 10px 20px 0 15px;
}

.project #pagertop {
  clear:both;
  border-top: 1px solid #ccc;
  background: none;
  margin: 0 15px 0 15px;
  padding: 0;
  width: 690px;
}

.pageend {
  clear:both;
}

#pagerbottom {
	clear: both;
	padding: 10px 20px 2.8em 15px;
}

.pager { margin: 15px; }
.pagerleft { float: left; }
.pagerright { float: right; }

.first {
	background: url(../gfx/bul_first.gif) no-repeat left 4px;
	padding-left: 15px;
}

.previous {
	background: url(../gfx/bul_previous.gif) no-repeat left 4px;
	padding-left: 10px;
}

.next {
	background: url(../gfx/bul_next.gif) no-repeat right 4px;
	padding-right: 10px;
}

.last { 
	background: url(../gfx/bul_last.gif) no-repeat right 4px;
	padding-right: 15px;
}

#zoekresultaten {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 10px 15px 0 15px;
	width: 690px;
	float: right;
}

#zoekresultaten dl {
	float: left;
	width: 690px;
	margin: 10px 0;
	padding: 0;
	display: inline;  /* fixes another Win/IE bug */
}

#zoekresultaten dt {
	float: right;
	width: 514px;
	margin: 0 0 8px 0;
	padding: 3px 0 3px 6px;
	font-weight: bold;
	font-size: 1.2em;
	background-image: url(../gfx/bg_grijsverloop.gif);
	background-repeat: repeat-y;
}

#zoekresultaten dt a { text-decoration: none; }

#zoekresultaten dd {
	margin: 0 0 0 174px;
	padding: 0;
	font-size: 0.9em;
}

#zoekresultaten dl dd strong { font-size: 1.1em; }

#zoekresultaten dl dd p { margin-bottom: 0.5em }

/* button 'Bekijk' */
#zoekresultaten dd img {
	float: right;
	margin: 1.8em 10px 0 0;
}

#zoekresultaten dl dd.img { margin: 0; }

#zoekresultaten dd.img img {
	float: left;
	margin: 0;
	padding: 1px;
	border: 1px solid #ccc;
}

#zoekresultaten ul {
	list-style: none;
	font-size: 0.95em;
}

#zoekresultaten ul li {
	list-style: none;
	padding-top: 2px;
}

#zoekresultaten label {
	color: #666;
	float: none;
	font-weight: normal;
	text-align: left;
	width: auto;
}
/* dossier = clipphanger */
#zoekresultaten dl dt span.dossier {
  color: #ee1c24;
  float: right;
  margin-right: 10px;
  text-transform: lowercase;
}


/* clippagina */
#flashVideoPlayer {
  background-image: url("../gfx/player_back.jpg");
  background-repeat: no-repeat;
	color: #fff;
  padding: 5px;
	width: 340px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 330px;
}

#flashVideoPlayer p { margin: 12px; }
#flashVideoPlayer a:link, #flashVideoPlayer a:visited { color: #F00; }

#clipinfo, #cliptools {
	width: 340px;
}

#cliptools {
	background-color: #f2f1f1;
	border: 1px solid #ccc;
	padding: 4px 5px 6px 5px;
	width: 330px;
	margin-top: 8px;
}

#clipinfo dl, #cliptools dl {
	float: left;
	width: 340px;
	padding: 0;
	margin: 2px 0;
	display: inline;	/* fixes another IE/Win bug */
}

#clipinfo dt, #cliptools dt {
	float: left;
	margin: 0;
	padding: 0;
}

#clipinfo dd, #cliptools dd { padding: 0; }

#clipinfo dt {	width: 80px; }
#clipinfo dd {	margin: 0 0 0 82px; }

#cliptools dt {	width: 46px; }
#cliptools dd {	margin: 0 0 0 48px; }

#cliptools input { width: 245px; }

#cliptools ul.links { margin-left: 38px; }
#cliptools ul.links li {
	clear: both;
	list-style: none;
	background-image: url(../gfx/bul_driegrijs.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-top: 2px;
}

img.cliphelp {
	padding: 0 10px 6px 4px;
	float: right;
}

#cliptools .stuurdoor {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	padding: 8px 0;
	margin: 8px 0;
}

#cliptools .stuurdoor a {
	margin-right: 14px;
	background-image: url(../gfx/bul_driegrijs.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

#cliptools img {
	vertical-align: text-bottom;
	margin-left: 2px;
	cursor: pointer;
}

div.helphidden { display: none; }

div.help {
	background-color: #fff;
	border: 1px solid #808080;
	width: 280px;
}

div.help img {
	float: right;
	padding: 4px 6px 6px 4px;
	cursor: pointer;
}

div.help h4 {
	font-size: 1.2em;
	padding: 6px 6px 4px 6px;
	background-image: url(../gfx/bg_grijsverloop.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #808080;
	margin-bottom: 3px;
}

div.help p {
	font-size: 0.95em;
	margin: 0;
	padding: 0 6px 6px 6px;
}

.clip h4 { padding-top: 1em; }
p.intro { font-weight: bold; }

ul.trefwoorden li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 2px;
  width: 325px;
}

ul.trefwoorden li a { text-decoration: none;}

ul.trefwoorden li a:hover { text-decoration: underline;}

/*.trefwoorden { padding-bottom: 2em; }*/

/* margins */

.rss .content h3 {
  margin-left: 20px;
}

.rss .content ul {
  margin-left: 35px;
  padding-bottom: 20px;
}

.content.clip .right .trefwoorden h4 {
  margin: 5px 0 0px 5px;
  padding-top: 0;
  font-size: 1.2em;
}

.content.clip .right .cliptekst h4 {
  margin: 11px 0 5px 5px;
  padding-top: 0;
  font-size: 1.2em;
}

.cliptxt {
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 400px;
}

/* Dossier op clip pagina */
body.clip #inhoud .dossier {
  border: 1px #257b8b solid;
  margin: 10px 0 0 10px;
  padding: 0;
  width: 335px;
}

body.clip #inhoud .dossier h4 {  
  background-color: #fff;  
  color: #000;  
  font-size: 0em;
  height: 1px;
  margin: 0;
  padding: 4px;
/*  border-bottom: 1px solid #990066;*/
}

body.clip #inhoud .dossier img {
  margin-left: 2px;
  cursor: pointer;
  padding: 4px;
}

body.clip #inhoud .dossier ul { padding: 4px;}

body.clip #inhoud .dossier ul li {
  list-style: none;
  padding: 0;
  color: #333;
}

body.clip #inhoud .dossier ul li a {  
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  font-weight: bold;
  height: 28px;
  margin: -5px 0 0 5px;
  padding: 0 0 4px 40px;
  width: 100px;
}

.dossier li.dossierlink a { 
  background-image: url(../gfx/clphangericon-sm.png);
  background-position: 0 0;
  margin: 0 0 0;
  padding: 10px 0 0 0; 
}

.dossier ul li.dossierlink a {
	color: #ee1c24;
	font-size: 120%;
	margin-top: 5px;
	padding: 0;
	text-decoration: none;
}

.dossier ul li.dossierlink a:hover {
	color: #257b8b;
	font-size: 120%;
	margin-top: 5px;
	text-decoration: underline;
}

.dossier ul li.dossierlink p {
	color: #12363a;
	font-size: 100%;
	margin: -11px 0 8px 45px;
	padding: 0;
	text-decoration: none;
	width: 280px;
}

/* related clips */
.boxrelated {
	width: 194px;
	background: url(../gfx/related_bg.gif) repeat bottom left;
	border-bottom: 1px solid #ccc;
}

.boxrelated h3 {
	margin: 0 0 10px 0;
	padding: 3px 2px 6px 2px;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	background: url(../gfx/related_kop.gif) no-repeat top left;
	background-color: #7b7b7b;
}

.boxrelated dl {
	font-size: 0.9em;
	padding: 6px 1px 6px 1px;
	behavior: url(css/hover.htc);	/* yet another fix for MSIE bug: location of this file should be relative to html NOT the css! */
	/*display: inline;*/	/* fixes another IE/Win bug */
}

.boxrelated dl:hover, .boxrelated dl.hover {
	background-color: #e6e5e5;
	border: 1px solid #808080;
	padding: 5px 0 5px 0;
}

.boxrelated dl dt { padding: 0 15px 0 15px; }

.boxrelated dl dt img {
	border: 1px solid #ccc;
	padding: 1px;
	text-align: center;
}

.boxrelated dl dd { padding: 0 15px 0 15px; } 

.boxrelated dl dd.title {
	font-weight: bold;
	font-size: 1.1em;
	background: url(../gfx/bul_driegrijs.gif) no-repeat 5px 3px;
} 

/* alle clips */
#alleclips {
	clear: both;
	background: url(../gfx/contentgroot_onder.gif) no-repeat bottom left;
	width: 960px;
	padding: 0;
	margin: 0;
}

#alleclips form {
	background: url(../gfx/contentgroot_boven.gif) no-repeat top left;
	margin: 0;
	padding: 10px 25px 20px 15px;
}

#alleclips table {
	width: 100%;
	margin-bottom: 1em;
}
#alleclips caption { display: none; }
#alleclips th {
	text-align: left;
	vertical-align: top;
	height: 3.2em;
}
#alleclips tr.odd { background-color: #efefef; }

.previewhidden { display: none; }
.previewshown {
	background-color: #fff;
	border: 1px solid #000;
	width: 340px;
	padding: 6px;
}
.previewshown h4 {
	font-size: 1.2em;
	margin-bottom: 2px;
}
.previewshown p {
	margin: 0;
	font-size: 0.95em;
}
.previewshown strong { display: block; }

.previewshown h4 a:link, .previewshown h4 a:visited { text-decoration: none; }
.previewshown h4 a:hover, .previewshown h4 a:active { text-decoration: underline; }

.previewshown img {
	float: left;
	padding: 1px;
	border: 1px solid #808080;
	margin: 2px 8px 0 2px;
}

a.bullet {
	margin-right: 14px;
	background-image: url(../gfx/bul_driezwart.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

/* messages */
.msg {
  border: 1px solid #002828;
  background-color: #d6e44b;
  width: 75%;
  text-align: center;
  margin: 4px auto 4px auto;
  padding: 0.7em;
}

.err {
	border: 1px #900 solid;
	background-color: #FCC;
	width: 75%;
	text-align: center;
  margin: 4px auto 4px auto;
  padding: 0.7em;
}

.bbpopup { width: 252px; }

#inhoud form.ratingform fieldset { margin-bottom: 4px; }
span.total_rating, span.nr_of_views {
	font-size: 0.9em;
	font-style: italic;
}