* { margin: 0; padding: 0; }

html { background: url(topband.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }

#body { /* position: absolute; z-index: 2; width: 960px; left: 50%; margin-left: -480px; top: 20px; */ width: 960px; background: #fff; }
/*
#content { position: absolute; width: 960px; left: 50%; margin-left: -480px; margin-top: 20px; }
*/
#topband { /* position: absolute; */ position: relative; z-index: 1; width: 100%; height: 255px; overflow: hidden; text-align: center; float: left; background: url(/images/wolken.png) center top no-repeat; }
#middleband { position: relative; z-index: 2; width: 100%; float: left; background: url(contentBackground.png) left bottom repeat-x; }
#bottomband { position: relative; z-index: 1; width: 100%; clear: both; background: #56872f url(footerBackground.png) repeat-x; }

#content { width: 960px; display: block; clear: both; margin: auto; }


/* #topband img, #bottomband img { display: block; }
#topband img { position: absolute; left: 50%; margin-left: -556px; }
*/

#top { width: 960px; margin: auto; padding-top: 20px; }
#top h1 { display: block; width: 423px; height: 235px; text-indent: -1000em; }
#top h1 a { display: block; width: 423px; height: 136px; background: url(/images/logo.png) no-repeat; outline: none; }
#top h2 { display: none; }

#menu { position: absolute; top: 168px; }
#menu ul { list-style-type: none; display: block; width: 752px; height: 70px; }
#menu ul li { float: left; }
#menu ul li a { display: block; height: 70px; background: url(menu.png) no-repeat; text-indent: -1000em; outline: none; }
#menu a.item1 { width: 138px; background-position: 0px 0px; }
#menu a.item2 { width: 113px; background-position: -138px 0px; }
#menu a.item3 { width: 131px; background-position: -251px 0px; }
#menu a.item4 { width: 124px; background-position: -382px 0px; }
#menu a.item5 { width: 96px; background-position: -506px 0px; }
#menu a.item6 { width: 150px; background-position: -602px 0px; }
#menu a.item1:hover, #menu li.active a.item1 { width: 138px; background-position: 0px -70px; }
#menu a.item2:hover, #menu li.active a.item2 { width: 113px; background-position: -138px -70px; }
#menu a.item3:hover, #menu li.active a.item3 { width: 131px; background-position: -251px -70px; }
#menu a.item4:hover, #menu li.active a.item4 { width: 124px; background-position: -382px -70px; }
#menu a.item5:hover, #menu li.active a.item5 { width: 96px; background-position: -506px -70px; }
#menu a.item6:hover, #menu li.active a.item6 { width: 150px; background-position: -602px -70px; }

#leftColumn { width: 184px; float: left; }
#middleColumn { width: 544px; float: left; background: url(middleColumnBackground.png) repeat-y; padding: 0 24px; }
#rightColumn { width: 176px; float: left; padding-left: 8px; }

h1, h2 { text-transform: uppercase; letter-spacing: 0px; }

#flashNavigation { outline: none; }

#leftColumn h2, #rightColumn h2 { font-weight: normal; color: #7ac142; font-size: 1.6em; margin-bottom: 0.5em; }
#leftColumn div, #rightColumn div { margin-bottom: 5em; }
#leftColumn ul, #rightColumn ul { list-style-type: none; }
#leftColumn li, #rightColumn li { margin-bottom: 2em; }
#leftColumn ul.fotos p { font-style: italic; text-align: center; color: #999; }
#leftColumn ul.fotos div.thumbnail { display: block; width: 168px; height: 124px; padding: 8px; background: url(thumbnailBackground.png) no-repeat; margin-bottom: 0; }
#leftColumn ul.fotos img { border: 0; }

#leftColumn ul.sideNavigation li { margin: 0; }
#leftColumn ul.sideNavigation li a { display: block; font-size: 1.2em; color: #0093d0; text-decoration: none; padding: 5px 0; }
#leftColumn ul.sideNavigation li.active a, #leftColumn ul.sideNavigation a:hover { color: #000; }
#leftColumn ul.sideNavigation li.active a { border-bottom: 1px solid #7ac142; padding-bottom: 4px; }

#rightColumn div.searchInput { width: 149px; height: 31px; background: url(searchBackground.png) no-repeat; float: left; margin: 0; }
#rightColumn div.searchInput input { width: 139px; height: 21px; padding: 5px; border: 0; background: transparent; }
#middleColumn ul.news { list-style-image: none; }
#middleColumn ul.news li { margin-left: 0; line-height: 1.1em; font-size: 1em; }
ul.news span.date { font-style: italic; text-align: center; color: #999; float: right; font-size: 1.2em; }
#content ul.news h3 { font-weight: bold; font-size: 1.6em; color: #0093d0; margin-top: 3px; margin-bottom: 6px; }
ul.news p { font-size: 1.1em; line-height: 1.4em; color: #333; }
ul.news a { color: #7ac142; font-weight: bold; }
#middleColumn ul.news a:hover { color: #000; }
ul.news li { border-bottom: 1px dotted #999; padding-bottom: 3em; }
#middleColumn ul.news h3 a { color: #0093d0; text-decoration: none; font-weight: normal; }
ul.news h3 a span { color: #666; font-weight: normal; }
ul.news h3 a:hover span { color: #000; }
#rightColumn ul.news h3 { font-size: 1.2em; }
#rightColumn ul.news h3 a { text-decoration: none; color: #0093d0; }
#rightColumn ul.news h3 a:hover { color: #000; }
#rightColumn ul.news h3 a span { display: none; }

#middleColumn p { margin-bottom: 1em; line-height: 1.8em; color: #333; font-size: 1.2em; }
#middleColumn ul { list-style-type: none; list-style-image: url(bullit.png); margin-bottom: 0.5em; }
#middleColumn ol { list-style-type: decimal; margin-bottom: 0.5em; }
#middleColumn li { margin-left: 2em; line-height: 1.6em; }
#middleColumn strong { color: #000; }
#middleColumn em { color: #666; }
#middleColumn a { color: #7AC142; }
#middleColumn a:hover { color: #000; }
#middleColumn h1, #middleColumn h2 { font-weight: normal; color: #0093d0; margin-bottom: 0.5em; font-size: 2em; }
#middleColumn h2 { font-size: 1.6em; }
.header_replaced { margin-bottom: 0.8em; }

table.tarieven { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 2em; }
table.tarieven td { vertical-align: top; font-size: 1.1em; border-bottom: 1px solid #DCFFBF; padding: 3px; }

#footer { width: 960px; margin: auto; padding-top: 75px; }
#footer p.copyright { text-align: right; margin-bottom: 1em;}
#footer p.copyright a { color: #000; }

#quickNavigation { border-top: 1px dotted #fff; padding-top: 1em; padding-bottom: 3em; position: relative; z-index: 2; }
#quickNavigation li { display: block; float: left; width: 192px; color: #fff; font-weight: bold; line-height: 1.4em; }
#quickNavigation li li { font-weight: normal; float: none; }
#quickNavigation li li a { color: #fff; text-decoration: none; }
#quickNavigation li li a:hover { text-decoration: underline; }

a img { border: 0; }

.groepen { margin-bottom: 160px; }

.groep { border-bottom: 1px dotted #999; margin-bottom: 1em; height: 140px; }
.groep h2 { display: block; width: 300px; }
#middleColumn .groep h2 a { color: #0093d0; }
#middleColumn .groep h2 a:hover { color: #000; }
.groep .header_replaced { float: left; width: 386px; }
.groep p { }
.groep img { float: right; }
.groep img.flir-image { display: block; float: none; }

img.alignRight { float: right; }

/* Formulieren */
form table { border-collapse: collapse; border-spacing: 0; width: 100%; }
form td { background: transparent url(formDivBackground.png) left bottom repeat-x; vertical-align: top; padding: 3px 0px; }
form td.noborder { background: none; }
form td.label { width: 120px; }
form td.delimiter { height: 25px; }
form label { display: block; width: 120px; font-size: 1.1em; padding-left: 5px; font-size: 1em; color: #666; }
form div.text { background: url(inputText.png) no-repeat; width: 192px; height: 20px; }  
form div.textarea { background: url(inputTextarea.png) no-repeat; width: 354px; height: 110px; }
form div.text input { width: 186px; height: 14px; border: none; padding: 3px; background: transparent; }
form input.radio, form input.checkbox { width: 14px; height: 14px; padding: 3px; }
form div.after { float: left; width: 100px; }
form div.textarea textarea { font-family: sans-serif; width: 348px; height: 104px; padding: 3px; background: transparent; border: none; overflow: auto; font-size: 1.1em; }
form input.submit, form input.button { border: 0; background: url(inputSubmit.png) no-repeat; width: 138px; height: 22px; cursor: pointer; font-size: 1.1em; font-weight: bold;  }
form input.dag { width: 25px; height: 14px; background: url(inputDag.png) no-repeat; border: none; padding: 3px; }
form input.jaar, form input.date { width: 68px; height: 14px; background: url(inputJaar.png) no-repeat; border: none; padding: 3px; }
form input.time { width: 24px; height: 14px; background: url(time.png) no-repeat; border: none; padding: 3px; margin-left: 3px; }

#kinderen { position: absolute; top: -194px; z-index: 1;}
#kinderen img {  }

#subContent { clear: both; }
#news { width: 252px; padding-right: 20px; float: left; }
#pictures { width: 272px; float: left; }

.smallThumb { display: block; width: 119px; height: 124px; padding: 8px; background: url(thumbSmall.png) no-repeat; margin-bottom: 0; float: left; }
#middleColumn .smallThumb p { text-align: center; color: #666; font-size: 1em; margin-top: 8px; font-style: italic; line-height: 1em; }

a.aanmeldButton { color: #0093d0; font-size: 1.3em; text-decoration: none; padding: 8px; border-bottom: 1px solid #ccc; display: block; width: 160px; text-align: right; padding-left: 50px; background: url(subscribe.png) no-repeat; }
a.aanmeldButton span { color: #7ac142; font-weight: bold; }
a.aanmeldButton:hover { color: #999; }

#middleColumn ul.searchResults p a { color: #0093d0; }
#middleColumn ul.searchResults p a:hover { color: #000; }
#middleColumn ul.searchResults li { border-bottom: 1px dotted #999; margin-bottom: 1em; }

#middleColumn ul.newsCategories { list-style-image: none; margin-bottom: 2em; display: block; clear: both; float: left; 	}
#middleColumn ul.newsCategories li { margin: 0; float: left; background: url(formDivBackground.png) repeat-x; border-left: 1px dotted #999; }
#middleColumn ul.newsCategories li a { display: block; width: 263px; padding: 4px; }

#middleColumn ul.aanmeldFormulier { list-style-image: none; }
#middleColumn ul.aanmeldFormulier li { margin-left: 0; }
#middleColumn ul.aanmeldFormulier div.slide { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
/* #middleColumn ul.aanmeldFormulier label { padding-left: 5px; font-size: 1em; color: #666; } */
#middleColumn ul.aanmeldFormulier h3 { display: block; width: 534px; height: 18px; background: url(accordeon.png) no-repeat; font-weight: normal; color: #0093d0; font-size: 1.4em; padding: 5px; text-transform: uppercase; letter-spacing: -1px; cursor: pointer; }
#middleColumn ul.aanmeldFormulier h3.active { background-position: 0px -28px; color: #000; }
#middleColumn ul.aanmeldFormulier input.checkbox { width: 58px; }

div.slide p { padding: 5px; }
div.slide.last { border-bottom: 1px solid #ccc; }
div.slide.last label { display: inline; }
div.slide h4 { padding: 5px; text-transform: uppercase; font-weight: normal; font-size: 1.2em; color: #0093d0; }

#timePicker { position: absolute; z-index: 10; top: 0; left: 0; padding: 5px; border: 1px solid #ccc; background: #fff; padding-right: 0; padding-bottom: 0; display: none; }
#timePicker a { display: block; text-align: center; width: 13px; height: 13px; float: left; padding: 5px; margin-right: 5px; border: 1px solid #ccc; background: #fff; color: #999; font-weight: bold; text-decoration: none; margin-bottom: 5px; }
#timePicker a:hover { background: #999; color: #fff; }

#middleColumn form input.error { outline: 2px solid #c00; }
label span { font-weight: bold; color: #c00; }

th { text-align: left; }