/* ------------------------------------------------------------------- Boondoggle - 1. Structure 2. Header 3. Navigation 4. Column01 5. Column02 6. Column03 7. Footer 8. Miscellaneous always include reset.css, it will reset your style for all browers, it includes the clearfix typography specs must be specified in typography.css form specs must be specified in forms.css ID en class naming => use capitals for seperation: navHome ------------------------------------------------------------------- */ /* ----- imports -------------------------------------------------- */ @import url(typography.css); @import url(forms.css); /* ------------------------------------------------------------------------------------- 1. Structure -------------------------------------------- */ body { } #container { border-right: 1px solid #CCC; float: left; margin: 15px 0 0 15px; padding-right: 15px; width: 840px; } #buttons { background: url(http://www.s-p-a.be/img/ttl-navigation-right.gif) 10px 30px no-repeat; float: left; margin-top: 15px; padding: 116px 0 0 10px; width: 140px; } #footer { border-top: 1px solid #CCC; clear: left; margin: 5px 0 0 15px; padding: 5px 0 30px 0; width: 600px} #header { position: relative;} #content { margin-top: 17px;} #column01 { border-right: 1px solid #CCC; float: left; padding-right: 15px; width: 600px; } #column02 { border-left: 1px solid #CCC; float: left; margin-left: -1px; padding-left: 10px; width: 210px; } #column03 { } .left { float: left;} .right { float: right; } .clear { clear: both; } .hide { display: none; } .first { margin-top: 0; padding-top: 0; } .last { margin-bottom: 0; padding-bottom: 0; } hr {display:none;} /* flash alternative styles */ .block { background: #efefef; margin: 25px 0; padding: 25px; border:4px solid #dfdfdf; clear:both; } ul#alternativeNav {list-style:none; padding:10px 0 10px 5px; margin:0 0 20px 0; border-bottom:2px solid #333; border-top:2px solid #333} ul#alternativeNav li {float:left; margin:0 10px 0 0;} /* ------------------------------------------------------------------------------------- 2. Header ----------------------------------------------- */ /* crumbtrail */ #crumbtrail { color: #c2c3c6; text-transform: uppercase; } #crumbtrail a, #crumbtrail a:link { color: #c2c3c6; float: left; } #crumbtrail a:hover { color: #666; } #crumbtrail .crumbtrailDivider { background-image: url(http://www.s-p-a.be/img/homepage/arrow-crumbtrail.gif); float: left; height: 5px; margin: 4px 15px 0; width: 3px; } /* search */ #header #search { left: 553px; position: absolute; top: 0; } #header #search #title { background-image: url(http://www.s-p-a.be/img/ttl-search.gif); float:left; height: 8px; margin: 5px 10px 0 0; width: 26px; } #header #search form { border: 1px solid #000; float: left; padding: 1px 1px 1px 2px; } /*in nationale site staat er een form rond de input, op actiesite niet dus extrabox rond de input*/ #header #search #searchFormBox { border: 1px solid #000; float: left; padding: 1px 1px 1px 2px; } #header a { float: left; } #header #search input.searchField { border: 0px; font-size: 0.85em; width: 220px; } #header #search input.searchButton { margin: 0 0 -3px 0; } /* logo */ #header #logo { float: left;} /* leaderboard */ #header #leaderboard, #header #leaderboardProv { height: 84px; left: 170px; position: absolute; top: 35px; width: 670px; } #header #leaderboardProv { margin: 5px 0 0 0; } #header #leaderboard img { max-height: 84px; max-width: 678px; } /* styles for the quote banner */ /* title */ #header #title { background: url(/img/titles/ttl-kathleen-van-BREMPT.gif) no-repeat; float: right; margin: 10px 0 18px 0 ; padding: 0; width: 341px; height:17px;} #header #navigation { float:right; top:35px; margin: 0px; padding: 0; width: 685px; height:35px; border: 0px solid #000;} /*#header #headerphoto { background: url(/img/titles/01kathleen-van-BREMPT.jpg) no-repeat; float: left; margin-top: 10px; padding: 0px; width:840px; height:195px;}*/ /* ------------------------------------------------------------------------------------- 3. Navigation ------------------------------------------- */ #navigation ul { background: url(/img/general/bg-navigationBREMPT.gif) 0 35px repeat-x; float: left; list-style: none; margin: 0; width: 100%; } #navigation ul li { float: left; } #navigation ul li.navigationLeftActiveItem { border-bottom: 0px solid #FFF; } #navigation ul a { background: url(/img/general/bg-navigationBREMPT.gif) no-repeat; display: block; height: 35px; outline: none; text-indent: -9999px; } /* normal */ #header #navigation ul a#nav_home { background-position: 0px 0px; width: 170px; } #header #navigation ul a#nav_acties { background-position: -170px 0px; width: 100px; } #header #navigation ul a#nav_activiteiten{ background-position: -275px 0px; width: 145px; } #header #navigation ul a#nav_shouts { background-position: -420px 0px; width: 110px; } #header #navigation ul a#nav_doemee { background-position: -530px 0px; width: 160px; } /* hover */ #header #navigation ul li.hover a#nav_home { background-position: 0px -35px; } #header #navigation ul li.hover a#nav_acties { background-position: -170px -35px; } #header #navigation ul li.hover a#nav_activiteiten { background-position: -275px -35px; } #header #navigation ul li.hover a#nav_shouts { background-position: -420px -35px; } #header #navigation ul li.hover a#nav_doemee { background-position: -530px -35px; } /* active */ #header #navigation ul li.navigationLeftActiveItem a#nav_home { background-position: 0px -70px; } #header #navigation ul li.navigationLeftActiveItem a#nav_acties { background-position: -170px -70px; } #header #navigation ul li.navigationLeftActiveItem a#nav_activiteiten{ background-position: -275px -70px; } #header #navigation ul li.navigationLeftActiveItem a#nav_shouts { background-position: -420px -70px; } #header #navigation ul li.navigationLeftActiveItem a#nav_doemee { background-position: -530px -70px; } /* header foto kathleen*/ #header #headerphoto1, #header #headerphoto2, #header #headerphoto3, #header #headerphoto4, #header #headerphoto5 { float: left; margin-top: 10px; padding: 0px; width:840px; height:195px; } #header #headerphoto1 { background: url(/img/headers/01kathleen-van-BREMPT.jpg) no-repeat; } #header #headerphoto2 { background: url(/img/headers/02kathleen-van-BREMPT.jpg) no-repeat; } #header #headerphoto3 { background: url(/img/headers/03kathleen-van-BREMPT.jpg) no-repeat; } #header #headerphoto4 { background: url(/img/headers/04kathleen-van-BREMPT.jpg) no-repeat; } #header #headerphoto5 { background: url(/img/headers/05kathleen-van-BREMPT.jpg) no-repeat; } /* item description */ #navigation #itemName { } /* ------------------------------------------------------------------------------------- 4. Column01 --------------------------------------------- */ /* item description */ #column01 #itemName { } /* HOMEPAGE */ /* home : aktie in de kijker */ #column01 .inDeKijker { background: url(/img/css_backgrounds/bg-gradient-actieInDeKijker.gif) repeat-x; margin:0; width:100%; } #column01 .inDeKijker .col01 { float:left; width:240px; height:186px; overflow:hidden; } #column01 .inDeKijker .col02 { float:left; width:320px; padding:27px 20px 0px 20px; } .inDeKijker .col01 h1 { background-image: url(/img/titles/ttl-acties-indekijker-arrow.gif); z-index:2; position:relative; background-position: left top; height: 37px; width: 100%; margin-bottom: -10px; } .inDeKijker .col01 #visual { float: left; width:240px; margin-bottom: 0px; } #column01 .inDeKijkerLinks { clear:both; background: #eeeeee; margin-bottom: 25px; height:75px; } #column01 .inDeKijkerLinks .col01 { width:240px; float:left; } #column01 .inDeKijkerLinks .col02 { float:left; width:360px; padding:18px 0px 10px 0px; } .inDeKijkerLinks .col02 .art1, .inDeKijkerLinks .col02 .art2 { float:left; width:149px; display:block; background: url(../img/css_backgrounds/dottedline.gif) repeat-y left 5px; padding-bottom:0px; } .inDeKijkerLinks .col02 .art1 { padding-left:20px; padding-right:10px; } .inDeKijkerLinks .col02 .art2 { padding-left:8px; padding-right:5px; width:164px; } #column01 .inDeKijker p, #column01 .inDeKijkerLinks p { margin:0; padding:0;} .inDeKijker h2 { font-size: 2em; line-height: 1em; margin-bottom: 0.5em; font-weight:bold; } .inDeKijkerLinks h2 { font-size: 1.25em; line-height: 1.0em; font-weight:bold; } .inDeKijker h2 a, .inDeKijkerLinks h2 a { text-decoration:none; } .inDeKijker h2 a:hover, .inDeKijkerLinks h2 a:hover { color:#7b6161; } .inDeKijkerLinks a.allActions { background-image: url(/img/buttons/btn-all-actionsBREMPT.gif); height: 16px; width:107px; float:left; } .inDeKijkerLinks a.addAction { background-image: url(/img/buttons/btn-add-action.gif); height: 16px; width:133px; float:left; } a.readOnLink { background: url(/img/css_backgrounds/arrow-read-on-link.gif) 0px 3px no-repeat; color: #FF0000; display: block; margin-top: 3px; padding-left: 11px; text-decoration: none; } /* home: ACTIVITEITENKALENDER */ #column01 #activityCalender {} #column01 #activityCalender h1 { background-image: url(/img/titles/ttl-activiteitenkalender-arrow.gif); z-index:2; position:relative; background-position: left top; height: 40px; width: 100%; margin-bottom: -13px; } #column01 #activityCalender #map { width:600px; height:310px; } #column01 #activityCalender #relLinks { } #activityCalender a.allActivities { background-image: url(/img/buttons/btn-all-activitiesBREMPT.gif); height: 16px; width:120px; float:left; } #activityCalender a.addActivity { background-image: url(/img/buttons/btn-add-activityBREMPT.gif); height: 16px; width:156px; float:left; } /*zoekblokje onder google map*/ #activitySearch { background:transparent url(/img/css_backgrounds/bg-gradient-short.gif) repeat-x scroll 0; background-position:left top; min-height:80px; padding: 20px; } /* SUBPAGES */ /* archive pages ------------------------------------------------------------------------------------------------------*/ #actionArchive, #shoutArchive { background:transparent url(/img/css_backgrounds/bg-gradient.gif) repeat-x scroll 0; background-position:left top; margin-bottom:25px; min-height:183px; } #actionArchive .pageSelector, #shoutArchive .pageSelector { display:block; clear:left; text-align:center; padding-bottom:5px; margin:5px 15px 0 15px;} #actionArchive a.actionplatform, #shoutArchive a.actionplatform { background-image: url(/img/buttons/btn-back-to-actionplatform.gif); height: 16px; width:156px;} #actionArchive .archiveItem, #shoutArchive .archiveItem { margin:10px 15px 0 15px; border-bottom:1px solid #cccccc; } #actionArchive .archiveItem .itemContent .date { margin-bottom:0; } #actionArchive .archiveItem h6 { float:left; margin-bottom: 0.4em; width:200px; padding-right:10px; } #actionArchive .archiveItem .itemContent h6 a { text-decoration:none; } #actionArchive .archiveItem .itemContent .city { float:left; width:230px; margin-bottom: 0.4em; } #actionArchive .archiveItem .itemContent img.arrow { float:right; display:block; margin-top:2px; } #actionArchive .archiveItem .itemContent p { clear:left; } .borderBottom { border-bottom:1px solid #cccccc; } /* archive pages - action archive */ #actionArchive h1 { background-image: url(/img/titles/ttl-action-achive.gif); height: 41px; width:149px; float:left; margin-bottom:0; } #actionArchive a.addAction { background-image: url(/img/buttons/btn-add-action.gif); height: 16px; width:133px; } #actionArchive .archiveItem .itemVisual { float:left; width:95px; } #actionArchive .archiveItem .itemVisual img { border:1px solid #999999; margin-bottom:10px; } #actionArchive .archiveItem .itemContent { float:left; width:475px; } /* archive pages - shout archive */ #shoutArchive h1 { background-image: url(/img/titles/ttl-shoutbox-archive.gif); height: 27px; width:161px; float:left; margin-bottom:0; } #shoutArchive .archiveItem .itemContent { float:left; width:420px; } #shoutArchive .archiveItem .itemInfo { float:left; width:145px; padding-right:5px; } #shoutArchive .archiveItem .itemInfo h6 { color:#666666; } #shoutArchive .archiveItem .itemInfo p { color:#666666; } #shoutArchive .archiveShoutbox { background:#7b6161 none repeat scroll 0; clear:left; margin-bottom:15px; padding:10px 15px 0 15px;} #shoutArchive .archiveShoutbox h2 { background-image:url(/img/titles/ttl-your-opinion-archiveBREMPT.gif); height:21px; width:173px; margin-bottom:8px; } #shoutArchive .archiveShoutbox a.send { background-image: url(/img/buttons/btn-send-archive.gif); height: 16px; width:156px; margin-right:-15px; } #shoutArchive .archiveShoutbox #shouterName { float: left; margin: 0; } #shoutArchive .archiveShoutbox #shouterName input { padding:5px; border: none; width: 126px; margin-right:18px; height:20px; float:left; } #shoutArchive .archiveShoutbox #shouterOpinion { background:url(/img/css_backgrounds/arrow-down-shoutBREMPT.gif) 20px 30px no-repeat; height:42px; float:left; margin-bottom:0px;} #shoutArchive .archiveShoutbox textarea { border: none; width: 405px; height:20px; font-family:Verdana, Geneva, sans-serif; } #shoutArchive .archiveShoutbox label { display: none; } /* archive page - activity archive ---------------------------------------*/ #activityArchive {} #activityArchive #titleBlock { background:transparent url(/img/css_backgrounds/bg-gradient.gif) repeat-x scroll 0; background-position:left top; min-height:80px; margin-bottom:0px;} #activityArchive #titleBlock h1 { height: 41px; background: url(/img/titles/ttl-activiteitenkalender-archive.gif) no-repeat left top; float:left; margin-bottom:10px; width:100%; } #activityArchive #titleBlock p { padding: 20px; margin:0; } #activityArchive #activitySearch { /*zie ook: home activeitenkalender*/ background: #cccccc; } #activityArchive #relLinks { } #activityArchive #activityMap { clear:both; display:block; /*width:592px; height:380px;*/ margin:15px 0 15px 0; } #activityArchive #activityAgenda { } /* in relLinks*/ #activityArchive a.allActivities { background-image: url(/img/buttons/btn-all-activities-darkRedBREMPT.gif); height: 16px; width:120px; float:left; } #activityArchive a.addActivity { background-image: url(/img/buttons/btn-add-activityBREMPT.gif); height: 16px; width:156px; float:left; } /* in map*/ /* in agenda*/ #activityAgenda #agendaSearch { background-color: #cccccc; padding: 20px; margin-bottom:0px; } #activityAgenda #agendaResults { background-color: #f5f5f5; padding: 18px; margin-top:15px; } #activityAgenda #agendaResults a { clear:both; display:block; text-decoration:none; margin-bottom: 0.6em; } #activityAgenda #agendaResults a:hover { background-color: #ffffff; cursor:hand; } #activityAgenda #agendaResults a span { display:block; float:left; padding:2px; } #activityAgenda #agendaResults a span.date { width:100px; } #activityAgenda #agendaResults a span.title { width:200px; } #activityAgenda #agendaResults a span.city { width:130px; padding-left:8px; } #activityAgenda #agendaResults a span.btn { width:80px; color:#D70000; padding-left:8px; } /* end activity archive --------------------------------------------------*/ /* end archives -------------------------------------------------------------------------------------------*/ /* detail page - actie detail */ #actionDetail { background:transparent url(/img/css_backgrounds/bg-gradient.gif) repeat-x scroll 0; background-position:left top; margin-bottom:25px; min-height:183px; } #actionDetail h1 { background-image: url(/img/titles/ttl-actie-indekijker.gif); height: 41px; width:149px; float:left; margin-bottom:0; } #actionDetail a.addAction { background-image: url(/img/buttons/btn-add-action.gif); height: 16px; width:133px; } #actionDetail a.actionplatform { background-image: url(/img/buttons/btn-back-to-actionplatform.gif); height: 16px; width:156px;} #actionDetail a.allActions { background-image: url(/img/buttons/btn-all-actionsBREMPT.gif); height: 16px; width:107px; float:left; } #actionDetail .itemHead { clear:both; border-top:1px solid #cccccc; text-align:center; padding-top: 10px; padding-bottom: 10px; margin-top:6px; } #actionDetail .itemHeadContent { width:300px; text-align:left; } #actionDetail .itemHeadContent h2 { font-weight:bold; } #actionDetail .itemHeadContent p { margin-bottom:0; font-size: 1.2em; font-weight:bold; } #actionDetail .itemHeadContent .itemVisual img { border:1px solid #999999; margin-bottom:10px; } #actionDetail .itemContent { border-top:1px solid #cccccc; padding: 10px 0; } #actionDetail .itemContent a { color:#ff0000; text-decoration:none; } /* detail page - activity detail */ #activityDetail { } #activityDetail #activityDetailLeft { width:332px; float:left; } #activityDetail #activityDetailLeft h1 { background-image: url(/img/titles/ttl-activiteit-arrow.gif); z-index:2; position:relative; background-position: left top; height: 40px; width: 100%; margin-bottom: -14px; } #activityDetail #activityDetailLeft #activityMap { margin:0; padding:0; border: 1px solid #79a6b7; } #activityDetail #activityDetailLeft .contentBlock { background-color: #79a6b7; padding:10px 12px 50px 12px; min-height:100px; } #activityDetail #activityDetailLeft .contentBlock h2 { color:#ffffff; font-weight:bold; margin-bottom:0px; line-height:0.7em; } #activityDetail #activityDetailLeft .contentBlock h2 a { color:#ffffff; font-size:0.5em; text-decoration:none; } #activityDetail #activityDetailLeft .contentBlock h3 { color:#ffffff; font-weight:bold; margin-top:10px; } #activityDetail #activityDetailLeft .contentBlock p { color:#ffffff; } #activityDetail #activityDetailLeft .relLinks { } #activityDetail #activityDetailLeft .relLinks a.allActivities { background-image: url(/img/buttons/btn-all-activities-darkRedBREMPT.gif); } #activityDetail #activityDetailLeft #organisation { margin-top:40px; } #activityDetail #activityDetailLeft #organisation h4 { color:#D70000; text-transform: uppercase; } #activityDetail #activityDetailLeft #organisation p { } #activityDetail #activityDetailRight { float:left; margin-left:15px; width:230px; } #activityDetail #activityDetailRight .titleBlock img { vertical-align: middle; margin-right:10px; display:block; float:left; } #activityDetail #activityDetailRight .titleBlock span.categorie { color:#D70000; font-size:2em; font-weight:bold; } #activityDetail #activityDetailRight .titleBlock h2.bold { clear:both; font-weight:bold; margin-top:10px; margin-bottom:0px; } #activityDetail #activityDetailRight .titleBlock h2 a { font-size:0.5em; display:block; } #activityDetail #activityDetailRight .contentBlock { margin-top:15px; } #activityDetail #activityDetailRight .contentBlock a { color:#D70000; text-decoration:underline; } #activityDetail #activityDetailRight .contentBlock p { } /*popupje op google map*/ #popupMap { width: 250px; padding-right: 10px; padding-bottom:10px; } #popupMap h2 { color: #79a6b7; font-weight:bold; margin-bottom:0; font-size:1.2em; } #popupMap a { color:#79a6b7; } #popupMap a.moreInfo { float: right; font-weight:bold; } #popupMap p.info { color:#79a6b7; padding-top:0; margin-top:0; } /* forms ActionAdd & Activity Add + form Participate */ #actionAdd, #activityAdd, #participateAdd { } #actionAdd #titleBlock, #activityAdd #titleBlock, #participateAdd #titleBlock { background-color:#e5e5e5; height:45px; } #actionAdd #formAdd, #activityAdd #formAdd, #participateAdd #formAdd { clear:both; background-color:#e5e5e5; padding:15px; } /*add action*/ #actionAdd #titleBlock h1 { background-image: url(/img/titles/ttl-voeg-actie-toe.gif); height: 40px; width:244px; float:left; margin-bottom:0; } #actionAdd #titleBlock a.allActions { background-image: url(/img/buttons/btn-all-actions-darkRed.gif); } /*add activity*/ #activityAdd #titleBlock h1 { background-image: url(/img/titles/ttl-voeg-activiteit-toe.gif); height: 40px; width:244px; float:left; margin-bottom:0; } #activityAdd #titleBlock a.allActivities { background-image: url(/img/buttons/btn-all-activities-darkRedBREMPT.gif); } /* participate*/ #participateAdd #titleBlock h1 { background-image: url(/img/titles/ttl-participateBREMPT.gif); height: 40px; width:351px; float:left; margin-bottom:0; } #participateAdd #titleBlock a.allActivities { background-image: url(/img/buttons/btn-all-activities-darkRedBREMPT.gif); } /* form thank you pages */ #addThanks { } #addThanks #titleBlock { background-color:#d6d6d8; min-height:40px; } #addThanks #titleBlock h1 { background-image: url(/img/titles/ttl-bedankt.gif); height: 40px; width:244px; float:left; margin-bottom:0; } #addThanks #contentBlock { clear:both; padding:20px; background:transparent url(/img/css_backgrounds/bg-gradient.gif) repeat-x scroll left -1px; min-height:180px; } #addThanks #relLinks a.allActions { background-image: url(/img/buttons/btn-all-actions-darkRed.gif); } #addThanks #relLinks a.allActivities { background-image: url(/img/buttons/btn-all-activities-darkRedBREMPT.gif); } /* ------------------------------------------------------------------------------------- 5. Column02 --------------------------------------------- */ /* doe mee */ #doemee { /*margin: 0; */height:128px; margin:0 0 20px 0; } #doemee ul { list-style: none; margin: 0; padding:0 } #doemee li { clear: left; padding: 0; margin:0; border: 1px solid #ffffff;} #doemee li a { float: left; display: block; outline: none; text-indent: -9999px; height:128px; width:210px; margin: 0; background: #ffffff no-repeat; } #doemee li a#btnDoemee { background-image: url(/img/buttons/doe-meeBREMPT.gif); height:128px; /*margin-bottom: 20px;*/} /* shoutbox */ #shoutbox { background: #7b6161; clear: left; } #shoutbox h1 { background: #FFF url(/img/titles/ttl-shoutboxBREMPT.gif) right top no-repeat; margin: 0; padding-bottom: 8px; } #shoutbox #shouts { background: #FFF; margin: 10px; padding: 7px; } #shoutbox #shouts blockquote { border-bottom: 1px solid #CCC; margin-bottom: 6px; padding-bottom: 5px; } #shoutbox #shouts blockquote:last-child { border: none; margin: 0; padding: 0; } #shoutbox #shouts p { margin: 0; } #shoutbox #shouts .source { color: #999; font-size: 0.9em; } #shoutbox h2 { background-image: url(/img/titles/ttl-your-opinionBREMPT.gif); float: left; height: 38px; margin: 0 12px 0 10px; width: 97px; } #shoutbox label { display: none; } #shoutbox #shouterName { float: left; margin: 0; } #shoutbox #shouterName input { border: none; margin-left: 23px; padding: 5px 0 5px 2px; width: 68px; } #shoutbox #shouterOpinion { background: url(/img/css_backgrounds/arrow-up-shoutBREMPT.gif) 160px top no-repeat; float: left; margin: 0 10px 10px; padding-top: 12px; } #shoutbox textarea { border: none; width: 180px; } #shoutbox .boxButtons { background: #EA3525; float: left; margin: 0; width: 100%; } #shoutbox .boxButtons input { margin: 0; display: block; float: left; } #shoutbox .boxButtons #allOpinions { background-image: url(/img/buttons/btn-all-opinionsBREMPT.gif); float: left; height: 16px; width: 102px; } /* linksList (buttons) */ #linksList { margin-top: 20px;} #linksList h1 { background-image: url(/img/titles/ttl-linksBREMPT.gif); background-position: right top; height: 31px; margin:0; padding-bottom:8px; } #linksList ul { list-style: none; margin: 0; padding:0 } #linksList li { clear: left; padding: 0; margin:0; border: 1px solid #ffffff;} #linksList li a { float: left; display: block; outline: none; text-indent: -9999px; height:36px; width:210px; margin: 0; background: #ffffff no-repeat;} #linksList li a#btnKathleenonline { background-image: url(/img/buttons/btn-kathleen-onlineBREMPT.gif); height:36px;} #linksList li a#btnSpaonline { background-image: url(/img/buttons/btn-sp-a-onlineBREMPT.gif);height:36px; } #linksList li a#btnFacebook { background-image: url(/img/buttons/btn-kathleen-op-facebookBREMPT.gif);height:36px; } #linksList li a#btnVerkiezingsprogrammas { background-image: url(/img/buttons/btn-verkiezingsprogrammasBREMPT.gif);height:36px; } #linksList li a#btnKieslijsteuropa { background-image: url(/img/buttons/btn-kieslijst-europaBREMPT.gif);height:36px; } #linksList li a#btnPesblog { background-image: url(/img/buttons/btn-pes-blogBREMPT.gif);height:36px; } /* ------------------------------------------------------------------------------------- 6. Column03 --------------------------------------------- */ /* item description */ #column03 #itemName { } /* ------------------------------------------------------------------------------------- 7. Footer ----------------------------------------------- */ #footer ul { margin: 0 auto; margin-left: 200px } #footer li { background: #FFF; display: block; float: left; padding: 0 15px; text-align: center; white-space: nowrap; } #footer li:last-child { border: none; } /* ------------------------------------------------------------------------------------- 8. Miscellaneous ---------------------------------------- */ /*buttons die veel voorkomen*/ a.addAction { background-image: url(/img/buttons/btn-add-action.gif); height: 16px; width:133px; } a.actionplatform { background-image: url(/img/buttons/btn-back-to-actionplatform.gif); height: 16px; width:156px;} a.allActions { background-image: url(/img/buttons/btn-all-actionsBREMPT.gif); height: 16px; width:107px; } a.allActivities { background-image: url(/img/buttons/btn-all-activitiesBREMPT.gif); height: 16px; width:120px; } a.addActivity { background-image: url(/img/buttons/btn-add-activityBREMPT.gif); height: 16px; width:156px; } /*-------------*/ .imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; } /* buttons column right */ #buttons #btnWordLid { background: url(http://www.s-p-a.be/img/buttons/btn-wordlid.jpg) no-repeat; display: block; height: 130px; margin: 0; outline: none; text-indent: -9999px; width: 120px; } #buttons #quote { background: url(/img/buttons/top_citaat.gif) no-repeat; color: #f33; font-size: 11px; font-weight: bold; margin-top: 20px; overflow: hidden; padding-top: 5px; } #buttons #quote p { border: 1px solid #000; border-width: 0 1px 0 1px; margin: 0; padding: 5px 10px; } #buttons #quote #quoteSource { background: url(/img/buttons/bottom_citaat.gif) no-repeat; border: none; color: #7f7f7f; font-size:10px; padding: 20px 0 0 0; text-align: right; } #buttons #quote img, #buttons #quote embed { width: 120px; } #buttons #socialNetworks { list-style: none; margin: 10px 0 0 0; } #buttons #socialNetworks a { background-position: 0 center; background-repeat: no-repeat; display: block; float: left; height: 25px; outline: none; margin: 10px 10px 0 0; text-indent: -9999px; width: 61px; } #buttons #socialNetworks a#facebook { background-image: url(http://www.s-p-a.be/img/homepage/logo-soc-net-facebook.gif); } #buttons #socialNetworks a#linkedin { background-image: url(http://www.s-p-a.be/img/homepage/logo-soc-net-linkedin.gif); margin-right: 0; } #buttons #socialNetworks a#youtube { background-image: url(http://www.s-p-a.be/img/homepage/logo-soc-net-youtube.gif); } #buttons #socialNetworks a#flickr { background-image: url(http://www.s-p-a.be/img/homepage/logo-soc-net-flickr.gif); margin-right: 0; } #buttons #socialNetworks a#twitter { background-image: url(http://www.s-p-a.be/img/homepage/logo-soc-net-twitter.gif); } #buttons #socialNetworks a#netlog { background-image: url(http://www.s-p-a.be/img/homepage/logo-soc-net-netlog.gif); margin-right: 0; } .clear { clear:both; }