/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(/Includes/iepngfix.php);} HTML{ height: 100.01%;} BODY{ height: 100%; text-align: center; background-color: #EEE;} HTML, BODY{ margin: 0; padding: 0; font-size: 11px; color: #000; line-height: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} A{ color: #ee3636;} A:hover{ color: #0169b2;} A:focus, INPUT:focus, IMG:focus{ outline: none;} A *{ cursor: pointer;} P{ margin: 0 0 10px 0;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse; margin-bottom: 10px;} TABLE P{ margin: 0 0 5px 0;} UL, OL{ margin: 0 0 10px; padding: 0 0 0 18px;} LI{ padding-bottom: 5px;} LI LI{ padding-bottom: 2px;} H1{ font-size: 40px; line-height: 42px;} H2{ font-size: 34px; line-height: 36px;} H3{ font-size: 26px; line-height: 28px;} H4{ font-size: 18px; line-height: 20px;} H5{ font-size: 14px; line-height: 16px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 10px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;} SELECT.form_text, INPUT.form_text{ width: 195px; float: left; padding: 2px; font-size: 11px; font-weight: normal; border: #FFF 1px solid; color: #bdbdbd; margin: 0 0 2px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: right; margin: 0; font-size: 12px; color: #FFF; font-weight: bold; border: 0; background-color: #ee3636; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} SELECT.form_text{ padding: 0; font-size: 11px;} TEXTAREA{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; border: #FFF 1px solid;} BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ie_clearer{ content: "."; display: inline; height: 0; font-size: 1px; clear: both; visibility: hidden;} .hidden{ visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 982px; margin: 0 auto; padding-top: 10px; text-align: left;} .row{ width: 100%; float: left; clear: left;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; float: left; clear: left; position: relative; height: 112px; border-bottom: #353192 5px solid; background-color: #FFF;} .header IMG.header_foto{ float: left;} .header DIV.logo_container{ width: 280px; height: 112px; position: absolute; right:0; top: 0; float: left; display: inline; background: url(../../Images/logo_fade_rechts.png) repeat-y 0 0;} .header DIV.logo_container DIV.logo{ width: 84px; height: 96px; float: right; display: inline; margin: 7px 50px 0 35px;} .header DIV.logo_container DIV.logo A{ display: block; height: 100%; background: url(../../Images/logo.png) no-repeat 0 0;} .header DIV.logo_links_container{ width: 220px; height: 112px; position: absolute; left:0; top: 0; float: left; display: inline; background: url(../../Images/logo_fade.png) repeat-y 0 0;} .header DIV.logo_links_container DIV.logo{ width: 155px; height: 94px; float: right; display: inline; margin: 7px 50px 0 35px;} .header DIV.logo_links_container DIV.logo A{ display: block; height: 100%; background: url(../../Images/RoyalSmilde-FoodGrouprood.png) no-repeat 0 0;} .header DIV.nieuwsbrief_venster{ width: 230px; margin: 32px 6px 5px 10px; font-size: 10px; font-weight: bold; padding: 5px 8px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(../../Images/nieuwsbrief_bg.png) repeat 0 0; position: absolute; right: 0; top: 0;} .header DIV.nieuwsbrief_venster INPUT.form_text{ margin-right: 5px; height: 17px;} .header DIV.nieuwsbrief_venster INPUT.form_image{ float: left;} /************************************************************** ** Menu ***************************************************************/ .menu{ width: 100%; height: 43px; float: left; clear: left; position: relative; z-index: 2; background: url(../../Images/menu_bg.gif) repeat-x 0 0;} .menu UL{ height: 43px; margin: 0; padding: 0; list-style: none;} .menu UL LI{ float: left; height: 43px; display: inline; position: relative; padding: 0; background: url(../../Images/menu_bg.gif) repeat-x 0 0;} .menu UL LI.bullet{ background: url(../../Images/menu_splitter.gif) no-repeat 0 0; width: 4px;} .menu UL LI A{ float: left; height: 100%; display: block; letter-spacing: -.02em; background: url(../../Images/menu_pijl.png) no-repeat 50% -43px; text-decoration: none; color: #828282; font-size: 14px; font-variant: small-caps; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; line-height: 38px;} .menu UL LI A:hover{ color: #828282;} .menu UL LI.hover{ background: url(../../Images/menu_bg_aan.gif) repeat-x 0 0;} .menu UL LI.aan A{ background: url(../../Images/menu_pijl.png) no-repeat 50% 0;} .menu UL LI A#Home{ width: 61px;} .menu UL LI A#Live-Standen{ width: 77px;} .menu UL LI A#Route{ width: 59px;} .menu UL LI A#Renners{ width: 76px;} .menu UL LI A#Fotoboek{ width: 82px;} .menu UL LI A#Partners{ width: 82px;} .menu UL LI A#Sponsoring{ width: 102px;} .menu UL LI A#Geschiedenis{ width: 113px;} .menu UL LI A#Pers{ width: 49px;} .menu UL LI A#Organisatie{ width: 106px;} .menu UL LI A#Downloads{ width: 106px;} .menu UL LI A#Contact{ width: 76px;} .menu UL LI A#Sitemap{ width: 81px;} .submenu{ position: absolute; left: -999em; top: 43px; z-index: 999; width: 200px;} .submenu UL{ width: 200px; margin: 0; padding: 0; list-style: none;} .submenu UL LI{ clear: left; width: 100%; height: auto; display: block; padding: 0; background: none;} .submenu UL LI A{ float: none; display: block; font-size: 12px; text-align: left; line-height: 18px; padding: 5px; color: #828282; text-transform: uppercase; font-variant: small-caps; text-decoration: none; background: url(../../Images/submenu_bg.gif) #FFF repeat-x 0 100% !important;} .submenu UL LI A:hover{ color: #ee3636; background-position: 0 100%;} .red{ color: #ee3636;} /************************************************************** ** Content ***************************************************************/ .kolommen_container{ width: 970px; padding: 6px; float: left; clear: left; position: relative; z-index: 1; background-color: #FFF;} .kolommen_container DIV.col_1{ width: 235px; float: left; display: inline; margin-right: 10px;} .kolommen_container DIV.col_2{ width: 477px; float: left; display: inline; margin-right: 10px;} .kolommen_container DIV.col_3{ width: 238px; float: left; display: inline;} DIV.col_1 DIV.venster_kop{ width: 217px; float: left; clear: left; margin-bottom: -1px; position: relative; background-color: #ee3636; padding: 8px 5px 8px 13px;} DIV.col_1 DIV.venster_kop H1{ color: #FFF; font-size: 17px; line-height: 18px; margin: 0;} DIV.col_1 DIV.venster{ width: 100%; float: left; clear: left; margin-bottom: 10px; border-top: #e8e8e8 1px dotted;} DIV.col_1 DIV.venster P{ margin-bottom: 5px;} DIV.col_1 DIV.venster DIV.row{ width: 217px; border: #e8e8e8 dotted; border-width: 0 1px 1px 1px; padding: 10px 5px 5px 12px;} DIV.col_1 DIV.venster H6{ color: #0169b2; font-size: 11px; line-height: 12px; font-weight: normal;} DIV.col_1 DIV.venster H2{ color: #0169b2; font-size: 20px; line-height: 22px; font-weight: normal;} DIV.col_1 DIV.venster DIV.foto{ float: right; width: 93px; margin-left: 5px;} DIV.col_1 DIV.venster DIV.verder_link{ clear: both; text-align: right;} DIV.col_1 DIV.venster DIV.verder_link A{ float: right; display: block; padding-right: 12px; color: #ee3636; font-size: 10px; letter-spacing: .05em; text-decoration: none; background: url(../../Images/rood_pijltje.jpg) no-repeat 100% 3px;} DIV.col_1 DIV.venster DIV.verder_link A:hover{ text-decoration: underline; color: #ee3636;} DIV.col_1 DIV.venster DIV.live{ background: url(../../Images/live_logo.jpg) no-repeat 100% 0;} DIV.col_1 DIV.venster DIV.rtl7{ background: url(../../Images/rtl7_logo.jpg) no-repeat 100% 0;} DIV.col_1 DIV.venster DIV.banner{ padding: 0; width: 233px;} DIV.col_1 DIV.venster DIV.banner IMG{ float: left;} DIV.col_2 DIV.dubbele_kop{ width: 459px; float: left; clear: left; margin-bottom: -1px; position: relative; background-color: #ee3636; padding: 8px 5px 8px 13px;} DIV.col_2 DIV.dubbele_kop H1.eerste{ width: 198px; float: left; display: inline; color: #FFF; font-size: 17px; line-height: 18px; margin: 0;} DIV.col_2 DIV.dubbele_kop H1.tweede{ width: 242px; float: left; display: inline; color: #FFF; font-size: 17px; line-height: 18px; margin: 0; margin-left: 16px;} DIV.col_2 DIV.venster_kop{ width: 459px; float: left; clear: left; margin-bottom: -1px; position: relative; background-color: #ee3636; padding: 8px 5px 8px 13px;} DIV.col_2 DIV.venster_kop H1{ color: #FFF; font-size: 17px; line-height: 18px; margin: 0;} DIV.col_2 DIV.venster_kop span{ position:absolute; top:10px; right:10px;} DIV.col_2 DIV.venster_kop span a{ color:#FFF; text-decoration:none;} DIV.col_2 DIV.venster_kop span a:hover{ text-decoration:underline;} DIV.col_2 DIV.venster{ width: 100%; float: left; clear: left; margin-bottom: 10px; border-top: #e8e8e8 1px dotted;} DIV.col_2 DIV.venster DIV.row{ width: 459px; border: #e8e8e8 dotted; border-width: 0 1px 1px 1px; padding: 10px 5px 5px 12px; } DIV.col_2 DIV.venster H6{ color: #0169b2; font-size: 11px; line-height: 12px; font-weight: normal;} DIV.col_2 DIV.venster H2{ color: #0169b2; font-size: 20px; line-height: 22px; font-weight: normal;} DIV.col_2 DIV.venster DIV.foto{ float: right; width: 93px; margin-left: 5px;} DIV.col_2 DIV.dubbele_venster{ width: 475px; border: #e8e8e8 dotted; border-width: 0 1px 1px 1px;} DIV.col_2 DIV.venster DIV.links{ width: 212px; height: 348px; float: left; display: inline;} DIV.col_2 DIV.venster DIV.links DIV.row{ width: 212px; padding: 0; border: 0;} DIV.col_2 DIV.venster DIV.rechts{ width: 264px; float: left; display: inline; margin-right: -1px; margin-bottom: -1px;} DIV.col_2 DIV.venster DIV.rechts DIV.row{ width: 241px; padding: 10px 5px 2px 16px;} DIV.col_2 DIV.venster DIV.rechts SPAN.datum{ float: left; display: block; margin-right: 10px;} DIV.col_2 DIV.venster DIV.rechts DIV.verder_link A{ margin-top: -8px;} DIV.col_2 DIV.venster DIV.rechts H6{ margin-bottom: 5px;} DIV.col_2 DIV.venster DIV.verder_link{ clear: both; text-align: right;} DIV.col_2 DIV.venster DIV.verder_link A{ float: right; display: block; padding-right: 12px; color: #ee3636; font-size: 10px; letter-spacing: .05em; text-decoration: none; background: url(../../Images/rood_pijltje.jpg) no-repeat 100% 3px;} DIV.col_2 DIV.venster DIV.verder_link A:hover{ text-decoration: underline; color: #ee3636;} .kaart_txt{ margin: 8px 0 5px; line-height: 11px; color: #828282;} DIV.col_2 DIV.venster DIV.tussenstand{ width: 475px; padding: 0;} DIV.tussenstand TABLE{ width: 476px; margin-left: -1px;} DIV.tussenstand TABLE TH{ font-size: 10px; font-weight: normal; padding: 6px 4px;} DIV.tussenstand TABLE TD{ font-size: 9px; padding: 6px 4px;} DIV.tussenstand TABLE TH, DIV.tussenstand TABLE TD{ border: #e8e8e8 dotted; border-width: 1px 0 0 1px;} .rood{ color: #ee3636;} .blauw{ color: #0169b2;} .nieuws_datum{ text-align: right; font-style: italic; color: #0169b2; margin-bottom: 10px;} TABLE.routeschema{ width: 452px; border: #e8e8e8 dotted; border-width: 0 1px 1px 0;} TABLE.routeschema TH{ font-size: 11px; font-weight: normal; padding: 4px 2px; vertical-align: top;} TABLE.routeschema TD{ font-size: 10px; padding: 4px 2px; vertical-align: top;} TABLE.routeschema TH, TABLE.routeschema TD{ border: #e8e8e8 dotted; border-width: 1px 0 0 1px;} DIV.col_3 DIV.venster_kop{ width: 220px; float: left; clear: left; margin-bottom: -1px; position: relative; background-color: #ee3636; padding: 8px 5px 8px 13px;} DIV.col_3 DIV.venster_kop H1{ color: #FFF; font-size: 17px; line-height: 18px; margin: 0;} DIV.col_3 DIV.venster{ width: 100%; float: left; clear: left; margin-bottom: 10px; border-top: #e8e8e8 1px dotted;} DIV.col_3 DIV.venster P{ margin-bottom: 5px;} DIV.col_3 DIV.venster DIV.row{ width: 220px; border: #e8e8e8 dotted; border-width: 0 1px 1px 1px; padding: 10px 5px 5px 12px;} DIV.col_3 DIV.venster SPAN.datum{ float: left; display: block;} DIV.col_3 DIV.venster H6{ color: #0169b2; font-size: 11px; line-height: 12px; font-weight: normal;} DIV.col_3 DIV.venster H2{ color: #0169b2; font-size: 20px; line-height: 22px; font-weight: normal;} DIV.col_3 DIV.venster DIV.foto{ float: right; width: 93px; margin-left: 5px;} DIV.col_3 DIV.venster H6.nieuwstitel{ margin-bottom: 5px;} DIV.col_3 DIV.venster SPAN.datum{ width: 60px; float: left; font-style: italic; font-size: 10px; position: relative; display: block; text-align: left; color: #ee3636;} DIV.col_3 DIV.venster DIV.verder_link{ clear: both; text-align: right;} DIV.col_3 DIV.venster DIV.verder_link A{ float: right; display: block; padding-right: 12px; color: #ee3636; font-size: 10px; letter-spacing: .05em; text-decoration: none; background: url(../../Images/rood_pijltje.jpg) no-repeat 100% 3px;} DIV.col_3 DIV.venster DIV.verder_link A:hover{ text-decoration: underline; color: #ee3636;} TABLE.nette_tabel{ margin-bottom: 30px;} TABLE.nette_tabel TD{ border-bottom: 1px solid #EE3636;} TABLE.nette_tabel TD A{ text-decoration: none;} TABLE.formulier{ width: 452px; float: left; clear: left;} TABLE.formulier TD{ height: 20px; vertical-align: top;} TABLE.formulier TD LABEL{ font-weight: bold; line-height: 20px;} TABLE.formulier TD .form_text{ border: #828282 1px solid; width: 330px; float: right; color: #000;} TABLE.formulier TD TEXTAREA.form_text{ width: 450px;} DIV.col_3 DIV.venster DIV.submenu_rechts{ width: 236px; padding: 0;} DIV.submenu_rechts UL{ width: 216px; margin: 0; border-top: #e8e8e8 1px dotted; float: left; padding: 10px; list-style: none;} DIV.submenu_rechts UL LI{ width: 100%; float: left; clear: left; padding: 0;} DIV.submenu_rechts UL LI A{ padding: 5px 10px; display: block; text-decoration: none; border-bottom: #e8e8e8 1px dotted;} DIV.submenu_rechts UL LI A.aan{ background-color: #0169B2; color: #FFF;} DIV.download{ margin-bottom: 10px; float: left; clear: left; width: 100%;} DIV.download A{ text-decoration: none; padding-top: 2px;} DIV.download A:hover{ text-decoration: underline;} DIV.download A IMG{ float: left; margin-right: 5px; margin-top: -2px;} DIV.col_3 DIV.venster DIV.nieuwsarchief_link{ background-color: #ee3636; text-align: center; padding: 5px 0; width: 100%;} DIV.col_3 DIV.venster DIV.nieuwsarchief_link A{ color: #FFF; text-decoration: none;} DIV.col_3 DIV.venster DIV.nieuwsarchief_link A:hover{ text-decoration: underline;} TABLE.nieuwsarchief A{ display: block; padding: 5px;} TABLE.nieuwsarchief A SPAN.datum{ float: left; display: block; width: 70px; text-align: left; margin-right: 5px; cursor: pointer;} /************************************************************** ** Renners ***************************************************************/ .overviewHead { color: #FFFFFF; background: url(http://www.cyclingservice.eu/cyclotivity/images/base/tableheader-back.jpg); font-size: 12px; font-weight:bold; vertical-align:top; text-align:left; } .overviewSubhead { color: #FFFFFF; background: url(http://www.cyclingservice.eu/cyclotivity/images/base/tablesubheader-back.jpg); font-size: 12px; font-weight:bold; vertical-align:top; text-align:left; } .overviewSub2 { color: #9DB7CE; background-color: #FFFFFF; font-size: 10px; vertical-align:top; text-align:left; } .overviewSub { color: #FFFFFF; background-color: #9DB7CE; font-size: 8px; vertical-align:top; text-align:left; font-style:italic; } .overviewTable { border:1px solid #9DB7CE; border-collapse:collapse; padding:2px; } .overview2 { color: #000000; background-color:#FFFFFF; font-size: 12px; vertical-align:top; text-align:left; padding:1px; border:1px #9DB7CE solid; } .overview { background-color:#FFFFFF; font-size: 12px; text-align:left; border:1px solid #9DB7CE; } .overviewAlt { background-color:#E3EBF0; font-size: 12px; text-align:left; border:1px solid #9DB7CE; } .overviewSmall { font-size: 10px; } .overviewSel { color: #FFFFFF; background-color:#9DB7CE; font-size: 12px; text-align:left; border:1px solid #9DB7CE; } /********************************************** ** Fotoboek overzichtspagina Styles **********************************************/ #foto_album{ width: 452px; min-height: 200px; height: auto !important; height: 200px; margin: 0px; float: left; clear: left;} #foto_album H2{ font-size: 22px; font-weight: normal;} #foto_album DIV.row{ width: 462px; margin-bottom: 5px; margin-left: -10px; border: none; padding: 0;} .foto_vak{ width: 105px; float: left; display: inline; margin-left: 10px;} .foto_houder{ width: 99px; float: left; display: inline; padding: 3px; background-color: #0169B2;} .foto_houder img{ width: 99px; float: left; border:0;} .foto_houder img.over{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .foto_titel{ width: 105px; margin-top: 3px; text-align: center; overflow: hidden; font-size: 10px;} .foto_vak.video{ width:440px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:5px; border:1px dotted #e8e8e8;} .video_info{ width:320px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 0 0 15px; float:left; font-size:12px;} .vid_date{ background:#0070ba; color:#ffffff; padding:2px; float:left;} .vid_text{ width:320px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:10px 0 0 0; float:left;} /********************************************** ** Fotoboek navigatie Styles **********************************************/ .NavigatieVeld{ width: 432px; position: relative; height: 16px; line-height: 16px; padding: 5px 10px; float: left; font-weight: bold; background-color: #0169B2;} .NavLinks{ width: 25%; float: left; font-size: 11px;} .NavMidden{ width: 50%; text-align: center; float: left;} .NavRechts{ width: 25%; text-align: right; float: left;} .aantal_keuze{ margin: 0px 0 5px 0; padding: 5px 0; text-align: center; float: left; clear: left; width: 452px;} .NavigatieVeld A{ color: #FFF;} .NavigatieVeld A:hover{ text-decoration: underline;} .NavLinks A, .NavRechts A{ text-decoration: none;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 938px; padding: 14px 22px 8px 22px; float: left; clear: left; margin-top: 10px; background-color: #d6d6d6;} .footer DIV.breadcrumbs{ float: left; display: inline; margin-right: 10px;} .footer DIV.breadcrumbs UL{ margin: 0; padding: 0; list-style: none;} .footer DIV.breadcrumbs UL LI{ float: left; display: inline; padding: 0;} .footer DIV.breadcrumbs UL LI A{ float: left; display: block; margin-right: 10px; letter-spacing: .05em; padding-left: 13px; background: url(../../Images/footer_pijl.jpg) no-repeat 0 4px; text-decoration: none; color: #828282; font-size: 15px; line-height: 15px; text-transform: lowercase; font-variant: small-caps; font-weight: bold;} .footer DIV.breadcrumbs UL LI A:hover{ color: #ee3636;} .footer DIV.bp{ float: right; display: inline; text-align: right;} .footer DIV.bp A{ text-decoration: none; color: #828282; font-size: 15px; line-height: 15px; text-transform: lowercase; font-variant: small-caps; font-weight: bold; letter-spacing: .05em;} .footer DIV.bp A:hover{ color: #ee3636;} /************************************************************** ** Styles for jQuery uploader ***************************************************************/ .UploadInfo{ width:440px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:5px; border:1px dotted #e5e5e5; float:left;} .UploadNaamTitel{ width:226px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; float:left;} .fileQueue{ width:212px; min-height:46px; height:auto !important; height:46px; margin:0px; padding:0px; float:left; border:1px solid #ffffff;} #BestandVideo1Uploader, #BestandVideo2Uploader, #BestandVideo3Uploader, #BestandVideo4Uploader, #BestandVideo5Uploader, #BestandVideo6Uploader, #BestandVideo7Uploader, #BestandVideo8Uploader, #BestandVideo9Uploader, #BestandVideo10Uploader, #BestandVideo11Uploader{ margin:10px 0 0 0;} .uploadifyQueueItem{ border:2px solid #E5E5E5; background-color:#F5F5F5; margin:5px; padding:10px; width:178px;} .uploadifyError{ border:2px solid #FBCBBC !important; background-color: #FDE5DD !important;} .uploadifyQueueItem .cancel{ float:right;} .uploadifyProgress{ background-color:#FFFFFF; border-top:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5; margin-top:10px; width:100%;} .uploadifyProgressBar{ background-color:#0099FF; width:1px; height:3px;} INPUT.form_text_upload{ width:180px; padding:2px; font-size:11px; font-weight:normal; border:1px solid #e5e5e5; color:#000000; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}