@charset "utf-8"; /* = @author Joey Buys / Blueberry new media @version 1.0 @since feb 09 ----------------------------------------------------*/ /* =RESETS / TEMPLATE ----------------------------------------------------*/ * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } body { background: url(images/body_bg.jpg) no-repeat center top #dedede; } img { border: 0; } a { outline: 0; } .clr { overflow: hidden; height: 100%; } .hide { display: none; } #page-box { width: 980px; margin: 15px auto 0 auto; background: url(images/page-box_bg.gif) repeat-y; } #col-a { float: left; width: 720px; } #col-b { float: right; width: 246px; } /* =DYNAMIC INPUT ----------------------------------------------------*/ .dynamic-input { font-size: 12px; line-height: 19px; color: #fff; } .dynamic-input p { margin: 0 0 10px 0; } .dynamic-input a, .dynamic-input a:active, .dynamic-input a:visited { color: #42a5dc; text-decoration: underline; } .dynamic-input a:hover { text-decoration: none; } .dynamic-input ul, .dynamic-input ol { margin: 0 0 10px 0; } .dynamic-input ul li { padding: 0 0 0 10px; list-style: square inside; } .dynamic-input ol li { padding: 0 0 0 10px; list-style-position: inside; } .dynamic-input ul.controlpanel li { padding: 0 0 0 10px; list-style-type: none; float:left } /* =WEBRING ----------------------------------------------------*/ #webring { height: 39px; background: #1e1d1d; border-bottom: 1px solid #fff; } #webring ul { text-align: center; list-style: none; } #webring ul li { display: inline; padding: 0 18px; font-size: 0; line-height: 0; } /* =HEADER ----------------------------------------------------*/ #header { position: relative; padding: 0 10px; z-index: 1001; } #header .inner { position: relative; height: 120px; border: 2px solid #1f1e1e; border-bottom: none; background: url(images/header_bg.gif) repeat-x; } #header .inner .logo { position: absolute; } #header .inner .banner_wrap { position: absolute; top: 20px; left: 258px; width: 530px; height: 71px; padding: 9px 0 0 0; text-align: center; background: url(images/header_banner_bg.png) repeat-x; } #header .inner .nav-meta { position: absolute; top: 20px; right: 25px; } #header .inner .nav-meta li { list-style: none; } #header .inner .nav-meta li.vsl { float: right; } #header .inner .nav-meta li.vsl img { border: 1px solid #a2a2a2; } #header .inner .nav-meta li.userdata { margin: 0 0 5px 0; font-size: 11px; color: #fff; text-align: right; } #header .inner .nav-meta li.btn { float: right; margin: 2px 5px 0 0; text-align: right; font-size: 0; line-height: 0; } #header .inner .nav-meta li.btn img { margin: 0 0 4px 0; } /*#header .inner .nav-meta li { list-style: none; padding: 0 0 0 8px; font-size: 0; line-height: 0; background: url(images/header_nav-meta_li_bg.gif) left 12px no-repeat; } #header .inner .nav-meta li.login { background: none; padding: 5px 0 0 0; } #header .inner .nav-meta li a { font-size: 11px; line-height: 18px; color: #9f9f9f; text-decoration: none; } #header .inner .nav-meta li a:hover { text-decoration: underline; } #header .inner .userdata { font-size: 11px; color: #FFF; }*/ /* =FOOTER ----------------------------------------------------*/ #footer { clear: both; position: relative; height: 52px; padding: 7px 0 0 0; background: url(images/footer_bg.gif) repeat-x; } #footer .left { position: absolute; left: 0; top: 0; width: 30px; height: 59px; background: url(images/footer_left_bg.png) no-repeat; } #footer .right { position: absolute; right: 0; top: 0; width: 30px; height: 59px; background: url(images/footer_right_bg.png) no-repeat; } #footer ul { text-align: center; list-style: none; } #footer ul li { display: inline; } #footer ul li a { display: inline-block; height: 23px; padding: 1px 10px; font-family: Futura XBlkCnIt BT; font-size: 16px; color: #87b7d3; text-decoration: none; cursor: pointer; } /* =NAV-MAIN ----------------------------------------------------*/ #nav-main { position: relative; height: 37px; background: url(images/nav-main_bg.gif) repeat-x; z-index: 1000; } #nav-main .inner { position: relative; } #nav-main .left { position: absolute; left: 0; top: 37px; width: 10px; height: 10px; background: url(images/block_left_bg.gif) no-repeat; } #nav-main .right { position: absolute; right: 0; top: 37px; width: 10px; height: 10px; background: url(images/block_right_bg.gif) no-repeat; } #nav-main ul { position: relative; margin: 0 20px 0 0; float: right; } #nav-main ul li { position: relative; float: left; list-style: none; } #nav-main ul li a { display: block; float: left; height: 25px; padding: 8px 10px 4px 10px; font-family: Futura XBlkCnIt BT; font-size: 16px; color: #fff; text-decoration: none; cursor: pointer; } #nav-main ul li a:hover, #nav-main ul li a.selected { background: url(images/nav-main_a-hover_bg.gif) repeat-x; } #nav-main ul li a span.normal { display: block; float: left; color: #fff; font-family: Futura XBlkCnIt BT; font-size: 15px; } #nav-main ul li a span.hover { display: none; float: left; color: #e7d46b; font-family: Futura XBlkCnIt BT; font-size: 15px; } #nav-main ul li a:hover span.normal { display: none; } #nav-main ul li a:hover span.hover { display: block; } #nav-main ul li ul { clear: both; display: none; position: absolute; top: 36px; left: -4px; width: 200px; padding: 5px 0; background: #0a0a0a; } #nav-main ul li:hover ul { display: block; z-index: 100} #nav-main ul li li.even { background: #2b2a2a; border-top: 1px solid #383838; border-bottom: 1px solid #151515; } #nav-main ul li li a { display: block; width: 190px; font-size: 13px; line-height: 13px; height: 20px; padding: 5px 0 0 10px; } #nav-main ul li li a:hover { background: url(images/nav-main_a-sub-hover_bg.gif) 190px center no-repeat;} /* =PAGE-HEADER ----------------------------------------------------*/ #page-header { padding: 0 10px; } #page-header .inner { height: 60px; background: url(images/page-header_bg.gif) repeat-x; } /* =SUBPAGE-HEADER ----------------------------------------------------*/ #subpage-header { padding: 0 0 0 10px; } h1.subpage-header { margin: 5px 0 10px 0; font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 24px; color: #fff; } /* =CRUMBPATH ----------------------------------------------------*/ #crumbpath { float: left; } #crumbpath li { display: inline; list-style: none;} #crumbpath li a { display: block; float: left; height: 40px; margin: 0 0 0 -30px; padding: 20px 40px 0 40px; font-family: Futura XBlkCnIt BT; font-size: 14px; color: #929292; text-decoration: none; background: url(images/crumbpath_li_bg.png) no-repeat; cursor: pointer; } #crumbpath li a.first { width: 161px; padding: 20px 0 0 10px; margin: 0;background: url(images/crumbpath_li-first_bg.png) no-repeat; } /* =FORM SEARCH ----------------------------------------------------*/ #frm-search { display: inline; float: right; margin: 17px 12px 0 0; } #frm-search .txt_wrap { float: left; background: url(images/frm-search_txt_bg.gif) no-repeat; } #frm-search input.txt { float: left; width: 154px; height: 21px; padding: 5px 0 0 10px; color: #555; border: none; background: none; } #frm-search input.sbmt { float: left; width: 60px; height: 26px; font-size: 0; line-height: 0; color: #959595; border: none; background: url(images/frm-search_sbmt_bg.gif) no-repeat; } /* =HOMEPAGE SPECIFIC ----------------------------------------------------*/ #homepage-flash-carrousel { padding: 0 0 0 10px; } #homepage-intro { padding: 0 0 0 10px; } #homepage-intro .inner { padding: 0 !important; background: url(images/homepage-intro_bg.gif) repeat-x #c0c0c0; } #homepage-intro .top { margin-bottom: 0 !important; } #homepage-intro h3 { display: inline-block !important; float: left; } #homepage-intro h3.first { width: 375px; } #homepage-intro .intro-txt { float: left; width: 340px; height: 160px; padding: 15px; font-size: 12px; line-height: 17px; color: #1e1d1d; border-right: 1px solid #bbb; } #homepage-intro .partners { float: right; width: 300px; height: 160px; padding: 15px 15px 15px 0px; font-size: 12px; line-height: 17px; background: url(images/homepage-intro_partners_bg.jpg) no-repeat bottom right; } #homepage-cta-blocks .cta { display: inline; float: left; width: 215px; margin: 10px 11px 15px 10px; } #homepage-cta-blocks .cta .vsl { margin: 0 0 5px 0; } #homepage-cta-blocks .cta p { font-size: 12px; line-height: 19px; } #homepage-cta-blocks .cta p a { color: #626262; text-decoration: none; } #homepage-cta-blocks .cta h2 a { font-family: Futura XBlkCnIt BT; font-size: 15px; font-weight: normal; color: #626262; text-decoration: none; } #homepage-news .news-item { padding: 15px; background: url(images/block_tire-on-dark_bg.gif) bottom right no-repeat #1e1d1d; } #homepage-news .news-item.first { border: none; } #homepage-news .news-item .vsl { float: left; margin: 0 15px 0 0; border: 1px solid #9f9f9f; } #homepage-news .news-item h2 { margin: 0 0 5px 0; } #homepage-news .news-item h2 a { color: #f1f1f1; text-decoration: none; font-family: Futura XBlkCnIt BT; font-size: 17px; font-weight: normal; } #homepage-news .news-item p a { display: block; font-size: 12px; line-height: 19px; color: #f1f1f1; text-decoration: none; } #homepage-news .news-item.even { border-top: 1px solid #383838; border-bottom: 1px solid #151515; background: #2b2a2a; } #homepage-news .news-item.even .vsl { float: right; margin: 0 0 0 15px; } /* =BLOCKS ----------------------------------------------------*/ .block { margin: 0 0 10px 0; position: relative; } .block .top { height: 28px; margin: 0 0 0 0; background: url(images/block_top_bg.gif) repeat-x; } .block .top h3 { font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 15px; color: #fff; } .block .inner { padding: 10px; background: url(images/block_tire-on-dark_bg.gif) no-repeat bottom right #1e1d1d; } #col-a .block { padding-left: 10px !important; } #col-a .block .top h3 { padding: 5px 0 0 10px; } #col-a .block .corner { position: absolute; top: 0; left: 0; width: 10px; height: 38px; background: url(images/block_corner-left_bg.gif) no-repeat; } #col-a .block .inner { padding: 20px; } #col-b .block { padding-right: 10px; } #col-b .block .top h3 { padding: 5px 0 0 10px; } #col-b .block .corner { position: absolute; top: 0; right: 0; width: 10px; height: 38px; background: url(images/block_corner-right_bg.gif) no-repeat; } /* =BLOCK: UPCOMING-EVENTS ----------------------------------------------------*/ #upcoming-events .inner { padding: 5px 0 10px 0 !important; } #upcoming-events ul li { font-size: 0; line-height: 0; list-style: none; } #upcoming-events ul li a { display: block; margin: 0 0 0 10px; padding: 7px 0 8px 12px; font-size: 12px; line-height: 12px; color: #fff; text-decoration: none; background: url(images/upcoming-events_li_a_bg.gif) left 9px no-repeat; } #upcoming-events ul li a:hover { text-decoration: underline; } #upcoming-events ul li.even { border-top: 1px solid #383838; border-bottom: 1px solid #151515; background: #2b2a2a; } #upcoming-events ul.events li a { padding-left: 7px; margin: 0; background: none; } #upcoming-events ul.events li a img { border: 2px solid #fff; } /* =BLOCK: PARTNERS ----------------------------------------------------*/ #partners { } /* =BLOCK: NEWSLETTER ----------------------------------------------------*/ #newsletter p { color: #f1f1f1; font-size: 12px; line-height: 17px; } #newsletter form .txt { width: 160px; height: 15px; margin: 10px 0; padding: 5px; color: #6b6b6b; border: 1px solid #403f3f; background: #d7d6d6; } /* =RELATED IMAGES ----------------------------------------------------*/ .related-images { margin: 20px 0; padding: 10px 0 10px 13px; border: 4px solid #3d3d3d; background: #dedede; } .related-images h3 { color: #017cc1; font-family: Futura XBlkCnIt BT; font-size: 16px !important; font-weight: normal; } .related-images ul { margin: 0 !important; } .related-images li { float: left; margin: 10px 10px 0 0 !important; list-style: none !important; } .related-images li a img { border: 1px solid #5b5b5b; } /* =RELATED ITEMS ----------------------------------------------------*/ .related-items { margin: 20px 0; padding: 10px 0 10px 13px; border: 4px solid #3d3d3d; background: #dedede; } .related-items h3 { color: #017cc1; font-family: Futura XBlkCnIt BT; font-size: 16px !important; font-weight: normal; margin-bottom: 5px; } .related-items ul { margin: 0 !important;} .related-items li { margin: 0px 10px 0 0 !important; list-style: none !important; border-top: 1px solid #999; padding: 5px 0 2px 0;} .related-items li a { display: block; color: #1e1d1d; font-size: 12px; text-decoration: none !important; } .related-items li a:hover { text-decoration: underline !important; } /* =COMMENTS ----------------------------------------------------*/ .user-comments { margin: 20px 0; padding: 10px; font-size: 12px; border: 4px solid #3d3d3d; background: #dedede; } .user-comments h3 { color: #017cc1; font-family: Futura XBlkCnIt BT; font-size: 16px !important; font-weight: normal; margin-bottom: 5px; } .user-comments ul {font-size: 12px;} .user-comments ul li { list-style: none; border-top: 1px solid #999; padding: 10px 10px 10px 0; } .user-comments .edit { float: right; } .user-comments p { float: right; width: 550px; padding: 5px; } .user-comments p.edited { font-size: 11px; color: #6e6e6e; } .user-comments .vsl { float: left; margin: 5px 0 0 0; } .user-comments form { font-size: 12px; color: #fff; margin: 20px 0 0 0; padding: 15px 20px; border: 4px solid #151515; background: #2b2a2a; } .user-comments form a { color: #fff; font-weight: bold; } .user-comments form h3 { color: #fff; } .user-comments .textarea { width: 450px; height: 100px; margin: 8px 0; padding: 3px; color: #555555; font-size: 12px; background: #c7c7c7; border: 2px solid #fff; } .user-comments .not-logged { font-size: 12px; color: #fff; margin: 20px 0 0 0; padding: 15px 20px; border: 4px solid #151515; background: #2b2a2a; } .user-comments .not-logged h3 { color: #fff; } .user-comments .not-logged a { color: #fff; } /* =PAGING ----------------------------------------------------*/ .paging { position: relative; } .paging ul { text-align: center; list-style: none; font-size: 0; line-height: 0; } .paging ul li { display: inline; height: 19px; background: #0d0d0d; } .paging ul li a { display: table-cell; vertical-align: middle; height: 19px; padding: 0 12px; font-size: 12px; line-height: 19px; color: #fff; text-decoration: none; background: #0d0d0d; cursor: pointer; } .paging ul li a:hover { text-decoration: underline; } .paging ul li a.img { padding: 0; } .paging ul li a.selected { font-weight: bold; background: #151515; } /* =PAGING ----------------------------------------------------*/ .user-comments .paging { position: relative; } .user-comments .paging ul { text-align: center; list-style: none; font-size: 0; line-height: 0; border: none; } .user-comments .paging ul li { display: inline; height: 19px; background: none; border: none; } /* .user-comments .paging ul li a { display: table-cell; vertical-align: middle; height: 19px; padding: 0 12px; font-size: 12px; line-height: 19px; color: #fff; text-decoration: none; background: #0d0d0d; cursor: pointer; } .user-comments .paging ul li a:hover { text-decoration: underline; } .user-comments .paging ul li a.img { padding: 0; } .user-comments .paging ul li a.selected { font-weight: bold; background: #151515; } */ /* =USERCP ----------------------------------------------------*/ #usercp .nav li { list-style: none; float: left; } /* =specific.EVENT OVERVIEW ----------------------------------------------------*/ #event-overview .archive span { font-size: 12px; color: #767676; } #event-overview .archive ul { background: url(images/event-overview_archive_ul_bg.gif) repeat-x #141313; border-top: 1px solid #323232; border-right: 1px solid #323232; border-left: 1px solid #323232; } #event-overview .archive ul li { display: inline; } #event-overview .archive ul li a { font-size: 12px; line-height: 17px; color: #bebebe; text-decoration: none; background: url(images/event-overview_archive_a_bg.gif) top left no-repeat; } #event-overview .archive ul li a:hover { text-decoration: underline; } #event-overview .archive ul li a.first { background: none; } #event-overview .archive ul li a.selected { font-weight: bold; text-decoration: underline; } #event-overview .event { border-top: 1px solid #383838; border-bottom: 1px solid #151515; background: #2b2a2a; } #event-overview .event.even { border: none; background: url(images/event-overview_event-even_bg.jpg) no-repeat center right #1e1d1d; } #event-overview .event .vsl { margin: 5px 0 0 0; border: 1px solid #fff; } #event-overview .event h2 { margin: 0 0 5px 0; } #event-overview .event h2 a { height: 25px; width: 500px; text-decoration: none; font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 20px; color: #fff; } #event-overview .event ul { width: 500px; } #event-overview .event ul li { font-size: 12px; line-height: 17px; color: #fff; } #event-overview .event ul li span { color: #8b8b8b; } #event-overview .event ul li a { color: #fff; text-decoration: underline; } #event-overview .event ul li a:hover { text-decoration: none; } /* =specific.EVENT DETAIL ----------------------------------------------------*/ #event-detail .specs { background: url(images/event-detail_specs_bg.jpg) no-repeat; } #event-detail .specs .vsl { border: 1px solid #575757; } #event-detail .specs h2 { font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 16px !important; color: #f1f1f1; } #event-detail .specs h2 span { font-family: Futura XBlkCnIt BT; font-weight: normal; font-size: 16px; color: #8b8b8b; } #event-detail .nav { } #event-detail .nav li { } /* =specific.NEWS OVERVIEW ----------------------------------------------------*/ #news-overview .news-item { padding: 10px; margin: 0 0 20px 0; border-top: 1px solid #383838; border-bottom: 1px solid #151515; background: #2b2a2a; } #news-overview .news-item.even { padding: 0 10px; border: none; background: url(images/event-overview_event-even_bg.jpg) no-repeat center right #1e1d1d; } #news-overview .news-item .vsl { border: 2px solid #fff; } #news-overview .news-item .details { width: 420px; padding: 5px 0 0 0; } #news-overview .news-item .details a { font-size: 12px; line-height: 16px; color: #fff; text-decoration: none; } #news-overview .news-item .details h2 a { overflow: hidden; height: 18px; font-family: Futura XBlkCnIt BT; font-size: 15px; font-weight: normal; color: #fff; text-decoration: none; } #news-detail .date {font-size: 12px; color:#999; padding: 0 0 10px 0; font-style: italic;} /* =specific.STANDARD FORM ----------------------------------------------------*/ .standard-form .required { margin: 0 0 10px 0; color: #717171; font-size: 12px; } .standard-form ol { color: #fff; font-size: 12px; line-height: 17px; } .standard-form ol li { padding: 6px; } .standard-form ol li.even { background: #2b2a2a; border-top: 1px solid #383838; border-bottom: 1px solid #151515; } .standard-form fieldset { margin: 0 0 20px 0; } .standard-form legend { margin: 0 0 10px 0; font-family: Futura XBlkCnIt BT; font-size: 15px; font-weight: normal; color: #fff; } .standard-form label { padding: 3px 10px 4px 0; } .standard-form label.col-a { width: 150px; padding: 3px 0 4px; } .standard-form span.col-b { padding: 3px 0 4px; } .standard-form .txt { width: 170px; padding: 3px; color: #555555; background: #c7c7c7; border: 2px solid #fff; } .standard-form .textarea { width: 170px; height: 150px; padding: 3px; color: #555555; font-size: 12px; background: #c7c7c7; border: 2px solid #fff; } .standard-form .error { color: #555555; background: #ffbfc0; border: 2px solid #f00; } .standard-form input.medium { width: 50px;} .standard-form select.medium { width: 65px;} .standard-form select.xsmall { width: 50px;} .standard-form input.small { width: 30px;} .standard-form input.xsmall { width: 16px;} .standard-form input.radio { margin: 0 3px 0 0; padding: 5px 0 0 0; } .standard-form input.checkbox { margin: 0 3px 0 0; } .standard-form .select { width: 178px; height: 23px; background: #c7c7c7; border: 2px solid #fff; } .standard-form #error { position: absolute; z-index: 10; color: red; padding: 4px; padding: 35px 0 0 180px; } .standard-form #error img { float: left; } .standard-form #error #error-text { color: red; font-weight:bold; font-size: 12px; display: block; float: left; margin-left: 5px; padding-top: 1px; } /* =specific ORDER FORM --------------------------------------------------------------*/ #frm-booking fieldset h2 { overflow: hidden; height: 25px; font-family: Futura XBlkCnIt BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; } /* =specific.SEARCH RESULTS ----------------------------------------------------*/ #search-results .results h2 { font-family: Futura XBlkCnIt BT; font-size: 20px; font-weight: normal; color: #fff; text-decoration: none; } #search-results .results ul { color: white; } #search-results .results ul li { border-top: 1px solid #333;} #search-results .results ul li p { font-size: 12px; line-height: 17px; } #search-results .results ul h3 a { height: 14px; font-family: Futura XBlkCnIt BT; font-size: 14px; font-weight: normal; color: #fff; text-decoration: none; } /* =specific.LINKS ----------------------------------------------------*/ #links ul.weblinks { } #links ul.weblinks li { } #links ul.weblinks li img { border: 2px solid #fff; } #links ul.weblinks li h2 { font-family: Futura XBlkCnIt BT; font-size: 17px; color: #fff; font-weight: normal; border-bottom: 1px solid #fff; } #links ul.weblinks li a { font-size: 12px; color: #f1f1f1; text-decoration: none; } #links ul.weblinks li a:hover { text-decoration: underline; } #links h3 { font-family: Futura XBlkCnIt BT; font-size: 23px; color: #fff; font-weight: normal; } #links ul.clublinks li { color: #fff; font-size: 12px; } #links ul.clublinks li.even { background: #2b2a2a; border-top: 1px solid #383838; border-bottom: 1px solid #151515; } #links ul.clublinks li span { font-weight: bold; } #links ul.clublinks li a { color: #f1f1f1; text-decoration: none; } #links ul.clublinks li a:hover { text-decoration: underline; } /* Twitterfeed */ #twitterfeed { margin-bottom: 14px; } /* =clubs form ----------------------------------------------------*/ .clubs-form { margin: 0 auto; width: 500px; } .clubs-form fieldset { border: 0; } .clubs-form legend { color: #fff; font-weight: bold; } .clubs-form li { margin-bottom: 10px; list-style: none; height: 100%; overflow: hidden; } .clubs-form label { display: block; float: left; font-size: 12px; color: #fff; padding: 3px 10px 4px 0; } .clubs-form label.col-a { width: 150px; float: left; } .clubs-form input.txt { padding: 3px; border: 2px solid #fff; width:160px; background-color: #C7C7C7; } .clubs-form input.floatleft { float: left; clear: left; } .clubs-form input.xsmall { width:24px; margin-right: 10px; } .clubs-form input.medium { width: 40px; } .clubs-form .subformheader { color: #fff; font-weight: bolder; padding-top: 10px; } .clubs-form .subformheader label { font-size: 17px; display: block; width: 150px; } .clubs-form .subformheader2 { color: #fff; font-weight: bolder; padding-top: 10px; font-size: 17px; display: block; width: 150px; } .clubs-form input.checkbox { float: left; margin-right: 20px; } .clubs-form label.checkbox { padding: 0; } .clubs-form input.image { margin-top: 20px; } .clubs-form select.txt { border: 2px solid #fff; background-color: #C7C7C7; padding:3px; margin-right: 10px; width:168px; float: left; } .clubs-form p { font-size: 11px; clear: both; margin:10px 0; color:#fff} .clubs-form p a{ font-size: 11px; clear: both; margin:10px 0; color:#0063fA} .errorfield { clear: right; } #photoalbum-overview { width: auto; } .album { font-size: 12px; color: #FFF; float: left; padding: 0 20px 20px 0; height: 280px; width: 250px;} .album strong{width: 250px; line-height: 18px; display: block;} .album p{width: 250px; line-height: 18px;} #right .album h2 {background: none; font-size: 14px; padding: 0; margin: 5px 0; } .album h2 a { font-size: 13px; color: #FFF; font-weight: bold; text-decoration: none; font-size: 24px; font-weight: normal; font-family: Futura XBlkCnIt BT; font-size: 20px; } ul.photos {overflow: hidden;} ul.photos li { float: left; list-style: none; padding:20px 19px 0 0; list-style-type: none;} /* =deelname form ----------------------------------------------------*/ .deelnameform { width: 500px; margin: 0 auto; font-size: 12px; padding: 20px; } .deelnameform table { width: 500px; margin-bottom: 20px; } .deelnameform td { padding: 2px; vertical-align: top; color: #fff} .deelnameform td.header { background-color: #006AA6; color: #fff; font-weight: bolder; } .deelnameform td.subheader { background-color: #198ECF; font-weight: bolder; } .deelnameform input.text { padding: 2px; width: 200px; border: 1px solid #999; } .deelnameform input.texterror { padding: 2px; width: 200px; border: 2px solid #ff0000; } .deelnameform input.smalltext { padding: 2px; width: 30px; border: 1px solid #999; } .deelnameform .textarea { padding: 2px; width: 200px; font-size: 12px; border: 1px solid #999; } .deelnameform .submit { float: right; margin-bottom: 20px; } .deelnameform .formlines { border-left: 1px solid #198ECF; } .deelnameform .formlines td { border-bottom: 1px solid #198ECF; border-right: 1px solid #198ECF; } .deelnameform .formlines td { padding: 2px; } .deelnameform .formlines td.korting { width: 40px; } .deelnameform .formlines td.header { border: none; } .deelnameform p { font-size: 11px; clear: both; margin:10px 0; color:#fff} /* =video overview ----------------------------------------------------*/ #video-overview #big h2 a { font-family: Futura XBlkCnIt BT; font-sze: 20px; color: #fff; font-weight: normal; text-decoration: none; } #video-overview #big .txt { display: block; } #video-overview .videos-small div { margin-right: 40px; } #video-overview .videos-small { width: 670px; } #video-overview #big .img { margin-right: 20px; }