/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { background: #f2f1ee url(../images/bg_body_top.png) no-repeat top center; font: 12px/18px Arial, Helvetica, sans-serif; color: #58595b; }
h1 { margin-bottom: 10px; font: 20px/40px "Times New Roman", Times, serif; color: #0076a1; text-transform: uppercase; }
h2 { margin-bottom: 10px; font-weight: bold; font-size: 14px; }
ul, ol { margin: 0 0 18px 0; }
p, table { margin: 0 0 18px 0; }
a { color: #5da2c0; }
a:hover { color: #753816; }
input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #58595b; }
strong { font-weight: bold; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* curved corners */
.curved { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

.hide { display: none; }

/* page structure
------------------------------------------------------------------*/
#mainWrapper { background: url(../images/bg_body_bottom.jpg) no-repeat bottom center; }
#wrapper { width: 800px; margin: 0 auto; background: #fff url(../images/bg_wrapper.png) no-repeat 260px 37px; }
#sidebar { float: left; width: 260px; padding-bottom: 20px; }
#contentWrapper { float: right; width: 540px; }
#header { position: relative; height: 379px; }
#content { padding: 0 20px 20px; }
#footer { clear: both; background: url(../images/bg_footer.gif) repeat-x; }

/* sidebar
------------------------------------------------------------------*/
#logo { height: 126px; padding: 14px 0 0 46px; }
#navigation { width: 260px; margin-bottom: 40px; background: url(../images/bg_navigation.png) repeat-x; }
#navigation ul { margin: 0 20px; }
#navigation li { background: url(../images/bg_nav_list.gif) repeat-x bottom; }
#navigation li a { display: block; padding-left: 10px; font: 14px/40px "Times New Roman", Times, serif; text-transform: uppercase; text-decoration: none; color: #043e55; }
#navigation li.active a,
#navigation li a:hover { padding-left: 25px; background: url(../images/bg_nav_item.png) no-repeat 10px 50%; font-weight: bold; }
#navigation #secondNav li { background-image: url(../images/bg_nav_list2.gif); }
#hotNews { margin: 0 20px; }
#hotNews h2 { margin: 0; padding-left: 15px; background: #0076a1; font: 14px/20px "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; }

/* header
------------------------------------------------------------------*/
#clubname { padding: 60px 0 0 148px; font: 20px/24px "Times New Roman", Times, serif; text-transform: uppercase; color: #00628d; }
#clubname span { color: #00b5e2; }
#languages { position: absolute; top: 120px; right: 5px; margin: 0; }
#languages li { float: left; color: #b9babb; padding: 0 5px; line-height: 14px; text-transform: uppercase; }
#languages li#cms_nl { border-right: 1px solid #b9babb; }
#languages li a { color: #c6d0d9; text-decoration: none; }
#languages li a:hover { text-decoration: underline; }
#banner { position: absolute; top: 140px; left: 0; }

/* content
------------------------------------------------------------------*/
#content .withImage ul { margin-left: 14px; }
#content .withImage li { padding: 0; background: none; list-style-position: inside; list-style-type: disc; }

#content .contentBlock ul { margin-left: 14px; }
#content .contentBlock li { list-style-type: disc; }
#contentNav li { padding-left: 10px; background: url(../images/bg_list_contentnav.gif) no-repeat 0 7px; list-style: none; }
#contentNav li.pageAction { background-image: url(../images/bg_list_pageaction.gif); }
#contentNav li.pageAction a,
h2.pageAction { color: #5dc06e; }
#contentNav li.pageAction a:hover { color: #753816; }
div.pageAction { position: relative; margin: 0 -10px 20px; padding: 10px; border: 1px solid #c5cbd2; background: #c5cbd2; font-size: 14px; }
div.pageAction .image { float: left; margin-right: 20px; }
div.pageAction form { font-size: 12px; }
.image { padding-bottom: 20px; background: url(../images/bg_imageshadow.png) repeat-x bottom; }
table { width: 100%; }
table td { padding: 2px 5px; border: 1px solid #c6d0d9; background: url(../images/bg_tablecell.gif) repeat-x; }
form label { display: block; padding-bottom: 3px; }
form div { padding-bottom: 3px; }

form #naam { width: 300px; }
form #voornaam { width: 337px; }
form #straatWrp { float: left; width: 234px; }
form #straatnaam { width: 223px; }
form #huisnrWrp,
form #busWrp,
form #postcodeWrp { float: left; width: 93px; }
form #postcodeWrp { clear: left; }
form #huisnr,
form #bus,
form #postcode { width: 83px; }
form #woonplaatsWrp { float: left; width: 323px; }
form #woonplaats,
form #email { width: 313px; }
form #telWrp { clear: left; }
form #tel { width: 247px; }
form .button { float: left; height: 40px; margin-right: 10px; padding: 3px; border: 1px solid #9ca0a5; background: #5dc06e; }
form .button input { height: 38px; border: 0; background: #5dc06e; color: #fff; cursor: pointer; }
form .mandatory { display: inline; margin: 0; }

#agendaSelection { margin-bottom: 10px; }
#agendaSelection label { float: left; margin-right: 20px; color: #a7a9ac; }
#agendaSelection label span { padding-left: 20px; }
#agendaSelection #aWedstrijden span { background: url(../images/icon_agenda_wedstrijd.gif) no-repeat; }
#agendaSelection #aActiviteiten span { background: url(../images/icon_agenda_activiteit.gif) no-repeat; }
#agendaSelection #aResultaten span { background: url(../images/icon_agenda_resultaat.gif) no-repeat; }
#agendaTable td { padding: 15px 5px 10px; border: 0; border-top: 1px solid #c6d0d9; color: #a7a9ac; }
#agendaTable td.datum { font-size: 14px; white-space: nowrap; }
#agendaTable td.agendaAction a {  display: block; padding: 0 0 5px 25px; color: #a7a9ac; }
#agendaTable td.agendaInfo a { display: block; padding-left: 25px; }
#agendaTable td a.wedstrijd { background: url(../images/icon_agenda_wedstrijd.gif) no-repeat; }
#agendaTable td a.activiteit { background: url(../images/icon_agenda_activiteit.gif) no-repeat; }
#agendaTable td a.resultaat { background: url(../images/icon_agenda_resultaat.gif) no-repeat; }
#agendaTable td.agendaInfo ul { margin-left: 25px; }
#agendaTable td.agendaInfo li { padding-left: 10px; background: url(../images/bg_list_agenda.gif) no-repeat 0 9px; }
#agendaTable td.agendaInfo li a { display: inline; padding: 0; color: #a7a9ac; }
#agendaTable td.agendaInfo li a:hover,
#agendaTable td.agendaAction a:hover { color: #753816; }
#agendaTable td.wedstrijd a,
#agendaTable td.resultaat a { background: url(/images/icon_agenda_laction.gif) no-repeat; }
#agendaTable td.activiteit a { background: url(/images/icon_agenda_raction.gif) no-repeat; }

#contactBlock { float: left; width: 160px; }
#map { float: right; }

#fotoAlbums li { padding-left: 10px; padding-bottom: 10px; background: url(../images/bg_list_contentnav.gif) no-repeat 0 7px; }
#fotoAlbums li a { padding-right: 20px; background: url(../images/bg_link_external.gif) no-repeat 100% 4px; }
#fotoAlbums li img { margin-left: -10px; }

.newsItem,
#pageCounter,
#pageNav { margin-right: -10px; padding: 20px 10px 0 0; border-top: 1px solid #c6d0d9; background: url(../images/bg_tablecell.gif) repeat-x; }
.newsItem.first { padding-top: 0; border: 0; background: none; }
.newsItem h2 span { color: #a7a9ac; font-weight: normal; }
.newsItem .moreInfo { margin-top: -18px; }
#pageCounter ul { float: right; }
#pageCounter li { float: left; width: 22px; height: 21px; margin-left: 3px; padding: 0; border: 1px solid #bbb; background: url(../images/bg_pagecounter.gif) repeat-x; text-align: center; line-height: 21px; color: #bbb; }
#pageCounter li.first,
#pageCounter li.last { width: auto; padding: 0 5px; }
#pageCounter li.active { font-weight: bold; color: #58595b; }
#pageCounter li a { display: block; text-decoration: none; }
#pageNav { text-align: center; }
#pageNav .previous { float: left; text-decoration: none; }
#pageNav .next { float: right; text-decoration: none; }
#pageNav a span { text-decoration: underline; }

.zoekertjesFormTitle { margin-right: -10px; padding: 20px 10px 0 0; border-top: 1px solid #c6d0d9; background: url(../images/bg_tablecell.gif) repeat-x; }
.zoekerImages { float: left; width: 170px; }
.zoekerText { float: right; width: 330px; }
form #titel,
form #omschrijving { width: 490px; }

input.error { padding: 3px 2px; border: 1px solid #f00; }
label.error { display: none !important; }
.check label.error { display: block !important; }
#sport_error label { display: inline !important; }
#sport_error .error { margin-left: 10px; color: #f00; }

#webcam_wind { margin: 10px 0; text-align: center; }
#webcam_weather { margin-bottom: 10px; }
#webcamSponsors { margin: 0 0 20px; }
#webcamSponsors li { float: left; height: 72px; margin-right: 10px; }

/* homepage
------------------------------------------------------------------*/
#hp { background: url(../images/bg_hp.jpg) no-repeat top center; }
#hp #hpBlock { position: absolute; left: 50%; top: 50%; width: 800px; height:369px; margin-left: -400px; margin-top: -185px; }
#hp #content { position: relative; height: 340px; padding: 3px 0 0 0; border-top: 3px solid #e86f13 /*0076A1*/; background: url(../images/bg_hp_content.jpg) no-repeat 0 3px; }
#hp #content #logo { padding-left: 577px; }
#hp #content h1 { position: absolute; top: 182px; left: 494px; width: 286px; text-align: center; color: #fff; font: 20px/24px "Times New Roman", Times, serif; text-transform: uppercase; }
#hp #content p { position: absolute; top: 210px; left: 494px; width: 286px; text-align: center; color: #fff; font: 14px/24px "Times New Roman", Times, serif; text-transform: uppercase; }
#hp #content p a { color: #fff; text-decoration: none; }
#hp #content p a:hover { text-decoration: underline; }
#hp #footer { background: #fff; }

/* footer
------------------------------------------------------------------*/
#sponsors { height: 87px; padding-left: 10px; }
#sponsors div { float: left; width: 120px; padding: 13px 5px 0; text-align: center; }
#footer p { margin: 0; padding-top: 6px; font-size: 10px; }
#footer a { text-decoration: none; color: #58595b; }
#footer #copyright { float: left; width: 240px; padding-left: 20px; }
#footer #disclaimer { float: left; width: 200px; }
#footer #duoLink { float: right; width: 200px; padding-right: 20px; text-align: right; }
#footer #duoLink a { text-transform: uppercase; }

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