/* Css Reset */
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,b,u,i,center,dl,label, dt,dd,ol,ul,li,fieldset{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }
/* General Styles */
.skiplink{ display:none; }
a,
a:visited{ color:#f300a6; text-decoration:underline; }
a:focus,
a:hover{ text-decoration:none; }
body{ background:#239efb url(../images/bgr-body.jpg) no-repeat top center; color:black; font:10px Arial,Helvetica,sans-serif; }
/* Wrapper */
#wrapper{ width:990px; margin:0 auto; position:relative; }
/* Header */
#header{ padding:0 20px;overflow: hidden; clear:both; }
#header h3{ clear:both; padding-top: 3px; font-size:15px; color:#fff; }
#header .header-top{ height:93px; overflow:hidden; }
#header .left{ float:left; width:475px; }
#header .right{ float:right; width:475px; }
#logo{ float:left; margin-top:20px; display:block; width:405px; height:37px; text-indent:-5000px; background:url(../images/logo.png) no-repeat; }
/* Top Links */
#toplinks{ float:right; padding:5px 0 0; margin-bottom:15px; }
#toplinks li{ float:left; margin-left:12px; }
#toplinks li a,
#toplinks li a:visited{ display:block; font-size:11px; color:#6e004b; padding-top:7px; text-decoration:underline; }
#toplinks li a:hover{ text-decoration:none; }
#toplinks li.rss{ width:20px; height:20px; margin:4px 0px 0 12px; text-indent:-5000px; background:url(../images/ico-rss.png) no-repeat; }
#toplinks li.lang{ margin-left:2px; }
#toplinks li.lang a,
#toplinks li.lang a:visited{ font-size:12px; font-weight:bold; padding:5px; color:#fff; text-decoration:none; text-transform:uppercase; background:#0293ca; }
#toplinks li.lang a:hover{ text-decoration:none; background:#3ab9e9; }
/* Search */
#search{ clear:right; float:right; width: 265px; }
#search input.txt{ width:165px; height:20px; font-size:14px; color:#838383; margin-right:2px; padding:2px 7px; border:1px solid #f2009d; float:left; }
#search input.btn{ width:80px; height:25px; border:0; background-color:#0293ca; color:#fff; float:left; margin:0 0 0 2px; }
/* Nav */
#nav{ width: 990px;clear:both; height:40px; font-size:14px; font-weight: bold; padding:0 0 0 10px; margin:0 0 16px; background:url(../images/bgr-nav.png) no-repeat; overflow:hidden; list-style:none; }
#nav ul {}
#nav li{float:left; display:block; padding:0; margin:0; border-right:1px solid #ff84d8; }
#nav li a,
#nav li a:visited{ display:block; color:#fff; padding:12px 8px; text-decoration:none }
#nav li a:hover{ text-decoration:underline; }
#nav li.current a{ background:#ff84d8; color: #002166; }
/* Content */
#content{ clear:both; width:950px; padding:0 20px; background:#fff; overflow: hidden; }
#content .content-top{ overflow:hidden; }
#content .content-top .share{ float:right; margin:8px 0 0; }
/* Bcrumbs*/
.bcrumbs{ float:left; padding:10px; color:#c4c4c4; }
.bcrumbs li{ display:inline; }
.bcrumbs li span{ color:#000; }
.bcrumbs li a,
.bcrumbs li a:visited{ text-decoration:underline; }
.bcrumbs li a:hover{ text-decoration:none; }
/* Content - Columns */
#content .columns{ overflow:hidden; }
#content .leftcol{ float:left; width:200px; margin-right:30px; }
#content .midcol{ float:left; width:530px; }
#content .midcol h1{ font-size:22px; margin-bottom:0px; color:#002166;}
#content .midcol h2{ font-size:20px; margin-bottom:8px;color:#002166; }
#content .midcol .banner{ display:block; margin-bottom:10px; }
#content .midcol2{ float:left; width:560px; }
#content .midcol2 h1{ font-size:22px; margin-bottom:0px; }
#content .midcol2 h2{ font-size:20px; margin-bottom:8px; }
#content .midcol2 .banner{ display:block; margin-bottom:10px; }
#content .rightcol{ float:right; width:160px; }
#content .rightcol2{ float:right; width:120px; }
/* Navleft */
#navleft{ margin-bottom:20px; }
#navleft h3{ width:195px; padding-left: 5px; height:28px; font-size:16px; color:#fff; padding-top:8px; text-align:left; background:#f300a6; }
#navleft ul{ font-size:12px; border-bottom:1px solid #fff; }
#navleft ul.sub{ border-bottom:0; }
#navleft li{ border-top:1px solid #fff; }
#navleft li.first{ border-top:0; }
#navleft li a,
#navleft li a:visited{background:url(../images/pointer.png) no-repeat 5px 11px; display:block; background-color: #d4ecff; font-weight: bold; color:#002166; padding: 9px 0px 9px 19px; text-decoration:none; }
#navleft li a:hover{text-decoration: underline; font-weight: bold; color:#002166; background-color: #fff;}
#navleft li.current a{background-color:#ecf7ff; }
#navleft ul.sub li a,
#navleft ul.sub li a:visited{ padding-left:20px; background:url(../images/ico-bullet.png) no-repeat 5% 50%; }
#navleft ul.sub li a:hover{ text-decoration:none; background:#f4f4f4 url(../images/ico-bullet.png) no-repeat 5% 50%; }
/* Newsletter */
#newsletter{ margin-bottom:0px; background:#d4ecff; }
#newsletter h3{ width:160px; padding-left: 5px; height:28px; font-size:16px; color:#fff; padding-top:8px; text-align:left; background:#f300a6; }
#newsletter fieldset{ padding:5px 5px 5px; }
#newsletter label{ display:block; font-size:12px; font-weight:bold; color:#0293ca; margin-bottom:5px; }
#newsletter input.txt{ width:135px; height:20px; font-size:14px; color:#838383; margin-bottom:5px; padding:2px 7px; border:1px solid #f2009d; }
#newsletter .btn{ width:112px; height:28px; border:0; cursor:pointer; background:url(../images/button-versturen.png) no-repeat; }
.btn{ width:112px; height:28px; border:0; background-color: #239efb;}
/* Top Group */
#topgroup{ margin-bottom:15px; overflow:hidden; }
#topgroup li{ float:left; width:240px; margin:0 0 7px 10px; }
#topgroup li.first{ margin-left:0; }
#topgroup h3{ font-size:16px; color:#0293ca; margin-bottom:8px; }
#topgroup p{ font-size:11px; font-weight:bold; margin-bottom:5px; }
#topgroup .box{ float:left; }
#topgroup .box .image{ width: 200px; float:left; margin-right:4px; }
#topgroup .box .text{ float:left; width:170px; }
#topgroup .box .text li{ width:170px; font-size:11px; color:#a7a7a7; margin:0 0 5px;}
#topgroup .box .text li a,
#topgroup .box .text li a:visited{ text-decoration:underline; }
#topgroup .box .text li a:hover{ text-decoration:none; }
/* Mid Group */
#midgroup{ clear:both; margin-bottom:15px; width:100%; }
#midgroup .box{ overflow:hidden; width:530px; }
#midgroup .image{ float:left; width:199px; }
#midgroup .text{ float:right; width:280px; font-size:12px; }
#midgroup .text p{ line-height:17px; width:280px; }
#midgroup .text ul{ margin-left:15px; }
#midgroup .text li{ list-style:disc; }
#midgroup .text a,
#midgroup .text a:visited{ text-decoration:underline; }
#midgroup .text a:hover{ text-decoration:none; }
/* Feature */
#feature{ clear:both;}
#feature .box{ margin-bottom:5px; overflow:hidden; width: 530px;}
#feature .image{ float:left; margin-right:20px; }
#feature .text{ float:left; width:270px; }
#feature .text strong{ color:#0293ca; }
#feature .text li{ font-size:12px; margin-bottom:3px; }
#feature .text li a,
#feature .text li a:visited{ text-decoration:underline; }
#feature .text li a:hover{ text-decoration:none; }
#feature p{font-size:12px; line-height:18px; }
#feature p.datum{ font-size:11px; color: #a7a7a7; }
#feature .kopen2{ clear:both; margin:0px; padding:0px; list-style:none; }
#feature .kopen2 a{ color: #fff; }
#feature .kopen2 li{background-color: #f300a6; color:#fff; vertical-align: middle; padding: 2px; height: 20px; display:inline; float: left; margin:0px 3px 0 0; }
#feature .kopen{ clear:both; margin:0px; padding:0px; list-style:none; }
#feature .kopen li{background-color: #0293ca; color:#fff; vertical-align: middle; padding: 2px; height: 20px; display:inline; float: left; margin:2px 3px 0 0; }
/* Article */
#article2{ clear:both; margin-top: 5px;}
#article{ clear:both; margin-bottom:15px; }
#article h2{ font-size:14px; margin-bottom:15px; }
#article h2 a{ font-size:16px; text-decoration: none; margin-bottom:15px;}
#article h2 a:hover{text-decoration: underline;}
#article h3{ font-size:14px; margin-bottom:15px; }
#article .foto{ float:left; margin:0 10px 0 0; }
#article p{ font-size:12px; line-height:18px; }
#article p.datum{ font-size:11px; color: #a7a7a7; }
#article p.nieuws{ font-size:12px; line-height:18px; border-bottom:1px solid #f1f1f1; clear: left; padding: 0px 0px 10px 0px; }
#article ul{ font-size:12px; margin:0 0 15px 0px; list-style-type:disc; }
#article .tags{ font-size:11px; color:#a7a7a7; padding-bottom:5px; margin-bottom:5px; line-height:18px; border-bottom:1px solid #f1f1f1; clear: left; margin-top: 10px; }
#article .tags a{ color:#a7a7a7; }
#article .reacties{ font-size:11px; color:#000; padding-bottom:5px; line-height:18px; clear: left; margin-top: 10px; }
#article .reacties p{ margin-bottom: 20px;}
#article .reacties p.datum{color:#a7a7a7; font-size: 11px; margin-bottom: 0px; }
#article .reacties h4{margin-bottom: 0px; font-size: 13px; color: #96b200; }
#article .reacties h3{margin: 20px 0px 5px 0px; font-size: 16px; color: #0293ca; }
#article .social{ clear:both; margin:0px; padding:0 0 35px; list-style:none; }
#article .social li{background-color: #0293ca; color:#fff; vertical-align: middle; padding: 2px; height: 20px; display:inline; float: left; margin:0 3px 0 0; }
#article form{ clear:both; display:block; width:100%; }
#article fieldset{ padding:10px; background:#f4f4f4; }
#article fieldset ul{ margin:0; list-style-type:none; }
#article fieldset li{ margin-bottom:5px; }
#article .txt{ width:168px; height:20px; font-size:16px; color:#838383; padding:2px 7px; border:1px solid #f2009d; }
#article input.btn{ width:112px; height:28px; border:0; cursor:pointer; background:url(../images/button-versturen.png) no-repeat; }
/* Inloggen */
#inloggen{ margin-bottom:10px; }
#inloggen fieldset{ padding:10px 8px 0; }
#inloggen label{ display:block; font-size:12px; font-weight:bold; color:#0293ca; margin-bottom:5px; }
#inloggen input.txt{ width:168px; height:20px; font-size:16px; color:#838383; margin-bottom:10px; padding:2px 7px; border:1px solid #f2009d; }
#inloggen input.btn{ width:112px; height:28px; border:0; cursor:pointer; background:url(../images/button-versturen.png) no-repeat; }
#inloggen h3{ font-size:16px; color:#0293ca; margin-bottom:10px; padding-top:5px; }
#inloggen p{ clear:both; font-size:11px; font-weight:bold; margin-bottom:5px; }
#inloggen li{ margin-bottom:5px; overflow:hidden; }
#inloggen2{ margin-bottom:30px; background:#d4ecff; }
#inloggen2 h3{ display:block; width:104px; height:24px; font-size:16px; color:#fff; padding:8px; background:#f300a6; }
#inloggen2 fieldset{ padding:10px 8px 0; }
#inloggen2 label{ display:block; font-size:12px; font-weight:bold; color:#0293ca; margin-bottom:5px; }
#inloggen2 input.txt{ width:168px; height:20px; font-size:16px; color:#838383; margin-bottom:10px; padding:2px 7px; border:1px solid #f2009d; }
#inloggen2 input.btn{ width:112px; height:28px; border:0; cursor:pointer; background:url(../images/button-versturen.png) no-repeat; }
#inloggen2 ul{ margin:10px 0; }
#inloggen2 li{ font-size:12px; padding-left:12px; margin-bottom:5px; background:url(../images/ico-bullet.png) no-repeat left; }
#inloggen2 li a,
#inloggen2 li a:visited{ color:#000; }
#inloggen3{ margin-bottom:30px; background:#d4ecff; }
#inloggen3 h3{ display:block; width:160px; height:24px; font-size:16px; color:#fff; padding:8px; background:#f300a6; }
#inloggen3 fieldset{ padding:10px 8px 0; }
#inloggen3 label{ display:block; font-size:12px; font-weight:bold; color:#0293ca; margin-bottom:5px; }
#inloggen3 input.txt{ width:168px; height:20px; font-size:16px; color:#838383; margin-bottom:10px; padding:2px 7px; border:1px solid #f2009d; }
#inloggen3 input.btn{ width:112px; height:28px; border:0; cursor:pointer; background:url(../images/button-versturen.png) no-repeat; }
#inloggen3 ul{ margin:10px 0; }
#inloggen3 li{ font-size:12px; padding-left:12px; margin-bottom:5px; background:url(../images/ico-bullet.png) no-repeat left; }
#inloggen3 li a,
#inloggen3 li a:visited{ color:#000; }
/* Gezocht */
#gezocht{ margin-bottom:20px; }
#gezocht h3{ font-size:16px; color:#0293ca; margin-bottom:10px; }
#gezocht p{ clear:both; font-size:11px; font-weight:bold; margin-bottom:5px; }
#gezocht li{ margin-bottom:5px; overflow:hidden; }
#gezocht .box{ float:left; }
#gezocht .box .image{ float:left; margin-right:4px; }
#gezocht .box .text{ float:left; width:130px; }
#gezocht .box .text li.datum{ width:130px; font-size:11px; color:#a7a7a7; margin:0 0 0px; }
#gezocht .box .text li{ width:130px; font-size:11px; color:#000; margin:0 0 5px; }
#gezocht .box .text li a,
#gezocht .box .text li a:visited{ text-decoration:underline; }
#gezocht .box .text li a:hover{ text-decoration:none; }
/* News */
#news{ margin-bottom:20px; }
#news h3{ font-size:16px; color:#0293ca; margin-bottom:10px; }
#news p{ clear:both; font-size:12px; margin-bottom:5px; line-height:14px; }
#news p.date{ color:#a7a7a7; font-size:11px; margin-bottom: 0px; }
#news li{ margin-bottom:5px; overflow:hidden; }
#news a,
#news a:visited{ display:block; font-weight:bold; font-size:12px; margin-bottom:5px; }
#tagnews{ margin-bottom:20px; }
#tagnews h3{ font-size:16px; color:#0293ca; margin-bottom:10px; }
#tagnews a,
#tagnews a:visited{ font-weight:bold; font-size:12px; line-height: 18px; }
/* Footer
#footer{ clear:both; }
#footer .footertags{ font-size:12px; padding:10px 20px; background:#96b200; }
#footer .footertags ul{ overflow:hidden; }
#footer .footertags li{ float:left; margin:0 11px 0 0; padding-left:16px; border-left:1px solid #000; }
#footer .footertags li.first{ padding-left:0; border-left:0; }
#footer .footertags a,
#footer .footertags a:visited{ color:#fff; }
#footer .footerlinks{ font-size:14px; padding:20px; background:#b1bd6e; overflow:hidden; }
#footer .footerlinks a{ color:#fff; text-decoration: none; }
#footer .footerlinks a:hover{text-decoration: underline; }
#footer .footerlinks ul{ float:left; width:200px; margin-left:40px; }
#footer .footerlinks ul.first{ margin-left:0; }
#footer .footernav{ font-size:12px; padding:10px 20px 0; background:#fff; }
#footer .footernav ul{ overflow:hidden; width:100%; }
#footer .footernav li{ float:left; margin:0 10px 10px 0; padding-left:10px; border-left:1px solid #000; }
#footer .footernav li.first{ margin:0 10px 10px 0; padding-left:0; border-left:0; }
*/
.btn1 { background-color: #239efb; width:112px; height:28px; border:0; color: #fff;}
#banner{ position:absolute; margin:4px 0 0 995px; padding: 4px; background-color: #fff; }
/* Footer */
#footer{
float:left;
width: 990px;
background:#f300a6 url(../images/bgr-footer.gif) no-repeat top;
}
#footer-bot{
clear:both;
width:990px;
height:12px;
background:url(../images/bgr-footer-bot.gif) no-repeat top;
}
#footer ul{
float:left;
width:200px;
font-size:14px;
color:#fff;
margin:0;
padding:20px 20px 5px;
list-style:none;
}
#footer ul li{
display:inline;
margin:0 0 2px;
padding:0;
}
#footer ul li h2{
margin-bottom:10px;
}
#footer ul li a,
#footer ul li a:visited{
display:block;
font-size: 12px;
margin-bottom: 5px;
color:#fff;
text-decoration:none;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer #promos{
float:left;
width:970px;
margin:0 0 35px 20px;
padding:0;
list-style:none;
}
#footer #promos ul{
overflow:hidden;
}
#footer #promos li{
float:left;
display:block;
font-size:12px;
margin: 10px 11px 0 0; padding-left:16px; border-left:1px solid #f300a6;
}
#footer #promos li.first{
padding-left:0; border-left:0;
color: #002166;
}
#footer #promos li a,
#footer #promos li a:visited{
color:#ffffff;
text-decoration:underline;
}
#footer #promos li a:hover{
text-decoration:none;
}
#footerlinks{
float:left;
width:940px;
color:#fff;
padding:10px 20px;
overflow:hidden;
margin:0;
list-style:none;
}
#footerlinks li{
float:left;
font-size:12px;
margin:0 2px 0 0;
padding:0;
}
#footerlinks li a,
#footerlinks li a:visited{
color:#fff;
text-indent: 10px;
padding:0 0 0 10px;
line-height:13px;
}
/* Article */
.article{
margin-bottom:24px;
font-size:12px;
line-height:18px;
text-align: justify;
}
.article h1{
font-size:22px;
color:#002166;
border-bottom:0px solid #f4f4f4;
padding-bottom:10px;
margin-bottom:15px;
}
.article h1 a,
.article h1 a:visited{
color:#002166;
text-decoration:none;
}
.article h1 a:hover{
text-decoration:underline;
}
.article h2{
font-size:20px;
color:#002166;
border-bottom:0px solid #f4f4f4;
padding-bottom:10px;
margin-bottom:15px;
}
.article h2 a,
.article h2 a:visited{
text-decoration:underline;
}
.article h1 a:hover{
text-decoration:none;
}
.article ul,
.article ol
{
list-style-type: disc;
font-size:12px;
line-height:18px;
padding:0 0 0 15px;
margin:14px 0 0 0;
}
.article li{
padding:0;
margin:0;
}
.article .alignleft{
float:left;
padding:8px;
border: solid 1px #239efb;
background:#d4ecff;
border: solid 1px #239efb;
margin:0 15px 10px 0;
}
#items
{
margin:0px 0 0;
padding:0;
list-style:none;
}
#items ul
{
margin:0px;
padding:0px;
list-style:none;
}
#items li{
clear:both;
float:left;
width:510px;
padding:10px;
margin:0 0 1px 0px;
background:#d4ecff;
list-style:none;
border: solid 1px #239efb;
}
#items li img{
float:left;
margin:0 15px 0 0;
}
#items li .text{
position:relative;
float:left;
width:355px;
}
#items li h2 a,
#items li h2 a:visited{
display:block;
font-size:16px;
color:#f300a6;
margin-bottom:11px;
}
#items li p{
font-size:12px;
}
#items .tags{ font-size:11px; color:#239efb; line-height:18px; clear: left; padding-top: 5px; border: 0px; }
#items .tags a{ color:#239efb; }