/* -------------------------------------------------
Version :1.2
Site-creators :Tremani
Email :info@tremani.nl
Website :http://tremani.nl
Client :Infoloket (http://www.infoloket.nl)
---------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
/* remember to define focus styles! */
:focus {outline:0;}
ol, ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
/* END GLOBAL RESET ----------------------------------------------------------- */
body {font:75%/1.45em Arial, Helvetica, Verdana, sans-serif; color:#000; background:#a4c500 url(../img/ui-bg-vert-verloop.png) repeat-x; text-align:center;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, address { margin:1em 0; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#406000;}
h1{ font-size:210%; line-height:1.23em; margin:0.5em auto 0.45em auto; }
h1 + h2 {margin:-0.5em auto 1.2em auto;}
h2{ font-size:145%; margin:0.6em auto 0.6em auto; line-height:1.23em; }
h2.introductie { font-size:145%; margin:2em auto 2em auto; color:#90190e; line-height:1.45em; }
h3{ font-size:118%; line-height:1.45em; }
h3 + p {margin-top:-1em; }
h4{ font-size:100%; line-height:1.23em; }
h5{ font-size:100%; }
h5 + p {margin-top:-1em; }
h6{ font-size:88%;}
h6 + p {margin-top:-1em; }
a {color:#881308; font-weight:bold; text-decoration:none; position:relative;}
a:hover {text-decoration:underline;}
#col-1 ul.txt {}
#col-1 ol.txt {}
* html #col-1 ul.txt,
* html #col-1 ol.txt {height:1px;}
#col-1 ul.txt li,
#col-1 ol.txt li { position:relative; background:transparent url(../img/bullet-li-orange.png) no-repeat 0 9px; padding-left:8px; margin:.3em 0 .3em 0;}
* html #col-1 ul.txt li,
* html #col-1 ol.txt li {height:1px;}
strong {font-weight:bold;}
/* SITE SPECIFIC ----------------------------------------------------------- */
#outer-wrapper { width:910px; margin:23px auto 0 auto; background:url(../img/ui-content-mid.png) repeat-y 0 0; position:relative; min-height:350px; text-align:left; }
.home #outer-wrapper {background:url(../img/ui-generic-mid.png) repeat-y 0 0; }
* html #outer-wrapper {height:350px;}
#ui-top { width:910px; background:url(../img/ui-content-top.png) no-repeat 0 0; position:relative; min-height:350px; padding:1px 0; text-align:left; }
* html #ui-top { height:350px;}
.home #ui-top { background:url(../img/ui-generic-top.png) no-repeat 0 0; }
#header {margin:20px;}
.home #header {margin:40px 20px 20px 20px; position:relative;}
h1#header-logo {margin:0; height:44px; width:429px; float:left; display:inline; position:relative; z-index:5; }
.home h1#header-logo {margin:0; height:63px; width:612px; position:absolute; top:0; left:0; }
h1#header-logo a {background:url(../img/Logo-klein-8bits.png) no-repeat 0 0; height:44px; width:429px; text-indent:-999em; position:relative; display:block;}
h1#header-logo a.groot {background:url(../img/Logo-groot.png) no-repeat 0 0; height:63px; width:612px;}
/* Search Form ----------------------------------------------------------- */
.searchform {position:relative; background:#fe9900; float:right; display:inline; margin:0; }
.main {height:35px; width:408px; padding:4px 5px 5px 5px;}
.home .main {height:77px; width:627px; padding:42px 55px 5px 55px; margin-top:50px;}
* html .home .main {width:626px;}
.google {padding:4px 5px 5px 5px; margin-bottom:2em;}
* html .google {width:202px;}
.corner {width:6px; height:6px; position:absolute; background-position:0 0; background-repeat:no-repeat; line-height:0; font-size:0;}
.tl {background-image:url(../img/searchform-tl.png); top:0; left:0;}
.tr {background-image:url(../img/searchform-tr.png); top:0; right:0;}
.bl {background-image:url(../img/searchform-bl.png); bottom:0; left:0;}
.br {background-image:url(../img/searchform-br.png); bottom:0; right:0;}
input.search-term {background:transparent; color:#881308; font-weight:bold; font-size:100%; /* line-height:26px; */font-family:Arial, Helvetica, Verdana, sans-serif; border:none; padding:10px 0 10px 11px; }
/* * html input.search-term {padding:4px 0 0px 11px; overflow:visible; } */
/* *+html input.search-term {padding:10px 0 10px 11px;} */
.top input.search-term {width:270px;}
.home .top input.search-term {width:481px;}
* html .top input.search-term {width:267px;}
* + html .top input.search-term {width:267px;}
* html .home .top input.search-term {width:486px;}
* + html .home .top input.search-term {width:486px;}
.google input.search-term {width:197px;}
* html .google input.search-term {width:191px;}
.input-bg {background:url(../img/searchform-input.png) no-repeat 0 0; float:left; display:inline; height:35px; /*border:1px solid green;*/}
.input-end {background:url(../img/searchform-input-end.png) no-repeat 100% 0px; float:left; display:inline; height:35px; /*border:2px solid red;*/ }
.search-submit {cursor:pointer; background-repeat:no-repeat; background-position:0 0; background-color:transparent; height:44px; border:none; float:left; display:inline; position:relative;}
* html .search-submit {height:39px !important; }
.search-submit:hover {background-position:0 -44px; }
.search-submit:active {background-position:0 -88px;}
#search-submit-main {background-image:url(../img/btn-zoeken2.png); width:132px; margin:-4px -5px 0 0; }
#search-submit {background-image:url(../img/btn-verzend.png); width:132px; margin:-4px -5px 0 0; }
#search-google { background-image:url(../img/btn-zoeken-google.png); float:none; width:215px; padding:0; margin:0 -5px -5px -5px;}
* html #search-google { margin:0 -10px -1px -1px; height:46px; position:relative; left:-5px;}
* + html #search-google { margin:0 -10px -1px -1px; height:46px; position:relative; left:-5px;}
.hr {clear:both; height:26px; width:870px; background:url(../img/hr-bg.png) no-repeat 0 0; margin:0 0 0 20px; padding:1px 0; }
.hr hr {display:none; }
/* Nav ----------------------------------------------------------- */
#nav {background:none; color:#fff; position:relative; min-height:35px; background:url(../img/main-nav-bg.png) no-repeat 0 0; z-index:1; margin-bottom:-3px; }
* html #nav {height:35px;}
#main-nav {margin:0; padding:0 0 0 20px; min-height:35px; position:relative;}
* html #main-nav {height:35px;}
#main-nav li { float:left; display:inline; margin-right:8px; }
* html #main-nav li {height:1px;}
#main-nav li a,
#main-nav li a:visited { color:#fff; display:block; height:35px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; }
#main-nav li a:hover { background-position:0 -35px; text-decoration:none;}
#main-nav li a:active { background-position:0 -70px; }
#nav #main-nav li a.current { background-position:0 -70px; }
#btn-1, #btn-1 a, #btn-1 a:visited {background-image:url(../img/btn-1.png); width:128px;}
#btn-2, #btn-2 a, #btn-2 a:visited {background-image:url(../img/btn-2.png); width:185px;}
#btn-3, #btn-3 a, #btn-3 a:visited {background-image:url(../img/btn-3.png); width:89px;}
/* Home -------------------------------------------------------- */
#kennisbron {margin-bottom:3em; }
#kennisbron a {color:#c0817b; text-decoration:underline; font-size:92%}
#kennisbron a:hover {margin-bottom:3em; color:#881308; text-decoration:underline;}
#kennisbron a span {color:#881308;}
/* kennisbron -------------------------------------------------------- */
.alt .searchform {position:relative; background:#fe9900; float:left; margin:1em 0 3em 0; padding:16px;}
.alt h2 {margin-top:2em;}
.alt .searchform .input-bg {margin:0px 7px 7px 0;}
.alt .searchform input.search-term {width:283px; }
form.small {margin:5px 0 5px 0;}
form.small #search-submit-main {left:-6px;}
/* Col-1 -------------------------------------------------------- */
#col-1 { width:635px; float:left; display:inline; position:relative; margin-left:20px; padding-bottom:20px;/* border:1px solid red;*/ }
.home #col-1 { margin-left:157px; }
.resultcount {padding:11px;}
ul.allresults {margin-top: -3px; position:relative;}
.result {background:url(../img/result-top.png) no-repeat 0 0; padding:8px 0 1px 0; position:relative; width:635px;}
* html .result {height:1px; margin:-5px 0 -5px -3px; margin:-5px 0 -5px 0;}
.result .mid {background:url(../img/result-mid.png) repeat-y 0 0; padding:1px 13px 10px 13px; /*position:relative;*/}
* html .result .mid {height:1px; width:611px;}
.result h2 {margin:0.1em 0 0.1em 0; }
.result h2 a {color:#c0817b; text-decoration:underline;}
.result h2 a:hover {color:#881308;}
.result h2 a span {color:#881308; }
.result h2 a span.icon { margin:0 0 0 5px; font-size:1px; }
.result h2 a span.icon.pdf { background:url(../img/icon-pdf.png) no-repeat 0 0px; padding:9px 19px 0 0; }
.result h2 a span.icon.video { background:url(../img/icon-video.gif) no-repeat 0 0px; padding:9px 19px 0 0; }
.result h2 a span.icon.external { background:url(../img/icon-external.png) no-repeat 0 0; padding:10px 10px 0 0;}
.result ul.details {margin:0 0 -1em 0; padding:0; position:relative;}
.result li {font-weight:bold; float:left; display:inline; color:#406000; padding:0 5px; border-right:1px solid #406000; position:relative;}
.result li.rating {margin-left:-5px;}
.result li:last-child {border-right:none;}
.result li img {vertical-align:middle; position:relative; margin-top:-1px;}
.result p:last-child {margin-bottom:0;}
.result .bottom {background:url(../img/result-bottom.png) no-repeat 0 0; height:20px; /*position:relative;*/}
.result a.info {float:right; display:inline; position:relative; margin:-7px 28px 13px 0;}
.result .extended { display: none; }
.result .extended dt { font-weight:bold; float:left; display:inline; clear:left; color:#406000; padding:2px 0 2px 5px; width:103px; border-top:#dfeba6 1px solid; }
.result .extended dd { padding:2px 5px 2px 108px; border-top:#dfeba6 1px solid; min-height:18px;}
* html .result .extended dd { height:18px;}
.result .extended dd img { vertical-align:middle;}
a .arrow,
a:visited .arrow {background:url(../img/btn-more.png) no-repeat 0 0; position:absolute; float:right; right:-17px; top:1px; margin:2px 3px 3px 3px;display:inline; width:11px; height:11px; text-indent:-999em; overflow:hidden;}
/* Col-2 -------------------------------------------------------- */
#col-2 { width:215px; float:right; display:inline; margin-right:21px; /*border:1px solid green;*/}
#col-2 h3 { width:215px; background:url(../img/title-bg.png) no-repeat 0 0; margin-left:-9px; position:relative; }
#col-2 h3 span { width:200px; background:url(../img/title-bg-bottom.png) no-repeat 0 100%; display:block; position:relative; padding:1px 6px 1px 9px; }
.item {margin-bottom:3em; padding:0px 6px 0px 9px;}
ul.xtra li {/*margin:1em 0;*/ padding:7px 0; border-bottom:1px solid #DFEBA6; border-top:1px solid #fff; }
ul.xtra h4 {/*margin-bottom:-0.9em;*/ margin:-0.3em 0; }
a.more {padding-left:15px; position:relative; }
a.more .arrow {float:left; margin:1px 3px 3px 0; right:auto; left:0; }
* html a.more .arrow {left:-3px; position:relative;}
* + html a.more .arrow {left:0px; margin:3px -8px 3px 0; position:relative;}
/* recente artikelen -------------------------------------------------------- */
#recent { clear:both;}
#recent h3 { font-size:112%;}
#recent h3 span { padding:1px 1px 1px 9px}
.home #col-1 { width:475px;}
.home #col-2 { padding-top:20px; }
/* Pagination -------------------------------------------------------- */
#pagination {min-height:31px; margin:2em auto 2em 0; position:relative; }
* html #pagination {height:31px;}
#pagination div { float:left; display:inline; min-width:26px; height:31px; margin:0 1px; line-height:31px;}
* html #pagination div { width:26px; line-height:29px}
#pagination span { float:left; display:inline; min-width:12px; height:31px; line-height:27px; padding:0 2px;}
* html #pagination span { width:26px;}
#pagination a,
#pagination a:visited { position:relative; min-width:10px; height:31px; display:block; color:#fff; text-align:center; cursor:pointer; background:url(../img/pagination-btn-l.png) no-repeat 0 0; text-decoration:none;}
* html #pagination a,
* html #pagination a:visited { width:26px;}
#pagination a:hover,
#pagination a.current {background:url(../img/pagination-btn-l.png) no-repeat 0 -31px !important;}
#pagination div > a:active {background:url(../img/pagination-btn-l.png) no-repeat 0 -62px;}
#pagination a span,
#pagination a:visited span { position:relative; display:block; min-width:26px; height:31px; background:url(../img/pagination-btn-end.png) no-repeat 100% 0; }
* html #pagination a:visited span { width:26px;}
#pagination a:hover span { background:url(../img/pagination-btn-end.png) no-repeat 100% -31px;}
#pagination a.current span {background:url(../img/pagination-btn-end.png) no-repeat 100% -31px !important;}
#pagination div > a:active span { background:url(../img/pagination-btn-end.png) no-repeat 100% -31px;}
/* Footer ----------------------------------------------------------- */
#footer {margin:0 auto 0 auto; padding:10px 0; height:15px; width:910px; color:#fff; font-size:100%; position:relative; background:url(../img/ui-content-bottom.png) no-repeat 0 0; text-align:left; clear:both;}
.home #footer {background:url(../img/ui-generic-bottom.png) no-repeat 0 0;}
#footer ul {float:left; display:inline; margin:6px 0 0 14px;}
#footer li {float:left; display:inline; border-right:1px solid #fff; height:15px; position:relative; }
#footer li:last-child {border-right:none;}
#footer a {color:#fff; text-decoration:none; font-weight:bold; padding:0 6px;}
#footer a:hover { color:#fe6600;}
#site-creators { float:right; display:inline; position:relative; margin:6px 20px 0 0; font-size:92%;}
#copyright {font-size:109%; position:relative; top:1px;}
#site-creators a, #site-creators a:visited { position:relative; }
#site-creators a:hover {}
/* Standard extras ----------------------------------------------------------- */
.seo {text-indent:-5000px; margin:0; padding:0; line-height:0; overflow:hidden; height:0px;}
.accessibility {position:absolute; left:-999em; }
.clearer { clear:both; font-size:10px; line-height:10px; padding:0; position:static; border:1px solid red;}
.float-l { float:left; margin-right:1em; display:inline;}
.float-r { float:right; margin-left:1em; display:inline;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
site-creators: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
/*---- Header styling ---*/
.sIFR-active #col-2 h1 {visibility: hidden; text-align:left; line-height:1em; }
.sIFR-active #col-2 h2 {visibility: hidden; text-align:left; line-height:1em;}