/* ----------- general ----------- */
html { overflow-y: scroll; }
body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:12px; line-height: 1.4; color:#333; background:#333; }
/* ----------- markup ----------- */
a:link, a:visited { color:#333; text-decoration: none; border-bottom: solid 1px transparent; }
a:hover { color:#333; }
a.sel { }
h1, h2, h3 { }
h1 { font-size: 24px; margin-bottom: 14px; line-height: 1.4; }
h2 { font-size: 21px; margin-bottom: 11px; line-height: 1.4; }
h3 { font-size:18px; margin-bottom: 8px; line-height: 1.4; }
h4 { font-size:16px; margin-bottom: 6px; line-height: 1.4; }
h5 { font-size:14px; margin-bottom: 4px; line-height: 1.4; }
p { margin-bottom: 10px; }
img.inline { width:100%; }
small { font-size:11px; }
/* ----------- framework ----------- */
.hgh { background:#FF6; }
#fg { position:absolute; z-index:2; width:100%; height:100%; }
#container { margin: 20px auto; padding: 0; text-align: left; width: 980px; }
#header { display:block; height:80px; background:#fff; padding: 10px; }
#welkom { float:left; display: block; font-size: 12px; width: 285px; }
#welkom .itm { background: #fff; padding: 10px 15px; margin:12px 0; clear:both; width: 285px; }
#recent.itm { padding: 10px 5px 15px 15px; width: 295px; font-size: 11px; }
#recent .thu { width: 90px; height: 60px; overflow: hidden; float: left; margin: 5px 5px 0 0; cursor: pointer; clear: none; }
#recent .thu img.l { height:100%; width:auto }
#recent .img img.p { height:auto; width:100%; }
.g2 #recent { position:absolute; bottom:20px; margin-left:-20px; }
.g2 #recent .thu { clear:both; }
.historie .zoom { }
.historie .zoom_ico { position:absolute; width:24px; height:24px; padding:2px; margin-top: 10px; margin-left: 10px; background:#fff url(../gfx/mss/zoom.png); background-repeat: no-repeat; background-position: 2px 2px; }
#header a.bb { padding: 8px; background: #F7931E; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; text-align:center; }
#header a.bb:hover, #header a.bb.sel { color:#333; }
#footer { display:block; font-size:11px; background:#fff; padding: 10px; }
#logo a { display:block; width:290px; height:68px; background-image: url(/site/gfx/vertrekhal_logo.png); }
#logo a:hover { background:url(/site/gfx/vertrekhal_logo_g.png); }
#content { display:block; min-height:700px; background:#fff; padding: 10px; }
#bg { position: fixed; bottom: -10px; left: -10px; width: 105%; height: auto; z-index: 1; }
#bg .img { width:100%; height:100% }
#bg img.l, #bg img.p { width:100%; height:auto; }
#bg .ic { position:absolute; bottom:10px; left:10px; padding:2px 4px; color:#ccc; font-size:11px; }
#bg .ic:hover { background:#eee; }
#pd { position:absolute; margin-top:32px; width:200px; padding:10px; border:1px solid #eee; background:#fff; display:none; z-index:102; }
#prd { height:60px; width:100%; background:#fff; margin-top:-6px; margin-bottom:10px; }
#prd .pr { display:block; clear:both; }
#prd a.tab, #prd ul.tab { width:151px; padding:7px 2px 5px 6px; display:inline; float:left; background:#666 url('../gfx/tab_lbg.jpg'); border-left: 1px solid #999; font-weight:bold; overflow:none; color:#fff }
#prd a.tab:hover, #prd a.tab.sel { background:#333 url('../gfx/tab_dbg.jpg'); color:#fff; }
#prd ul.tab.yyr { width:26px; font-size:12px; background:none; color:#ccc; padding:8px 2px 0 0; margin:0 4px; border:none; }
#prd ul.tab.yyr a { color:#ddd; }
#prd ul.tab.yyr a.act { color:#333; }
#prd ul.tab.yyr a:hover { color:#333; border-bottom: 2px solid; }
#prd a.tab.yyr.sel { border-bottom:2px solid; ; }
#prd .w { display:inline; float:left; }
#yrs { position:absolute; height:26px; margin-top:30px; z-index:104; width:960px; overflow:hidden; }
#yrs #bar { position:absolute; }
#yrs #prv { position:absolute; left:0; display:none; }
#yrs #nxt { position:absolute; right:0; display:none; }
#yrs #nxt a, #yrs #prv a { padding:2px 8px 6px 8px; background:#333 url('../gfx/tab_dbg.jpg'); font-weight:bold; font-size:21px; line-height:14px; color:#fff; margin:2px; display:block }
#yrs #nxt a:hover, #yrs #prv a:hover { background:#666 url('../gfx/tab_lbg.jpg'); }
#prd ul.tab.yyr .mnu { padding-top:6px; display:none; }
#prd ul.tab.yyr .mnu.r { margin-left:-200px; }
#prd ul.tab.yyr .mnu ul { height:38px; list-style:none; margin:0; padding:0; display:none; }
#prd ul.tab.yyr .mnu li { float:left; width:300px; border:1px solid #eee; }
#prd ul.tab.yyr .mnu li a { background:#fff; color:#333; display:block; text-decoration:none; padding:5px; border:0; }
#prd ul.tab.yyr .mnu li a:hover { background:#333; color:#fff; border:0; }
#q { background:none; border:1px solid #eee; padding:4px 6px; color:#bbb; width:80px; float:right; margin-left:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
#q:focus { border:1px solid #333; color:#333; }
div.zoomdiv { z-index : 110; position : absolute; top:0px; left:0px; width:400px; height:300px; background: #ffffff; border:4px solid #fff; display:none; overflow: hidden; }
.g1.rels { width:110px; padding:0 10px; font-size:11px; margin-right: 0px; }
.rel { display:block; clear:both; margin:10px 0; }
.rel .thu { display:block; clear:both; margin-bottom:2px; width:100px; height:75px; overflow:hidden; float:none; cursor:pointer }
.rel .thu img.l { height:100%; width:auto }
.rel .img img.p { height:auto; width:100%; }
.rel .thu.pdf { border:1px solid #eee; }
.rel .ic { position:relative; display:block; clear:both; font-size:11px; }
.rels .tt { position:relative; background:#F7931E; padding:5px; font-size:11px; font-weight:bold; z-index:100; display:none; width:130px; margin-top:-2px; }
.rels .tt a { color:#fff; border:0 !important; }
.rel .files, .wrapper .files { position:absolute; width:140px; height:100px; }
.rel .files a.pdf, .rel .files a.pdf:hover { margin-left:70px; margin-top:50px; background:url(../gfx/f_pdf_t.png) no-repeat 0 0; border:0; width:30px; height:30px }
.recent { margin-top: 120px; display: block; color:#999; font-size:11px; }
.recent a { color:#999; display: block; margin:2px 0; }
.recent a:hover { color:#333; }
.wrapper .files a.pdf { position: absolute; top: 280px; left: 400px; width: 50px; height: 50px; padding: 0; }
.big { width:470px; display:block; clear:both; }
.big img { width:100%; }
.thu .img, .pdf .img { width:100px; height:75px; overflow:hidden; }
.thu .img img.p { width:100%; height:auto }
.thu .img img.l { height:100%; width:auto }
.thu { width:140px; float:left; margin-right:20px; margin-bottom:30px; clear:left; }
.thu img { width:100%; }
.read { background:#fff;  min-height:600px; margin-left:-5px; width:460px; line-height: 1.6 }
.read a, .rel a, #welkom a { border-bottom:1px dotted #F7931E; color:#F7931E; }
.rel a:hover, .read a:hover, #welkom a:hover { border-bottom:1px solid; color:#333; }
a.sid { background-image: url("/site/gfx/arrow.gif"); background-position: left 2px; background-repeat: no-repeat; font-weight:bold; color:#F7931E; display: block; padding-left: 10px; font-size:14px; }
a.sid small { font-weight:normal; font-size:11px; color:#333; display:block; }
a.sid.sel, a.sid:hover { color:#333; }
/* ----------- lay ----------- */
.hidden { display: none; }
.show { display: block; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { display: inline-block; }
.cl { display: block; }
.top { clear:right; display:block; margin-top:13px; margin-bottom:4px; color:#bbb; }
.top.gen a { color:#bbb; font-size:12px; display:inline; }
.top.gen a:hover { color:#F7931E; }
.top.gen a.sel { color:#F7931E; border-bottom:2px; }
.gen a { font-size:14px; font-weight:bold; color:#F7931E; display:block; }
.gen a:hover, .gen a.sel { color:#333; }
.img { width:460px; height:345px; overflow:hidden; }
.img img.p { width:100%; height:auto }
.img img.l { height:100%; width:auto }
.pdf { width:460px; height:345px; overflow:hidden; }
.pdf img.l { width:100%; height:auto }
.pdf img.p { height:100%; width:auto }
.ic { font-size:12px; display:block; margin:6px 0 12px 0; font-style: italic }
/* floater */
.floater { position:absolute; padding:20px; font-size:36px; }
.floater a { font-size:48px; }
.round { -moz-border-radius: 20px 20px; -webkit-border-radius: 20px 20px; }
.orange { color:#F7931E }
.bij { position:absolute; bottom:0; padding:5px; background:#fff; }
.trans { filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95; }
.tags { display:block; font-size:11px; margin-bottom:6px; margin-top:12px; }
.vv { font-size:11px; height:20px; margin:2px; }
.vr { float:left; width:80px; margin-right:5px; font-size:11px; }
.vl { float:left; clear:right; width:200px; background-image:url('../gfx/dd.gif') repeat none; padding-left:6px; }
.searchItem { margin-top:10px; margin-bottom: 16px; }
.searchItem a.tit { clear:right; margin-bottom: 4px; color:#F7931E }
.searchItem a.tit:hover { color:#333 }
.highlight { background: #FFD; font-weight: bold; }
img.bigimg { width:auto; height:auto }
.hid { display:none; }