* { padding: 0px; margin: 0px;font-family: arial, helvetica, sans-serif; }

html { background-color: #167798; }
h1 { font-size: 12px; color: #cce70b; margin: 0px; line-height: 35px; border-bottom: 2px dashed #9a1409; padding-left: 5px; text-transform: uppercase; }
h2 { font-size: 10px; margin: 10px 0px 0px 0px; line-height: 2px; padding: 0px 0px 0px 8px; }
h3 { font-size: 12px; color: #cce70b; margin: 0px; line-height: 35px; border-bottom: 2px dashed #9a1409; padding-right: 5px; text-align: right; }

#container { width: 819px; margin-left: auto; margin-right: auto; padding-top: 15px; }
#header { height: 181px; position: relative; }
#header img { border: 0px; }

#header #headerRight { position: absolute; right: 0px; top: 110px; width: 95px; text-align: left;  }
#header #headerRight a { padding-left: 2px; color: white; font-size: 11px; text-decoration: none; }
#header #headerRight a img { border: 0px; }
#header #headerRight a:hover { color: #CCE70C; }

#menu ul { height: 20px; background-color: #9a1409; border: 2px solid white; list-style: none; }
#menu li { float: left; border-right: 1px solid white; text-align: center; text-transform: uppercase; font-size: 12px; }
#menu li a { color: white; font-weight: bold; text-decoration: none; display: block; height: 20px; line-height: 20px; padding: 0px 25px 0px 25px; }
#menu li.last { border-right: 0px; padding:0px; }
#menu li a.active { color:  #cce70c; }
#menu li a:hover { color:  #cce70c; }

#content { background-color: #3db0cf; color: #183791; }
#content a img { border: 0px; font-size: 10px; }
#content #column1 { width: 273px; height: 392px; float: left; background-color: #34a97f; font-size: 10px; }
#content #column1 .bigtext { font-size: 16px; font-weight: bold; padding: 10px; color: #9a1409; text-align: right; display: block; }
#content #column1 .bigtext a { color: #9a1409; }
#content #column1 .bigtext a:hover { color: #082873; }
#content #column1 .white { color: white; font-size: 11px; padding: 8px 8px 0px 2px; text-align: right; height: 244px; display: block; }
#content #column1 .high { height: 319px !important; }
#content #column1 a.orderbutton { display: block; text-align: right; float: right; margin: 50px 5px 0px 0px; padding-right: 15px; background-color: #cfe90d; color: #009fc6; text-decoration: none; font-weight: bold; line-height: 25px; width: 140px; font-size: 12px; }
#content #column1 a.orderbutton:hover { color: #183791; }
#content #column2 { width: 273px; height: 376px; float: left; border-bottom: 2px dashed #9a1409; }
#content #column2 p { padding: 8px; color: #183791; font-size: 10px; line-height: 14px; }
#content #column2 a { color: #183791; font-size: 10px; }
#content #column2 a:hover { color: #009fc6; }
#content #column3 { width: 273px; height: 392px; float: left; background-color: #34a97f; } 
#content #column3 h3 { text-align: left; }
#content #column3 .white { color: white; font-size: 11px; padding: 8px 8px 0px 8px; height: 319px; display: block; }

#content .italic { font-weight: bold; font-style: italic; }

#content a.program { display: block; height: 102px; padding: 65px 112px 0px 0px; text-align: right; text-decoration: none; color: #0b1e6b; font-size: 11px; font-weight: bold; border: 2px dashed #9a1409; }
#content a.program:hover { background-color: #168e82; color: #0b1e6b !important; }
#content .bolder { font-size: 12px; margin-top: 10px; }

#content .walkalongwords { background: url('/assets/programma_1.png') no-repeat right top; border-right: 0px !important; margin-top: 35px; }
#content .tranenvanbach { background: url('/assets/programma_2.png') no-repeat right top; border-right: 0px !important; border-top: 0px !important; }
#content .zwemmenwaarhetstroomt { background: url('/assets/programma_3.png') no-repeat right top; border-top: 0px !important;}
#content .zwemmenwaarhetstroomt:hover { background-color: #1b9bc0 !important; }
#content .derondetafel { background: url('/assets/programma_4.png') no-repeat right top; border-top: 0px !important;}
#content .derondetafel:hover { background-color: #1b9bc0 !important; }
#content .vegatable { background: url('/assets/programma_5.png') no-repeat right top; border-left: 0px !important;  margin-top: 35px;}
#content .digitalemaaltijd { background: url('/assets/programma_6.png') no-repeat right top; border-left: 0px !important; border-top: 0px !important;}

#content .topborder { margin-top: 35px; border-top: 2px dashed #9a1409; }
#content .bottomborder { margin-top: 35px; border-bottom: 2px dashed #9a1409; }

#footer { width: 819px; margin-left: auto; margin-right: auto; text-align: center; line-height: 25px; color: #22c4ea; font-size: 11px; }
#footer a { color: #22c4ea; text-decoration: none; }
#footer a.textlink { display: block; margin-left: 4px; float: right; }
#footer a:hover { color: #183791; }
#footer a.fpklogo { display: block; margin: 0px 10px 0px 0px; float: left; }
#footer a.fpklogo img { border: 0px; }

#footer #logos { background: white; border-bottom: 2px dashed #9a1409; padding-top: 4px; }
#footer #logos img { border: 0px; padding: 0px 8px 0px 8px; }



#footer #subfooter { float: left; width: 100%;clear: both; }

.clearfix { clear: both; height: 0px; line-height: 0px; font-size: 1px; }


.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }
#outerContainer { width:819px; height:70px; background: white; border-bottom: 2px dashed #9a1409; padding-bottom: 5px; }
#imageScroller { width:819px; height:70px; position:relative;; }
#viewer { width:100%; height:70px; overflow:hidden; margin:auto; position:relative; top:10px; }
#viewer img { margin-right: 35px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#rtl { background:url(images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat; }