/* CSS Voor Webdossier */

/* Webdossier modules */

/* R7 - background subitems */
div#r7 {width:230px;padding:20px 0;background-color:#fff}
div#r7top {height:5px;font-size:1px;background:url(../img/r7top.gif) no-repeat}
div#r7mid {padding:2px 8px;background:url(../img/r7mid.gif) repeat-y}
div#r7bot {height:7px;background:url(../img/r7bot.gif) no-repeat}

div#r7mid h2 {height:25px;hei\ght:20px;padding:5px 10px 0 10px;background-color:#330033;color:#fff}
div#r7mid ul {list-style:none;padding-bottom:2px;border-bottom:15px solid #ccc}
div#r7mid li {margin:4px 0;border-bottom:1px solid #ccc}
div#r7mid li a {margin-left:12px;display:block;padding:0 0 4px 12px;background:url(../img/arrows/bullet.gif) 0 4px no-repeat;font-weight:bold}
div#r7mid li a.selecteddd {color:#a77c00}

/* overview time periods 227x80 */
ul#p30 {list-style:none}
ul#p30 li {float:left;position:relative;width:220px;w\idth:227px;height:73px;he\ight:80px;padding:7px 0 0 7px;margin:2px;background:url(../img/overzichtbg.gif) no-repeat;cursor:pointer;cursor:hand}
ul#p30 img {float:left;margin-right:4px}
ul#p30 p {width:218px !important;width:146px;font-size:0.91em}
ul#p30 a {position:absolute;right:14px;bottom:14px;margin:0;font-weight:bold;}
ul#p30 a span {display:block;padding-top:2px}

/* gallery */
div#controls {margin:10px auto;text-align:center;}
div#controls a, div#controls span {color:#474543;font-weight:bold}
div#controls a#shownext {float:right}
div#controls a#showprev {float:left}
div#mediabox {margin:0 auto;text-align:center}

/* period navigation */
div#periodcontent {margin-top:130px}
div#p31 {position:absolute;top:30px;width:490px;}
div#p31 ul {list-style:none}
div#p31 a.nav, div#p31 li {float:left;display:block}
/* period blocks */
div#p31 li {width:82px;cursor:pointer;cursor:hand;}
div#p31 li img {margin:8px}
div#p31 li span {display:block;position:relative;margin-top:-82px;height:82px;background:url(../img/kader2.gif) 0 0 no-repeat;z-index:100}
div#p31 li span:hover, div#p31 li span.hover {background-position:0 -82px}
div#p31 li a {display:block;margin:0 auto 0 auto;text-align:center;font-weight:bold}
/* period nav controls */
div#p31 a.nav span {display:none}
div#p31 a.nav {width:40px;height:80px}
div#p31 a#donext {background:url(../img/rightscroll.gif) no-repeat}
div#p31 a#doprev {background:url(../img/leftscroll.gif) no-repeat}
div#p31 a#donext:hover, div#p31 a#doprev:hover {background-position:0 -80px}