/*******************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************/ /**/ /* NIEUWE SITE STIJLEN */ /**/ /*******************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************/ /*------------------------------------------------------------------------------------------------------------ ALGEMEEN ------------------------------------------------------------------------------------------------------------*/ body { background: #CCCCCC; /*url(../images/body_back.png) repeat-y center top;*/ /* Dit is vervangen door in de container een background:#fff; te zetten, want deze img was een pixel te ver naar rechts tov de container // EDIT:Nicolas */ font-family: Arial, Helvetica, sans-serif; color:#333333; } input, textarea { font-family: Arial, Helvetica, sans-serif; } .clearer { clear: both;z } .links { float: left; } .rechts { float: right; } .anysurfer fieldset { display: none; } #container { width: 970px; margin-right: auto; margin-left: auto; background:#fff; } #content_cont { padding: 20px 10px 10px 30px; } /*------------------------------------------------------------------------------------------------------------ HEADER ------------------------------------------------------------------------------------------------------------*/ #header { clear: both; height: 90px; position: relative; padding-left: 30px; margin-bottom: 5px; z-index: 700; } #header h1 { display: block; height: 38px; width: 167px; position: absolute; left: 30px; top: 20px; } #header h1 a { background: url(../images/header_logo.png) no-repeat; text-indent: -9999px; display: block; height: 38px; width: 167px; } #header #navcontainer { } /* BLOG + EVENT NAV ITEM ----------------------------------------------------------------------------------- */ #header .blog, #header .event { width: 69px; float:right; } #header .blog a, #header .event a { display: block; height:79px; width: 69px; text-indent: -9999px; } #header .blog a.nl { background: url(../images/header_blog_nl.png) repeat-x 0 0; } #header .blog a.en { background: url(../images/header_blog_en.png) repeat-x 0 0; } #header .event a.nl { background: url(../images/header_event_nl.png) repeat-x 0 0; } #header .event a.en { background: url(../images/header_event_en.png) repeat-x 0 0; } /* TOOLS NAV ITEM ---------------------------------------------------------------------------------- */ #header #tools { float:right; width:660px; height:19px; background-image: url(../images/header_tools_back.png); background-repeat: no-repeat; background-position: left top; color: #333333; } #header #navcontainer .tools_en {width:729px;} #header #tools a { color: #333333; text-decoration: none; font-size: 1em; text-transform: uppercase; } #header #tools a:hover { color: #000000; } #header #tools .lang, #header #tools .highcontrast { float:right; padding:4px 10px 0 5px; } #header #tools .home, #header #tools .contact { float:left; padding:4px 5px 0 10px; } #header #tools .highcontrast .css-default { display: none; } #header#tools .highcontrast .css-high-contrast { } /*------------------------------------------------------------------------------------------------------------ NAV ------------------------------------------------------------------------------------------------------------*/ #header ul#nav { float:right; background: url(../images/header_nav_bottom.png) repeat-x bottom left; height: 60px; width:660px; z-index: 800; } #header ul#nav li { float: left; height: 60px; position: relative; z-index: 800; } #header ul.no-event { padding-right:69px; } #header ul.nl li#menu_1 { width: 110px; } #header ul.nl li#menu_2 { width: 109px; } #header ul.nl li#menu_3 { width: 129px; } #header ul.nl li#menu_4 { width: 100px; } #header ul.nl li#menu_5 { width: 107px; } #header ul.nl li#menu_6 { width: 105px; } #header ul.nl li#menu_1 a { width: auto; } #header ul.nl li#menu_2 a { width: auto; } #header ul.nl li#menu_3 a { width: auto; } #header ul.nl li#menu_4 a { width: auto; } #header ul.nl li#menu_5 a { width: auto; } #header ul.nl li#menu_6 a { width: auto; } #header ul.en li#menu_1 { width: 120px; } #header ul.en li#menu_2 { width: 156px; } #header ul.en li#menu_3 { width: 87px; } #header ul.en li#menu_4 { width: 81px; } #header ul.en li#menu_5 { width: 92px; } #header ul.en li#menu_6 { width: 124px; } #header ul.en li#menu_1 a { width: auto; } #header ul.en li#menu_2 a { width: auto; } #header ul.en li#menu_3 a { width: auto; } #header ul.en li#menu_4 a { width: auto; } #header ul.en li#menu_5 a { width: auto; } /* USING IMAGE SPRITES FOR THE NAV (= no flickering) */ #header ul.nl li#menu_1.current a { background-position: 0px -120px; } #header ul.nl li#menu_2.current a { background-position: -110px -120px; } #header ul.nl li#menu_3.current a { background-position: -219px -120px; } #header ul.nl li#menu_4.current a { background-position: -348px -120px; } #header ul.nl li#menu_5.current a { background-position: -448px -120px; } #header ul.nl li#menu_6.current a { background-position: -555px -120px; } #header ul.nl li#menu_1.over a { background-position: 0px -60px; } #header ul.nl li#menu_2.over a { background-position: -110px -60px; } #header ul.nl li#menu_3.over a { background-position: -219px -60px; } #header ul.nl li#menu_4.over a { background-position: -348px -60px; } #header ul.nl li#menu_5.over a { background-position: -448px -60px; } #header ul.nl li#menu_6.over a { background-position: -555px -60px; } #header ul.nl li#menu_1 a { background-position: 0px 0px; } #header ul.nl li#menu_2 a { background-position: -110px 0px; } #header ul.nl li#menu_3 a { background-position: -219px 0px; } #header ul.nl li#menu_4 a { background-position: -348px 0px; } #header ul.nl li#menu_5 a { background-position: -448px 0px; } #header ul.nl li#menu_6 a { background-position: -555px 0px; } #header ul.en li#menu_1.current a { background-position: 0px -120px; } #header ul.en li#menu_2.current a { background-position: -120px -120px; } #header ul.en li#menu_3.current a { background-position: -276px -120px; } #header ul.en li#menu_4.current a { background-position: -363px -120px; } #header ul.en li#menu_5.current a { background-position: -444px -120px; } #header ul.en li#menu_6.current a { background-position: -536px -120px; } #header ul.en li#menu_1.over a { background-position: 0px -60px; } #header ul.en li#menu_2.over a { background-position: -120px -60px; } #header ul.en li#menu_3.over a { background-position: -276px -60px; } #header ul.en li#menu_4.over a { background-position: -363px -60px; } #header ul.en li#menu_5.over a { background-position: -444px -60px; } #header ul.en li#menu_6.over a { background-position: -536px -60px; } #header ul.en li#menu_1 a { background-position: 0px 0px; } #header ul.en li#menu_2 a { background-position: -120px 0px; } #header ul.en li#menu_3 a { background-position: -276px 0px; } #header ul.en li#menu_4 a { background-position: -363px 0px; } #header ul.en li#menu_5 a { background-position: -444px 0px; } #header ul.en li#menu_6 a { background-position: -536px 0px; } /* DROPDOWN ---------------------------------------------------------------------------------- */ #header ul#nav li.dropdown { z-index: 800; } #header ul#nav li.dropdown a { display: block; height: 60px; background-repeat: no-repeat; text-indent: -9999px; } #header ul.nl li.dropdown a { background-image: url(../images/header_nav_back_nl.png); } #header ul.en li.dropdown a { background-image: url(../images/header_nav_back_en.png); } #header ul#nav li.dropdown ul { float: none; position: absolute; width:auto; background-color: #FF0092; background-image: url(../images/header_nav_dropdown_back.png); background-repeat: repeat-x; background-position: left top; left: 0px; top: 60px; height: auto; display: none; padding: 0px; z-index: 999; } #header ul.nl li#menu_1 ul {width:173px;} #header ul.nl li#menu_2 ul, #header ul.nl li#menu_3 ul, #header ul.nl li#menu_4 ul, #header ul.nl li#menu_5 ul, #header ul.nl li#menu_6 ul {width:173px;left:1px;} #header ul.en li#menu_1 ul {width:172px;} #header ul.en li#menu_2 ul, #header ul.en li#menu_3 ul, #header ul.en li#menu_4 ul, #header ul.en li#menu_5 ul {width:172px;left:1px;} /*#header ul.nl li#menu_1 ul {width:110px;}*/ /*#header ul.nl li#menu_2 ul {width:108px;left:1px;}*/ /* - 1px voor randje */ /*#header ul.nl li#menu_3 ul {width:128px;left:1px;}*/ /* - 1px voor randje */ /*#header ul.nl li#menu_4 ul {width:99px;left:1px;}*/ /* - 1px voor randje */ /*#header ul.nl li#menu_5 ul {width:106px;left:1px;}*/ /* - 1px voor randje */ /*#header ul.nl li#menu_6 ul {width:103px;left:1px;}*/ /* - 2px voor randje */ /*#header ul.en li#menu_1 ul {width:132px;}*/ /*#header ul.en li#menu_2 ul {width:172px;left:1px;}*/ /* - 1px voor randje */ /*#header ul.en li#menu_3 ul {width:98px;left:1px;}*/ /* - 1px voor randje */ /*#header ul.en li#menu_4 ul {width:106px;left:1px;}*/ /* - 1px voor randje */ /*#header ul.en li#menu_5 ul {width:133px;left:1px;}*/ /* - 1px voor randje */ #header ul#nav li.dropdown ul li { display: block; clear: both; width: auto; height: auto; float: none; position: relative; z-index: 999; } #header ul#nav li.dropdown ul li a { display:block; background-image: none; text-indent: 0px; font-size: 1.2em; color: #FFFFFF; font-weight: normal; text-decoration: none; height: auto; padding: 5px 10px; line-height: 1.2em; height: 1%; border-bottom:1px solid #FF41AE; } #header ul#nav li.dropdown ul li a:hover { color: #FFFFFF; text-decoration: none; background-color: #D2006F; border-bottom:1px solid #FF41AE; } /* we use jquery to add a class (.over) if the element is hovered) */ #header ul#nav li.over ul { display: block; } /*------------------------------------------------------------------------------------------------------------ SITEMAP ------------------------------------------------------------------------------------------------------------*/ #sitemap { background-color: #F6F6F6; /*background-image: url(../images/sitemap_back_cwf.png);*/ background-repeat: repeat-x; background-position: left bottom; padding: 0px 10px 5px 30px; } #sitemap ul { float: left; width: 230px; padding-bottom: 15px; } #sitemap ul li { padding-bottom: 3px; } #sitemap ul li a { font-size: 1.1em; color: #333333; text-decoration: none; } #sitemap ul li a:hover { font-size: 1.1em; color: #000000; text-decoration: underline; } #sitemap ul li.titel { padding-top: 20px; height: 22px; } #sitemap ul li.titel a { text-transform: uppercase; color: #333333; text-decoration: none; display: block; padding: 5px 0px 0px; border-top: 1px solid #333333; float: left; } #sitemap ul li.titel a:hover { color: #000000; } #sitemap .rechts { text-align: right; margin-top: 10px; width: 218px; } #sitemap .rechts img { padding-bottom: 5px; } /*******************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************/ /**/ /* NIEUWE SITE HOMEPAGE STIJLEN */ /**/ /*******************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************/ /*------------------------------------------------------------------------------------------------------------ HOMEPAGE CONTENT ------------------------------------------------------------------------------------------------------------*/ #homepage #content { float: left; width: 691px; } #homepage #content a { color: #000000; text-decoration: underline; } #homepage #content #topflash { margin-bottom: 5px; } #homepage #content .anysurfer { margin-bottom: 20px; text-align: right; } #homepage #content .anysurfer a { color: #333333; font-size: 0.916667em; font-weight: bold; text-decoration: underline; } #homepage #content h1.title_inspiratie { margin-bottom: 10px; } #homepage #content p { font-size: 1.4em; color: #333333; line-height: 140%; } /*------------------------------------------------------------------------------------------------------------ HOMEPAGE SIDEBAR ------------------------------------------------------------------------------------------------------------*/ #homepage #sidebar { float: right; width: 218px; } #homepage #sidebar h2 { font-size: 1.1em; line-height: 22px; font-weight: normal; color: #FFFFFF; background-image: url(../images/sidebar_title_back.png); background-repeat: no-repeat; height: 22px; padding-right: 10px; padding-left: 10px; text-transform: uppercase; } /* ZOEKBOX ----------------------------------------------------------------------------------- */ #homepage #sidebar .search { background-image: url(../images/sidebar_item_back.png); background-repeat: no-repeat; background-position: right top; height: 18px; margin-bottom: 10px; padding: 7px; } #homepage #sidebar .search #searchquery { width: 160px; height: 14px; font-size: 1.2em; color: #999999; border: 1px solid #B0B0B0; margin: 0px; padding: 1px; } #homepage #sidebar .search #searchquery.over { color: #333333; } #homepage #sidebar .search input { vertical-align: middle; } #homepage #sidebar .lastupdate { margin-bottom: 10px; } /* subpage */ #rightcol .search { background-image: url(../images/sidebar_item_back.png); background-repeat: no-repeat; background-position: right top; height: 18px; margin-bottom: 10px; padding: 7px; } #rightcol .search #searchquery { width: 90px; height: 14px; color: #999999; border: 1px solid #B0B0B0; margin: 0px; padding: 1px; } #rightcol .search #searchquery.over { color: #333333; } #rightcol .search input { vertical-align: middle; } #rightcol .lastupdate { margin-bottom: 10px; } /* ACCORDEON ---------------------------------------------------------------------------------- */ #homepage #sidebar .lastupdate h3 { padding-top: 1px; } #homepage #sidebar .lastupdate h3 a { color: #333333; display:block; padding: 8px 30px 0px 6px; font-size: 1.1em; font-weight: bold; text-align: right; text-transform: uppercase; background-image: url(../images/sidebar_menu_subtitle_back.png); background-repeat: no-repeat; background-position: right 0px; height: 17px; text-decoration: none; } #homepage #sidebar .lastupdate h3.selected a { background-position: right -25px; } #homepage #sidebar .lastupdate ul li ul li { border-bottom: 1px solid #EBEBEB; line-height: 16px; padding: 2px 10px; } #homepage #sidebar .lastupdate ul li ul li .date { font-size: 1.1em; color: #999999; } #homepage #sidebar .lastupdate ul li ul li a { font-size: 1.2em; color: #333333; text-decoration: none; } #homepage #sidebar .lastupdate ul li ul li a.category { font-size: 0.9166666666em; font-weight: bold; color: #B19EAA; text-decoration: underline; } #homepage #sidebar #lidworden { background-repeat: no-repeat; background-position: left top; height: 69px; margin-bottom: 10px; padding: 60px 10px 0px; } #homepage #sidebar #lidworden, #homepage #sidebar #lidworden.nl { background-image: url(../images/sidebar_lidworden_back.png); } #homepage #sidebar #lidworden.en { background-image: url(../images/sidebar_lidworden_back_en.png); } #homepage #sidebar #lidworden #inschrijven { width: 160px; height: 14px; font-size: 1.2em; color: #999999; border: 1px solid #B0B0B0; margin: 0px; padding: 1px; } #homepage #sidebar #lidworden #inschrijven.over { color: #333333; } #homepage #sidebar #lidworden input { vertical-align: middle; } #homepage #sidebar #lidworden p { font-size: 1em; color: #666666; padding-top: 10px; line-height: 1.2em; } /*******************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************/ /**/ /* CWF STIJLEN */ /**/ /*******************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************/ #maincwf { font-size: 10px; } #maincwf #content { width: 730px; padding-bottom: 10px; float: left; } #maincwf #col-a { float: left; width: 141px; padding-right: 19px; padding-left: 35px; } #maincwf #col-a ul.level1 li { font-size: 1.2em; color: #333333; line-height: 140%; } #maincwf #col-a ul.level1 li a { color: #333333; text-decoration: none; } #maincwf #col-a ul.level1 li a.in { font-weight: bold; } #maincwf #col-a ul.level1 li a:hover { text-decoration: underline; } #maincwf #col-a ul.level2 { padding-left: 20px; padding-bottom: 3px; padding-top: 3px; } #maincwf #col-a ul.level2 li { font-size: 1.2em; color: #333333; line-height: 140%; } #maincwf #col-a ul.level2 a { display: block; background-image: url(../../images/cwf_level3.png); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 13px; } #maincwf #col-a ul.level2 li a.in { font-weight: bold; background-image: url(../../images/cwf_level3_in.png); background-repeat: no-repeat; color: #FF0092; } #maincwf #col-a ul.level2 li a:hover { text-decoration: underline; } #maincwf #col-a h4 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; color: #FF0092; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #EBEBEB; } #maincwf #col-a h4 a { color: #FF0092; text-decoration: none; } #maincwf #col-a ul.extra li { font-size: 1.1em; color: #999999; line-height: 140%; } #maincwf #col-a ul.extra li a { color: #999999; text-decoration: none; } #maincwf #col-a ul.extra li a.in { font-weight: bold; } #maincwf #col-a ul.extra li a:hover { text-decoration: underline; } #maincwf #col-a .lijntje { background-image: url(../images/cwf_lijntje_links.png); height: 5px; background-repeat: no-repeat; margin-top: 20px; margin-bottom: 10px; } #maincwf #col-a #partnerflasher { background-image: url(../images/cwf_links_back.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 15px; } #maincwf #rightcol { float: right; width: 218px; padding-right: 10px; padding-bottom: 10px; } #maincwf #rightcol .knob { display: block; margin-bottom: 10px; } #maincwf #rightcol #rssbox { padding-top: 5px; background-color: #F3F3F3; } #maincwf #rightcol #rssbox h4 { background-image: url(../images/cwf_rechts_newsbox.png); background-repeat: no-repeat; height: 22px; line-height: 22px; color: #FFFFFF; font-size: 1.1em; padding-left: 8px; position: relative; } #maincwf #rightcol #rssbox h4 a { background-image: url(../images/cwf_rechts_rss.png); background-repeat: no-repeat; display: block; height: 22px; width: 26px; position: absolute; top: 0px; right: 0px; text-indent: -9999px; } #maincwf #rightcol #rssbox ul { padding: 10px 10px 1px; } #maincwf #rightcol #rssbox ul li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #E6E6E6; } #maincwf #rightcol #rssbox ul li .when { font-size: 1.1em; color: #999999; } #maincwf #rightcol #rssbox ul li a { font-size: 1.2em; color: #333333; display: block; text-decoration: none; line-height: 140%; padding-top: 4px; } #maincwf #rightcol .lijntje { background-image: url(../images/cwf_lijntje_rechts.png); background-repeat: no-repeat; height: 5px; } #maincwf #rightcol #speakerbox { background-image: url(../images/cwf_links_back.png); background-repeat: repeat-x; background-position: left bottom; padding: 15px 10px; } #maincwf #rightcol #speakerbox ul { padding-top: 10px; } #maincwf #rightcol #speakerbox ul li { padding-bottom: 8px; position: relative; font-size: 1.3em; } #maincwf #rightcol #speakerbox ul li strong { display: block; position: absolute; top: 30px; left: 80px; font-weight: bold; color: #333333; } #maincwf #rightcol #speakerbox ul li span { position: absolute; top: 45px; left: 80px; color: #666666; } #maincwf #rightcol #speakerbox a.more { font-size: 1.2em; color: #FF0092; text-decoration: none; display: block; padding-top: 2px; padding-bottom: 2px; } #maincwf #rightcol #speakerbox a.more:hover { text-decoration: underline; } #maincwf #rightcol #flickrbadge { text-align: center; padding-top: 0px; padding-bottom: 20px; } #maincwf #rightcol #flickrbadge a { display: block; text-align: left; color: #999999; text-decoration: none; padding-top: 8px; } #maincwf #rightcol #flickrbadge a:hover { text-decoration: underline; } #maincwf #col-b { float: left; width: 530px; } #maincwf #col-b a { color: #EC0083; text-decoration: none; } #maincwf #col-b strong { color: #111111; text-weight: bold; font-weight: bold; } #maincwf #col-b a:hover { text-decoration: underline; } #maincwf #col-b #topflash { padding-bottom: 30px; } #maincwf #col-b h1 { margin-bottom: 15px; position: relative; } #maincwf #col-b h1 a.backto { font-size: 1.1em; color: #666666; text-decoration: underline; position: absolute; top: 0px; right: 0px; font-weight: normal; } #maincwf #col-b h2 { font-size: 2em; font-weight: bold; color: #333333; margin-bottom: 15px; } #maincwf #col-b h2 span { color: #F7008B; } #maincwf #col-b p { font-size: 1.2em; color: #333333; line-height: 140%; padding-bottom: 20px; } #maincwf #col-b p.contact { color: #F7008B; } #maincwf #col-b p.contact a { text-decoration: underline; } #maincwf #col-b p.persooninfo { color: #F30F83; font-weight: bold; line-height: 120%; } #maincwf #col-b p.persooninfo a { color: #666666; text-decoration: none; } #maincwf #col-b p.persooninfo a:hover { color: #666666; text-decoration: underline; } #maincwf #col-b .floatleft { float: left; margin-right: 20px; margin-bottom: 20px; } #maincwf #col-b .naastIQlogo { margin-left: 150px; } #maincwf #col-b .naastfoto { margin-left: 195px; } #maincwf #col-b .naastfoto2 { margin-left: 175px; } #maincwf #col-b .naastfoto h5 { font-weight: bold; padding-bottom: 10px; font-size: 1.2em; } #maincwf #col-b .partnerflash { padding-bottom: 20px; } #maincwf #col-b .rand { background-color: #FFFFFF; padding: 4px; border: 1px solid #CCCCCC; } #maincwf #col-b .c2col1 { width: 250px; float: left; } #maincwf #col-b .c2col2 { width: 250px; padding-left: 30px; float: left; } #maincwf #col-b ul { padding-bottom: 30px; } #maincwf #col-b ul.col3 { float: left; width: 220px; padding-right: 20px; } #maincwf #col-b ul li { background-image: url(../../images/cwf_bullet.png); background-repeat: no-repeat; background-position: left top; padding-left: 25px; font-size: 1.2em; line-height: 140%; padding-bottom: 7px; } #maincwf #col-b ul li li { font-size: 1em; } #maincwf #col-b ul.internal li { font-weight: bold; color: #333333; } #maincwf #col-b ul.internal li a { color: #333333; text-decoration: none; } #maincwf #col-b blockquote { font: 1.8em Helvetica, Geneva, Arial, sans-serif; color: #FF0092; background-image: url(../images/cwf_quote.png); background-repeat: no-repeat; background-position: left top; padding-left: 30px; padding-bottom: 30px; } #maincwf #col-b blockquote span { font-size: 0.611111111em; color: #999999; display: block; padding-top: 5px; } #maincwf #col-b blockquote span strong { font-weight: bold; color: #666666; } #maincwf #col-b .schedule { padding-bottom: 25px; } #maincwf #col-b .scheduleitem { font-size: 1.2em; line-height: 130%; } #maincwf #col-b .uurlocatie { float: left; width: 100px; padding-right: 10px; font-weight: bold; color: #666666; padding-top: 5px; } #maincwf #col-b .uurlocatie strong { color: #333333; } #maincwf #col-b .beschrijving { margin-left: 110px; color: #333333; background-color: #F5F5F5; padding: 5px; margin-bottom: 3px; } #maincwf #col-b .beschrijving h5 { font-weight: bold; } #maincwf #col-b .spreaker, #maincwf #col-b .spreaker2 { color: #F7008B; font-size: 1.2em; } #maincwf #col-b .spreaker2 { margin-bottom: 30px; } #maincwf #col-b .beschrijving .spreaker { margin-top: 10px; font-size: 1em; } #maincwf #col-b .spreaker a, #maincwf #col-b .spreaker2 a { text-decoration: underline; } #maincwf #col-b .schedule .pauze .uurlocatie, #maincwf #col-b .schedule .pauze .uurlocatie strong, #maincwf #col-b .schedule .pauze .beschrijving h5 { color: #A5A5A5; } #maincwf #col-b .schedule .pauze .beschrijving { background-color: #FFFFFF; } #maincwf #col-b .timedetails { font-size: 1.2em; font-weight: bold; color: #666666; margin-top: -10px; margin-bottom: 10px; } #maincwf #col-b .timedetails span { color: #F30F83; } #maincwf #col-b .subscribe { float: right; display: block; width: 103px; height: 18px; margin-bottom: 20px; } #maincwf #col-b .col-l { clear: both; display: block; font-size: 1.2em; color: #333333; padding-top: 10px; padding-bottom: 5px; } #maincwf #col-b .col-r .validationfailed { float: right; width: 250px; font-size: 1.2em; color: #F7008B; padding: 4px 0px; } #maincwf #col-b .col-r .validationfailed p { font-size: 1em; color: #F7008B; } #maincwf #col-b .col-r .big, #maincwf #col-b .col-r textarea { background-color: #F7F7F7; padding: 2px; border: 1px solid #CCCCCC; width: 260px; font: 1.2em Arial, Helvetica, sans-serif; float: left; } #maincwf #col-b .col-r .submit { background:#D30259 url(../../../2007/images/bg_submit_knop.jpg) repeat-x scroll left top; border:1px solid #D30259; cursor:pointer; padding:2px; color:#FFFFFF; } #maincwf #col-b .prijs { background-color: #ECECEC; padding: 5px 10px; position: relative; margin-bottom: 4px; font-size: 1.2em; color: #333333; line-height: 140%; } #maincwf #col-b .prijs span { position: absolute; top: 0px; right: 0px; display: block; padding: 5px 10px; width: 70px; } #maincwf #col-b .prijsuitleg { padding: 5px 10px; margin-bottom: 5px; font-size: 1.2em; color: #666666; line-height: 140%; } #maincwf #col-b .gallery { background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 4px 2px 2px 4px; width: 352px; margin-bottom: 30px; } #maincwf #col-b .gallery img { margin-right: 2px; margin-bottom: 2px; } #maincwf #col-b .presenting span { display: block; float: left; width: 70px; font-size: 1.2em; color: #F7008B; line-height: 140%; } #maincwf #col-b .presenting ul { margin-left: 70px; } #maincwf #col-b .presenting ul li { background-image: none; margin: 0px; padding: 0px; } #maincwf #col-b .lijntje { background-color: #EBEBEB; height: 1px; margin-bottom: 30px; clear: both; } #maincwf #col-b .lijntje_livefeed { height: 1px; padding-bottom: 30px; clear: both; background: url(http://www.flandersdc.be/static/images/lijntje_livefeed.png) no-repeat left top; } #maincwf #col-b .toplink { display: none; } #maincwf #col-b a.totop { font-size: 1em; color: #FFFFFF; display: block; background-image: url(../images/cwf_btt_back.png); background-repeat: repeat-x; background-position: left bottom; float: right; padding: 3px 8px; background-color: #FC008F; } #maincwf .landscape { width:521px; position:relative; text-align:right; z-index: 100; } #maincwf .landscape .bordertop { position:absolute; left:0; top:0; border:0; width:521px; height:15px; z-index: 100; } #maincwf .landscape .border { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:0; width:519px; } #maincwf .landscape .borderbottom { position:absolute; left:0; bottom:0; border:0; width:521px; height:15px; z-index: 100; } /*IE 5.5 en 6.0 */ * html #maincwf .landscape .borderbottom { bottom:17px; } /*IE 7.0 */ *+ #maincwf html .landscape .borderbottom { bottom:2px; } #maincwf #col-b .acc_titel { padding: 10px 0px 10px 0px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; cursor:pointer; cursor: hand; height: 1%; } #maincwf #col-b .acc_titel h2 { font-size: 16px; margin: 0px; padding: 0px 0px 5px; line-height: 130%; } #maincwf #col-b .acc_titel p { color: #999999; margin: 0px; padding: 0px; } #maincwf #col-b .acc_titel p.details { color: #F7008B; text-align: right; background: url(http://www.flandersdc.be/static/images/cwf_bulletdown.png) no-repeat right center; line-height: 18px; padding-right: 24px; font-size: 11px; } #maincwf #col-b div.accordeon div.selected p.details { background: url(http://www.flandersdc.be/static/images/cwf_bulletup.png) no-repeat right center; } #maincwf #col-b .acc_content { padding: 10px 0px; } #maincwf #col-b .acc_content h2 { font-size: 16px; } #maincwf #col-b ul.liverss li { font-size: 16px; color: #000000; line-height: 110% } #maincwf #col-b ul.liverss li a { color: #000000; text-decoration: none; } #maincwf #col-b ul.liverss li a:hover { color: #000000; text-decoration: underline; } #maincwf #col-b ul.liverss li div.bron { font-size: 11px; font-weight: normal; color: #666666; } #maincwf #col-b ul.liverss li div.bron a, #maincwf #col-b ul.liverss li div.bron strong, #maincwf #col-b ul.liverss li div.bron b { font-weight: bold; color: #666666; } #maincwf #col-b .blackback { text-align: center; padding: 10px; color: #999999; background: #000000; margin-bottom: 10px; } /* --------------------------------------------------------- 5.4 quiz --------------------------------------------------------- */ .a1, .a1-default, .a2, .a2-default, .a3, .a3-default, .a4, .a4-default, .a5, .a5-default, .b1, .b1-default, .b2, .b2-default, .b3, .b3-default, .b4, .b4-default, .b5, .b5-default { margin: 0 10px 0 0; width: 22px; height: 20px; float:left; } .a1 { background: url(../images/quiz/quiz_1_f2.jpg) no-repeat; } .a1-default { background: url(../images/quiz/quiz_1.jpg) no-repeat; } .a2 { background: url(../images/quiz/quiz_2_f2.jpg) no-repeat; } .a2-default { background: url(../images/quiz/quiz_2.jpg) no-repeat; } .a3 { background: url(../images/quiz/quiz_3_f2.jpg) no-repeat; } .a3-default { background: url(../images/quiz/quiz_3.jpg) no-repeat; } .a4 { background: url(../images/quiz/quiz_4_f2.jpg) no-repeat; } .a4-default { background: url(../images/quiz/quiz_4.jpg) no-repeat; } .a5 { background: url(../images/quiz/quiz_5_f2.jpg) no-repeat; } .a5-default { background: url(../images/quiz/quiz_5.jpg) no-repeat; } /*.b1 { background: url(../images/quiz/quiz_ll_f2.jpg) no-repeat; } .b1-default { background: url(../images/quiz/quiz_ll.jpg) no-repeat; } .b2 { background: url(../images/quiz/quiz_l_f2.jpg) no-repeat; } .b2-default { background: url(../images/quiz/quiz_l.jpg) no-repeat; } .b3 { background: url(../images/quiz/quiz_m_f2.jpg) no-repeat; } .b3-default { background: url(../images/quiz/quiz_m.jpg) no-repeat; } .b4 { background: url(../images/quiz/quiz_r_f2.jpg) no-repeat; } .b4-default { background: url(../images/quiz/quiz_r.jpg) no-repeat; } .b5 { background: url(../images/quiz/quiz_rr_f2.jpg) no-repeat; } .b5-default { background: url(../images/quiz/quiz_rr.jpg) no-repeat; }*/ .b1 { background: url(../images/quiz/quiz_1_f2.jpg) no-repeat; } .b1-default { background: url(../images/quiz/quiz_1.jpg) no-repeat; } .b2 { background: url(../images/quiz/quiz_2_f2.jpg) no-repeat; } .b2-default { background: url(../images/quiz/quiz_2.jpg) no-repeat; } .b3 { background: url(../images/quiz/quiz_3_f2.jpg) no-repeat; } .b3-default { background: url(../images/quiz/quiz_3.jpg) no-repeat; } .b4 { background: url(../images/quiz/quiz_4_f2.jpg) no-repeat; } .b4-default { background: url(../images/quiz/quiz_4.jpg) no-repeat; } .b5 { background: url(../images/quiz/quiz_5_f2.jpg) no-repeat; } .b5-default { background: url(../images/quiz/quiz_5.jpg) no-repeat; } label .hide{display:none;} #quiz h1 { line-height:1.2em; margin:10px 20px 15px 0; font-size:2.4em; } #maincwf #col-b #quiz strong { color:#FF0092; } #maincwf #quiz ul.internal { padding-bottom:0; } #maincwf #quiz ul.internal li { background:transparent url(../images/bull_internal_li.gif) no-repeat scroll 0 2px; line-height:1em; padding-left:13px; } #maincwf #quiz ul.internal li a {text-decoration:underline;font-weight:normal;} #maincwf #quiz ul.internal li a:hover { background:#CCC; } #quiz .form_rij { margin-bottom:10px; font-size:1.2em; } #col-b #quiz h2 { color:#FF0092; font-weight:normal; } #maincwf #col-b #quiz .lijntje { margin:16px 0; } #quiz input.submit { background:#D30259 url(../images/bg_submit_knop.jpg) repeat-x top left; border:1px solid #D30259; padding:2px; cursor:pointer; text-decoration:none; color:#FFF; } #maincwf #col-b #quiz a.formbutton { background:#D30259 url(../images/bg_submit_knop.jpg) repeat-x top left; border:1px solid #D30259; padding:2px; cursor:pointer; text-decoration:none; color:#FFF; } .form_rij .quiza-l{ float:left; width:315px; margin-left:20px; _margin-left:10px; line-height:1.5em; } .form_rij .quiza_r{ margin-left:345px; } #maincwf#maincwf #col-b #quiz .quiz-submit{ text-align:right; margin-right:25px; } .quiz-submit .submit{ margin-left:5px; } .legende{ margin-left:13px; margin-bottom:20px; font-weight:bold; color:#666; font-size:1.2em; } .legende table { padding:5px; line-height:1.5em; border-spacing:5px; } #maincwf #col-b .acc_title { vertical-align:middle; font-weight:bold; } .form_rij .quizb-l{ float:left; width:150px; margin-left:20px; _margin-left:10px; } .form_rij .quizb-r{ float:right; text-align:right; width:150px; margin-right:25px; _margin-right:13px; } .form_rij .quizb-m{ margin:auto 180px auto 175px; } .results{ border-top:1px solid #ccc; border-left:1px solid #ccc; width:510px; margin-top:15px; } .results td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px; } .results td.res{ text-align:center; font-weight:bold; font-size:1.5em; line-height:1.2em; color:#FF0092; } .results td.res .small{ font-size:0.7em; } #maincwf #col-b .results p { padding-bottom:0; } #maincwf #col-b .results a { color:#000; font-weight:bold; text-decoration:underline; } /*------------------------------------------------------------------------------------------------------------ NEW FOOTER ------------------------------------------------------------------------------------------------------------*/ /* ---------- social media styles ---------------- */ #social{ background:url(../images/bg_social.jpg) left bottom repeat-x; padding:10px 25px; } #social ul{ margin:5px 0 6px 7px; } #social li{ display:inline; border-right:1px solid #fff; padding:2px 15px 2px 25px; margin-right: 12px; font-size:0.85em; } #social li.last{ margin-right:0; border-right:0; } #social li.linkedin{ background:url(../images/socialfooter/f_linkedin.gif) left top no-repeat;} #social li.twitter{ background:url(../images/socialfooter/f_twitter.gif) left top no-repeat;} #social li.flickr{ background:url(../images/socialfooter/f_flickr.gif) left top no-repeat;} #social li.youtube{ background:url(../images/socialfooter/f_youtube.gif) left top no-repeat;} #social li.facebook{ background:url(../images/socialfooter/f_facebook.gif) left top no-repeat;} #social li.delicious{ background:url(../images/socialfooter/f_delicious.gif) left top no-repeat;} #social li.garagetv{ background:url(../images/socialfooter/f_garagetv.gif) left top no-repeat;} #social a{ color:#333; text-decoration:none; } #social a:hover{ text-decoration:underline; color:#000; } /* ---------- end social media styles ---------------- */ /* ---------- footer styles ---------------- */ #footer{ background:url(../images/bg_footer.jpg) top center no-repeat; overflow:hidden; padding:20px 32px; font-size:0.9em; color:#666; background-color:#ccc; } #footer a{ color:#666; text-decoration:none; } #footer a:hover{ text-decoration:underline; color:#000; } /* ---------- end footer styles ---------------- */ /*******************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************/ /**/ /* OUDE SITE STIJLEN */ /**/ /*******************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************/ /* ------------------------------------------------------------------------------------------------- 1. Font-sizes, colors, font-weight, interlinie, text-decoration, text-transform, overflow ------------------------------------------------------------------------------------------------- */ /* FONT-SIZES --------------------- */ /* Body = 12px = 0.75em; -> 9px = 0.75em*/ #main basic {font-size:0.75em;} /*10px = 0.83em*/ #main basic {font-size:0.83em;} /*11px = 0.91em*/ #crumb, #main #tools, #main input.submit, #main a.formbutton, #main blockquote .quote, #main .homecol h3, #main .button {font-size:0.91em;} /*12px = 1em*/ #main h4, #main input, #main textarea {font-size:1em;} /*13px = 1.08em*/ #main div#intro {font-size:1.08em;} /*14px = 1.16em*/ #main basic {font-size:1.16em;} /*15px = 1.25em*/ #main basic {font-size:1.25em;} /*16px = 1.33em*/ #main #col-a .box h2, #main #rightcol .box h3, #main .homecol h2 {font-size:1.33em;} /*17px = 1.42em*/ #main h3 {font-size:1.42em;} /*18px = 1.5em*/ #main basic {font-size:1.5em;} /*19px = 1.58em*/ #main h2 {font-size:1.58em;} /*20px = 1.67em*/ #main blockquote .quote {font-size:1.67em;} /*24px = 2em*/ #main h1 {font-size:2em;} /*30px = 2.5em*/ #main basic {font-size:2.5em;} /*h3 = 1.33em*/ /*h3 span = 11px = 0.7em */ #main h3 span, #main h2 span {font-size:0.65em;} /* COLORS --------------------- */ /* Body = #333; -> /* black = #000000;*/ #main a, #main h4, #main #content .box ul li strong, #main .external li, #main .single_external, #main strong.grey {color:#000;} /* dark = #333333;*/ #main blockquote .quote, #main h3 span a, #main .form_rij .col-r select option.in, #main .level1 li a {color:#333;} /* grey = #666666;*/ #main #home h2, #main h3, #main h3 a, #main div#intro, #crumb, #crumb a, #main blockquote .quote, #main .level2 li a, #main .foto_label p, #main #rightcol .box.type2, #main #rightcol .box.type2 a {color:#666;} /* lightgrey = #999;*/ #main .oplijsting .oplijsting_l span, #main .button, #main .oplijsting .oplijsting_r span, #main .oplijsting.images, #main .two_column span {color:#999;} /* white = #fff;*/ #main #zoekbox, #main #zoekbox a, #main input.submit, #main a.formbutton {color:#fff;} /* rooslogo = #FF0092;*/#main strong, #main h2, #main .toplink a, #main #col-a .box h2, #main .form_rij .col-r select option, #main h3 span, #main #nav a:hover, #main .level1 li span, #main .level1 li a.in, #main .level2 li span, #main .level2 li a.in, #main #rightcol .box h3, #main #rightcol .box.type2 h3, #main .homecol h3 {color:#FF0092;} /* FONT-WEIGHT --------------------- */ #crumb, #main h3 span, #main #col-a .box h2, #main .level1 li a, #main .level1 li span, #main input.submit, #main a.formbutton, #main .button, #main .external li, #main .single_external, #main blockquote .datum, #main #rightcol .box h3, #main .tags, #main .homecol h3 {font-weight:bold;} #main h2, #main h3, #main #content .box ul li strong, #main .level2 li span, #main .level2 li a.in, #main .level2 li a, #main h1 {font-weight:normal;} /* INTERLINIE --------------------- */ #main div#intro, #main #content {line-height:1.5em; margin-bottom:15px;} #main .homecol h3 {line-height:1.1em} /* TEXT-DECORATION --------------------- */ #main .homecol .box ul a, #main .level2 li a, #main .button, #crumb a, #main .toplink a, #main .level1 li a, #main #rightcol .box.type2 a, #main .tags_auteurs a, #main h3 a {text-decoration:none;} #main .homecol .box ul a:hover, #main .level2 li a:hover, #crumb a:hover, #main .toplink a:hover, #main .level1 li a:hover,#rightcol .box.type2 a:hover, #main .tags_auteurs a:hover, #main h3 span a {text-decoration:underline;} /* TEXT-TRANSFORM --------------------- */ #main basic {text-transform:uppercase;} /* OVERFLOW --------------------- */ #main basic {overflow:hidden;} /* ------------------------------------------------------------------------------------------------- 2. Algemene zaken ------------------------------------------------------------------------------------------------- */ #main { font-size: 12px; } #main #afsluitlijntje { background:url(../../../2007/images/bg_lijntje.jpg) no-repeat top left; width:549px; height:7px; margin:0 0 20px 244px; } /*IE 5.5 en 6.0 */ * #main html #afsluitlijntje { margin-top:-10px; } /*IE 7.0 */ *+ #main html #afsluitlijntje { margin-top:-10px; } #main .lijntje { background:url(../../../2007/images/bg_lijntje.jpg) no-repeat bottom left; height:7px; margin:20px -15px 15px -13px; } #main #col-a .lijntje { background:#ccc; height:1px; margin:20px 0 15px 0; } #main #col-b a {zoom:1;} /* "Has Layout" IE hack zodat bij de laatste link vlak voor de footer de footer niet verspringt */ #main #col-b a:hover { background:#CCC; } #main .toplink { text-align:right; xmargin-bottom:-17px; } #main .toplink.afsluit { margin-bottom:0px; } #main #col-b .toplink a { background:#fff url(../../../2007/images/toplink.jpg) no-repeat center left; padding-left:17px; } #main #col-b .toplink a:hover { background:#fff url(../../../2007/images/toplink.jpg) no-repeat center left; padding-left:17px; } #main p { margin-bottom:10px; } #main input, textarea { font-family:Arial, Helvetica, sans-serif; } #main img.floatleft { float:left; margin:0 10px 10px 0; border: #CCCCCC 1px solid; padding: 1px; } #main img.floatright { float:right; margin:0 0 10px 10px; border: #CCCCCC 1px solid; padding: 1px; } #main img.padding_bottom { border: #CCCCCC 1px solid; padding: 1px; text-align: center; margin-bottom:10px; } #main .float_left { float:left; } #main .float_right { float:right; } #main .padding_bottom { padding-bottom:10px; } /* ------------------------------------------------------------------------------------------------- 3. Masthead + crumb + main + login ------------------------------------------------------------------------------------------------- */ #main { padding:0 21px; /* background:url(../../../2007/images/bg_content.jpg) no-repeat 233px 0px; */ } #home #main { background:none; } #main #flash { margin:30px 0 30px 0; } #main .flashplayer { text-align:center; } #main #home #intro { margin-left:230px; margin-bottom:30px; } #main #content { float:left; width:772px; } #crumb { margin-left:260px; margin-bottom:10px; width:519px; font-size: 11px; } #main #login{ float:right; margin-right:25px; } /* ------------------------------------------------------------------------------------------------- 4. Rightcol ------------------------------------------------------------------------------------------------- */ #main #rightcol { float:right; width:141px; } #main #rightcol .box { background:#fff url(../../../2007/images/bg_rightcol_ul.jpg) repeat-x bottom left; padding:8px 0 8px 14px; height:1%; /* IE hack for rightcol box .level2 li items */ border:1px solid #cdcdcd; } #main #rightcol .box.last { margin-bottom:20px; } #main #rightcol .box.bottomless{ border-bottom:0; } #main #rightcol .box.type2 { padding:8px 0 8px 30px; background:none; border:0; border-bottom:1px solid #cdcdcd; } #main #rightcol .box.type2 img { margin:10px 0 10px 0; } #main #rightcol .box.type2 img.counter_margin { margin-left:-16px; } #main #rightcol .bannering { display:block; margin-bottom:10px; border:1px solid #cdcdcd; } /* ------------------------------------------------------------------------------------------------- 5. Content ------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------- 5.1 homecontent --------------------------------------------------------- */ #main .homecol { float:left; width:250px; margin-right:10px; } #main .homecol.last { margin-right:0; } #main .homecol .box { background:url(../../../2007/images/bg_homecol_box.gif) repeat-y top left; } #main .homecol .box_open { padding:10px 10px; background:url(../../../2007/images/bg_homecol_box_open.gif) no-repeat top left; } #main .homecol .box_open.image { padding:0 10px 10px 10px; } #main .homecol .box_open .forced_png { width:250px; height:9px; position:absolute; margin:0 -10px; } #main .homecol .box_close { background:url(../../../2007/images/bg_homecol_box_close.jpg) no-repeat bottom left; height:19px; } #main .homecol .lijntje { background:#F30F83; height:2px; margin:0 -9px; } #main .homecol .lijntje.margin { margin:10px -9px; } #main .homecol .margintop10 { margin-top:10px; } #main .homecol .margintop20 { margin-top:20px; } #main .homecol .box p { padding:10px 0; } #main img.negative_margin { margin:0 -9px; } #main .homecol img.thumb { float:left; margin:10px 0 0 0; } #main .homecol p.thumb { margin-left:75px; } #main .homecol .input_email { border:1px solid #ccc; padding:0 2px; width:225px; margin-bottom:10px; } #main #content a.button, #main #col-a .box_open a.button { background:#FFFFFF url(../../../2007/images/bull_button.jpg) no-repeat top right; border:1px solid #999; padding-right:25px; padding-left: 5px; display:table; height: 16px; line-height: 16px; color:#999999; text-decoration:none; } #main #content a.button:hover, #main #col-a .box_open a.button:hover { background:#FFFFFF url(../../../2007/images/bull_button.jpg) no-repeat top right; } #main .button.outside { margin-left:10px; } #main .homecol_checkbox { margin:10px 0; display:table; width:100%; } #main .homecol_checkbox_l { float:left; } #main .homecol_checkbox_r { margin-left:25px; height:1%; } /* --------------------------------------------------------- 5.2 col-a --------------------------------------------------------- */ #main #col-a { width:210px; float:left; } #main #col-a .box { background:url(../../../2007/images/bg_col-a_box.gif) repeat-y top left; } #main #col-a .box_open { padding:10px; background:url(../../../2007/images/bg_col-a_box_open.gif) no-repeat top left; } #main #col-a .box_open a:hover, #main #login a:hover { background:#ccc; } #main #col-a .box_open img { margin-bottom:10px; } #main #col-a .box_open a.button img { margin-bottom:0; } #main #col-a .box_close { background:url(../../../2007/images/bg_col-a_box_close.jpg) no-repeat bottom left; height:19px; } #main img.persoon { margin-bottom:20px; } #main #col-a input { margin:5px 0 0 20px; border:1px solid #ccc; padding:1px 2px; background:#F7F7F7; } /* --------------------------------------------------------- 5.3 col-b --------------------------------------------------------- */ #main #col-b { width:549px; width/**/:/**/521px; padding:0 14px 14px 14px; float:right; background:url(../../../2007/images/bg_content_border.gif) repeat-y bottom left; } #main .landscape { width:521px; position:relative; text-align:right; z-index: 100; } #main .landscape .bordertop { position:absolute; left:0; top:0; border:0; width:521px; height:15px; z-index: 100; } #main .landscape .border { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:0; width:519px; } #main .landscape .borderbottom { position:absolute; left:0; bottom:0; border:0; width:521px; height:15px; z-index: 100; } /*IE 5.5 en 6.0 */ * html #main .landscape .borderbottom { bottom:17px; } /*IE 7.0 */ *+ #main html .landscape .borderbottom { bottom:2px; } #main .floating_image { margin-bottom:20px; } #main .floating_image .image { float:right; margin:10px 0 0 0; position:relative; text-align:right; } #main .floating_image .image .bordertop { position:absolute; top:0; right: 0; border: 0; } #main .floating_image .image .border { border-left:1px solid #D2D2D2; border-right:1px solid #D2D2D2; border-bottom:0; } #main .floating_image .image .borderbottom { position:absolute; right: 0; bottom: 0; border: 0; } #main .floating_image.big .image .bordertop {width:150px;height:10px;} #main .floating_image.small .image .bordertop {width:100px;height:10px;} #main .floating_image.big .image .border {width:148px;} #main .floating_image.small .image .border {width:98px;} /* #main .floating_image.big .image .borderbottom {bottom:-2px;width:150px;height:14px;} #main .floating_image.small .image .borderbottom {bottom:-2px;width:100px;height:14px;} */ #main .floating_image.big .image .borderbottom { bottom:-2px; _bottom: 14px; width:150px; height:14px; } #main .floating_image.small .image .borderbottom { bottom:-2px; _bottom: 12px; width:100px; height:14px } #main .floating_image .image .cover { border:1px solid #D2D2D2; padding:1px; } #main .floating_image.big .content { width:350px; } #main .floating_image.small .content { width:410px; } #main .optioncontainer{ padding-top:10px; margin-bottom:15px; border-top:1px solid #efefef; } #main .optioncontainer .optioncontainer{ padding-left:17px; border:0; padding-top:0; margin-bottom:0; } #main .optioncontainer .question{ font-weight:bold; margin-bottom:10px; } #main .form_rij { margin-bottom:10px; } #main .optioncontainer .form_rij { margin-bottom:5px; } #main .form_rij .col-l { float:left; width:140px; text-align:right; } #main #ajaxquestion .form_rij .col-l { width:145px; } #main .form_rij .col-r { float:right; width:366px; } #main .optioncontainer .form_rij .col-r { float:left; width:515px; } #main .optioncontainer .optioncontainer .form_rij .col-r{ width:480px; } #main .form_rij .col-r div.meerkeuze { margin-bottom:10px; } #main .form_rij .col-r div.meerkeuze label { position:relative; left:4px; } #main .form_rij .col-r div.meerkeuze .meerkeuze_verschuif{ margin-left:19px; color:#666; } #main .form_rij .col-r label { position:absolute; left:-9999px; } #main .optioncontainer .form_rij .col-r label{ position:relative; left:auto; } #main .form_rij .col-r input, #main .form_rij .col-r textarea { border:1px inset #ccc; padding:1px 2px; background:#F7F7F7; } #main .form_rij .col-r input.big, .form_rij .col-r textarea { width:95%; } #main .optioncontainer .form_rij .col-r textarea{ margin-left:17px; } #main .form_rij .col-r input.small { width:10%; margin-right:5px; } #main .form_rij .col-r select { width:95%; border:1px inset #CCC; background:#F7F7F7; } #main .form_rij .col-r select option { padding:1px 2px; background:#F7F7F7; } #main .form_rij .col-r select option.in { background:#FFF; } #main .form_rij .col-r .inputcheckbox, #main .form_rij .col-r .inputradio{ margin-right:5px; } #main #content input.meerkeuze { border:0; background:#fff; } #main #content input.inputradio { border:0; } #main #content input.submit, #main #col-b a.formbutton { background:#D30259 url(../../../2007/images/bg_submit_knop.jpg) repeat-x top left; border:1px solid #D30259; padding:2px; cursor:pointer; text-decoration:none; } #main #col-b a.formbutton { padding:4px; } #main #col-b a.formbutton:hover{ background:#D30259 url(../../../2007/images/bg_submit_knop.jpg) repeat-x top left; } #main #content .whitespace{ padding: 0 20px; } #main .pwvergeten{ float: right; margin-right: 10px; } #main .form_rij.border { border-top:1px solid #efefef; margin-bottom:15px; } #main .oplijsting { margin:10px 0 ; padding:10px 5px; text-align:center; } #main .oplijsting.bordertop { border-top:1px solid #efefef; } #main .oplijsting.borderbottom { border-bottom:1px solid #efefef; } #main .oplijsting a { margin:0 2px; } #main .oplijsting .oplijsting_l { float:left; text-align:left; } #main .oplijsting .oplijsting_r { float:right; text-align:right; } #main .oplijsting.images a:hover { background:none; } #main .oplijsting.images { background:url(../../../2007/images/bg_lijntje.jpg) no-repeat top left; margin:-25px -20px 10px -13px; padding:5px 20px; } #main .fotoboek #mainimage{ width:519px; border:1px solid #efefef; text-align:center; } #main .fotoboek #mainimage img{ max-width:519px; } #main blockquote { background:url(../../../2007/images/blockquote_left.gif) no-repeat top left; margin:50px 10px; } #main blockquote .quote { padding:0 45px; font-family:"Times New Roman", Times, serif; background:url(../../../2007/images/blockquote_right.gif) no-repeat bottom right; line-height:1.2em; min-height:60px; _height:60px; } #main blockquote .datum { text-align:right; margin-top:5px; } #main .foto_label { width:255px; } #main .foto_label.left { float:left; } #main .foto_label.right { float:right; } #main .foto_label img { width:255px; margin:10px 0; } #main .indented_content_w_bullet { background:url(../../../2007/images/bull_level2_li.jpg) no-repeat 15px 1px; padding-left:35px; } #main .two_column { margin-bottom:10px; } #main .two_column p { margin-top:5px; } #main .two_column .col-l { float:left; width:50%; width/**/:/**/46%; padding-right:4%; } #main .stippellijn { height:1px; background:url(../../../2007/images/bg_stippellijn.gif) repeat-x top left; margin:10px 0; } #main .vastelijn { height:1px; background:#ccc; margin:10px 0; } #main .two_column .col-r { float:right; width:48%; } #main .contactgegevens { margin-bottom:10px; display:table; width:100%; } #main .contactgegevensrij { clear:left; } #main .contactgegevensrij .col-l { float:left; width:80px; } #main .contactgegevensrij .col-r { float:left; } #main .blogreactie{ padding:0 15px; border:1px solid #efefef; margin-bottom:10px; } #main .embeddedflash{ text-align:center; margin-bottom:20px; } /* --------------------------------------------------------- 5.4 quiz --------------------------------------------------------- */ #main .a1, #main .a1-default, #main .a2, #main .a2-default, #main .a3, #main .a3-default, #main .a4, #main .a4-default, #main .a5, #main .a5-default, #main .b1, #main .b1-default, #main .b2, #main .b2-default, #main .b3, #main .b3-default, #main .b4, #main .b4-default, #main .b5, #main .b5-default { margin: 0 10px 0 0; width: 22px; height: 20px; float:left; } #main .a1 { background: url(../../../2007/images/quiz/quiz_1_f2.jpg) no-repeat; } #main .a1-default { background: url(../../../2007/images/quiz/quiz_1.jpg) no-repeat; } #main .a2 { background: url(../../../2007/images/quiz/quiz_2_f2.jpg) no-repeat; } #main .a2-default { background: url(../../../2007/images/quiz/quiz_2.jpg) no-repeat; } #main .a3 { background: url(../../../2007/images/quiz/quiz_3_f2.jpg) no-repeat; } #main .a3-default { background: url(../../../2007/images/quiz/quiz_3.jpg) no-repeat; } #main .a4 { background: url(../../../2007/images/quiz/quiz_4_f2.jpg) no-repeat; } #main .a4-default { background: url(../../../2007/images/quiz/quiz_4.jpg) no-repeat; } #main .a5 { background: url(../../../2007/images/quiz/quiz_5_f2.jpg) no-repeat; } #main .a5-default { background: url(../../../2007/images/quiz/quiz_5.jpg) no-repeat; } /*.b1 { background: url(../../../2007/images/quiz/quiz_ll_f2.jpg) no-repeat; } #main .b1-default { background: url(../../../2007/images/quiz/quiz_ll.jpg) no-repeat; } #main .b2 { background: url(../../../2007/images/quiz/quiz_l_f2.jpg) no-repeat; } #main .b2-default { background: url(../../../2007/images/quiz/quiz_l.jpg) no-repeat; } #main .b3 { background: url(../../../2007/images/quiz/quiz_m_f2.jpg) no-repeat; } #main .b3-default { background: url(../../../2007/images/quiz/quiz_m.jpg) no-repeat; } #main .b4 { background: url(../../../2007/images/quiz/quiz_r_f2.jpg) no-repeat; } #main .b4-default { background: url(../../../2007/images/quiz/quiz_r.jpg) no-repeat; } #main .b5 { background: url(../../../2007/images/quiz/quiz_rr_f2.jpg) no-repeat; } #main .b5-default { background: url(../../../2007/images/quiz/quiz_rr.jpg) no-repeat; }*/ #main .b1 { background: url(../../../2007/images/quiz/quiz_1_f2.jpg) no-repeat; } #main .b1-default { background: url(../../../2007/images/quiz/quiz_1.jpg) no-repeat; } #main .b2 { background: url(../../../2007/images/quiz/quiz_2_f2.jpg) no-repeat; } #main .b2-default { background: url(../../../2007/images/quiz/quiz_2.jpg) no-repeat; } #main .b3 { background: url(../../../2007/images/quiz/quiz_3_f2.jpg) no-repeat; } #main .b3-default { background: url(../../../2007/images/quiz/quiz_3.jpg) no-repeat; } #main .b4 { background: url(../../../2007/images/quiz/quiz_4_f2.jpg) no-repeat; } #main .b4-default { background: url(../../../2007/images/quiz/quiz_4.jpg) no-repeat; } #main .b5 { background: url(../../../2007/images/quiz/quiz_5_f2.jpg) no-repeat; } #main .b5-default { background: url(../../../2007/images/quiz/quiz_5.jpg) no-repeat; } #main label .hide{display:none;} #main .form_rij .quiza-l{ float:left; width:315px; margin-left:20px; _margin-left:10px; } #main .form_rij .quiza_r{ margin-left:345px; } #main .quiz-submit{ text-align:right; margin-right:25px; } #main .quiz-submit .submit{ margin-left:5px; } #main .legende{ margin-left:13px; margin-top:20px; font-weight:bold; color:#666; } #main .form_rij .quizb-l{ float:left; width:150px; margin-left:20px; _margin-left:10px; } #main .form_rij .quizb-r{ float:right; text-align:right; width:150px; margin-right:25px; _margin-right:13px; } #main .form_rij .quizb-m{ margin:auto 180px auto 175px; } #main .results{ border-top:1px solid #ccc; border-left:1px solid #ccc; width:510px; margin-top:15px; } #main .results td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px; } #main .results td.res{ text-align:center; font-weight:bold; font-size:1.2em; color:#FF0092; } #main .results td.res .small{ font-size:0.7em; } /* ------------------------------------------------------------------------------------------------- 6. Lists ------------------------------------------------------------------------------------------------- */ #main ul { list-style:none; } #main ul, #main .internal { margin:0 0 8px 10px; } #main ul li, #main .internal li { line-height:1.5em; background:url(../../../2007/images/bull_internal_li.gif) no-repeat 0px 6px; padding-left:13px; } #main ol { list-style-position:inside; margin:0 0 8px 10px; } #main ol li { line-height:1.5em; } #main .internal { margin:0 0 8px 10px; } #main .internal li { line-height:1.5em; padding-left:13px; } #main #col-a .level1, #main #col-b .level1 { margin:0 0 20px 10px; } #main .level1 li { line-height:1.3em; /* de line-height moet op de li, anders wil IE 7 niet mee! */ margin-bottom:5px; background:none; padding-left:0; } #main .level1 li a, #main #col-b .level1 li a:hover { display:block; background:url(../../../2007/images/bull_level1_li.jpg) no-repeat 1px 0; padding-left:20px; margin-bottom:10px; line-height:1.3em; /* doe ze hier toch ook maar voor als er een li span is../2007 :) */ _height:1%; /* explorer hack, anders zou je alle list item naast elkaar moeten plakken in de html - Voorkomt ook rare margin bottom bij li's */ } #main .level1 li span, #main .level1 li a.in { display:block; background:url(../../../2007/images/bull_rightcol_h3.jpg) no-repeat 1px 0; padding-left:20px; margin-bottom:10px; line-height:1.3em; _height:1%; /* explorer hack, anders zou je alle list item naast elkaar moeten plakken in de html */ } #main #col-a .level2, #main #col-b .level2 { margin:0 0 12px 0; } #main .level2 li { line-height:1.2em; margin-bottom:0; background:none; padding-left:0; } #main .level2 li a, #main .level2 li span, #main .level2 li a.in, #main #col-b .level2 li a:hover { display:block; background:url(../../../2007/images/bull_level2_li.jpg) no-repeat 2px 0; padding-left:20px; margin-bottom:6px; line-height:1.2em; _height:1%; /* explorer hack, anders zou je alle list item naast elkaar moeten plakken in de html */ } #main .homecol .box ul { margin:10px 0; } #main .homecol .box ul li { margin-bottom:10px; background:none; padding-left:0; height:1%; } #main .homecol .box ul li a { } #main .external, #main .single_external { margin:0 0 10px 0; } #main .external li, #main .single_external { line-height:1.5em; background:url(../../../2007/images/bull_external_li.jpg) no-repeat center left; padding-left:20px; } #main .remove_list { margin:0 0 10px 0; } #main .remove_list li { line-height:1.5em; background:none; padding-left:0; } #main .remove_list a.remove { float:right; background:#fff url(../../../2007/images/bull_remove.gif) no-repeat center left; width:10px; height:1.5em; } #main #content .remove_list a:hover.remove { background:#fff url(../../../2007/images/bull_remove.gif) no-repeat center left; } #main #rightcol .level2 { margin:0; } #main #rightcol .box.type2 ul{ margin:0; } #main #rightcol .box.type2 ul li{ margin-bottom:5px; background:none; padding-left:0; } /* ------------------------------------------------------------------------------------------------- 7. Headers ------------------------------------------------------------------------------------------------- */ #main h1 { margin:10px 20px 15px 0px; line-height:1.2em; } #main h2 { margin:10px 0 10px 0; } #main .homecol h2 { margin:0; padding-top:10px; } #main h3 { margin:10px 0 15px 0; } #main .homecol h3 { margin:0; padding-top:3px; } #main #col-b h3 a:hover { background:#fff; } #main #col-b h3 span a:hover { background:#ccc; } #main h3 span { display:block; } #main h3 span.rdf { /*rdf span fixes*/ display: inline; font-weight: normal; color: #666666; font-size: 100%;" } #main #col-a .box h2 { margin-bottom:10px; } #main #rightcol .box h3 { background:url(../../../2007/images/bull_rightcol_h3.jpg) no-repeat 1px 0; padding-left:20px; margin:5px 0 10px 0px; line-height:0.9em; } #main #rightcol .box.type2 h3 { background:url(../../../2007/images/bull_rightcol_h3.jpg) no-repeat 1px 0; padding-left:20px; margin:0px 0 10px -21px; line-height:0.9em; } #main h4 { margin-bottom:10px; } /* hackje ------------------------------------------------ */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* kalenderbox start */ #main .kalenderbox{ margin-bottom: 20px; } #main .kalenderbox table{ width: auto; float: left; font-size: 1em; width: 200px; } #main .kalenderbox table caption{ display: none; } #main .kalenderbox table td, #main .kalenderbox table th{ width: 25px; height: 25px; text-align: center; color: #000; } #main .kalenderbox table th{ border-bottom: 1px solid #ccc; color: #666; } #main .kalenderbox table td{ } #main .kalenderbox table .today{ border: 1px solid #FF0092; } #main .kalenderbox table .nieuwemaand, .kalenderbox table .nieuwemaand a{ color: #ccc; } #main .kalenderbox table .nieuwemaand a:hover{ background: none !important; text-decoration: none; } #main .kalenderbox table .activity{ background: #efefef; font-weight: bold; } #main .kalenderbox table .activity a{ color: #f30f83; } #main .kalenderbox table .activity a:hover{ background: none !important; text-decoration: none; } #main .kalenderbox .detail{ /* margin-left: 210px; */ margin-left: 200px; _height: 1%; _margin-left: 250px; } /* -> safari hack onderaan #main .kalenderbox .detail .header{ height: 25px; border-bottom: 1px solid #ccc; } #main .kalenderbox .detail .header{ height: 24px; _height: 25px; padding: 0 20px; } *+html #main .kalenderbox .detail .header{ height: 25px; } */ #main .kalenderbox .detail .header h2{ font-size: 1em; line-height: 24px; font-weight: bold; text-align: center; margin: 0; padding: 0; } #main .kalenderbox .detail .header .k_left{ float: left; margin-top: 5px; } #main .kalenderbox .detail .header .k_right{ float: right; margin-top: 5px; } #main .kalenderbox .detail .content{ padding: 5px 20px; } #main .kalenderbox .detail .content ul{ margin: 0; padding: 0; } #main .kalenderbox .detail .content ul li{ margin: 0; padding: 0; background: none; display: inline-block; } #main .kalenderbox .detail .content ul li strong{ float: left; font-weight: normal; color: #000; display: block; } #main .kalenderbox .detail .content ul li strong span{ color: #FF0092; padding: 0 5px; } #main .kalenderbox .detail .content ul li a{ display: block; margin-left: 50px; margin-bottom: 5px; } #main .kalenderbox .detail .content ul li a:hover{ background: none !important; text-decoration: none; } #main .kalenderbox .detail .header{ height: 25px; border-bottom: 1px solid #ccc; padding: 0 20px; } #main .kalenderbox .detail .header{ height: 24px; _height: 25px; } *+html #main .kalenderbox .detail .header{ height: 25px; } /* kalenderbox end */ /* new code start [#the3collbox] */ #main #the3collbox{ border-top: 1px solid #ccc; padding-top: 10px; } #main #the3collbox .coll{ background: url(../../../2007/images/smallbox_top.gif) no-repeat top left; width: 165px; float: left; margin-right: 13px; } #main #the3collbox .last{ margin-right: 0; } #main #the3collbox .coll .cont{ background: url(../../../2007/images/smallbox_but.gif) no-repeat bottom left; } #main #the3collbox h1{ font-size: 1em; margin: 0; padding: 10px; border-bottom: 1px solid #ccc; font-weight: bold; } #main #the3collbox .bottom{ padding: 15px; border-top: 1px solid #ccc; } #main #the3collbox .inhoud{ padding: 10px 10px 0 10px; } #main #the3collbox .form-row{ margin-bottom: 10px; } #main #the3collbox .inputtxt{ background:#F7F7F7 none repeat scroll 0%; border:1px inset #CCCCCC; padding:1px 2px; font-family:Arial,Helvetica,sans-serif; font-size:1em; width: 135px; } #main #the3collbox ul{ margin: 0 0 10px 0; } #main #the3collbox ul li{ background: url(../../../2007/images/bull_dot.gif) no-repeat 4px 7px; } #main #the3collbox ul li strong{ color: #333; } /* new code end [#the3collbox] */ /* update 080119 wizzard update start */ #main ul#stappen{ margin: 0 0 10px 0; display: table; width: 527px; _margin: 0 -10px 10px 0; /* IE 6 */ } #main ul#stappen li{ float: left; background: url(../../../2007/images/bg_stap.jpg) no-repeat -3px 0; padding: 0; display: block; line-height: 22px; padding: 0 0 8px 0; width: 104px; text-align: center; overflow: hidden; color: #999; } #main ul#stappen li.first{ width: 107px; background: url(../../../2007/images/bg_stap.jpg) no-repeat 0 0; } #main ul#stappen li.last{ width: 108px; } #main ul#stappen li.in{ color: #f09; font-weight: bold; } #main ul.inschrijven{ margin: 40px; } #main ul.inschrijven li{ background: url(../../../2007/images/bull_level1_li.jpg) no-repeat scroll 0 2px; padding: 0 0 0 20px; font-weight: bold; margin-bottom: 10px; } #main ul.inschrijven li a{ text-decoration: none; color: #666; } #main ul.inschrijven li a:hover{ background: none !important; text-decoration: underline; } #main .coll3{ display: table; width: 100%; } #main .coll{ background: url(../../../2007/images/coll_box_top.gif) no-repeat top left; width: 165px; float: left; margin-right: 13px; } #main .coll .inhoud{ background: url(../../../2007/images/coll_box_bot.gif) no-repeat bottom left; padding: 20px 0; font-size: 0.99em; } #main .coll .inhoud .cont{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 10px; } #main .coll3 .last{ margin: 0; } #main .coll .inhoud .cont h2{ font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; color: #666; } #main .hr{ border-top: 1px solid #ccc; margin: 0 0 10px 0; } #main .coll .inhoud .cont .hr{ border-top: 1px solid #ccc; margin: 0 -10px 10px -10px; } #main .hr hr, .coll .inhoud .cont .hr hr{ display: none; } #main .coll .inhoud .cont .form-row{ margin-bottom: 10px; } #main .coll .inhoud .cont .inputtxt{ background:#F7F7F7 none repeat scroll 0%; border:1px inset #CCCCCC; padding:1px 2px; width: 130px; } #main .coll .inhoud .cont ul{ margin: 0 0 10px 0; } #main .coll .inhoud .cont ul li{ background: url(../../../2007/images/bull_dot.gif) no-repeat 0 8px; padding: 0 0 0 8px; } #main #content .buttonback { background:#fff url(../../../2007/images/bull_button_back.jpg) no-repeat top left; border:1px solid #E0E0E0; padding-left:20px; height:16px; display:table; } #main .vorigevolgende .button{ float: right; } #main ul#ingeschreven{ margin: 0 0 20px 0; } #main ul#ingeschreven li{ background: none; padding: 10px 0; color: #f09; border-bottom: 1px solid #ccc; } #main ul#ingeschreven li span.action{ float: right; color: #000; } #main #content .buttonadd{ background:#fff url(../../../2007/images/bull_button_add.jpg) no-repeat top left; border:1px solid #666; padding-left:20px; height:16px; display:table; } #main .online{ background: url(../../../2007/images/betaling_logos.jpg) no-repeat 100% 0; padding: 0 200px 0 0; height: 30px; } #main .overzicht{} #main .overzicht h2{ color: #666; } #main .overzicht .insprong{ margin-left: 20px; } #main table.sort{} #main table.sort th, #main table.sort td{ padding: 1px 5px; vertical-align: top; } #main table.sort th{ background: #f09 url(../../../2007/images/icon_updown.gif) no-repeat 100% 50%; border-left: 1px solid #fff; color: #fff; text-align: left; padding-right: 15px; } #main table.sort th.headerSortDown{ background: #f09 url(../../../2007/images/icon_down.gif) no-repeat 100% 50%; } #main table.sort th.headerSortUp{ background: #f09 url(../../../2007/images/icon_up.gif) no-repeat 100% 50%; } #main table.sort td{} #main table.sort .more{} #main table.sort .extra{ display: none; position: absolute; width: 200px; background: #fff; padding: 10px; border: 1px solid #ccc; cursor: default; } #main table.sort .extra .sluit{ float: right; cursor: pointer; } /* update 080119 wizzard update end */ .aligncenter { text-align:center; } #main #kalender div#intro { margin:30px 0; } #main #kalender div#intro strong { color:#333333; font-weight:bold; } #main #kalender div#intro a { color:#0067B6; } #main #col-b #kalender .toplink { background:transparent url(../images/bg_kalender_toplink.jpg) no-repeat scroll 0 0; height:62px; margin:20px 0 20px -13px; } #main #col-b #kalender .toplink a { background:transparent none repeat scroll 0 0; display:block; float:right; height:20px; margin:10px 10px 0 0; width:42px; } #kalender_programma { background:transparent url(../images/cols_kalender_middenmeet.gif) repeat-y scroll center top; margin:0; padding-bottom:10px; } #kalender_programma h2 { color:#0099D9; margin-bottom:30px; } #kalender .bluelink { margin:0 0 20px; } #kalender .bluelink a { border-top:1px solid #EFEFEF; color:#0067B6; font-size:15px; margin:0 0 20px; padding:10px 0 0; } #kalender .bluelink a { color:#0067B6; cursor:pointer; display:block; text-decoration:none; } #main #kalender .bluelink a:hover { background:transparent none repeat scroll 0 0; } #col_evenementen, #kalender .bluelink .l { display:inline; float:left; margin-left:7px; width:233px; } #col_evenementen .evenement { background:#F7F7F7 none repeat scroll 0 0; color:#333333; font-size:17px; margin:0 0 5px; padding:5px 10px; } #col_evenementen .evenement .datum { color:#A00072; font-size:12px; font-weight:bold; margin:0; } #col_evenementen h3 { background:transparent url(../images/past_star.gif) no-repeat scroll 10px -3px; margin:20px 0; padding-left:38px; } #col_updates, #kalender .bluelink .r { float:right; padding-bottom:10px; width:240px; } #col_updates .update { border-bottom:1px solid #EFEFEF; margin-bottom:15px; padding-bottom:5px; } #col_updates .updatelast { border:0 none; margin:0; } #col_updates .update p.datum { color:#A00072; display:block; font-size:12px; font-weight:bold; line-height:1em; margin:0; } #col_updates .update p.titel { color:#333333; font-size:17px; } #col_updates .update p.inhoud { color:#333333; font-size:12px; } #col_updates .updatelast p.inhoud { margin:0; } #col_updates .update p.inhoud a { color:#0066B6; } #kalender_maandkeuze { border-bottom:1px solid #EFEFEF; padding:0 0 10px; } #kalender_maandkeuze span { color:#0099D9; display:block; font-size:22px; padding:7px 0 0; width:200px; } #kalender_maandkeuze div { float:right; height:27px; width:190px; } .kalender_detail { margin:20px 0 50px; } .kalender_detail .datum { float:left; width:93px; } .kalender_detail .datum span { border-bottom:1px solid #EFEFEF; color:#A10172; display:block; font-weight:bold; margin:0 0 13px; padding:0 0 10px; } .kalender_detail .content { float:right; width:403px; } #main #col-b .kalender_detail .content h2 { color:#333333; font-size:18px; margin:0 0 15px; } #main #col-b .kalender_detail .waar { padding:0 0 0 50px; position:relative; } #main #col-b .kalender_detail .waar span { font-weight:bold; left:0; position:absolute; width:50px; } #main #col-b .kalender_detail .waar a { color:#0168B6; } #rightcol #logos_kalender { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; } #rightcol #logos_kalender li { background:transparent none repeat scroll 0 0; margin:0 0 20px; padding:0; text-align:center; } #rightcol #logos_kalender li span { left:-9999em; position:absolute; } #logos_kalender li a { display:block; margin:0 auto; } #rightcol #logos_kalender li a:hover { background-position:right center; } #logos_kalender li a#logo1 { background:transparent url(../images/logo_syntra.jpg) no-repeat scroll left top; height:34px; width:113px; } #logos_kalender li a#logo2 { background:transparent url(../images/logo_etwinning.jpg) no-repeat scroll left top; height:41px; width:60px; } #logos_kalender li a#logo3 { background:transparent url(../images/logo_wetenschapsbeleid.jpg) no-repeat scroll left top; height:90px; width:103px; } #logos_kalender li a#logo4 { background:transparent url(../images/logo_cultuursportmedia.jpg) no-repeat scroll left top; height:38px; width:112px; } #logos_kalender li a#logo5 { background:transparent url(../images/logo_ewi.jpg) no-repeat scroll left top; height:36px; width:71px; } #logos_kalender li a#logo6 { background:transparent url(../images/logo_proeftuinen.jpg) no-repeat scroll left top; height:33px; width:112px; } #logos_kalender li a#logo7 { background:transparent url(../images/logo_epos.jpg) no-repeat scroll left top; height:44px; width:73px; } #logos_kalender li a#logo8 { background:transparent url(../images/logo_canon.jpg) no-repeat scroll left top; height:39px; width:70px; } #logos_kalender li a#logo9 { background:transparent url(../images/logo_onderwijs-vlaanderen.gif) no-repeat scroll left top; height:55px; width:142px; } /**************************************************************************/ /********* UPDATE CONFIRM CODE DISCOUNT SUBSCRIBE EVENT *******************/ /**************************************************************************/ #confirm_code { margin-top:10px; /*display:none;*/ } #confirm_code .form_rij .col-l { width:275px; * width:255px; text-align:left; } #confirm_code .form_rij .col-r { width:auto; text-align:right; padding-right:5%; } #main #confirm_code .form_rij .col-r input.submit { border:0; } #main #confirm_code p.discount { color:#000; } /* crumb on searchresults */ #main #col-b .crumb a{ font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; } #main #col-b .crumb a:hover{ text-decoration: underline; background: #FFFFFF none; } .nieuwsbrief { font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 140px; background-color: #F6F6F6; float: left; } .nieuwsbrief img { float: left; } .verstuur { float: right; background-color:#DF1880; padding: 5px; color:#FFF; margin-top:5px; } #main .verstuur a { color:#fff; } .nieuwsbrief .nieuwsbrieftekst label #niewsbrief_veld { width: 115px; margin-top: 10px; float: left; } #main .nieuwsbrief .nieuwsbrieftekst { width: 118px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-color: #333; color: #666; border-right-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; float: left; line-height:125%; } #main #rightcol .nieuwsbrief .nieuwsbrieftekst strong { color: #666; font-weight: bold; } a:link, a:hover, a:visited, a:active { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; text-decoration: none; } #main .jobComment h4 { margin:10px 0; font-weight:bold; } #main #content #col-b p a, #main #content #col-b p a:link, #main #content #col-b p a:visited { color:#000; text-decoration:underline; } #main #content #col-b p a:active, #main #content #col-b p a:hover { background:none; } #main #content #col-b p strong { color:#000; font-weight:bold; } #main #content #col-b div a, #main #content #col-b div a:link, #main #content #col-b div a:visited { color:#000; text-decoration:underline; } #main #content #col-b div a:active, #main #content #col-b div a:hover { background:none; } #main #content #col-b ul li a, #main #content #col-b ul li a:link, #main #content #col-b ul li a:visited { color:#000; text-decoration:underline; } #main #content #col-b ul li a:active, #main #content #col-b ul li a:hover { background:none; } #maincwf #content #col-b p a, #maincwf #content #col-b p a:link, #maincwf #content #col-b p a:visited { color:#000; text-decoration:underline; } #maincwf #content #col-b p a:active, #maincwf #content #col-b p a:hover { background:none; } #maincwf #content #col-b p strong { color:#000; font-weight:bold; } #maincwf #content #col-b div a, #maincwf #content #col-b div a:link, #maincwf #content #col-b div a:visited { color:#000; text-decoration:underline; } #maincwf #content #col-b div a:active, #maincwf #content #col-b div a:hover { background:none; } #maincwf #content #col-b ul li a, #maincwf #content #col-b ul li a:link, #maincwf #content #col-b ul li a:visited { color:#000; text-decoration:underline; } #maincwf #content #col-b ul li a:active, #maincwf #content #col-b ul li a:hover { background:none; } /*------------------------------------------------------------------------------------------------------------ Added by Daan ------------------------------------------------------------------------------------------------------------*/ #main h3 div.eventdesc span { display: inline; } #main h3 span.eventname { color: #666666; font-weight: normal; font-size: 1.42em; text-decoration: none; } /*------------------------------------------------------------------------------------------------------------ Share Plugins ------------------------------------------------------------------------------------------------------------*/ #main ul.shareplugins{ list-style: none; padding: 0; margin: 0; } #main ul.shareplugins li{ background:transparent none repeat scroll 0 0; float:left; margin:0; padding-left:0; } #main ul.shareplugins li a{ height: 2em; line-height: 2em; float: left; display: block; color: #333333; text-decoration: none; text-align: center; padding-left:20px; } #main ul.shareplugins li span{ color:#CCCCCC; font-size:22px; font-weight:normal; line-height:22px; padding-left:8px; padding-right:8px; } #main .registerbutton{ display:inline-block; clear:both; width:521px; position:relative; } #main .registbutton{ float:right; } #main .sendtofriendbutton{ padding:10px 0; } /*------------------------------------------------------------------------------------------------------------ Flickr Set ------------------------------------------------------------------------------------------------------------*/ #main .flickrbox{ background:#F7F7F7 none repeat scroll 0 0; clear:both; display:inline-block; margin-bottom:1em; padding:1em; position:relative; } #main .clearfix{ display: block; } #main .container{ display: block; } #main .flickrbox ul{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } #main .flickrbox ul li{ background:transparent none repeat scroll 0 0; float:left; margin:0 0 2px 6px; padding:0; } #main .flickrbox ul li img{ height:52px; width:52px; } #main .flickrbox p.go{ font-size:0.9em; margin:0; text-align:right; } /*------------------------------------------------------------------------------------------------------------ Event Overview Page PDF Icon ------------------------------------------------------------------------------------------------------------*/ #main div.genpdficon{ clear:both; display:inline-block; padding-bottom:10px; position:relative; width:520px; } #main div.genpdficon a{ float:right; }