/* 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: #ebebeb; color: #586784; font: 13px/18px Verdana, Arial, sans-serif; } #content h1 { position: absolute; top: -22px; left: 218px; width: 726px; height: 40px; padding: 10px 0 0 22px; color: #fff; background: url(/images/bg_h1.png) no-repeat; font: bold italic 18px/22px Georgia, serif; } h2 { clear: both; position: absolute; top: -22px; left: 218px; width: 726px; height: 40px; padding: 10px 0 0 22px; color: #fff; background: url(/images/bg_h1.png) no-repeat; font: bold italic 18px/22px Georgia, serif; } #mainContent h1 { font: bold italic 18px/22px Georgia, serif; position: relative; left: 0; top: 0; width: auto; height: auto; margin: 0 0 5px 0; padding: 0 0 0 0; background: none; color: #294681; width: 405px;} #fotos_filmpjes #mainContent h1 { padding: 0 0 0 14px;} #mainContent h2, #mainNav li a { margin: 0 0 4px 0; color: #294681; font: bold italic 16px/20px Georgia, serif; } #mainNav li a { margin: 0; } h3 { font: bold italic 17px/21px Georgia, serif; margin: 15px 0 5px 0; } h4 { font: bold 15px/19px Georgia, serif; margin: 10px 0 5px 0; } ul, ol { margin: 0 0 14px 16px; } p, form { margin: 5px 0 18px 0; } a { color: #5377b3; } a:hover { color: #424242; } input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; } strong { font-weight: bold; } em { font-style: italic; } #sidebarNewsLink h2, #sidebar h2 { color:#294681; font-family:Georgia,serif; font-size:16px; font-size-adjust:none; font-stretch:normal; font-style:italic; font-variant:normal; font-weight:bold; height: auto; margin:0 0 5px 0; padding:0; background: none; position: relative; left:0; top: 0; width: 242px; } #contentNav h2 { position: relative; top:0; left:0; background: none; width: 382px; margin:0 0 5px 0; padding:0; height: auto; width: 242px; clear: both; } #formLogin h2, #account h2 { position: relative; top:0; left:0; background: none; width: 382px; margin:0; padding:0; width: 164px; height: 28px; font-size: 16px; } #mainContent h2 { position: relative; top:0; left:0; background: none; width: auto; margin:0 0 5px 0; padding:0; height: auto; } #fotos_filmpjes #mainContent_albumContent h1 { font: bold italic 16px/20px Georgia, serif; position: relative; left: 0; top: 0; width: auto; height: auto; margin: 0 0 4px 0; padding: 0 0 0 14px; background: none; color: #294681; font-size: 16px; width: 485px; } .img_left { float: left; margin: 0 10px 10px 0; } .img_right { float: right; margin: 0 0 10px 10px; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 4px; font-size: 9px; } sub { top: 4px; font-size: 9px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ input { height: 18px; margin: 0; padding: 2px 0 2px 4px; background: #fff; border: #e0e1e2 1px solid; color: #4b5b7a; font-size: 13px; } /* page structure ------------------------------------------------------------------*/ #wrapper { width: 978px; margin: 0 auto; } #header { position: relative; overflow: hidden; width: 952px; height: 145px; margin: 0 16px 0 10px; background: #bbb; } #navigationContentWrapTop { position: relative; top: -32px; width: 976px; padding: 34px 0 0 0; background: url(/images/bg_navigationContentWrapTop.png) no-repeat;} #navigationContentWrap { overflow: hidden; margin: 0; background: url(/images/bg_navigationContentWrap.gif) 1px 0 repeat-y;} #navigation { float: left; width: 198px; margin: 0; padding: 0 0 0 20px; background: /*#aaa;*/ url(/images/bg_navigation.jpg) top right no-repeat; } #contentSubNavWrap { float: left; width: 746px; margin: 0; } #content { padding: 55px 0 20px 0; } #mainContent { float: left; width: 382px; margin: 0 0 0 20px; } #sidebar { float: right; width: 242px; margin: 0 44px 0 0; } #footer { position: relative; width: 740px; height: 39px; margin: -32px 0 0 0; padding: 0 0 0 238px; background: url(/images/bg_footer.gif) 1px 0 no-repeat; color: #949494; font-size: 11px; line-height: 15px; } /* header ------------------------------------------------------------------*/ #logo { position: absolute; top: 6px; left: 26px; width: 182px; height: 132px; } #logoPrint { display: none; } /* navigation ------------------------------------------------------------------*/ #languages { float: right; width: auto; margin: 5px 12px 0 0; } #languages li { float: left; width: auto; padding: 0 5px; background: url(/images/bg_languages_li.gif) 100% 50% no-repeat; } #languages li#cms_fr { background: none; } #languages li, #languages li a { color: #4c5c7b; } #homeLink { float: left; width: auto; margin: 5px 0 0 4px; color: #4c5c7b; } #searchForm { clear: both; padding: 12px 0 0 0; } #searchForm input { float: left; width: 150px; } #searchForm #searchSubmit { width: 26px; height: 24px; margin: 0; padding: 0; background: url(/images/bg_searchSubmit.gif) no-repeat; border: none; text-indent: -5000px; cursor: pointer; } .loginForm { width: 179px; margin: 0 0 0 0; padding: 6px 12px 0 7px;/*padding: 6px 0 6px 14px;*/ background: url(/images/bg_loginFormTop.png) no-repeat; color: #fff; } #loginFormBottom, #accountBottom { width: 187px; height: 11px; background: url(/images/bg_loginFormBottom.png) no-repeat; } #loginForm form { margin: 0; } #account h2, #loginForm a, #account a, #account p { padding-left: 3px;/*padding-left: 10px;*/ color: #fff; } #loginForm h2, #loginForm label { color: #fff; } #loginForm label { clear: left; display: block; font-family: Arial; } #loginForm a, #account a { font: bold italic 12px/20px Georgia, serif; color: #fff; } #loginForm input { float: left; width: 164px; border: none; } #loginForm #loginSubmit { clear: left; width: 168px; height: 22px; margin: 5px 0; padding: 0 0 5px 0; background: url(/images/bg_loginSubmit.gif) repeat-x; border: none; } #loginForm #loginSubmit span { padding: 0 0 0 10px; background: url(/images/bg_loginSubmit_span.png) 0 50% no-repeat; color: #fff; font-size: 15px; line-height: 19px; } #account h2 { color: #fff;/*color: #4d4546;*/ } #account p { margin-bottom: 10px; font-style: italic; } #account_subnav { width: 170px; margin: 0 0 10px 0; } #account_subnav li { border-bottom: #fff 1px solid;/*border-bottom: #4d4546 1px solid;*/ } #account_subnav li a { display: block; padding: 2px 0 2px 3px; color: #fff;/*color: #4d4546;*/ font: 13px/17px normal Verdana, Arial, sans-serif; text-decoration: none; } #account_subnav li.active a, #account_subnav li a:hover { font-weight: bold; } #mainNav { margin: 5px 0 0 0; } #mainNav li { width: 187px; padding: 0 0 11px 0; } #mainNav li a { display: block; width: 173px; padding: 8px 4px 6px 10px; color: #fff; text-decoration: none; } #mainNav li#navZeilscholenInschrijven { background: url(/images/bg_mainNav_li1.png) bottom left no-repeat; } #mainNav li#navZeilscholenInschrijven a { background: url(/images/bg_mainNav_li1_a.png) top left no-repeat; } #mainNav li#navYouthRBSC { background: url(/images/bg_mainNav_li2.png) bottom left no-repeat; } #mainNav li#navYouthRBSC a { width: 187px; padding: 8px 0 6px 0; background: url(/images/bg_mainNav_li2_a.png) top left no-repeat; } #mainNav li#navYouthRBSC a span { padding-left: 10px; } #mainNav li#navYouthRBSC a img { margin: 6px 0 6px 1px; } #mainNav li#navYouthRBSC a #yrbsc { display: block; width: 182px; padding: 0; text-align: center; } #mainNav li#navWedstrijden { background: url(/images/bg_mainNav_li3.png) bottom left no-repeat; } #mainNav li#navWedstrijden a { background: url(/images/bg_mainNav_li3_a.png) top left no-repeat; } #mainNav li#navFotoalbums { background: url(/images/bg_mainNav_li4.png) bottom left no-repeat; } #mainNav li#navFotoalbums a { background: url(/images/bg_mainNav_li4_a.png) top left no-repeat; } #mainNav li#navZeilscholenVerhuur { background: url(/images/bg_mainNav_li5.png) bottom left no-repeat; } #mainNav li#navZeilscholenVerhuur a { background: url(/images/bg_mainNav_li5_a.png) top left no-repeat; } #mainNav ul { margin: 0; padding: 0 12px 0 7px; } #mainNav li#navYouthRBSC ul, #mainNav li#navYouthRBSC a#yrbscLogoLink { background: url(/images/bg_youth_subnav.png) repeat-y; } #mainNav ul li { width: 168px; padding: 0; } #mainNav li#navYouthRBSC ul li a { width: 148px; padding: 4px 10px; background: none; border-bottom: #837d7e 1px solid; font: 12px/16px Verdana; color:#aaa;} #mainNav li#navYouthRBSC ul li.active a, #mainNav li#navYouthRBSC ul li a:hover { font-weight: normal; color:#fff;} #mainNav li#navWedstrijden ul { background: url(/images/bg_mainNav_li3_ul.png) repeat-y; } #mainNav li#navWedstrijden ul li { border-bottom: #d58585 1px solid; } #mainNav li#navWedstrijden ul li a { width: 160px; padding: 2px 4px; background: none; font: 13px Verdana, sans-serif; color:#e89c9c; } #mainNav li#navWedstrijden ul li.active a, #mainNav li#navWedstrijden ul li a:hover { font-weight: normal; color:#fff; } #mainNav li#navZeilscholenVerhuur ul { background: url(/images/bg_mainNav_li5_ul.png) repeat-y; } #mainNav li#navZeilscholenVerhuur ul li { border-bottom: #f9cda1 1px solid; } #mainNav li#navZeilscholenVerhuur ul li a { width: 160px; padding: 2px 4px; background: none; font: 13px Verdana, sans-serif; color:#fdcea1; } #mainNav li#navZeilscholenVerhuur ul li.active a, #mainNav li#navZeilscholenVerhuur ul li a:hover { font-weight: normal; color:#fff } #sponsors { width: 182px; margin: 10px 0 0 0; text-align: center; } #sponsors img { margin: 8px 0; } /* subNav ------------------------------------------------------------------*/ #subNavWrapper { position: absolute; top: 18px; left: 218px; width: 746px; background: #fff url(/images/bg_subNavWrapper.gif) bottom left no-repeat; z-index: 100; } #subNav { margin: 0; padding: 0; } #subNav li { float: left; width: 149px; margin: 0; padding: 0; } #subNav li.first { width: 150px; } #subNav li a { display: block; width: 129px; height: 30px; margin: 0; padding: 16px 0 0 20px; background: url(/images/bg_subNav_a.gif) no-repeat; color: #38527c; font-size: 14px; line-height: 18px; text-decoration: none; } #subNav li.first a { width: 130px; } #subNav li.active a { background: url(/images/bg_subNav_a_act.gif) no-repeat; } #subNav li.hover a { background: url(/images/bg_subNav_hover_a.gif) no-repeat; color: #fff; } #subNav li.active.hover a { background: url(/images/bg_subNav_act_hover_a.gif) no-repeat; color: #fff; } #subNav li.first.hover a { background: url(/images/bg_subNav_first_hover_a.gif) no-repeat; color: #fff; } #subNav li.active.first.hover a { background: url(/images/bg_subNav_first_act_hover_a.gif) no-repeat; color: #fff; } #subNav.open li.first.hover a { background: url(/images/bg_subNav_first_hover_open_a.gif) no-repeat; color: #fff; } #subNav.open li.active.first.hover a { background: url(/images/bg_subNav_first_act_hover_open_a.gif) no-repeat; color: #fff; } #subNav li.last.hover a { background: url(/images/bg_subNav_last_hover_a.gif) no-repeat; color: #fff; } #subNav li.active.last.hover a { background: url(/images/bg_subNav_last_act_hover_a.gif) no-repeat; color: #fff; } #subNav.open li.last.hover a { background: url(/images/bg_subNav_last_hover_open_a.gif) no-repeat; color: #fff; } #subNav.open li.active.last.hover a { background: url(/images/bg_subNav_last_act_hover_open_a.gif) no-repeat; color: #fff; } #subNav ul { display: none; margin: 0; padding: 0; }/* xxxxxx */ #subNav:hover { margin: 0 0 6px 0; } /*#subNav:hover ul, #subNav.hover ul { display: block; }*/ #subNav li ul { width: 148px; margin: 0; padding: 0 0 20px 0; border-left: #d0d1d3 1px solid; } #subNav li.first ul { width: 150px; border: none; } #subNav li ul li { width: 148px; float: none; height: auto; padding: 0; } #subNav li.first ul li { width: 150px; } #subNav li ul li a { width: 126px; height: auto; padding: 4px 2px 6px 20px; background: none; } #subNav li.first ul li a { display: block; width: 128px; } #subNav li.active ul li a { background: none; } #subNav li ul li a:hover, #subNav li.active ul li a:hover, #subNav li.active ul li.active a { display: block; height: auto; background: #5277b2 url(/images/bg_subNav_ul_a.gif) 10px 8px no-repeat; color: #fff; } /*.hover19 { background: url(/images/bg_subNav1.gif) repeat-y; } .hover20 { background: url(/images/bg_subNav2.gif) repeat-y; } .hover21 { background: url(/images/bg_subNav3.gif) repeat-y; } .hover22 { background: url(/images/bg_subNav4.gif) repeat-y; } .hover23 { background: url(/images/bg_subNav5.gif) repeat-y; }*/ #subNav li.hover ul { background: #5277b2; } #subNav li.hover.first ul { background: #5277b2 url(/images/bg_navCornerLeft.gif) bottom left no-repeat; } #subNav li.last.hover ul { background: #5277b2 url(/images/bg_navCornerRight.gif) bottom right no-repeat; } #subNav li.hover ul li, #subNav li.hover ul li.active { height: auto; background: url(/images/bg_subNav_ul_li.gif) bottom left no-repeat; } #subNav li.hover ul li a, #subNav li.active.hover ul li a, #subNav li.first.hover ul li a, #subNav li.active.first.hover ul li a, #subNav.open li.first.hover ul li a, #subNav.open li.active.first.hover ul li a, #subNav li.last.hover ul li a, #subNav li.active.last.hover ul li a, #subNav.open li.last.hover ul li a, #subNav.open li.active.last.hover ul li a { display: block; height: auto; background: none; color: #c0d3f0; } #subNav li.active ul li.active a, #subNav li.active ul li.active a:hover, #subNav li.active.hover ul li.active a:hover, #subNav li.active.first.hover ul li.active a:hover, #subNav li.hover ul li a:hover, #subNav li.active.hover ul li a:hover, #subNav li.first.hover ul li a:hover, #subNav.open li.first.active.hover ul li.active a, #subNav.open li.first.active.hover ul li a:hover, #subNav li.last.hover ul li a:hover, #subNav.open li.last.active.hover ul li.active a, #subNav.open li.last.active.hover ul li a:hover { display: block; height: auto; background: url(/images/bg_subNav_ul_a.gif) 10px 8px no-repeat; color: #fff; } #subNav li.active ul li.active, #subNav li.active.hover ul li.active { background: #5277b2 url(/images/bg_subNav_ul_li.gif) bottom left no-repeat !important; } #subNav li.active.hover ul li.active a, #subNav li.active.hover ul li.active a:hover, #subNav.open li.first.active.hover ul li.active a, #subNav.open li.last.active.hover ul li.active a { display: block; height: auto; /*background: url(/images/bg_subNav_ul_li_act_a.gif) no-repeat;*/ color: #fff; } #youth_nav { position: absolute; top: -22px; left: 218px; width: 746px; height: 40px; margin: 0; padding: 0 0 0 0; color: #fff; background: url(/images/bg_youth_nav.png) no-repeat; font: bold italic 13px/17px Georgia, serif; } #youth_nav li { float: left; width: auto; padding: 0 1px 0 0; background: url(/images/bg_youth_nav_li.gif) 100% 50% no-repeat; } #youth_nav li a { display: block; width: auto; height: 30px; padding: 10px 15px 0 15px; color: #fff; text-decoration: none; } #youth_nav li a:hover { background: #111618; } #youth_nav li.active a { background: #111618 url(/images/bg_youth_nav_li_act_a.gif) 50% 0 no-repeat; } #youth_nav li#logo_yrbsc a { width: 142px; height: 40px; padding: 0; background: url(/images/bg_youth_nav_logo.png) no-repeat; text-indent: -9999px; } #youth_nav li#logo_yrbsc a:hover { width: 142px; height: 40px; padding: 0; background: url(/images/bg_youth_nav_logo_ho.png) no-repeat; } #youth_nav li#logo_yrbsc.active a, #youth_nav li#logo_yrbsc.active a:hover { width: 142px; height: 40px; padding: 0; background: url(/images/bg_youth_nav_logo_act.png) no-repeat; } /* content ------------------------------------------------------------------*/ .contentBlok { clear: both; margin: 0 0 20px 0; } .contentBlok img { clear: both; display: block; margin: 5px 0 4px 0; } /*.contentBlok ul,*/ #mainContent #basisSubNav ul, #sidebarNewsLink ul, #mainContent #contentNav ul, /*#mainContent ul,*/ #mainContent #zoekertjesCatNav, #wedstrijden_palmares #mainContent ul { margin: 0 0 10px 0; list-style-type: none; } .contentBlok ul#basisSubNav, .catSubNav { padding:0; margin:0; } .contentBlok ul#basisSubNav a { background: url(/images/bg_contentBlok_ul_a.jpg) no-repeat left; } /*.contentBlok ul a ,*/ #zoekertjesCatNav a, #wedstrijden_palmares #mainContent ul a, .contentBlok ul#basisSubNav a, .catSubNav a { padding: 0 0 0 16px; background: url(/images/bg_contentBlok_ul_a.jpg) 0 4px no-repeat; } .leesMeerLink { float: left; width: auto; margin: 0 0 5px 0; } #mainContent .contentBlok ul, #mainContent .contentBlok .blocks ul { margin: 0 0 14px 16px; list-style-type: disc; } .textblok ol, #mainContent .contentBlok .blocks ol { margin: 0 0 14px 24px; list-style-type: decimal; } #mainContent .contentBlok table th, #mainContent .contentBlok table td { padding: 2px; border: #ddd 1px solid; } .blocks a img { display: inline; margin: 0 5px 0 0; } .blocks .bestand { line-height: 20px; } #mainContent ul.newsitems, #mainContent ul.newsitems li { padding:0; margin:0; } .movieBlok { position: relative; } .movieBlok #movie img, .loader { position: absolute; top: 40%; left: 45%; z-index: 1; } .movieBlok #movie object, .movieList li object { position: relative; margin-bottom: 4px; z-index: 2; } .movieList li { position: relative; float: left; min-height: 100px; margin: 0 5px 5px 0; } .movieList span { display: block; } #inschrijfInfo { position: relative; width: 382px; height: 320px; background: url(/images/bg_inschrijven.jpg) no-repeat; color: #fff; } #inschrijfInfoText { overflow: hidden; width: 148px; height: 190px; margin: 0 14px 100px 220px; padding: 30px 0 0 0; } #inschrijfInfo h3 { margin: 0 0 10px 0; font-size: 14px; color: #fff; } #inschrijfInfo p { margin: 0 0 10px 0; } #inschrijfInfo a { position: absolute; bottom: 30px; left: 220px; display: block; width: 143px; height: 43px; padding: 20px 0 0 0; background: url(/images/bg_schrijfIn.gif) no-repeat; font-size: 16px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; } .movieLink, .webcamLink, .albumLinks { margin: 4px 0 0 0; } .link { padding: 0 0 0 16px; background: url(/images/bg_contentBlok_ul_a.jpg) 0 4px no-repeat; } .fotosLink { display: block; float: left; width: auto; } .slideshowLink { display: block; float: right; width: auto; } span.separator { padding: 0 10px; } #contentNav .active a, #zoekertjesCatNav .active a { color: #294681; font-weight: bold; text-decoration: none; } a.btn, .submit { clear: both; float: left; display: block; width: auto; height: 24px; margin: 7px 0 4px 0; padding: 0 20px; background: url(/images/bg_btn.gif) repeat-x; border: #466ea1 1px solid; border-bottom: none; color: #fff; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; } #fotos_filmpjes #mainContent { position: relative; width: 398px; margin: 0 0 0 10px; } #fotos_filmpjes #mainContent.fullwidth { width: 709px; } #fotos_filmpjes #mainContent h2 { clear: both; margin-left: 12px; background:#fff; } #albums ul { margin: 0 0 25px 0; } #albums ul ul li { position: relative; float: left; overflow: hidden; width: 199px; height: 195px; background: url(/images/bg_albums_li_shadow.gif) no-repeat; } #albums ul ul li a { position: absolute; top: 20px; left: 25px; overflow: hidden; display: block; width: 150px; height: 160px; text-decoration: none; cursor: pointer; } #albums ul ul li a img { margin: 0 0 5px 0; } #albums ul ul li a span { display: block; } .albumImgWrap { position: relative; overflow: hidden; width: 150px; height: 100px; margin: 0 0 5px 0; } .albumGroupTitle { color: #38527c; } .imgMovieCountWrap { position: absolute; bottom: 0; left: 0; height: 17px; width: 150px; background: url(/images/bg_imgMovieCount.png) repeat-x; } .albumCount { position: absolute; bottom: 2px; height:17px; color: #38527c; font-size: 9px; } .albumImgCount { left: 4px; width: 60px; } .albumMovieCount { right: 4px; width: 80px; text-align: right; } #slider { width: 242px; margin-top: 4px; } .sliderEnd { position: absolute; top: 4px; width: 6px; height: 6px; background: url(/images/slider/bg_sliderEnd.gif) no-repeat; } #leftEnd { left: 0; } #rightEnd { right: 0; } #s_basissen { margin-top: 20px; } .photoSection, .calendarSection { margin: 4px 0 0 0; } .calendarSection { float: left; width: 235px; } .photoSection img, .calendarSection img { vertical-align: middle; cursor: pointer; } .photoSection label, .calendarSection label { display: inline; padding: 0 0 0 20px; color: #9d9d9d; cursor: pointer; text-decoration: line-through; } .photoSection label.selected, .calendarSection label.selected { color: #38527c; text-decoration :none; } #periods { width: 242px; color: #545454; font-size: 10px; color:#aaa; } #jaar_rechts { float: right; width: 80px; text-align: right} #jaar_links { float: left; width: 80px; text-align: left;} #jaar_midden { float: left; width: 80px; text-align: center; color: #294681; font-size: 12px; } #fotoalbumLogin div { margin: 0 0 4px 0; } #fotoalbumLogin label { float: left; width: 100px; } #fotoalbumLogin input { width: 130px; } #fotoalbumLogin button { width: 136px; margin-left: 100px; } #formExistingAlbum button { margin-bottom: 15px; } #mainContent #fotalbumpagina, #mainContent .movieList, #mainContent_albumContent #fotalbumpagina, #mainContent_albumContent .movieList { clear: both; margin-left: 12px; } #mainContent #fotalbumpagina li, #mainContent_albumContent #fotalbumpagina li { float: left; overflow: hidden; width: 150px; height: 110px; margin: 0 10px 10px 0; } .backToOverview { float: right; width: auto; margin: 0 0 15px 0; padding: 0 64px 0 16px; background: url(/images/bg_backTo.gif) 0 5px no-repeat; } .pages { clear: both; width: 642px; text-align: right; } .pageLabel, .pageNumbers { display: inline; padding-left: 10px; } .pageNumbers a, .pageNumbers span { padding-left: 5px; } #wedstrijden_kalender #mainContent, #wedstrijden_palmares #mainContent, #zoekertjes_categorie #mainContent, /*#fotos_filmpjes #mainContent.albumContent,*/ #zeilscholen_inschrijven #mainContent, #zoekresultaten #mainContent { width: 706px; } #fotos_filmpjes #mainContent_albumContent { position:relative; float:left; width:706px; margin:0 0 0 10px; } #calendarFilter { clear: both; position: relative; } .calendarSection img { clear: left; float: left; width: 11px; } .calendarSection label { position: relative; float: left; display: block; width: 180px; } #s_categorie label { width: 140px; } .calendarSection label span { position: absolute; top: 0; right: 0; width: 20px; display: block; } .calendarSection label.selected span { color: #294681; font-weight: bold; } #calendarOverview { width: 706px; margin: 20px 0; } #calendarOverview th, #calendarOverview td { padding: 5px; vertical-align: top; color: #4d4546; } #calendarOverview th { color: #38527c; font: bold italic 12px/16px Georgia, serif; text-align: left; } .date, .type, .category, .class, .results { font-size: 11px; line-height: 15px; } #calendarOverview th.year { color: #4d4546; font: 18px/22px Georgia, serif; } #calendarOverview .miniCalendar { padding: 0 0 4px 0; } #calendarOverview .calendar th, #calendarOverview .calendar td { width: 17px; padding: 2px; color: #4d4546; font: 10px/14px Verdana, sans-serif; text-align: center; vertical-align: middle; } #calendarOverview .calendar td { padding: 2px; color: #9d9d9d; text-align: right; } #calendarOverview .calendar td.active { color: #232413; } #calendarOverview .calendar .month { padding: 4px 5px 0 5px; color: #232413; font: bold italic 12px/16px Georgia, serif; text-align: left; } #calendarOverview #month01.miniCalendar, #calendarOverview #month01spacer, #calendarOverview .month01 .calendar td.active { background: #a9a881; } #calendarOverview #month02.miniCalendar, #calendarOverview #month02spacer, #calendarOverview .month02 .calendar td.active { background: #afae57; } #calendarOverview #month03.miniCalendar, #calendarOverview #month03spacer, #calendarOverview .month03 .calendar td.active { background: #7fa017; } #calendarOverview #month04.miniCalendar, #calendarOverview #month04spacer, #calendarOverview .month04 .calendar td.active { background: #a8dc01; } #calendarOverview #month05.miniCalendar, #calendarOverview #month05spacer, #calendarOverview .month05 .calendar td.active { background: #d6dd00; } #calendarOverview #month06.miniCalendar, #calendarOverview #month06spacer, #calendarOverview .month06 .calendar td.active { background: #efd821; } #calendarOverview #month07.miniCalendar, #calendarOverview #month07spacer, #calendarOverview .month07 .calendar td.active { background: #ffc011; } #calendarOverview #month08.miniCalendar, #calendarOverview #month08spacer, #calendarOverview .month08 .calendar td.active { background: #ff7d54; } #calendarOverview #month09.miniCalendar, #calendarOverview #month09spacer, #calendarOverview .month09 .calendar td.active { background: #e59368; } #calendarOverview #month10.miniCalendar, #calendarOverview #month10spacer, #calendarOverview .month10 .calendar td.active { background: #d3c8b4; } #calendarOverview #month11.miniCalendar, #calendarOverview #month11spacer, #calendarOverview .month11 .calendar td.active { background: #c0c0c0; } #calendarOverview #month12.miniCalendar, #calendarOverview #month12spacer, #calendarOverview .month12 .calendar td.active { background: #ffc011; } #calendarOverview td.spacer { height: 34px; padding: 0; } .date { font-weight: bold; font-size: 9px; text-align: right; white-space: nowrap; } .category { font-weight: bold; } .results a { color: #4d4546; } .date, .class, .extra, .results { border-left: #a4a4a4 1px solid; } .date, .type, .category, .class, .pdf, .pics, .results, .subscribe { border-top: #a4a4a4 1px solid; } th.date, th.class, th.extra, th.results, .first .date, .first .type, .first .category, .first .class, .first .pdf, .first .pics, .first .results, .first .subscribe { border-top: none; } #calendarOverview td.pdf { padding-right: 0; } #calendarOverview td.pics { padding-left: 0; } .pdf a, .pics a { display: block; width: 24px; height: 18px; text-indent: -9999px; } .pdf a { background: url(/images/icon_pdf.gif) no-repeat; } .pics a { background: url(/images/icon_camera.gif) no-repeat; } #calendarOverview .button { float: right; display: block; width: auto; height: 19px; padding: 0 5px; background: url(/images/bg_tableBtn.gif) repeat-x; color: #fff; font-size: 9px; font-weight: bold; text-decoration: none; white-space: nowrap; } .competitionResults { margin: 0 0 20px 0; } .competitionResults img { float: left; margin: 0 10px 0 0; } .competitionResults ul { float: left; width: 220px; margin: 0 0 14px 0; list-style-type: none; } .competitionResults ul li { margin: 0; padding: 0 0 2px 0; } .ranking { clear: both; float: left; display: block; width: 20px; } .names { float: left; display: block; width: 180px; } .names span { white-space: nowrap; } a.meerUitslagen { clear: both; float: none; display: block; margin-left: 160px; padding: 0 0 0 16px; background: url(/images/bg_contentBlok_ul_a.jpg) 0 4px no-repeat; } #fancyboxContent #uitslagenNav { margin: 0 0 20px 0; } #uitslagenNav li { display: inline; padding-right: 20px; } #uitslagenNav li a { font-size: 14px; line-height: 18px; } #uitslagenOverview { width: 100%; } #uitslagenOverview th, #uitslagenOverview td { padding: 2px 50px 2px 0; border-bottom: #ddd 1px solid; text-align: left; white-space: nowrap; } .forminput { margin: 0 0 0 12px; } .forminput div { margin: 0 0 8px 0; } a.uitslagen { margin: 0 0 0 12px; } h2#palmaresName, .zoekertjesTitel { clear: both; padding: 6px 10px 8px 10px; background: #c5d1e5; color: #232413; font-size: 12px; line-height: 16px; } #palmaresSearchForm span { padding-right: 10px; color: #294681; font: bold italic 16px/20px Georgia, serif; } #palmaresSearchForm label { padding-right: 10px; color: #4c5c7b; margin-top: 30px;} #palmaresSearchForm input { width: 260px; vertical-align: middle; } #palmaresSearchForm button { color: #fff; } #palmaresOverview, #zoekertjesOverview { width: 686px; margin: 10px 0 0 10px; } #palmaresOverview th, #zoekertjesOverview th { color: #38527c; font: bold italic 12px/16px Georgia, serif; text-align: left; } #palmaresOverview .position { text-align: center; } #zoekertjesCatNav { float: left; width: 350px; } #zoekertjePlaatsen { clear: none; float: right; } #zoekertjesOverview th, #zoekertjesOverview td { padding: 8px 15px; vertical-align: top; border-bottom: #a4a4a4 1px solid;} #zoekertjesOverview td { padding-bottom: 24px; border-bottom: #a4a4a4 1px solid;} #zoekertjesOverview th.merk, #zoekertjesOverview td.merk { padding-left: 0; } #zoekertjesOverview th.merk span { padding-left: 20px; } #zoekertjesOverview td.beeld { padding: 3px 0 3px 0; } .zoekertjesLink { display: block; width: auto; padding: 0 0 0 20px; background: url(/images/zoekertjesLink.gif) 0 4px no-repeat;text-decoration: none; } .zoekertjesLink span { display: block; } .zoekertjesNaam { color: #5277b2; font-size: 13px; line-height: 17px; font-weight: bold; } .zoekertjesInfo, .zoekertjesDatum { color: #4d4546; } .zoekertjesDatum { font-weight: bold; } #zoekertjesOverview { margin:0; padding:0; width: 707px; } #zoekertjesOverview .prijs { text-align: right; white-space: nowrap; } #zoekertjesOverview th.merk, #zoekertjesOverview th.bouwjaar, #zoekertjesOverview th.prijs { border-bottom: #a4a4a4 1px solid; } #zoekertjesOverview th.bouwjaar, #zoekertjesOverview th.prijs, #zoekertjesOverview td.bouwjaar, #zoekertjesOverview td.prijs { /*border-left: #a4a4a4 1px solid; */} #zoekertjesOverview td.bouwjaar, #zoekertjesOverview td.prijs { color: #5277b2; font-weight: bold; } #zoekertjeDetail { margin: 30px 0 0 0; } #zoekertjeDetail img { float: left; margin: 0 65px 0 0; } #zoekertjeDetailInfo { margin-left: 325px; } #zoekertjeDetailInfo h3 { margin: 0 0 20px 0; color: #38527c; font: bold italic 16px/20px Georgia, serif; } #zoekertjeDetailInfo dl { margin: 0 0 20px 0; color: #38527c; font-size: 13px; line-height: 18px; } #zoekertjeDetailInfo dt { float: left; width: auto; padding-right: 5px; font-weight: bold; color:#5277B2; } #zoekertjeDetail li { padding: 0 0 0 10px; background: url(/images/bg_zoekertjeDetail_li.gif) 0 8px no-repeat; } fieldset { padding: 10px; border-top: #294681 1px solid; } legend { padding: 0 10px; color: #294681; font: bold italic 14px/18px Georgia, serif; } form div { margin: 0 0 10px 0; } label { display: block; margin: 0 0 4px 0; font-size: 12px; } .input, textarea { background: none; border: #767676 1px solid; } #emailAdverteerderWrap { clear: both; margin: 20px 0 0 325px; } #emailAdverteerderWrap h2 { margin-bottom: 20px; } #emailAdverteerderWrap label { display: block; color: #4c5c7b; font-size: 12px; } /*#emailAdverteerderWrap .input, #emailAdverteerderWrap textarea { background: none; border: #767676 1px solid; }*/ #emailAdverteerderWrap .input { width: 320px; } #emailAdverteerderWrap textarea { width: 324px; } /*#emailAdverteerderWrap .submit { margin-top: 20px; }*/ #formNieuwsbrief .input, #formInschrijvenWedstrijd .input, #formZoekertje .input, #formInschrijvenZeilschool1 .input { width: 266px; } #formInschrijvenWedstrijd .postalcode { float: left; width: 56px; margin-right: 6px; } #formInschrijvenWedstrijd .city { width: 198px; } #geboortedatum .input { width: auto; } .radioWrap label, #nieuwsbrief label, #nieuwsbriefBasis label, .albumBasis label, .albumEvent label { display: inline; width: auto; padding-right: 20px; } .radioWrap input, #nieuwsbrief input, #nieuwsbriefBasis input, .albumBasis input, .albumEvent input { margin-right: 5px; border: none; vertical-align: middle; } .radioWrap .mainLabel, #nieuwsbrief .mainLabel, #nieuwsbriefBasis .mainLabel { display: block; } #formInschrijvenZeilschool1 #taal_andere, #formInschrijvenZeilschool1 #ervaring_andere { width: 248px; margin: 0 0 0 18px; border:1px solid #767676; } #voorwaarden { margin-left: 10px; } #voorwaarden input { float: left; width: auto; border: none; } #voorwaarden p { padding-left: 20px; } #formInschrijvenWedstrijd .submit, #formInschrijvenWedstrijd .requiredField, #formInschrijvenZeilschool1 .submit, #formInschrijvenZeilschool1 .requiredField { margin-left: 10px; } #inschrijvenDetail { clear: both; margin-top: 20px; } #zeilscholen_inschrijven dl, .crew, .boat, .albumInfo { margin: 15px 0; } .crew, .boat, .albumInfo { clear: both; } .albumInfo, #formAlbumRefresh, #formAlbumGoedkeuren, #bedanking, #albums p { margin-left: 12px; } #zeilscholen_inschrijven dt, .crew dt, .boat dt, .albumInfo dt { float: left; width: 100px; } .crew dt { width: 150px; } .boat dt { width: 270px; } #zeilscholen_inschrijven dd, .albumInfo dd { margin: 0 0 4px 100px; } .crew dd { margin: 0 0 4px 160px; } .boat dd { margin: 0 0 4px 280px; } #kiesBetalingswijze { width: 540px; margin: 15px 0; } #kiesBetalingswijze th, #kiesBetalingswijze td { /*text-align: center;*/ vertical-align: top; } #kiesBetalingswijze .btn { width: 178px; } #crewOverview li, #boatOverview li{ border-bottom: #586784 1px solid; } a.deleteCrew, a.deleteBoat { margin-bottom: 15px; } #prefillCrew, #prefillBoot { margin-bottom: 5px; } .read { padding: 0 10px; } #read { float: left; border: none; } .read label { padding-left: 20px; } #formZoekertje textarea { width: 700px; } .requiredField { clear: both; display: block; } /* ****** test text rotation ********** for firefox, safari, chrome, etc. -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); #zoekertjesOverview th.bouwjaar { height: 150px; background: #ff0000; padding: 0; vertical-align: middle; } #zoekertjesOverview th.bouwjaar div { padding: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); color: #000; } */ button { height: 24px; padding-bottom: 3px; background: url(/images/bg_opladenLoginSubmit.gif) repeat-x; border: none; vertical-align: middle; cursor: pointer; } button span { padding: 0 0 0 10px; background: url(/images/bg_loginSubmit_span.png) 0 50% no-repeat; color: #fff; font-size: 15px; line-height: 19px; } #keuzeZwaardboot { background:url(/images/zeil_Z.jpg) no-repeat scroll 0 0 transparent; color:#FFFFFF; height:458px; position:relative; width:223px; float: left; display: block; margin-right: 18px; } #keuzeCatamaran { background:url(/images/zeil_C.jpg) no-repeat scroll 0 0 transparent; color:#FFFFFF; height:458px; position:relative; width:223px; float: left; display: block; margin-right: 18px; } #keuzeKite { background:url(/images/zeil_K.jpg) no-repeat scroll 0 0 transparent; color:#FFFFFF; height:458px; position:relative; width:223px; float: left; display: block; } #keuzeKids { background:url(/images/kK.jpg) no-repeat scroll 0 0 transparent; color:#FFFFFF; height:458px; position:relative; width:223px; float: left; display: block; margin-right: 18px; } #keuzeJeugd { background:url(/images/kJ.jpg) no-repeat scroll 0 0 transparent; color:#FFFFFF; height:458px; position:relative; width:223px; float: left; display: block; margin-right: 18px; } #keuzeVolw { background:url(/images/kV.jpg) no-repeat scroll 0 0 transparent; color:#FFFFFF; height:458px; position:relative; width:223px; float: left; display: block; } #keuzeKids a {background:url(/images/bg_schrijfin1.gif) no-repeat scroll 0 0 transparent; color:#FFFFFF; display:block; font-size:16px; font-weight:bold; height:43px; left:40px; padding:20px 0 0; position:absolute; text-align:center; text-decoration:none; width:143px; bottom: 270px; } #keuzeJeugd a {background:url(/images/bg_schrijfIn.gif) no-repeat scroll 0 0 transparent; color:#FFFFFF; display:block; font-size:16px; font-weight:bold; height:43px; left:40px; padding:20px 0 0; position:absolute; text-align:center; text-decoration:none; width:143px; bottom: 270px; } #keuzeVolw a {background:url(/images/bg_schrijfIn2.gif) no-repeat scroll 0 0 transparent; color:#FFFFFF; display:block; font-size:16px; font-weight:bold; height:43px; left:40px; padding:20px 0 0; position:absolute; text-align:center; text-decoration:none; width:143px; bottom: 270px; } #keuzeKids h3, #keuzeJeugd h3, #keuzeVolw h3, #keuzeZwaardboot h3, #keuzeCatamaran h3, #keuzeKite h3 { padding: 20px 20px 0 16px; font-size: 16px; } #keuzeKids p, #keuzeJeugd p, #keuzeVolw p, #keuzeZwaardboot p, #keuzeCatamaran p, #keuzeKite p { padding: 0 16px; } #mainContent #searchResults { list-style-type: disc; margin-left: 16px; } #searchResults li { overflow: hidden; margin: 0 0 6px 0; } #searchResults .title { color: #586784; text-decoration: none; } #fancyboxContent { padding: 20px; } #fancyboxContent h1 { position: relative; top: auto; left: auto; width: auto; height: auto; margin: 0 0 10px 0; padding: 0; background: none; color: #294681; font: bold italic 16px/20px Georgia, serif; } #fancyboxContent ul { margin: 0 0 14px 16px; list-style-type: disc; } #fancyboxContent ul li { margin: 0 0 3px 0; } #keuzeZwaardboot ul, #keuzeCatamaran ul, #keuzeKite ul { margin: 10px 0 0 18px; width: 192px; } #keuzeZwaardboot li, #keuzeCatamaran li, #keuzeKite li { padding: 5px 5px 3px 0; font-size: 12px; border-bottom: #a9bbd9 1px solid; } #keuzeZwaardboot li a, #keuzeCatamaran li a, #keuzeKite li a { color: #cfd9e9; text-decoration: none; } #keuzeZwaardboot li a:hover, #keuzeCatamaran li a:hover, #keuzeKite li a:hover { color: #fff; } /*.info-png { background: url(/images/info.png) no-repeat; padding-left: 28px; padding-top: 1px; padding-bottom: 5px; } .pdf-png { background: url(/images/pdfx.png) 0px -2px no-repeat; padding-left: 28px; padding-top: 1px; padding-bottom: 5px; } .images-png { background: url(/images/images.png) no-repeat; padding-left: 28px; padding-top: 1px; padding-bottom: 5px; }*/ .clubhuis { background: url("/images/clubhuis.jpg") no-repeat; } .geschiedenis { background: url("/images/geschiedenis.jpg") no-repeat; } .art { background: url("/images/art.jpg") no-repeat; } .clubhuis, .geschiedenis, .art { color: #FFFFFF; display: block; float: left; height: 200px; margin-right: 2px; margin-bottom: 18px; position: relative; width: 125px; } .clubhuis h3, .geschiedenis h3, .art h3 { margin: 0; padding: 14px 20px 0 16px; color: #fff; font-size: 14px; font-style: italic; font-weight; bold; font-family: Georgia,serif; } .clubhuis h3 a, .geschiedenis h3 a, .art h3 a { color: #fff; text-decoration: none; } .clubhuis h3 a:hover, .geschiedenis h3 a:hover, .art h3 a:hover { color: #fff; text-decoration: underline; } .art a.pdf { display: inline-block; color: #f5f5f5; margin: 0 0 5px; padding: 6px 10px 0 16px; text-decoration: none; border: none; font-size: 11px; } .art a.pdf:hover { color: #f5f5f5; text-decoration: underline; } .art a.pdf img { display: inline; margin: 0 6px 0 0; } /* sidebar ------------------------------------------------------------------*/ #sidebar p { font-size: 12px; line-height: 16px; } .webcamImgWrap { overflow: hidden; width: 242px; } #webcam_zoute { height: 174px; } #webcam_zoute img { margin: -7px 0 0 0; } #webcam_duinbergen { height: 158px; } #webcam_duinbergen img { margin: -19px 0 0 0; } #webcam_heusden { height: 174px; } #webcam_heusden img { margin: -7px 0 0 0; } #webcam_zeebrugge { height: 174px; } #webcam_zeebrugge img { margin: -7px 0 0 0; } /* footer ------------------------------------------------------------------*/ #footer div { position: absolute; top: 0; left: 240px; width: 730px; } #footer p { float: left; width: 630px; margin: 0; } #footer a { color: #949494; font-size: 11px; line-height: 15px; } #duo { float: right; display: block; width: 35px; height: 9px; margin: 0 30px 0 0; background: url(/images/logo_duo_footer.png) no-repeat; text-indent: -9999px; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; } #loading { position: absolute; left: 560px; top: 80px; display: none; } #formWedstrijden #loading { left: 280px; top: 35px; } #fotos_filmpjes #loading { left: 420px; top: 60px; } #wedstrijden_winnaars #loading { left: 650px; top: 90px; } div.error, p.error { color: red; } input.error, textarea.error, select.error { border: red 1px solid !important; } label.error { display: none !important; } #error_basis, #error_skipper_dateofbirth, #error_read, #error_taal, #error_ervaring, #error_lid, #error_eigen_boot, #error_voorwaarden, #error_basissen, #error_evenementen { display: none } .albumBlok a.hide { display: none; }