/************************************ Begin Reset *************************************/
html{color:#5f5f5f;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
fieldset,img{border:0;}
th{text-align:left;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
td,input,textarea,select{font-size:12px;font-family:Arial,Verdana,sans-serif;}
table td{line-height:2em;}
a{outline:0;text-decoration:none;color:#83af24;}
a:hover{text-decoration:underline;}
a img{border:0;}
td{vertical-align:top;}
textarea{overflow-y:auto;}
p{margin:0 0 1em 0;}
/************************************ Einde Reset *************************************/
/* Opbouw */
#enquete a:hover,
#enquete a{color:#83af24;text-decoration:none;}
html{
background:url(/img/body_bg.png) repeat-x left bottom #dbecf8;
}
body{
text-align:center;
font-size:12px;
font-family:Arial,Verdana,sans-serif;
font-weight:normal;
color:#5f5f5f;
background:url(/img/footer_bg.jpg) no-repeat center bottom transparent;
}
form{
margin:0 auto;
text-align:left;
width:960px;
/*overflow:hidden;*/
height:100%;
}
#container{
overflow:hidden;
padding:40px 20px;
line-height:1.5em;
background:#fff;
}
#content{
overflow:hidden;
margin:0 20px 0 205px;
float:left;
width:480px;
}
#homepage #content{
width:450px;
margin:0 20px 0 0;
}
#geen_rechterkant #content{
width:715px;
}
#content.breed{
margin:0;
width:920px;
}
#rechterkant{
overflow:hidden;
float:left;
width:215px;
}
#kolom_extra{
overflow:hidden;
width:215px;
float:left;
margin:0 20px 0 0;
}
/* Einde Opbouw */
/* Afbeelding uitlijnen */
a img,
img {border:none;outline:none;}
.afbeelding img {display:block;}
.afbeelding {text-align:center;}
.afbeelding.links {float:left;margin:0 10px 10px 0;}
.afbeelding.midden {margin:0 auto;display:block;clear:left;}
.afbeelding.rechts {float:right;margin:0 0 10px 10px;}
.afbeelding .ondertitel {display:block;clear:left;padding:5px;}
/* Standaard elementen */
h2{
color:#5f5f5f;
font-size:18px;
font-weight:normal;
border-bottom:1px solid #f3f3f3;
padding:0 0 3px 0;
}
h2 .datum{
color:#959595;
font-size:12px;
position:absolute;
left:0px;
top:42px;
width:205px;
text-align:right;
}
h3{
color:#5f5f5f;
font-size:16px;
font-weight:normal;
border-bottom:1px solid #f3f3f3;
padding:0 0 3px 0;
margin:30px 0 10px 0;
}
h4{
margin:5px 0 10px 0;
font-size:13px;
font-weight:bold;
}
input[type=text]{
background:url(/img/input_bg.gif) repeat-x left top #fafafa;
border:1px solid #e8e3e3;
padding:3px 5px;
height:15px;
width:175px;
}
input[type=submit],
input[type=button]{
background:url(/img/button_bg.gif) repeat-x left top #7eaa21;
border:0;
color:#fff;
font-weight:bold;
height:23px;
padding:0px 5px;
cursor:pointer;
}
.banner {
    padding-top:15px;
}
.blok{
overflow:hidden;
margin:0 0 40px 0;
}
.tekst{
padding:15px 0;
}
.iframe{
padding:15px 0;
}
.formulier{
padding:15px 0;
}
.poll{padding:15px 0;overflow:hidden;}
.poll .pollmax10textoptions_question_label_container,
.poll .pollmax10textoptions_question_result_label_container{font-weight:bold;}
.poll .pollmax10textoptions_title_result_label_container,
.poll .pollmax10textoptions_title_label_container{display:none;}
.poll .pollmax10textoptions_results_container,
.poll table{margin:5px 0;}
.poll table input{margin:0 5px 0 0;}
.poll .pollmax10textoptions_result_bar{background:#83AF24;height:18px;margin:0 5px 0 0;}
.poll .pollmax10textoptions_result_button_container{float:left;margin:0 10px 0 0;}
.blok .tekst{
padding:15px 0;
border-bottom:1px solid #f3f3f3;
overflow:hidden;
}
#rechterkant .blok .tekst{
border:0;
}
.tekst.opsomming ul,
.tekst.opsomming ol{
padding:0 0 0 15px;
margin:0;
}
.tekst .video{
float:left;
margin:0 0 15px 0;
}
.blok .video{
padding:15px 0 0 0;
border-bottom:1px solid #f3f3f3;
}
.item{
padding:15px 0;
border-bottom:1px solid #f3f3f3;
overflow:hidden;
}
.extra{
padding:15px 0 0 0;
overflow:hidden;
}
.extra a{
font-weight:bold;
background:url(/img/extra_bg.png) no-repeat right 4px transparent;
padding:0 15px 0 0;
float:right;
}
.extra .addthis_toolbox{
float:left;
}
.extra .addthis_toolbox a{
background:none;
}
/* Einde Standaard elementen */
/* Header */
#header{
height:183px;
background:#fff;
}
#header ul#topmenu{
float:right;
margin:0 0 15px 0;
}
#header ul#topmenu li{
float:left;
list-style-type:none;
border-left:1px solid #959595;
padding:0 0 0 10px;
margin:2px 0 0 10px;
}
#header ul#topmenu li a{
color:#959595;
}
#header ul#topmenu li.inloggen a{
color:#83AF24;
font-weight:bold;
}
#header ul#topmenu li #tekstgrootte{
float:left;
}
#header ul#topmenu li a#fontGrootteM{
font-size:12px;
color:#000;
}
#header ul#topmenu li a#fontGrootteL{
font-size:15px;
}
#header ul#topmenu li a#fontGrootteXL{
font-size:16px;
}
.groot #header ul#topmenu li a#fontGrootteM{
color:#959595;
}
.groot #header ul#topmenu li a#fontGrootteL{
color:#000;
}
.groot #header ul#topmenu li a#fontGrootteXL{
color:#959595;
}
.extra_groot #header ul#topmenu li a#fontGrootteM{
color:#959595;
}
.extra_groot #header ul#topmenu li a#fontGrootteL{
color:#959595;
}
.extra_groot #header ul#topmenu li a#fontGrootteXL{
color:#000;
}
#header ul#topmenu li.eerste{
border-left:0;
margin:0;
}
#header .social{
float:right;
clear:right;
}
#header .social img{
float:left;
margin:0 0 0 5px;
}
#header .zoekformulier{
float:right;
clear:right;
width:245px;
margin:0 0px 15px 0;
position:relative;
}
#header .zoekformulier label{
display:none;
}
#header .zoekformulier input{
float:left;
}
#header .zoekformulier input[type=submit]{
width:58px;
}
#header .zoekformulier .fouten{
background:url(/img/zoekerror_bg.png) no-repeat left top transparent;
padding:22px 15px 15px 15px;
position:absolute;
color:#fff;
left:0px;
top:25px;
}
#header img#logo{
float:left;
}
#header .rechts{
float:right;
width:500px;
padding:30px 20px 0 0;
}
#header ul#hoofdnavigatie{
clear:both;
margin:30px 0 0 225px;
padding:0;
float:left;
width:735px;
position:relative;
z-index:200;
border-bottom:2px solid #83ae26;
}
#homepage #header ul#hoofdnavigatie{
border:0
}
#header ul#hoofdnavigatie li{
float:left;
list-style-type:none;
background:url(/img/hoofdnavigatie_li_bg.gif) no-repeat right 9px transparent;
position:relative;
}
#header ul#hoofdnavigatie li:last-child{
background:none;
}
#header ul#hoofdnavigatie li a,
#header ul#hoofdnavigatie li span{
font-size:14px;
color:#5f5f5f;
padding:5px 15px 6px 15px;
float:left;
}
#header ul#hoofdnavigatie li a:hover{
text-decoration:none;
}
#header ul#hoofdnavigatie li.active a,
#header ul#hoofdnavigatie li.active span,
#header ul#hoofdnavigatie li.sfHover a{
color:#bd418c;
text-decoration:none;
}
#header ul#hoofdnavigatie ul{
padding:15px;
background:url(/img/hoofdnavigatie_lvl2_bg.png) repeat left top transparent;
position:absolute;
left:0px;
top:27px;
*top:26px;
display:none;
z-index:100;
}
#header ul#hoofdnavigatie ul li{
white-space:nowrap;
background:none;
clear:left;
float:left;
}
#header ul#hoofdnavigatie ul li a,
#header ul#hoofdnavigatie ul li span{
color:#fff!important;
padding:0 15px 5px 0;
display:block;
}
#header ul#hoofdnavigatie ul li.active a,
#header ul#hoofdnavigatie ul li a:hover,
#header ul#hoofdnavigatie ul li.active span{
text-decoration:underline;
}
/* Einde Header */
/* Footer */
#footer{
height:206px;
padding:315px 15px 57px 15px;
overflow:hidden;
}
#footer #sitemap td{
line-height:1.5em;
padding:0 15px 0 0;
}
#footer #sitemap td.laatste{
padding:0;
}
#footer #sitemap td a{
display:block;
color:#fff;
}
#footer #footerBottom{
color:#FFFFFF;
font-size:11px;
margin:32px 0 0;
text-align:center;
}
/* Einde Footer */
/* Showcase */
#showCase{
overflow:hidden;
width:960px;
height:225px;
clear:left;
position:relative;
z-index:1;
}
#showCase #nav{
position:absolute;
left:0;
top:0;
z-index:25;
padding:0;
margin:0;
}
#showCase #nav li{
list-style-type:none;
padding:0 15px 0 0;
width:225px;
height:75px;
float:left;
clear:left;
}
#showCase #nav li.activeSlide{
background:url(/img/showcase_nav_hoekje.png) no-repeat right center transparent;
}
#showCase #nav li a{
background:url(/img/case_deactief.gif) repeat-x left top transparent;
font-weight:bold;
font-size:14px;
color:#fff;
padding:29px 10px 29px 20px;
height:17px;
width:195px;
float:left;
}
#showCase #nav li a:hover{
text-decoration:none;
}
#showCase #nav li.laatste a{
background:url(/img/case_laatste_deactief.gif) repeat-x left top transparent;
}
#showCase #nav li.activeSlide a{
background:url(/img/case_actief.gif) repeat-x left top transparent;
font-weight:bold;
font-size:14px;
color:#fff;
padding:29px 10px 29px 20px;
height:17px;
width:195px;
float:left;
}
#showCase #nav li.laatste.activeSlide a{
background:url(/img/case_laatste_actief.gif) repeat-x left top transparent;
}
#showCase #nav li .hoek{
width:15px;
height:18px;
position:absolute;
left:225px;
display:none;
top:20px;
z-index:25;
}
#showCase #nav li .hoek{
display:block;
}
#showCase #cases{
float:right;
width:735px;
}
#showCase .case .afbeelding{
overflow:hidden;
}
#showCase .case img{
float:left;
}
#showCase .case .balk{
position:absolute;
left:0px;
bottom:0px;
font-size:14px;
font-weight:normal;
color:#fff;
background:url(/img/showcase_balk_bg.png) repeat left top transparent;
width:695px;
padding:20px;
}
#showCase .case .balk a{
color:#fff;
}
#showCase .case .balk a:hover{
text-decoration:none;
}
#showCase .schaduw{
background:url(/img/showcase_schaduw.png) no-repeat left top transparent;
width:29px;
height:225px;
position:absolute;
left:225px;
top:0px;
z-index:15;
}
/* Einde Showcase */
/* Label Twitter */
#label_twitter{
position:fixed;
left:0px;
top:440px;
}
/* Einde Label Twitter */
/* Twitter-slider */
.tweet .loading{
background:url(/img/throbber.gif) no-repeat left top transparent;
margin:15px 0 0 0;
padding:4px 0 10px 43px;
color:#5F5F5F;
font-size:16px;
}
.tweet li{
width:215px;
padding:15px 0 15px 0;
border-bottom:1px solid #f3f3f3;
overflow:hidden;
list-style-type:none;
}
.tweet li a.tweet_user{
color:#bd418c;
display:block;
margin:0 0 3px 0;
font-weight:bold;
}
.tweet li .tweet_time a{
display:block;
color:#959595;
}
.tweet li .tweet_avatar img{
float:left;
margin:0 10px 10px 0;
}
.tweet li .tweet_text{
float:left;
clear:left;
}
.tweet li .options{
display:none;
}
#kolom_extra .twitter iframe{height:400px;}
/* Einde Twitter-slider */
/* Twitter groot */
.tweet_groot .loading{
background:url(/img/throbber.gif) no-repeat left top transparent;
margin:15px 0 0 0;
padding:4px 0 10px 43px;
color:#5F5F5F;
font-size:16px;
}
.tweet_groot li{
padding:15px 0 15px 0;
border-bottom:1px solid #f3f3f3;
overflow:hidden;
list-style-type:none;
}
.tweet_groot li a.tweet_user{
color:#bd418c;
display:block;
margin:0 0 3px 0;
font-weight:bold;
}
.tweet_groot li .tweet_time a{
display:block;
color:#959595;
}
.tweet_groot li .tweet_avatar img{
float:left;
margin:0 10px 10px 0;
}
.tweet_groot li .tweet_text{
float:left;
clear:left;
}
.tweet_groot li .options{
display:none;
}
/* Einde Twitter groot */
/* Overzicht kort */
.overzicht.kort a.titel{
color:#bd418c;
font-weight:bold;
float:left;
}
.overzicht.kort .datum{
display:block;
color:#959595;
}
/* Einde Overzicht kort */
/* Overzicht */
.overzicht.middel a.titel{
color:#bd418c;
font-weight:bold;
float:left;
}
.overzicht.middel .datum{
float:right;
color:#959595;
}
.overzicht.middel .tekst{
clear:left;
padding:5px 0 0 0;
overflow:hidden;
border:0;
}
.overzicht.middel .tekst a{
font-weight:bold;
}
/* Einde Overzicht */
/* Verkiezingen */
h2 span.partij{float:right;font-size:14px;}
.verkiezing_personen{overflow:hidden;clear:both;}
.verkiezing_personen .item{margin:0 30px 0 0;float:left;}
.verkiezing_personen .item.derde{margin:0;}
.verkiezing_personen td{text-align:center;}
.verkiezing_personen .partij{display:block;}
/* Werkgroep vergaderingen */
.werkgroep_vergaderingen td{
border-bottom:1px solid #F3F3F3;
line-height:1.5em;
padding:5px 0;
vertical-align:top;
}
.werkgroep_vergaderingen td.naam{
padding:5px 15px 5px 0;
}
.werkgroep_vergaderingen td.naam a{
font-weight:bold;
}
.werkgroep_vergaderingen td .datum{
color:#959595;
}
/* Einde Werkgroep vergaderingen */
/* Overzicht gepagineerd */
.paginering,
.zoekresultaat_navigatie{
margin:15px 0 0 0;
overflow:hidden;
}
.zoekresultaat_navigatie{
overflow:hidden;
float:left;
}
.zoekresultaat_navigatie li{
float:left;
}
.zoekresultaat_navigatie li span,
.paginering span{
background:#83AF24;
color:#FFFFFF;
padding:3px 8px;
font-size:16px;
border-radius:5px;
float:left;
margin:0 10px 0 0;
}
.zoekresultaat_navigatie li a,
.paginering a{
margin:0 10px 10px 0;
background:#ccc;
color:#ffffff;
padding:3px 8px;
font-size:16px;
border-radius:5px;
float:left;
}
.zoekresultaat_navigatie li a:hover,
.paginering a:hover{
background:#83AF24;
color:#FFFFFF;
padding:3px 8px;
font-size:16px;
border-radius:5px;
float:left;
margin:0 10px 10px 0;
text-decoration:none;
}
/* Einde Overzicht gepagineerd */
/* Overzicht kort afbeelding */
.overzicht_kort_afbeelding td{
vertical-align:top;
line-height:1.5em;
}
.overzicht_kort_afbeelding a.titel{
color:#bd418c;
font-weight:bold;
float:left;
}
.overzicht_kort_afbeelding .datum{
display:block;
color:#959595;
}
.overzicht_kort_afbeelding img{
width:75px;
margin:0 10px 0 0;
float:left;
}
/* Einde Overzicht kort afbeelding*/
/* Overzicht gepagineerd afbeelding */
.gepagineerd_afbeelding a.titel{
color:#bd418c;
font-weight:bold;
float:left;
}
.gepagineerd_afbeelding .datum{
float:right;
color:#959595;
}
.gepagineerd_afbeelding .tekst{
clear:left;
padding:5px 0 0 0;
overflow:hidden;
}
.gepagineerd_afbeelding .tekst a{
font-weight:bold;
}
.gepagineerd_afbeelding .tekst img{
width:75px;
margin:0 10px 0px 0;
float:left;
}
/* Einde Overzicht gepagineerd afbeelding */
/* Meta info */
.papier{
background:url(/img/papier_bg.png) no-repeat left bottom;
padding:0px 0px 15px 0px;
}
.metainfo{
background:#f3f3f3;
padding:15px 15px 0 15px;
}
.metainfo .meta{
clear:left;
overflow:hidden;
padding:0 0 15px 0;
}
.metainfo .meta strong{
display:block;
}
.metainfo .meta ul{
padding:0 0 0 17px;
}
.metainfo .meta a{
font-style:italic;
}
/* Einde Meta info */
/* Reageren */
.reacties .item_reactie{
padding:0 0 15px 0;
margin:0 0 15px 0;
border-bottom:1px solid #f3f3f3;
}
.reacties .item_reactie.laatste{
padding:0 0 15px 0;
margin:0;
border-bottom:0;
}
.reacties .item_reactie a.naam{
color:#BD418C;
display:block;
font-weight:bold;
margin:0 0 5px;
}
.reacties .item_reactie .datum{
color:#959595;
}
.reageren .addreaction_input_label{
float:left;
width:150px;
}
.reageren .addreaction_input_container input[type=text]{
background:url(/img/input_bg.gif) repeat-x left top #FAFAFA;
border:1px solid #E8E3E3;
height:15px;
margin:0 0 15px;
padding:3px 5px;
width:213px;
}
.reageren .addreaction_input_container textarea{
background:url(/img/input_bg.gif) repeat-x left top #FAFAFA;
border:1px solid #E8E3E3;
height:175px;
margin:0 0 15px;
padding:3px 5px;
width:318px;
}
#Reageren_input_container_captcha{
margin:0 0 0 150px;
position:relative;
}
#Reageren_input_container_name,
#Reageren_input_container_email {position:relative;}
#Reageren_input_container_name > span, 
#Reageren_input_container_email > span {
background:url(/img/captchaerror_bg.png) no-repeat left top transparent;
color:#fff!important;
position:absolute;
left:382px;
bottom:6px;
padding:10px 10px 10px 20px;
width:165px;
}
#Reageren_input_container_email > span {
bottom:5px;
}
#captcha_image_container span{
background:url(/img/captchaerror_bg.png) no-repeat left top transparent;
color:#fff!important;
position:absolute;
left:226px;
bottom:-13px;
padding:10px 10px 10px 20px;
width:165px;
}
#input_container_captchaimage{
float:left;
height:54px;
width:200px;
overflow:hidden;
margin:0 15px 15px 0;
background:url(/img/throbber.gif) no-repeat center center transparent;
}
#input_container_captchaimage img{
opacity:1;
animation:fadeIn 2s;
-moz-animation:fadeIn 2s;
-webkit-animation:fadeIn 2s;
}
@keyframes fadeIn{
from {opacity:0;}
to {opacity:1;}
}
@-moz-keyframes fadeIn{
from {opacity:0;}
to {opacity:1;}
}
@-webkit-keyframes fadeIn{
from {opacity:0;}
to {opacity:1;}
}
.captcha_description_container{
clear:left;
margin:0 0 15px 0;
}
#input_container_captchatextbox input{
margin:0 0 15px 0;
background:url(/img/input_bg.gif) repeat-x left top #FAFAFA;
border:1px solid #E8E3E3;
height:15px;
padding:3px 5px;
width:213px;
}
.reageren #Reageren_btn_submit{
margin:0 0 0 150px;
}
.reactieError{display:block;margin:0 0 15px 150px;color:#BD418C;}
/* Einde Reageren */
/* Video overzicht kort */
.videooverzicht.kort .item{
}
.videooverzicht.kort .item img{
float:left;
width:75px;
margin:0 10px 0 0;
}
/* Einde Video overzicht kort */
/* Video overzicht */
.videooverzicht .item{
}
.videooverzicht .item a.titel{
font-weight:bold;
color:#BD418C;
}
.videooverzicht .item .tekst{
padding:0;
}
.videooverzicht .item img{
float:left;
width:75px;
margin:0 10px 0 0;
}
/* Einde Video overzicht */
/* Blokje Laatste... */
.laatste_items h3{
color:#606060;
font-size:14px;
font-weight:normal;
margin:0;
border:0;
}
.laatste_items a{
color:#bd418c;
font-weight:bold;
}
/* Einde Blokje Laatste... */
/* Zoekresultaat */
.zoekresultaat{
margin:15px 0 0;
position:relative;
}
.zoekresultaat li{
list-style-type:none;
position:relative;
}
.zoekresultatenOverzicht.overzicht{
padding:0;
}
.zoekresultaat .throbber{
background:url(/img/throbber.gif) no-repeat left top transparent;
color:#5F5F5F;
font-size:16px;
padding:4px 0 10px 43px;
}
.zoekresultaat .loaded .throbber{
display:none;
}
.zoekresultaat .item{
padding:0 0 15px 0;
margin:0 0 15px 0;
float:left;
width:405px;
}
.zoekresultaat .item a.naam{
color:#BD418C;
font-weight:bold;
}
.icon.NEWS,
.icon.PERSBERICHT{background-image:url(/img/zoek/news.png)}
.icon.Page,
.icon.PAGE {background-image:url(/img/zoek/page.png)}
.icon.COLLEGA_IN_BEELD,
.icon.WEBLOG {background-image:url(/img/zoek/weblog.png)}
.icon.SP_BIJEENKOMST {background-image:url(/img/zoek/meeting.png)}
.icon  {background-repeat:no-repeat;background-position:27px top;float:left;width:75px;height:30px;clear:left;}
.preview_btn{
float:right;
cursor:pointer;
margin:2px 0 0 0;
display:none;
}
/* Einde Zoekresultaat */
/* Inloggen */
#inloggen #content,
#reacties #content,
#zoekresultaat #content,
#zoekresultaat #container{
overflow:visible;
}
#reacties #container{
position:relative;
}
#zoekresultaat #container{
float:left;
}
#loginContainer{display:block;}
.inloggen{
position:relative;
}
.inloggen #input_container_username input,
.inloggen #input_container_password input{
background:url(/img/input_bg.gif) repeat-x scroll left top #FAFAFA;
border:1px solid #E8E3E3;
height:15px;
padding:3px 5px;
width:213px;
margin:0 0 15px 0;
}
.inloggen #lbl_username,
.inloggen #lbl_password{
float:left;
width:150px;
font-weight:bold;
margin:3px 0 0;
}
.inloggen #login_rememberme_container{
float:left;
padding:2px 10px 0 150px;
}
.inloggen #lbl_rememberme{
font-weight:bold;
}
.inloggen #login_rememberme_container input{
float:left;
}
.inloggen #btn_login{
margin:15px 0 0 150px;
}
.inloggen #login_retrievepassword_container{
margin:15px 0 0 150px;
}
#login_error{
display:none;
}
.inloggen #username_error span{
background:url(/img/inputerror_bg.png) no-repeat scroll left top transparent;
color:#FFFFFF!important;
width:165px;
padding:10px 10px 10px 20px;
position:absolute;
left:376px;
top:-6px;
float:left;
}
.inloggen #password_error span{
background:url(/img/inputerror_bg.png) no-repeat scroll left top transparent;
color:#FFFFFF!important;
width:165px;
padding:10px 10px 10px 20px;
position:absolute;
left:376px;
top:33px;
float:left;
}
.inloggen #login_error{
background:url(/img/inlogerror_bg.png) no-repeat scroll left top transparent;
color:#FFFFFF!important;
width:195px;
padding:15px 15px 25px 15px;
position:absolute;
left:150px;
top:-69px;
float:left;
display:none;
}
.inloggen #input_container_usernameretrievepassword{
margin:15px 0;
}
.inloggen.blok{padding:10px;background:#F3F3F3;}
.inloggen.blok h2{margin:0 0 10px 0;}
.inloggen.blok #input_container_username input,
.inloggen.blok #input_container_password input{width:183px;margin:0 0 10px 0;}
.inloggen.blok #login_rememberme_container{padding:2px 10px 0 0px;}
.inloggen.blok #login_retrievepassword_container{margin:15px 0 0 0px;}
.inloggen.blok #btn_login{position:absolute;right:11px;top:147px;margin:0;}
.inloggen.blok #username_error span{position:absolute;left:10px;top:24px;background:url(/img/inputerrorTop_bg.png) no-repeat scroll left top transparent;padding:10px;width:175px;height:24px;}
.inloggen.blok #password_error span{position:absolute;left:10px;top:78px;background:url(/img/inputerrorTop_bg.png) no-repeat scroll left top transparent;padding:10px;width:175px;height:24px;}
.inloggen.blok #login_error{position:absolute;left:10px;top:0px;padding:10px 5px;height:48px;background:url(/img/inputerrorTopLarge_bg.png) no-repeat scroll left top transparent;width:190px;}
/* Einde Inloggen */
/* Actueel */
#actueel .kolom,
#az .kolom,
#blokken .kolom,
#overlltb .kolom{
width:293px;
float:left;
margin:0 20px 0 0;
}
#actueel .kolom.laatste,
#az .kolom.laatste,
#blokken .kolom.laatste,
#overlltb .kolom.laatste{
margin:0 0px 0 0;
}
#az .blok .tekst{
padding:0;
}
#az .tekst ul{
padding:0 0 10px 15px;
}
#actueel .kolom .tweet ul li{
width:293px;
}
#blokken .blok .afbeelding img,
#overlltb .blok .afbeelding img{
margin:0 0 10px 0;
}
/* Einde Actueel */
/* De passie van.. */
.overzicht.passievan{}
.overzicht.passievan .item{float:left;width:290px;margin:0 20px 40px 0; height: 300px;}
.overzicht.passievan .item.derde{margin:0 0 40px 0;}
.overzicht.passievan .item .afbeelding{margin:0 0 10px 0;}

/* Afdeling / Vakgroep */
#vakgroep .kolom,
#dossier .kolom,
#afdeling .kolom{
margin:0 20px 0 0;
float:left;
width:450px;
}
#vakgroep .kolom.laatste,
#dossier .kolom.laatste,
#afdeling .kolom.laatste{
margin:0;
}
#afdeling .contactpersoon .tekst{
overflow:hidden;
}
#afdeling .bestuur .tekst{
border-bottom:0;
}
#afdeling .bestuur table{
width:450px;
}
#afdeling .bestuur tr td{
border-bottom:1px solid #F3F3F3;
line-height:1.5em;
padding:5px 0 5px 0;
vertical-align:top;
}
#afdeling .bestuur tr td a{
color:#BD418C;
}
/* Einde Afdeling / Vakgroep */
/* Formulier */
.formbuilder_label{
width:200px;
padding: 0 15px 0 0;
}
.formulier table td{
	line-height: inherit;
}
.formbuilder_element input{
background:url(/img/input_bg.gif) repeat-x scroll left top #FAFAFA;
border:1px solid #E8E3E3;
height:15px;
padding:3px 5px;
width:213px;
margin:0 0 15px 0;
}
.formbuilder_element input[type=radio],
.formbuilder_element input[type=checkbox]{
width:16px;
float:left;
margin:4px 5px 0 0;
clear:left;
border:0;
}
.formbuilder_element textarea{
background:url(/img/input_bg.gif) repeat-x scroll left top #FAFAFA;
border:1px solid #E8E3E3;
height:175px;
padding:3px 5px;
width:318px;
margin:0 0 15px 0;
}
.formbuilder_element select{
background:url(/img/input_bg.gif) repeat-x scroll left top #FAFAFA;
border:1px solid #E8E3E3;
margin:0 0 15px 0;
}
.formbuilder_element #captcha .captcha_button input {background:url(/img/button_bg.gif) repeat-x left top #7eaa21;border:0;color:#fff;font-weight:bold;height:23px;padding:0px 5px;cursor:pointer;width:200px;}
table.onderdelenOverzicht td {padding:0 5px 0 0;}
#form_submit_button{
margin:0px 0 0 150px;
}
#pagina_errorloc ul{
padding:15px 15px 15px 25px;
margin:0 0 15px 150px;
border:1px solid #83AF24;
}
/* Einde Formulier */
/* Bijeenkomst detail */
table#bijeenkomst_info{
margin:15px 0;
}
#bijeenkomst .formulier h3{
margin-top:0;
}
.schrijfin_link a,
.introducee_link a{
background:url(/img/button_bg.gif) repeat-x left top #7EAA21;
border:0;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
height:23px;
padding:5px 6px 4px 5px;
}
.schrijfin_link a:hover{
text-decoration:none;
}
.onderdelen td.datum{
width:150px;
}
.voorzieningen li{
list-style-position:inside;
list-style-type:disc;
padding:0 0 0 15px;
margin:0 0 5px 0;
}
/* Einde Bijeenkomst detail */
/* Agenda groot */
.bijeenkomstOverzicht li{
border-bottom:1px solid #F3F3F3;
overflow:hidden;
padding:15px 0;
}
.bijeenkomstOverzicht .datum{
color:#959595;
float:right;
}
.bijeenkomstOverzicht a.titel{
color:#BD418C;
float:left;
font-weight:bold;
}
.bijeenkomstOverzicht .locatie{
float:left;
clear:left;
padding:5px 0 0 0;
}
.bijeenkomstOverzicht .tekst{
border:0;
clear:left;
overflow:hidden;
padding:5px 0 0;
}
.bijeenkomstOverzicht .tekst a{
font-weight:bold;
}
/* Einde Agenda groot */
/* Agenda kort */
.bijeenkomstOverzicht_kort li{
border-bottom:1px solid #F3F3F3;
overflow:hidden;
padding:15px 0;
}
.bijeenkomstOverzicht_kort a.titel{
color:#bd418c;
display:block;
font-weight:bold;
}
.bijeenkomstOverzicht_kort .datum{
color:#959595;
float:left;
}
/* Einde Agenda kort */
/* Agenda uitnodiging */
.uitnodiging td.label{
width:150px;
}
/* Einde Agenda uitnodiging */
/* Persoon overzicht */
.persoon_overzicht{
overflow:hidden;
padding:10px 0 0 0;
}
.persoon_overzicht .item{
float:left;
padding:0 15px 15px 0;
width:150px;
border:0;
}
.persoon_overzicht td.laatste .item{
margin:0 0 15px 0
}
.persoon_overzicht .item .pasfoto img{
width:150px;
}
.persoon_overzicht .item .titel{
display:block;
font-weight:bold;
}
.persoon_overzicht .item .functie{
display:block;
}
/* Einde Persoon overzicht */
/* Fotoalbum */
#fotoalbum{
overflow:hidden;
width:920px;
position:relative;
margin:15px 0;
padding:15px 0 15px 27px;
}
#wrapper {
}
#wrapper img {
display:block;
float:left;
}
#images, #thumbs {
height:350px;
float:left;
overflow:hidden;
}
#images {
width:450px;
}
#images img{
margin:15px 0;
}
#thumbs {
width:375px;
margin-left:25px;
}
#thumbs span{
width:66px;
height:44px;
overflow:hidden;
float:left;
margin:0 15px 15px 0;
cursor:pointer;
}
#thumbs span.selected img, 
#thumbs img:hover{
opacity:0.5;
filter:alpha(opacity=50);
}
#thumbs div {
width:445px;
height:350px;
float:left;
padding:15px 0;
}
#prev{
background:url(/img/fotoalbum_schaduw_top.png) no-repeat left bottom transparent;
position:absolute;
left:0;
top:0;
width:919px;
height:34px;
z-index:1000;
}
#next{
z-index:1000;
background:url(/img/fotoalbum_schaduw_bottom.png) no-repeat left top transparent;
position:absolute;
left:0;
bottom:0;
width:919px;
height:34px;
}
#prev a, 
#next a {
float:left;
width:22px;
height:11px;
}
#prev a:hover,
#next a:hover {
}
#prev a{
background:url(/img/fotoabum_prev.png) no-repeat left top transparent;
}
#prev a.disabled{
background:url(/img/fotoalbum_prev_dis.png) no-repeat left top transparent;
}
#next a{
background:url(/img/fotoalbum_next.png) no-repeat left top transparent;
}
#next a.disabled{
background:url(/img/fotoalbum_next_dis.png) no-repeat left top transparent;
}
#next a.images,
#prev a.images{
margin:0 423px 0 241px;
}
#next a.images,
#next a.thumbs{
margin-top:23px;
}
#source {
text-align:center;
width:400px;
margin:0 0 0 -200px;
position:absolute;
bottom:10px;
left:50%;
}
#source, #source a {
color:#999;
font-size:12px;
}
/* Einde Fotoalbum */
/* Document detail */
.documentDetail{
overflow:hidden;
}
.documentDetail .veld .label{
float:left;
width:150px;
}
.documentDetail .veld .waarde{
float:left;
width:330px;
}
.documentDetail #bestand_download_bg{
border-radius:6px;
margin:15px 0 15px 150px;
clear:left;
float:left;
position:relative;
cursor:pointer;
}
.documentDetail #bestand_download{
overflow:hidden;
border:1px solid #E8E3E3;
background:url(/img/input_bg.gif) repeat-x left top #FAFAFA;
border-radius:6px;
padding:15px;
}
.documentDetail #bestand_download_bg #download_icon_bg{
border-radius:6px;
display:none;
width:330px;
background:url(/img/halftransparantzwart.png) repeat left top transparent;
position:absolute;
left:0px;
top:0px;
}
.documentDetail #bestand_download_bg #download_icon{
border-radius:6px;
width:330px;
background:url(/img/download_icon.png) no-repeat center center transparent;
}
.documentDetail #bestand_download_bg.hover #download_icon_bg{
display:block;
}
.documentDetail #bestand_download a{
color:#5F5F5F;
}
.documentDetail #bestand_download a:hover{
text-decoration:none;
}
.documentDetail #bestand_download td{
vertical-align:middle;
line-height:1.5em;
}
.documentDetail #bestand_download td.extensie{
padding:0 15px 0 0;
}
.documentDetail #bestand_download td.bestandsnaam{
background:url(/img/document_pijl.png) no-repeat right center transparent;
padding:0 22px 0 0;
}
.documentDetail #bestand_download td img{
float:left;
}
/* Interactieve kaart */
#interactive_map #map_images{
position:relative;
width:290px;
height:501px;
}
#interactive_map #map_images img{
position:absolute;
left:0;
top:0;
display:none;
z-index:1;
}
#interactive_map #map_images img.kaart{
display:block;
}
#interactive_map map#map{
position:relative;
z-index:100;
}
#blokken.afdelingen #container{
padding-top:25px;
}
#blokken.afdelingen .blok{
margin:0 0 25px 0;
}
#blokken.afdelingen .blok div{
padding:15px 0;
}
#blokken.afdelingen .blok .actief{
background:url(/img/afdeling_blok_actief_bg.png) repeat-y center top transparent;
}
#blokken.regios .blok .actief{
    background:url(/img/afdeling_blok_actief_bg.png) repeat-y center top transparent;
}
#blokken.afdelingen .blok .extra{
padding-bottom:0;
}
/* Einde Interactieve kaart */
/* Einde Document detail */
/* AAA-Functionaliteit */
.groot{
font-size:14px;
}
.extra_groot{
font-size:16px;
}
.groot td, 
.groot input, 
.groot textarea, 
.groot select{
font-size:14px;
}
.extra_groot td,
.extra_groot input,
.extra_groot textarea,
.groot select{
font-size:16px;
}
.groot h2{
font-size:20px;
}
.extra_groot h2{
font-size:22px;
}
.groot h3{
font-size:18px;
}
.extra_groot h3{
font-size:20px;
}
.groot .laatste_items h3 {
font-size:16px;
}
.extra_groot .laatste_items h3 {
font-size:18px;
}
.groot h2 .datum{
font-size:16px;
}
.extra_groot h2 .datum{
font-size:18px;
}
.groot .reageren #captcha_image_container span{
padding:8px 10px 10px 20px;
bottom:-16px;
}
.extra_groot .reageren #captcha_image_container span{
background:url(/img/captchaerrorgroot_bg.png) no-repeat left top transparent;
padding:8px 10px 10px 20px;
bottom:-46px;
}
.groot .inloggen #login_rememberme_container{
padding-top:5px;
}
.extra_groot .inloggen #login_rememberme_container{
padding-top:6px;
}
.groot .inloggen #username_error span{
background:url(/img/inputerrorgroot_bg.png) no-repeat left top transparent;
width:195px;
padding:7px 10px 10px 20px;
}
.groot .inloggen #password_error span{
background:url(/img/inputerrorgroot_bg.png) no-repeat left top transparent;
width:195px;
padding:7px 10px 10px 20px;
}
.extra_groot .inloggen #username_error span{
background:url(/img/inputerrorgroot_bg.png) no-repeat left top transparent;
width:200px;
padding:7px 10px 10px 20px;
}
.extra_groot .inloggen #password_error span{
background:url(/img/inputerrorgroot_bg.png) no-repeat left top transparent;
width:200px;
padding:7px 10px 10px 20px;
}
.groot .inloggen #login_error{
background:url(/img/inlogerrorgroot_bg.png) no-repeat left top transparent;
padding:13px 10px 24px 20px;
top:-100px;
}
.extra_groot .inloggen #login_error{
background:url(/img/inlogerrorgroot_bg.png) no-repeat left top transparent;
padding:9px 10px 19px 20px;
top:-100px;
}
.extra_groot #header .zoekformulier{
width:250px;
}
.extra_groot #header .zoekformulier input[type="submit"]{
width:63px;
}
.groot #header .zoekformulier .fouten{
padding:20px 15px 15px 15px;
}
.extra_groot #header .zoekformulier .fouten{
padding:17px 15px 15px 15px;
}
/* Einde AAA-Functionaliteit */

/*New cookie notice*/
.cookie-notice{background: #992a6d;bottom: 0;color: #fff;height: auto;left: 0;opacity: 0.9;overflow: hidden;padding: 10px 0;position: fixed;text-align: center;width: 100%;z-index: 9;}
.cookie-notice a.btn{background:#7eaa21;color: #fff;display: inline-block;margin: 0 0 0 13px;position: relative;text-decoration: none;top: 0;cursor:pointer;padding: 0 10px;}

.accordion {
    margin-bottom: 0;
    margin-left: 0
}

.accordion:before, .accordion:after {
    content: " ";
    display: table
}

.accordion:after {
    clear: both
}

.accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #e8e8e8;
    color: #222
}

.accordion .accordion-navigation > a, .accordion dd > a {
    background: #EFEFEF;
    color: #222;
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
    padding: 1rem
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: #e3e3e3
}

.accordion .accordion-navigation > .content, .accordion dd > .content {
    display: none;
    padding: 1.5625rem
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: #fff;
    display: block
}

.accordion.variant1 .accordion {
    margin: 0 0 1.25rem 0
}

.accordion.variant1 .accordion .accordion-navigation > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #05546a transparent transparent transparent;
    border-top-style: solid;
    float: right;
    margin-top: .75rem;
    transition: all 300ms ease-out;
    transform: rotate(0deg)
}

.accordion.variant1 .accordion .accordion-navigation.active > a:after {
    float: right;
    transform: rotate(180deg);
    margin-top: .4375rem
}

.accordion.variant1 .accordion .accordion-navigation {
    border-bottom: 1px solid #ddd
}

.accordion.variant1 .accordion .content {
    overflow: hidden
}

/*test*/

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.pages.variant7 .accordion {
    margin: 0 0 1.25rem 0
}

.pages.variant7 .accordion .accordion-navigation > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #05546a transparent transparent transparent;
    border-top-style: solid;
    float: right;
    margin-top: .75rem;
    transition: all 300ms ease-out;
    transform: rotate(0deg)
}

.pages.variant7 .accordion .accordion-navigation.active > a:after {
    float: right;
    transform: rotate(180deg);
    margin-top: .4375rem
}

.pages.variant7 .accordion .accordion-navigation {
    border-bottom: 1px solid #ddd
}

.pages.variant7 .accordion .content {
    overflow: hidden
}