/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	vertical-align: baseline;
}
body { font: 10pt/14pt Verdana, sans-serif; color: #000; }
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; }
a img { border: none; }

/* general
------------------------------------------------------------------*/
h1 { margin: 20px 0px 0 35px; padding: 0; font-size: 20pt; color: #000; letter-spacing: 0;}
h2.subtitel {margin: 10px 180px 0 40px; font-size: 16pt; font-weight: bold; color: #000; }
#content #content_middle h2 {clear: left; position: relative; font: bold 13pt/30pt Verdana, sans-serif; color: #000;margin:0}
h3 {font-weight: bold; font-size: 11pt;}
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #000; }
a:hover { color: #ccc; }
input, textarea, select { font-size: 9pt; font-family: Arial, sans-serif; color: #000; }
strong { font-weight: bold; }
em { font-style: italic; }

table { width: 600px; border: 1px solid black; } 
td { border: 1px solid black; padding: 3px; } 
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { position: relative; width: 100%; margin: 0 auto; }
#header { height: 150px; width: 100%; }
#navigation { display: none; }
#content { float:left; width: 100%; margin: 0 0 43px 0; }


/* header
------------------------------------------------------------------*/
#languages { float: right; }
#logo { display: none; }

/* top navigation */
#topnav { display: none; }
#switch { display: none; }

#formZoek { display: none; }


/* navigation
------------------------------------------------------------------*/

/* content
------------------------------------------------------------------*/

#content #path { position: relative; width: 100%; height: 33px; margin: 0; padding: 10px 0 0 31px; font-size: 8pt; color: #000; }

#content #print { display: none; }

#content #logo_leeftijdsgroep { position: absolute; top: 293px; left: 808px; width: 150px; height: 100px; }

/* ------- top ---------------------- */
#content #content_top { position: relative; width: 100%; margin: 20px 0 0 31px; }
#content #content_top form fieldset { float: left; width: 100%; margin: 0 0 18px 0; line-height: 28px; font-weight: bold; }
#content #content_top form fieldset div { float: left; }
#content #content_top form fieldset div label { float: left; width: 100px; margin: 0 10px 0 0; }
#content #content_top form fieldset div select { float: left; width: 180px; margin: 5px 10px 0 0; }
#content #content_top form input#zoek { display: none; }
/*
#content #content_top form input#zoek { float: left; width: 113px; height: 23px; margin: 31px 0 0 0; padding: 0 0 0 15px; background: url(/images/btn_zoek.gif) bottom left no-repeat;  border: none; font-weight: bold; text-align: left; text-transform: uppercase; color: white; }
*/

#content #content_top #vakantiekeuze { position: relative; }
#content #content_top #vakantiekeuze dl { font-size: 12pt; line-height: 16pt; }
#content #content_top #vakantiekeuze dl dt { clear: left; float: left; width: 200px; padding: 0 0 10px 0; font-weight: bold; }
#content #content_top #vakantiekeuze dl dt span { white-space: nowrap; }
#content #content_top #vakantiekeuze dl dd { padding: 0 0 10px 0; }
#content #content_top #vakantiekeuze dl dd.prijs { font-weight: bold; color: #000; }
#content #content_top #vakantiekeuze #buttons { display: none; }

#content #content_top p { padding: 0 80px 0 0; }
#content #content_top #slide { position: relative; left:-15px; width: 730px; height: 123px; margin: 20px 0 0 0; }

/* scroller vakantie */
#vakantie #scroller { position: relative; left: -10px;  width: 725px; height: 80px; margin: 25px 0 0 0; }
#vakantie #scrollerFrame { position: absolute; top: 0; left: 0px; width: 725px; height: 80px; overflow: hidden; }
#vakantie #scrollerContent { position: absolute; left: 0; top: 0; height: 80px; margin: 0; padding: 0; list-style-type: none; }
#vakantie #scrollerContent li { float: left; height: 80px; width: auto; margin: 0 10px 0 0; overflow: hidden; }
#vakantie #scrollerContent li.last { margin: 0; }			
#vakantie #scrollerContent img { height: 80px; }
#vakantie #scrollLeft, #vakantie #scrollRight { position: absolute; top: 20px; z-index: 5; cursor: pointer; }
#vakantie #scrollLeft { left: 0; }
#vakantie #scrollRight { right: 0; }

/* scroller locatie */
#locatie #scroller { position: relative; left: -10px; width: 725px; height: 160px; margin: 0; }
#locatie #scrollerFrame { position: absolute; top: 0; left: 0; width: 725px; height: 160px; overflow: hidden; }
#locatie #scrollerContent { position: absolute; left: 0; top: 0; height: 160px; margin: 0; padding: 0; list-style-type: none; }
#locatie #scrollerContent li { float: left; height: 160px; width: auto; margin: 0 10px 0 0; overflow: hidden; }
#locatie #scrollerContent li.last { margin: 0; }			
#locatie #scrollerContent img { height: 160px; }
#locatie #scrollLeft, #locatie #scrollRight { position: absolute; top: 60px; z-index: 5; cursor: pointer; }
#locatie #scrollLeft { left: 0; }
#locatie #scrollRight { right: 0; }

/* ------- middle ------------------ */
#content #content_middle { position: relative; clear: left; width: 100%; margin: 20px 0 0 31px; padding: 24px 35px 1px 0; border-top: #000 1px solid; }
#content #content_middle h2 span { position: absolute; display: block; left: -46px; width: 35px; height: 36px; background: url(../images/h2_background.gif) no-repeat; }
#content #content_middle table { width: 100%; margin: 32px 0 0 0; border: none; border-collapse: collapse; }
#content #content_middle table td { width: 350px; border: none; padding: 3px 3px 3px 0; }
#content #content_middle table td.periode { width: 300px; }
#content #content_middle table td.prijs { width: 180px; }
#content #content_middle table td a,
#content #content_middle table td a:hover { font-weight: normal; }

/* form */
#content #content_middle p.stappenBoeken { font-size: 10pt; font-weight: bold; color: #000; }
#content #content_middle p.letOp { color: #000; }
#content #content_middle form { margin: 0; padding: 0; position: relative; }
#content #content_middle form fieldset { margin: 0; padding: 0; border: none; }
#content #content_middle form div { float: left; width: 631px; padding: 5px 10px 5px 30px; }
#content #content_middle form p { padding: 0 10px 0 30px; }
#content #content_middle form fieldset legend { position: relative; display: block; margin: 0; padding: 0 0 20px 0; font: bold 13pt Verdana, sans-serif; color: #000; }
/*
#content #content_middle form fieldset legend span { position: relative; display: block; top: 28px; left: -46px; width: 35px; height: 36px; background: url(/images/h2_background.gif) no-repeat; }
*/

#content #content_middle form label { clear: left; display: block; float: left; width: 180px; }
#content #content_middle form label.bericht,
#content #content_middle form label.med_andere,
#content #content_middle form label.medVoorgeschiedenisLabel { padding: 0 0 2px 0; width: 620px; }
#content #content_middle form label.nextLabel { clear: none; display: block; float: left; width: 80px; padding: 0 0 0 10px; }
#content #content_middle form label.mailingLabel,
#content #content_middle form label.skiMateriaalLabel { clear: none; display: inline; float: left; width: 560px; padding: 0 0 0 10px; }
#content #content_middle form label.medStemInHeelkundeLabel { clear: left; float: left; width: 560px; padding: 0 0 10px 0; }
#content #content_middle form label.medLijdtAanLabel { display: block; width: 631px; padding: 0 0 10px 0; }
#content #content_middle form label.lijdtAan { clear: none; display: block; float: left; width: 120px; padding: 0 0 0 10px; }
#content #content_middle form div.lijdtAanDiv { padding: 5px 0 0 0; }
#content #content_middle form input.lijdtAanInput { clear: left; display: block; float: left; margin: 0; }

#content #content_middle form input { float: left; padding: 2px 4px; font-size: 10pt; }
#content #content_middle form input#voornaam,
#content #content_middle form input#familienaam,
#content #content_middle form input#email,
#content #content_middle form input#telefoon,
#content #content_middle form input#deelnemer_voornaam,
#content #content_middle form input#deelnemer_familienaam,
#content #content_middle form input#straat,
#content #content_middle form input#med_andere_kwalen,
#content #content_middle form input#med_geneesmiddelen_niet,
#content #content_middle form input#med_geneesmiddelen_moet,
#content #content_middle form input#med_allergie { width: 400px; }
#content #content_middle form input#nummer,
#content #content_middle form input#bus,
#content #content_middle form input#postcode { width: 64px; margin: 0 20px 0 0; }
#content #content_middle form input#deelnemer_geboortedatum_dag,
#content #content_middle form input#deelnemer_geboortedatum_maand { width: 30px; margin: 0 20px 0 0; }
#content #content_middle form input#deelnemer_geboortedatum_jaar { width: 30px; }
#content #content_middle form input#gemeente { width: 300px; }

#content #content_middle form textarea { font-size: 10pt; line-height: 14pt; }

#content #content_middle .submit { display: none; }
#content #content_middle .volgende { display: none; }
#content #content_middle .error { color: #ccc; }
#content #content_middle .error label { color: #ccc; }
#content #content_middle form small { padding: 0 0 0 10px; font-size: 8pt; color: #ccc; }
#content #content_middle form small.verplichteVelden { clear: left; display: block; font-size: 8pt; padding: 5px; text-align: right; color: #ccc; }
#content #content_middle form #bericht { width: 600px; margin: 0; padding: 10px; }
#content #content_middle form #opmerkingen { width: 600px; margin: 0 0 0 30px; padding: 10px; }
#content #content_middle form #med_voorgeschiedenis, #content #content_middle form #med_andere { width: 600px; padding: 10px; }
#content #content_middle form #med_mutualiteit { float: left; width: 140px; margin: 0 50px 0 0; }
#content #content_middle form div.tooltip { float: left; position: relative; width: 20px; height: 20px; margin: 0 0 0 10px; padding: 0; background: url(../images/btn_vraagteken.gif) no-repeat; }
#content #content_middle form div.tooltip div.tooltip_content { display: none; position: absolute; top: 30px; left: -50px; width: 150px; padding: 5px; background-color: yellow; }
#content #content_middle form div.tooltip div.tooltip_content p { margin: 0; padding: 2px; }

/* overzicht boeking */
#content #content_middle dl { margin: 10px 0 25px 0; }
#content #content_middle dl dt { clear: left; float: left; width: 250px; padding: 5px 0; font-weight: bold; }
#content #content_middle dl dt.mailinglist { width: 250px; }
#content #content_middle dl dd { float: left; width: 401px; padding: 5px 0 5px 20px; font-weight: normal; text-align: left;}

#content #content_middle dl.skiKamp {  }

#content #content_middle dl.medischeGegevens { float: none; }
#content #content_middle dl.medischeGegevens dt { float: none; width: 671px; padding: 10px 0 0 0;}
#content #content_middle dl.medischeGegevens dd { float: none; width: 671px;  padding: 5px 0 0 0;}

#content #content_middle table.overzichtBoeking { margin: 10px 0; background-color: #000; }
#content #content_middle table.overzichtBoeking td { padding: 5px 4px 5px 10px; font-weight: bold; }
#content #content_middle table.overzichtBoeking td.eersteKolom { width: 321px; padding: 5px 10px 5px 4px; text-align: right; font-weight: normal; }
#content #content_middle p.opmerkingen { clear: left; margin: 10px 0 20px 0; padding: 5px; }
#content #content_middle .boekingVersturen { display: none; }
/*
#content #content_middle .boekingVersturen { width: 250px; height: 27px; margin: 20px 0 0 0; padding: 0; background: url(/images/btn_aanvraagBoeking.gif) no-repeat; border: none; color: #fff; font-weight: bold; font-size: 12pt; }
*/

/* personeel */
#content #content_middle ul#personeel { position: relative; list-style-type: none; }
#content #content_middle ul#personeel li { clear: left; position: relative; left: -16px; margin: 0 0 10px 0; background: none; }
#content #content_middle ul#personeel li h2 { padding: 0 0 10px 0; }
#content #content_middle ul#personeel li img { float: left; margin: 0 20px 0 0; }
#content #content_middle ul#personeel li p { float: right; width: 530px; }

/* vragen */
#content #content_middle ul#vragen { position: relative; list-style-type: none; }
#content #content_middle ul#vragen div { display: none; padding: 0 0 0 45px; }
#content #content_middle ul#vragen li { position: relative; left: -62px; margin: 0 0 10px 0; background: none; }
#content #content_middle ul#vragen li h2 a { display: block; height: 36px; padding: 0 0 0 45px; background: url(../images/h2_background.gif) no-repeat; text-decoration: none; }
#content #content_middle ul#vragen li h2 a:hover,
#content #content_middle ul#vragen li.active h2 a { background: url(../images/h2_act_background.gif) no-repeat; } 

/* partners */
#content #content_middle h2.partners { clear: left; }
#content #content_middle ul#partners { clear: left; list-style-type : none; }
#content #content_middle ul#partners li { float: left; height: 80px; margin: 10px; }
#content #content_middle ul#partners li a { display: block; border: none; }

#content #content_middle #partnersDetail { /*border: red 1px solid;*/  position: relative; }
#content #content_middle #partnersDetail img { display: block; }
#content #content_middle #partnersDetail #partnerInfo { margin: 20px 0 0 0; }
#content #content_middle #partnersDetail #partnerInfo p {  }
#content #content_middle #partnersDetail #partnerInfo a { display: block; }

/* vakantie */
span.onderschrift { display: block; width: 166px; padding: 2px 0 10px 0; color: #ccc; }
#content #content_middle a { font-weight: bold; }
#content #content_middle #linkAcademie { margin: 10px 0; }
#content #content_middle #linkAcademie a { display: inline; }
#content #content_middle #linkAcademie a img { border: none; text-decoration: none; }
#content #content_middle .foto { float: right; width: 166px; padding: 32px 0 0 0; }
#content #content_middle ul { list-style-type: disc; }
#content #content_middle #logos a { border: none; }
#content #content_middle #logos img { margin: 0 15px 14px 0; }
#begeleiding .foto div { display: none; }
#begeleiding .foto div.first { display: block; }

/* zoekresultaat */
#content #content_middle ul#zoekresultaat li { margin: 10px 0 0 0; }
#content #content_middle ul#zoekresultaat a { font-weight: normal; }

/* sitemap */
#content #content_middle #sitemap li { margin: 20px 0 0 0; }
#content #content_middle #sitemap a { font-weight: normal; }
#content #content_middle #sitemap li li { margin: 5px 0 0 0; }

/* landingspagina */
#content #landingspagina { position: relative; width: 90%; margin: 0; padding: 10px 0 0 25px; font-size: 8pt; color: #000; }

#content #landingspagina #kolom_1,
#content #landingspagina #kolom_2 { float: left; }

#content #landingspagina #partnerIntro { position: relative; width: 100%; margin: 10px 0 20px 0; border: #000 1px solid; }
#content #landingspagina #partnerIntro img { float: left; margin: 20px 20px 0 40px; }
#content #landingspagina #partnerIntro p { float: left; margin: 30px 20px 0 20px; padding: 0 0 10px 0; font-size: 18pt; font-weight: bold; color: #000;  }
#content #landingspagina #partnerIntro #partnerblokBot { clear: left; width: 750px; height: 25px; margin: 0; }

.landingKikker { position: relative; width: 371px; margin: 0 8px 0 0; border: #000 1px solid; padding: 0; background-color: #fff; }
.landingKikker #tekstballon { display: none; }
/*
.landingKikker #tekstballon { position: absolute; top: 105px; left: 135px; width: 195px; height: 70px; }
.landingKikker #tekstballon p { margin: 0; padding: 0; font-size: 13pt; line-height: 18pt; font-weight: bold; text-align: center; color: #000; }
*/
.landingKikker h2 { padding: 10px 25px 10px 25px; font-size: 18pt; font-weight: bold; color: #000; }
.landingKikker h4 { padding: 10px 25px 0 25px; font-size: 13pt; font-weight: bold; color: #000; }
.landingKikker p { padding: 0 25px 0 25px; font-size: 13pt; line-height: 16pt; color: #fff; }
.landingKikker a:hover { color: #ccc; }
.landingKikker p a{ font-size: 13pt; line-height: 18pt; font-weight: bold; color: #000; }
.landingKikker ul { padding: 0 25px 0 25px; font-size: 13pt; list-style-type: disc; color: #000; }
.landingKikker ul li { padding: 5px 0 0 0; }
.landingKikker ul li a { font-weight: bold; color: #000; }
.landingKikker ul li a:hover { font-weight: bold; color: #fff; }
.landingKikker img { display: none; }

.landingIntroAfbeelding { position: relative; width: 371px; margin: 10px 0 0 0; padding: 0; background-color: #fff; border: #000 1px solid; }
.landingIntroAfbeelding h2 { padding: 30px 0 10px 0; font-size: 18pt; line-height: 22pt; font-weight: bold; text-align: center; color: #000; z-index: 99; }
.landingIntroAfbeelding .introAfbeeldingen{ position: relative; width: 371px; margin: 10px 0 0 0; }
.landingIntroAfbeelding .introAfbeeldingen .roundedCornersTop { position: absolute; top: -15px; left: 0; width: 371px; height: 45px; background: url(../images/landing_roundTopPijl.png) no-repeat; }
.landingIntroAfbeelding .introAfbeeldingen .roundedCornersTop a { display: block; width: 371px; height: 45px; }
.landingIntroAfbeelding .introAfbeeldingen .roundedCornersTop img { display: block; border: none; }
.landingIntroAfbeelding .introAfbeeldingen img { border-right: #fff 5px solid; border-left: #fff 5px solid; }
.landingIntroAfbeelding .introAfbeeldingen .roundedCornersBot { position: absolute; bottom: 0; left: 0; width: 371px; height: 40px; background: url(../images/landing_img_roundCornBot.png) bottom left no-repeat; }
.landingIntroAfbeelding .introAfbeeldingen .roundedCornersBot a { display: block; width: 371px; height: 40px; }
.landingIntroAfbeelding .introAfbeeldingen .roundedCornersBot img { display: block; border: none; }

.landingIntroBlok { position: relative; width: 371px; margin: 0 8px 0 0; padding: 0; border: #000 1px solid; }
.landingIntroBlok h2 { padding: 30px 0 10px 0; font-size: 18pt; line-height: 22pt; font-weight: bold; text-align: center; color: #000; }
.landingIntroBlok .introBlok { background-color: #fff; }
.landingIntroBlok .introBlok h3 { padding: 0px 25px 20px 25px; line-height: 24pt; font-size: 18pt; font-weight: bold; text-align: left; color: #000; }
.landingIntroBlok .introBlok p { padding: 0 25px 0 25px; font-size: 13pt; line-height: 18pt; color: #000; }
.landingIntroBlok .introBlok a#leesMeer { display: block; padding: 0 20px; font-size: 13pt; line-height: 18pt; font-weight: bold; color: #000; }
.landingIntroBlok .introBlok a:hover { color: #ccc; }
.landingIntroBlok .introBlok p a{ font-size: 13pt; line-height: 18pt; font-weight: bold; color: #000; }
.landingIntroBlok .introBlok ul { padding: 0 25px 0 25px; font-size: 13pt; list-style-type: disc; color: #000; }
.landingIntroBlok .introBlok ul li { padding: 5px 0 0 0; }
.landingIntroBlok .introBlok ul li a { font-weight: bold; color: #000; }
.landingIntroBlok .introBlok img { display: none; }
.landingIntroBlok #pijlNaarBenedenRood { position: absolute; bottom: -12px; left: 150px; width: 47px; height: 44px; z-index: 99; }


/* -------- bottom ----------------- */
#content #content_bottom { display: none; }


/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }


/* sIFR styles... do not modify */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
display: none !important;
height: 0;
width: 0;
position: absolute;
overflow: hidden;
left: -9999px;
}
span.sIFR-alternate {
visibility: visible !important;
display: block !important;
position: static !important;
left: auto !important;
top: auto !important;
}