@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** HTML5 Styles
***************************************************************/
header, footer, section, aside, nav, article{ display:block;}

/**************************************************************
** Speciale Fonts
***************************************************************/
@font-face{ font-family:'FuturaExtraBlack'; src:url('./Fonts/futura_extra_black_bt-webfont.eot'); src:url('./Fonts/futura_extra_black_bt-webfont.eot?iefix') format('eot'), url('./Fonts/futura_extra_black_bt-webfont.woff') format('woff'), url('./Fonts/futura_extra_black_bt-webfont.ttf') format('truetype'), url('./Fonts/futura_extra_black_bt-webfont.svg#webfonth9DU4D2Y') format('svg'); font-weight:normal; font-style:normal;}

@font-face{ font-family:'FuturaLight'; src:url('./Fonts/futura_light_bt-webfont.eot'); src:url('./Fonts/futura_light_bt-webfont.eot?iefix') format('eot'), url('./Fonts/futura_light_bt-webfont.woff') format('woff'), url('./Fonts/futura_light_bt-webfont.ttf') format('truetype'), url('./Fonts/futura_light_bt-webfont.svg#webfontwAQQQ53V') format('svg'); font-weight:normal; font-style:normal;}

@font-face{ font-family:'FuturaMedium'; src:url('./Fonts/futura_medium_bt-webfont.eot'); src:url('./Fonts/futura_medium_bt-webfont.eot?iefix') format('eot'), url('./Fonts/futura_medium_bt-webfont.woff') format('woff'), url('./Fonts/futura_medium_bt-webfont.ttf') format('truetype'), url('./Fonts/futura_medium_bt-webfont.svg#webfontsjA9kVZC') format('svg'); font-weight:normal; font-style:normal;}

@font-face{ font-family:'FuturaBook'; src:url('./Fonts/futurabookbt-webfont.eot'); src:url('./Fonts/futurabookbt-webfont.eot?iefix') format('eot'), url('./Fonts/futurabookbt-webfont.woff') format('woff'), url('./Fonts/futurabookbt-webfont.ttf') format('truetype'), url('./Fonts/futurabookbt-webfont.svg#webfont2ilpk5Ry') format('svg'); font-weight:normal; font-style:normal;}

/**************************************************************
** Algemene Styles
***************************************************************/
html{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#716960;}
body{ background:#00a6eb; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#716960; margin:0; padding:0;}

a{ color:#c30080; text-decoration:none;}
a:hover{ color:#716960; text-decoration:none;}
p{ margin:0; padding:0 0 14px 0;}
ul{ margin:0; padding:0 0 14px 20px;}
img{ border:none;}

form{ margin:0; padding:0;}
label{ display:block; margin-bottom:2px;}
label.geen-blok{ display:inline;}

table{ border-spacing:0; border-collapse:collapse;}
table td, table th{ padding:0;}

h1{ font-size:32px;}
h2{ font-size:32px;}
h3{ font-size:30px;}
h4{ font-size:28px;}
h5{ font-size:26px;}
h6{ font-size:24px;}

h1, h2, h3, h4, h5, h6{ font-family:'FuturaLight'; margin:0; padding:0 0 5px 0; color:#c30080; text-transform:uppercase; font-weight:normal;}

.clear{ clear:both; height:0;}
.sprite{ background-image:url(../Images/sprite.png); background-repeat:no-repeat;}
.paars{ color:#c30080; font-weight:bold;}
.tip{ font-weight:bold; color:#b8c923;}

.corner{ position:absolute; width:9px; height:9px; font-size:1px; z-index:999;}
.tl{ top:0; left:0; background-position:0 -400px;}
.tr{ top:0; right:0; background-position:-9px -400px;}
.bl{ bottom:0; left:0; background-position:0 -409px;}
.br{ bottom:0; right:0; background-position:-9px -409px;}

.corner2{ position:absolute; width:7px; height:7px; font-size:1px; z-index:999;}
.tl2{ top:0; left:0; background-position:-18px -400px;}
.tr2{ top:0; right:0; background-position:-25px -400px;}
.bl2{ bottom:0; left:0; background-position:-18px -407px;}
.br2{ bottom:0; right:0; background-position:-25px -407px;}

.corner3{ position:absolute; width:5px; height:5px; font-size:1px; z-index:999;}
.tl3{ top:0; left:0; background-position:-32px -400px;}
.tr3{ top:0; right:0; background-position:-37px -400px;}
.bl3{ bottom:0; left:0; background-position:-32px -405px;}
.br3{ bottom:0; right:0; background-position:-37px -405px;}

.corner4{ position:absolute; width:12px; height:12px; font-size:1px; z-index:999;}
.tl4{ top:0; left:0; background-position:0 -464px;}
.tr4{ top:0; right:0; background-position:-12px -464px;}
.bl4{ bottom:0; left:0; background-position:0 -476px;}
.br4{ bottom:0; right:0; background-position:-12px -476px;}

a.btn{ background-position:0 -262px; background-color:#fff; height:36px; margin:0; padding:0; float:left; text-decoration:none; cursor:pointer;}
a.btn.right{ float:right;}
a.btn span{ font-family:'FuturaLight'; background-position:100% -262px; background-color:#fff; height:36px; line-height:36px; margin:0 0 0 18px; padding:0 18px 0 0; float:left; color:#fff; text-align:center; text-transform:uppercase; font-size:16px; letter-spacing:2px;}

a.btn:hover, a.btn.aan{ background-position:0 -298px;}
a.btn:hover span, a.btn.aan span{ background-position:100% -298px;}

a.submit, a.reset{ background-position:0 -418px; background-color:#fff; height:16px; margin:0; padding:0; float:left; text-decoration:none; cursor:pointer;}
a.submit span, a.reset span{ font-family:'FuturaMedium'; background-position:100% -418px; background-color:#fff; height:16px; line-height:16px; margin:0 0 0 8px; padding:0 8px 0 0; float:left; color:#fff; text-align:center; text-transform:uppercase; font-size:9px;}

a.reset{ background-position:0 -434px; float:right;}
a.reset span{ background-position:100% -434px;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ width:944px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:8px 0 0 0;}
header{ background-position:0 -180px; width:944px; height:72px; margin:0; padding:0 0 10px 0; float:left;}

#content{ position:relative; background:#b8c923; width:914px; min-height:728px; height:auto !important; height:728px; margin:0; padding:0 10px; float:left; border-left:5px solid #726962; border-right:5px solid #726962;}

#links{ width:184px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#midden{ width:460px; min-height:10px; height:auto !important; height:10px; margin:0 10px; padding:0; float:left; display:inline;}
#rechts{ width:250px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

#content-bottom{ background-position:0 -334px; width:642px; height:66px; margin:0; padding:0 276px 0 26px; float:left;}
#woorden{ font-family:'FuturaLight'; width:642px; height:46px; line-height:46px; margin:0; padding:0; float:left; text-transform:uppercase; color:#fff; font-size:15px; letter-spacing:2px; font-weight:bold;}
#woorden span{ font-family:'FuturaExtraBlack'; font-weight:normal;}
#slogan{ font-family:'FuturaExtraBlack'; width:230px; height:20px; line-height:20px; margin:0; padding:0 114px 0 298px; float:left; text-transform:uppercase; color:#fff; font-size:15px; text-align:center; letter-spacing:1px;}

footer{ width:944px; min-height:10px; height:auto !important; height:10px; margin:0; padding:30px 0 0 0; float:left;}

/**************************************************************
** Header Styles
***************************************************************/
#logo{ width:330px; height:72px; margin:0; padding:0 0 0 274px; float:left;}

/**************************************************************
** Links Styles
***************************************************************/
nav{ width:168px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 8px; float:left;}
nav ul{ width:168px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
nav ul li{ width:168px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 4px 0; float:left;}
nav ul li a.btn{ background-color:#b8c923; width:168px;}
nav ul li a.btn span{ background-color:#b8c923; width:132px;}

#nb-inschrijving{ position:absolute; left:10px; bottom:0; width:184px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#sinds{ font-family:'FuturaExtraBlack'; width:184px; min-height:10px; height:auto !important; height:10px; margin:0; padding:18px 0; float:left; text-transform:uppercase; color:#fff; font-size:14px; text-align:center; letter-spacing:4px;}

#nb-vak{ position:relative; background:#fff; width:184px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#nb-kop{ font-family:'FuturaLight'; background:url(../Images/lijntje_links.jpg) 0 100% no-repeat; width:184px; height:34px; line-height:34px; margin:0; padding:0; float:left; font-size:17px; color:#c30080; text-transform:uppercase; text-align:center; letter-spacing:1px;}
#nb-tekst{ width:160px; min-height:10px; height:auto !important; height:10px; margin:0; padding:12px 12px 10px 12px; float:left; font-size:10px;}

/**************************************************************
** Midden Styles
***************************************************************/
article{ position:relative; background:#fff; width:460px; min-height:688px; height:auto !important; height:688px; margin:0; padding:20px 0; float:left;}
article h1, article h2, article h3, article h4, article h5, article h6{ padding:0 0 18px 0;}


.content-midden{ width:420px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 20px; float:left;}
.content-midden.laatste{ padding:10px 20px 0 20px;}
.content-midden.met-lijn{ background:url(../Images/lijntje_content_breed.gif) 0 100% no-repeat; padding:10px 20px 20px 20px;}
.content-midden.met-lijn.paddingweg{ padding:0 20px 20px 20px;}

.content-midden.met-lijn-agenda{ background:url(../Images/lijntje_content.jpg) 0 100% no-repeat; padding:10px 20px 20px 20px;}


.pagina-afbeelding{ width:460px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.pagina-afbeelding img{ width:460px; float:left;}

#agenda-overzicht{ /*width:412px;*/ width:460px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.agenda-item{ /*width:412px;*/ width:460px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.agenda-item a{ background:url(../Images/lijntje_content_breed.gif) 0 0 no-repeat; width:390px; min-height:10px; height:auto !important; height:10px; margin:0; padding:14px 70px 0 22px; float:left; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.agenda-item a:hover{ text-decoration:none;}

.agenda-item a span.agenda-plaats{ width:138px; margin:0; padding:0 4px 0 0; float:left; color:#726962; font-size:11px; line-height:12px;}
.agenda-item a span.agenda-datum{ width:74px; margin:0; padding:0; float:left; color:#c30080; font-size:10px; line-height:11px;}
.agenda-item a span.agenda-tijd{ width:68px; margin:0; padding:0; float:left; color:#c30080; font-size:9px; text-transform:none;}
.agenda-item a span.agenda-plein{ width:106px; margin:0; padding:0; float:left; color:#00a6eb; font-size:11px;}

ul.links-overzicht{ width:420px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
ul.links-overzicht li{ width:420px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
ul.links-overzicht li a{ color:#716960; font-weight:bold;}
.info-klein{ font-size:11px;}

/**************************************************************
** Rechts Styles
***************************************************************/
aside{ width:250px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
aside#rechts-top{ margin:-66px 0 0 0;}
aside#rechts-bottom{ position:absolute; right:10px; bottom:-46px;}

#agenda{ width:250px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#agenda-top, #agenda-bottom{ width:250px; height:14px; margin:0; padding:0; float:left; font-size:1px; text-indent:-9999px;}
#agenda-top{ background-position:0 -450px;}
#agenda-bottom{ background-position:-250px -450px;}
#agenda-content{ background:#726962; width:236px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 3px; float:left; border-left:4px solid #fff; border-right:4px solid #fff;}

#agenda-kop{ font-family:'FuturaExtraBlack'; width:236px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 6px 0; float:left; text-transform:uppercase; color:#fff; font-size:16px; text-align:center; letter-spacing:2px;}
#agenda-items{ width:236px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 10px 0; float:left;}
#agenda-items ul{ width:236px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#agenda-items ul li{ width:236px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 3px 0; float:left;}
#agenda-items ul li a{ position:relative; background:#fff; width:236px; min-height:10px; height:auto !important; height:10px; margin:0; padding:2px 0; float:left; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase;}

#agenda-items ul li a span.agenda-plaats{ width:236px; margin:0; padding:0; float:left; color:#726962; font-size:13px; line-height:13px;}
#agenda-items ul li a span.agenda-datum{ width:236px; margin:0; padding:0; float:left; color:#c30080; font-size:10px; line-height:10px;}
#agenda-items ul li a span.agenda-tijd{ width:236px; margin:0; padding:0; float:left; color:#c30080; font-size:9px; text-transform:none;}
#agenda-items ul li a span.agenda-plein{ width:236px; margin:0; padding:0; float:left; color:#00a6eb; font-size:11px;}

#volgende-agenda{ width:138px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 49px; float:left;}
#volgende-agenda a, #volgende-agenda a span{ background-color:#726962;}
#agenda-wijzigingen{ font-family:'FuturaBook'; width:236px; min-height:10px; height:auto !important; height:10px; margin:0; padding:14px 0 0 0; float:left; text-align:center; color:#fff; text-transform:uppercase; font-size:10px;}

#agenda-details{ position:relative; background:#fff; width:208px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 14px; float:left; font-size:11px;}
#agenda-details span.groen-label{ color:#b8c923; font-size:11px; font-weight:bold; text-transform:uppercase;}
#agenda-details span.agenda-plaats{ color:#726962; font-size:11px; text-transform:uppercase; font-weight:bold;}
#agenda-details span.agenda-datum{ color:#c30080; font-size:10px; text-transform:uppercase; font-weight:bold;}
#agenda-details span.agenda-tijd{ color:#c30080; font-size:9px; text-transform:none; font-weight:bold;}
#agenda-details span.agenda-plein{ color:#00a6eb; font-size:11px; text-transform:uppercase; font-weight:bold;}

#banners{ background:#fff; position:relative; width:234px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 8px 0 8px; float:left;}
#banners img{ width:234px; padding:0 0 10px 0; float:left;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer-content{ width:904px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 20px; border-top:1px dashed #7fd2f2; color:#fff; font-size:8px; text-transform:uppercase;}
#footer-content a{ color:#fff; font-size:8px; text-transform:uppercase;}

#footer-links{ width:550px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 24px 0 0; float:left;}
#footer-links ul{ width:100px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 10px 0 0; float:left; list-style:none;}
#footer-links ul li{ width:100px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 8px 0; float:left;}
#footer-links ul li a{ background:url(../Images/pijltje.gif) 0 4px no-repeat; width:94px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 6px; float:left;}

#footer-rechts{ width:330px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; text-align:right;}
#footer-rechts span{ display:block; padding:0 0 8px 0;}
#footer-rechts a{ text-decoration:underline;}

/**************************************************************
** Form Styles
***************************************************************/
#form-melding{ background:#ffcece; width:394px; min-height:10px; height:auto !important; height:10px; margin:0 0 12px 0; padding:12px; float:left; border:1px solid #df8f8f;}

/* Vaste Styles voor forms */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"]{ background:#fff; width:302px; height:12px; margin-bottom:4px; padding:2px 4px; border:1px solid #716960; font-family:'FuturaMedium', Arial, Helvetica, sans-serif; font-size:11px; color:#716960;}

input[type="submit"]{ background:#fff; padding:3px; border:1px solid #716960; cursor:pointer; font-family:'FuturaMedium', Arial, Helvetica, sans-serif; font-size:12px; color:#7d7d7d;}

select{ width:312px; margin-bottom:4px; padding:2px; border:1px solid #716960; font-family:'FuturaMedium', Arial, Helvetica, sans-serif; font-size:11px; color:#716960;}

textarea{ background:#fff; width:302px; height:118px; margin:0 0 4px 0; padding:4px; border:1px solid #716960; font-family:'FuturaMedium', Arial, Helvetica, sans-serif; font-size:11px; color:#716960;}

input[type="text"].nb-text, input[type="email"].nb-text{ width:150px;}