/* -------------------- base ----------------------- */

body { background: #fff; margin: 0 10px 30px 10px; padding: 0; color: #000; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica; }
form { display: inline; }
td, th { vertical-align: top; font-family: Arial, Helvetica; }
img { border: 0; }
legend { display: none; }
fieldset { border: 0; margin-bottom: 14px; margin: 0; padding: 1px; display: inline; }
label { cursor: pointer; }
p { margin: 0 0 14px 0; }
ul, ol { margin-top: 0; margin-bottom: 14px; }
table { margin-bottom: 16px; xwidth: 100%; border-collapse: collapse; border-spacing: 0; }
th { padding: 3px; font-weight: normal; text-align: left; vertical-align: top; }
td { padding: 3px; }
img { display: block; }
.hidden { display: none; }
.clear { clear: both; }


/* -------------------- common properties ----------------------- */


h1 { font: italic 20px Georgia; margin: 0 0 14px 0; color: #0083d7; }
h2 { font: italic 16px Georgia; margin: 10px 0 5px 0; color: #0083d7; }
h3 { font: italic 16px Georgia; margin: 0 0 5px 0; color: #0083d7; }
h4 { font: italic 14px Georgia; margin: 0 0 5px 0; color: #0083d7;  }
h5 { font-size: 14px; margin: 0; }
h6 { font-size: 11px; margin: 0; }

/*
h1 { font-size: 16px; margin: 0 0 14px 0; color: #0083d7; }
h2 { font-size: 14px; margin: 10px 0 5px 0; color: #0083d7; }
h3 { font-size: 14px; margin: 0 0 5px 0; color: #0083d7; }
h4 { font-size: 12px; margin: 0 0 5px 0; color: #0083d7;}
h5 { font-size: 14px; margin: 0; }
h6 { font-size: 11px; margin: 0; }
*/

hr { clear: both; border: 0; height: 1px; color: #d6d6d6; background-color: #d6d6d6; }

a { color: #0083d7; text-decoration: none; }
a:hover { text-decoration: underline; }
a.disabled, a.inactive { color: #ccc; }
a.more0 { background: url(/_img/li.gif) no-repeat 0 2px; padding-left: 14px; }
.intro a.more0 { background-position:0 4px; }
a.more { background: url(/_img/bn.gif) no-repeat right; padding-right: 22px; color: #000; display: block; }
a.more2 { background: url(/_img/bn.gif) no-repeat right; padding-right: 22px; }
a.edit { background: url(/_img/icon_edit.gif) no-repeat right; padding-right: 22px; color: #f00; }
a.delete { background: url(/_img/icon_delete.gif) no-repeat right; padding-right: 22px; color: #f00; }
a.less { background: url(/_img/li_less.gif) no-repeat 0 4px; padding-left: 13px; font: italic 14px Georgia; }
a.less2 { background: url(/_img/bn_less.gif) no-repeat; padding-left: 22px; }

a.rss { background: url(/_img/rss.gif) no-repeat 0 2px; padding-left: 16px; }
a.youtube { background: url(/_img/youtube.gif) no-repeat 0 1px; text-indent: -1000px; width: 32px; display: block; }
a.hyves { background: url(/_img/hyves.gif) no-repeat 0 1px; padding-left: 17px; }
a.linkedin { background: url(/_img/linkedin.gif) no-repeat 0 1px; text-indent: -1000px; width: 38px; display: block; }
a.twitter { background: url(/_img/twitter.gif) no-repeat 0 1px; text-indent: -1000px; width: 39px; display: block; }
a.passiton { background: url(/_img/passiton.gif) no-repeat 0 1px; text-indent: -1000px; width: 60px; display: block; }

img.right { display: block; float: right; margin: 0 0 10px 22px; border: 1px solid #ccc; }
img.left { display: block; float: left; margin: 0 22px 10px 0; border: 1px solid #ccc; }
img.noborder { border: 0 !important; }
img.home-left { display: block; float: left; margin: 0 12px 5px 0; }


.odd { background-color: #f7f7f7; }
.even { background-color: #fff; }

.content ul { list-style-type: none; margin: 0 0 14px 0; padding: 0; }
.content ul li { background: url(/_img/li.gif) no-repeat 0 2px; padding-left: 13px; }

span.error { color: #f00; }

.source { color: #666; font-style: normal; }
/* .intro { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; line-height: 21px; } */
.intro { xfont-weight: bold; font-size: 16px; line-height: 21px;   }
.focus { color: #ff6a11; }
.example { color: #666; font-style: italic; padding-top: 5px; }

.thumb { border: 1px solid #ccc; }

.next, div.right { float: right; width: 300px; text-align: right; }
.prev, div.left { float: left; width: 300px; }
div.left2 { float: left; width: 450px; }
div.right2 { float: right; width: 150px; text-align: right; }

.alignright { display: block; float: right; margin: 0 0 10px 22px;  }
.alignleft { display: block; float: left; margin: 0 22px 10px 0; }

div.warning, div.error { background: url(/_img/icon_warning.gif) no-repeat; padding: 0 0 10px 30px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; line-height: 21px; color: #f00; margin-bottom: 5px; }

div.action { height: 31px; text-align: right; line-height: 31px; }

/* -------------------- layout ----------------------- */

#page { width: 960px; margin: 0 auto; }
#header { position: relative; height: 242px; }
h1#title { position: absolute; z-index: 9999; left: 0; top: 35px; margin: 0; padding: 0; background-image: none; }
h1#title a { display: block; width: 303px; height: 199px; text-indent: -9999px; overflow: hidden; background: url(/_img/dagvandeduurzaamheid.gif) no-repeat; }
#main { position: relative; width: 960px; min-height: 400px; }

#initiator { position: absolute; top: 211px; left: 779px; height: 26px; }
#initiator a {  }

#col1 { float: left; position: relative; width: 630px; padding-bottom: 20px; }
#col2 { float: right; position: relative; width: 300px; padding-bottom: 20px; }
#col3 { float: right; position: relative; width: 300px; padding-bottom: 20px; }

body.home #col1 { width: 300px; margin-right: 30px; padding-bottom: 40px; }
body.home #col2 { float: left; width: 300px; }
body.home #path { display: none; }

body.home .col1 { float: left; position: relative; width: 300px; padding-bottom: 0; margin-right: 30px; }
body.home .col2 { float: left; position: relative; width: 300px; padding-bottom: 0; }
body.home .col3 { float: right; position: relative; width: 300px; padding-bottom: 0; }
body.home .col1-2 { float: left; position: relative; width: 630px; }

#footer { clear: both; position: relative; height: 70px; background: url(/_img/bg_footer.gif) repeat-x top; margin-top: 28px; }
body.home #footer { margin-top: 0; }
/* #sponsors { float: left; width: 450px; padding: 0 5px; font-weight: bold; line-height: 37px; height: 31px; } */
#share { float: right; width: 450px; text-align: right; padding-top: 10px; font-size: 11px; }
#share .addthis { float: right; }

/* nav & login */
#nav1 { float: left; font-size: 12px; width: 660px; font-weight: bold; padding-top: 5px; }
#nav1 ul li { background-image: url(/_img/div_nav1.gif); background-position: 0 1px; }
#nav1 ul li:first-child { background-image: none; }
#nav1 a.active {  }

#nav2 {  }
#nav2 .link-list ul li { background-image: url(/_img/bg_bar_g1.gif); padding: 0 5px; }
#nav2 a.active {  }

#lnav { float: right; width: 300px; font-size: 12px; font-weight: bold; padding-top: 5px; margin-right: -5px; }
#lnav ul { float: right; }
#lnav ul li { background-image: url(/_img/div_nav2.gif); background-position: 0 1px; white-space: nowrap; }
#lnav ul li:first-child { background-image: none; }
#lnav ul a { color: #ff6a11; white-space: nowrap; }

#fnav { clear: both; width: 450px; float: left; padding-top: 10px; font-size: 11px; }
#fnav ul li { background-image: url(/_img/div_nav3.gif); background-position: 0 1px; }
#fnav ul li:first-child { background-image: none; }
#fnav ul li a { color: #000; text-decoration: underline; }

#sponsors ul { list-style-type: none; margin: 0; padding: 0; } 
#sponsors ul li { display: block; float: left; padding: 1px 10px 10px 0; } 
#sponsors ul li img { display: block; } 

/* -------------------- components ----------------------- */

table.data { margin-bottom: 0; width: 100%; }
table.data th { width: 180px; color: #666; }

.page-counter { float: left; width: 200px; }
.page-filter { float: left; width: 420px; }
.page-sort { float: right; width: 200px; text-align: right; }
.page-filter select.medium, .page-sort select.medium { width: 135px; }
.page-filter select.regions { width: 131px; } 
.page-sort select.mediumplus { width: 185px; }

.page-search { float: right; width: 200px; text-align: right; padding-right: 5px; }
#search-fld { width: 125px; padding: 2px; }
#search-bn { display: inline; padding-top: 0; width: 15px; height: 15px; vertical-align: middle; }

.pager { float: right; width: 400px; }
.pager ul { float: right; }
.pager .disabled { color: #ccc; }
.pager .active { font-weight: bold; color: #000; }
.pager ul li {  padding: 0 8px 0 11px; background: url(/_img/div_li.gif) no-repeat 0 4px; }

div.tab-bar { height: 31px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
div.tab-bar h2 { display: block; float: left; width: 220px; line-height: 30px; margin: 0; }
div.tab-bar .tabs { float: right; width: 400px; margin-right: 10px; text-align: right; }
div.tab-bar .tabs ul { float: right; list-style: none; margin: 0; padding: 0; }
div.tab-bar .tabs ul li { display: block; float: left; background-image: none; padding: 0; margin: 0 0 0 5px; }
div.tab-bar .tabs ul li a { display: block; float: left; height: 30px; border: 1px solid #0083d7; border-bottom: 0; font-weight: bold; color: #fff; background-color: #0083d7; line-height: 30px; padding: 0 10px; }
div.tab-bar .tabs ul li a.active { height: 31px; border: 1px solid #ccc; border-bottom: 0; font-weight: bold; color: #000; background-color: #fff; }

div.more { clear: both; padding-top: 3px; text-align: right; }
div.more2 { padding-top: 3px; text-align: right; }

div.follow-tw { float: left; width: 105px; }
div.more-tw { padding-top: 3px; text-align: right; float: right; width: 150px; }

div.filters { margin-bottom: 5px; }

div.hr { clear: both; height: 1px; margin: 5px 0 7px 0; background: url(/_img/hr_dots.gif) repeat-x; }

.item { margin-bottom: 20px; }

#footer-home { clear: both; width: 960px; background: url(/_img/hr_dots.gif) repeat-x top; padding: 15px 0; }

/* tickertape */
#tickertape { position: absolute; top: 62px; left: 0; width: 960px; height: 31px; overflow: hidden; font-size: 12px; color: #aaa; background: #f2f2f2 url(/_img/bg_tickertape.gif) repeat-x; text-transform: lowercase; cursor: pointer; }
ul.newsticker { position: relative; left: 960px; list-style-type: none; margin: 0; padding: 0; list-style-image: none; }
ul.newsticker li { float: left; margin: 0; padding: 0; }
ul.newsticker span.activity { white-space: nowrap; padding: 0; margin: 0 20px 0 0; font-size: 15px; color: #0083d7; line-height: 29px; padding: 0 0 0 26px; xbackground: url(/_img/li_tickertape.gif) no-repeat 0 6px; }
ul.newsticker span.person { font-size: 11px; color: #858585; }
ul.newsticker a { white-space: nowrap; padding: 0; margin: 0 20px 0 0; font-size: 15px; color: #0083d7; line-height: 29px; padding: 0 0 0 26px; background: url(/_img/li_tickertape.gif) no-repeat 0 6px; font-weight: bold; }
ul.newsticker li:first-child a { background-image: none; }

#tickertape marquee span.activity { white-space: nowrap; padding: 0; margin: 0 20px 0 0; font-size: 15px; color: #0083d7; line-height: 29px; padding: 0 0 0 26px; xbackground: url(/_img/li_tickertape.gif) no-repeat 0 6px; }
#tickertape marquee span.person { font-size: 11px; color: #858585; }

/* counter */
#countdown { position: absolute; top: 125px; left: 360px; width: 600px; text-align: right; font-weight: bold; font-size: 40px; color: #ccc; line-height: normal; }

/* path */
#path { height: 31px; margin: 0 0 10px 0; background: #f2f2f2 url(/_img/bg_bar_w2.gif) repeat-x; font-family: Georgia; font-style: italic; color: #0083d7; font-size: 18px; line-height: 30px; }

.bar { height: 31px; margin: 0 0 10px 0; background: #f2f2f2 url(/_img/bg_bar_g2.gif) repeat-x; line-height: 30px; }
.bar0 { height: 31px; margin: 0 0 10px 0; line-height: 30px; }
.bar2 { height: 31px; margin: 0 0 10px 0; background: url(/_img/bg_bar_w2.gif) repeat-x; line-height: 30px; }
.bar3 { height: 32px; margin: 0 0 10px 0; background: url(/_img/bg_bar_w3.gif) repeat-x; line-height: 31px; }


/* link list */
.link-list { margin-bottom: 20px; }
.link-list ul { background: url(/_img/hr_dots.gif) repeat-x bottom; padding: 0 0 1px 0; margin-bottom: 7px; }
.link-list ul li { display: block; max-height: 50px; background: url(/_img/bg_bar_w1.gif) repeat-x; padding: 1px 0 0 0; line-height: normal; overflow: hidden; }
.link-list ul a { display: block; min-height: 18px; background: url(/_img/bn.gif) no-repeat right; padding: 7px 35px 5px 0; line-height: normal; color: #000; }
.link-list ul a.category { padding-right: 0; }

/* news on homepage */
.news-new-home { margin-bottom: 10px; }
.news-new-home ul { background: url(/_img/hr_dots.gif) repeat-x bottom; padding: 0 0 1px 0; margin-bottom: 7px; }
.news-new-home ul li { background: url(/_img/bg_bar_w1.gif) repeat-x; padding: 1px 0 0 0; }
.news-new-home ul a { display: block; background: url(/_img/li_list.gif) no-repeat top right; padding: 9px 35px 9px 0; line-height: 15px; color: #000; } 
 
 
/* horizontal link list */
ul.horLinkList { list-style-type: none; margin: 0; padding: 0; }
ul.horLinkList li { display: block; float: left; padding: 0 6px 0 8px; background: url(/_img/div_li.gif) no-repeat 0 5px; }
ul.horLinkList li:first-child { background-image: none; padding-left: 0; }

/* activity list */
.activity-list { margin-bottom: 20px; }
.activity-list .data { margin-bottom: 5px; background: url(/_img/hr_dots.gif) repeat-x bottom; padding: 0 0 1px 0; }
.activity-list table { margin-bottom: 0; }
.activity-list td { background: url(/_img/bg_bar_g1.gif) repeat-x; padding: 1px 5px 0 5px; line-height: 30px; overflow: hidden; }
.activity-list td a { display: block; height: 30px; line-height: 30px; }
.activity-list td.activity a { font-weight: bold; color: #000; }
.activity-list .link { width: 90px; text-align: right; }

.activity-list ul { background: url(/_img/hr_dots.gif) repeat-x bottom; padding: 0 0 1px 0; margin-bottom: 5px; }
.activity-list ul li { display: block; width: 630px; height: 30px; background: url(/_img/bg_bar_g1.gif) repeat-x; padding: 1px 5px 0 5px; line-height: 30px; overflow: hidden; }
.activity-list ul a { display: block; height: 30px; line-height: 30px; }

.activity-owner { font-style: italic; color: #666; }

img.caticon { display: block; width: 63px; height: 72px; overflow: hidden; display: none; }
img.catpos1 { background-position: 0 0; }
img.catpos2 { background-position: 0 100px; }
img.catpos3 { background-position: 0 200px; }
img.catpos4 { background-position: 0 300px; }
img.catpos5 { background-position: 0 400px; }
img.catpos6 { background-position: 0 500px; }
img.catpos7 { background-position: 0 600px; }
img.catpos8 { background-position: 0 0; }
img.catpos9 { background-position: 0 100px; }

/* categories */
.category { padding-left: 35px !important; background-repeat: no-repeat; background-position: 0 2px !important; }
.bouw { background-image: url(/_img/categories/bouw_icon.gif) !important; }
.energie { background-image: url(/_img/categories/energie_icon.gif) !important; }
.lifestyle { background-image: url(/_img/categories/lifestyle_icon.gif) !important; }
.mobiliteit { background-image: url(/_img/categories/mobiliteit_icon.gif) !important; }
.onderwijs { background-image: url(/_img/categories/onderwijs_icon.gif) !important; }
.natuur { background-image: url(/_img/categories/natuur_icon.gif) !important; }
.sociale_duurzaamheid { background-image: url(/_img/categories/sociale_duurzaamheid_icon.gif) !important; }
.voeding { background-image: url(/_img/categories/voeding_icon.gif) !important; }
.zorg { background-image: url(/_img/categories/zorg_icon.gif) !important; }
.divers { background-image: url(/_img/categories/divers_icon.gif) !important; }
.recycle { background-image: url(/_img/categories/recycle_icon.gif) !important; }

/* front-runner list */
a.frontrunner { padding-left: 35px !important; background-repeat: no-repeat; background-position: 0 3px !important; }
.helene-van-der-vloed { background-image: url(/_img/koplopers/helene-van-der-vloed_icon.jpg) !important; }
.wubbo-ockels { background-image: url(/_img/koplopers/wubbo-ockels_icon.jpg) !important; }
.ronald-rovers { background-image: url(/_img/koplopers/ronald-rovers_icon.jpg) !important; }
.peter-van-dommele { background-image: url(/_img/koplopers/peter-van-dommele_icon.jpg) !important; }
.marc-van-rijsselberghe { background-image: url(/_img/koplopers/marc-van-rijsselberghe_icon.jpg) !important; }
.robbert-jan-piet { background-image: url(/_img/koplopers/robbert-jan-piet_icon.jpg) !important; }
.rinske-van-noortwijk { background-image: url(/_img/koplopers/rinske-van-noortwijk_icon.jpg) !important; }
.nicolette-mak { background-image: url(/_img/koplopers/nicolette-mak_icon.jpg) !important; }
.thijs-de-la-court { background-image: url(/_img/koplopers/thijs-de-la-court_icon.jpg) !important; }

/* homepage items */
/*
#page-intro { width: 960px; height: 224px; margin: 0 0 0 0; background: url(/_img/bg_intro.gif) repeat-x; padding: 6px 0; overflow: hidden; }
#page-intro a.more { font-size: 18px; background-position: 0 6px; }
#video { float: right; position: relative; width: 465px; margin-left: 30px; background-color: #0083d7; color: #fff; }
#video .movie { float: left; }
#video .video-intro { float: right; width: 100px; padding: 5px; font: normal 12px Arial, Helvetica; }
#video .video-intro h3 { color: #fff; margin-bottom: 5px; font-size: 16px; line-height: 24px; }
#video a { position: absolute; left: 361px; top: 186px; }
*/

body.home #main { background: url(/_img/hr_dots.gif) repeat-x top; }
#intro { background: url(/_img/hr_dots.gif) repeat-x bottom; padding: 6px 0; margin-bottom: 5px; }
#intro-text { float: left; width: 464px; height: 220px; padding: 10px; background-color: #fc6812; color: #fff; line-height: 20px; font-size: 14px; font-weight: normal; }
#intro-text a { color: #fff; text-decoration: underline; font-size: inherit; }
#video { float: left; width: 398px; height: 240px; background-color: #fc6812; }
#video-intro { float: right; position: relative; width: 58px; height: 220px; background-color: #fc6812; padding: 10px; color: #fff; }
#video-intro a { display: block; color: #fff; xbackground: url(/_img/bn-white.gif) no-repeat left; xpadding: 0 0 0 20px; padding: 190px 0 0 0; }
#video-intro h2 { font-weight: normal; color: #fff; margin: 0 0 8px 0; font-size: 17px; line-height: normal; }
#video-intro a#dvdd2009 { display: block; position: absolute; width: 193px; top: 215px; text-align: right; background: url(/_img/bn-white.gif) no-repeat right; padding-right: 22px; color: #fff; font-weight: bold; }

.item-home { margin-bottom: 10px; }
.item-home div { position: relative; padding: 5px; color: #fff; font-weight: bold; width: 290px; height: 92px; background-color: #bfbfbf; }
.item-home div a { position: absolute; left: 5px; top: 70px; }

#register-now div { background: #fe7a24 url(/_img/bg_home_aanmelden.jpg) no-repeat; }
#spread-word div { background: #cc006b url(/_img/bg_home_stuurdoor.jpg) no-repeat; }

#sponsors { float: left; width: 645px; border-right: 1px solid #cecece; }
#sponsors ul { list-style-type: none; margin: 0; padding: 0; }
#sponsors ul li { background-image: none; margin: 0 15px 0 0; padding: 0; }

#ambassadors-home { float: left; width: 300px; margin-bottom: 15px; }
#ambassadors-home .ambassadors-large ul li { height: 128px; }

#registars-home { float: right; width: 300px; }

#dvdd-explanation { margin-bottom: 15px; }

#shoutbox-intro {  }
#shoutbox-intro .shoutbox-form { position: relative; width: 280px; height: 120px; background: url(/_img/bg_shoutbox.gif) no-repeat; padding: 10px; }
#shoutbox-intro .shoutbox-form textarea { width: 278px; height: 50px; }
#shoutbox-intro .feedback { font-size: 11px; font-style: 11px; font-style: italic; color: #5d5d5d; }
#shoutbox-intro #sb-submit { float: right; margin-top: 7px; }

table.visuals {  }
table.visuals th { padding-right: 20px; }

/* follow dvdd */
#follow-dvdd { float: right; width: 300px; }
#follow-dvdd ul { list-style: none; margin: 0; padding: 0; }
#follow-dvdd ul li { float: left; margin: 8px 15px 7px 0; padding: 0; background-image: none; }


/* deelnemers */
.registars-new { margin-bottom: 10px; }
.registars-new ul { margin-bottom: 0;  }
.registars-new ul li { background-image: none; padding: 0; float: left; margin: 7px 0 5px 12px; }
.registars-new ul:first-child li { margin-top: 0 }
.registars-new ul li:first-child { margin-left: 0 }
.registars-new ul li img { border: 1px solid #ccc; width: 64px; height: 64px; }

.registars-new-large { padding-top: 3px; }
.registars-new-large ul { clear: both; margin-bottom: 0; xheight: 132px; margin-bottom: 5px; }
.registars-new-large ul li { background-image: none; padding: 0; float: left; margin: 7px 0 5px 15px; width: 90px; xheight: 140px; font-weight: normal; overflow: hidden; }
.registars-new-large ul:first-child li { margin-top: 0 }
.registars-new-large ul li:first-child { margin-left: 0 }
.registars-new-large ul li img { border: 1px solid #ccc; width: 88px; height: 88px; margin-bottom: 5px; }

.ambassadors-large { padding-top: 3px; }
.ambassadors-large ul { clear: both; margin-bottom: 0; xheight: 132px; margin-bottom: 15px; }
.ambassadors-large ul li { background-image: none; background-color: #bfbfbf; padding: 0; float: left; margin: 7px 0 5px 15px; width: 90px; height: 140px; font-weight: normal; overflow: hidden; }
.ambassadors-large ul:first-child li { margin-top: 0 }
.ambassadors-large ul li:first-child { margin-left: 0 }
.ambassadors-large ul li img { border: 1px solid #ccc; width: 88px; height: 88px; margin-bottom: 2px; display: block; }
.ambassadors-large ul li .name { display: block; padding: 0 3px; }

.registars-active { margin-bottom: 10px; background: url(/_img/hr_dots.gif) repeat-x top; padding-top: 9px; }
.registars-active ul { margin-bottom: 0; }
.registars-active ul li { background-image: none; padding: 0; float: left; margin: 7px 0 5px 12px; }
.registars-active ul:first-child li { margin-top: 0; }
.registars-active div.more { clear: both; padding-top: 4px; margin-top: 3px; background: url(/_img/hr_dots.gif) repeat-x top; text-align: right; }
.registars-active ul li:first-child { margin-left: 0; }
.registars-active ul li img { border: 1px solid #ccc; width: 64px; height: 64px; }

.registars-overview {  }
.registars-overview ul { clear: both; margin-bottom: 0;  }
.registars-overview ul li { background-image: none; padding: 0; float: left; margin: 7px 0 5px 18px; width: 90px; height: 132px; font-weight: bold; overflow: hidden; }
.registars-overview ul li a {  }
.registars-overview ul:first-child li { margin-top: 0 }
.registars-overview ul li:first-child { margin-left: 0 }
.registars-overview ul li img { border: 1px solid #ccc; width: 88px; height: 88px; margin-bottom: 5px; }

.categories-overview {  }
.categories-overview ul { clear: both; }
.categories-overview ul li { background-image: none; padding: 0; float: left; margin: 7px 0 5px 18px; width: 63px; height: 68px; font-weight: bold; }
.categories-overview ul li a { }
.categories-overview ul:first-child li { margin-top: 0 }
.categories-overview ul li:first-child { margin-left: 0 }
.categories-overview ul li img { margin-bottom: 5px; }

/* koplopers */
.frontrunner-list-item { border: 1px solid #ccc; padding: 0; margin-bottom: 14px; }
.frontrunner-list-item table { margin: 0; }
.frontrunner-list-item td { padding: 8px; }
.frontrunner-list-item td.info { height: 80px; background: url(/_img/hr_dots.gif) repeat-x bottom; }
.frontrunner-list-item td.photo { width: 120px; padding:  5px; }
.frontrunner-list-item td.video-link { text-align: right; height: 5px; }

/* activiteiten */
.activity-list-item { border: 1px solid #ccc; padding: 0; margin-bottom: 14px; }
.activity-list-item table { margin: 0; }
.activity-list-item td { padding: 8px; }
.activity-list-item td.info { background: url(/_img/hr_dots.gif) repeat-x bottom; }
.activity-list-item img.icon { display: block; float: left; margin: 0 10px 10px 0; }
.activity-list-item td.photo { width: 120px; padding: 5px; }
.activity-list-item td.link { text-align: right; }

div.photo-profile { float: left; margin: 0 20px 10px 0; border: 1px solid #ccc; }
div.category-icon { float: left; margin: 0 20px 10px 0; }


/* maps */
.location { margin-bottom: 20px; }
#map-small { border: 1px solid #ccc; width: 298px; height: 214px; }
#map-locate { border: 1px solid #ccc; width: 340px; height: 240px; margin: 5px 0 5px 0; }

#map { width: 628px; height: 628px; border: 1px solid #ccc; }

/* table with data */
table.data { }
table.data tr { background: url(/_img/bg_bar_g1.gif) repeat-x; }
table.data th { padding: 5px; height: 21px; line-height: 21px; font-weight: bold; color: #000; width: 66px; }
table.data td { padding: 5px; height: 21px; line-height: 21px; font-weight: bold; }

/* activity details */
.activity-more-info { clear: both; }
.activity-more-info td.photo { padding: 0 30px 10px 0; width: 300px; }
.activity-more-info td.info h2 { margin-top: 0; }
.activity-more-info td.info .bar2 { width: 300px; overflow: hidden; white-space: nowrap; }

.activity-data { margin-bottom: 5px; padding-bottom: 1px; background: url(/_img/hr_dots.gif) bottom repeat-x; padding-bottom: 1px; }
.activity-data table.data th { padding: 5px; height: 21px; line-height: 21px; font: italic 16px Georgia; color: #0083d7; width: 120px; }

.action { float: right; padding-bottom: 5px; }

.frontrunner-data { margin-bottom: 20px; padding-bottom: 1px; background: url(/_img/hr_dots.gif) bottom repeat-x; padding-bottom: 1px; }
.frontrunner-data table.data tr { background: url(/_img/bg_bar_w1.gif) repeat-x; }


.explanation { color: #0083d7; font-weight: bold; cursor: help; font-size: 11px; }

p.video { margin-bottom: 36px; }

.activity-spotlight { xbackground: #f2f2f2 url(/_img/bg_form.gif) repeat; padding: 10px; margin-bottom: 15px; xborder: 1px solid #ccc; background-color: #eb008b; color: #fff; border-radius: 10px; width: 280px; height: 100px; overflow: hidden; }
.activity-spotlight h5 { font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #fff; }
.activity-spotlight a { color: #fff; }
.activity-spotlight img.left { margin-right: 10px; margin-bottom: 2px; width: 88px; border-color: #fff; }
.activity-spotlight img.right { margin-left: 10px; margin-bottom: 2px; width: 88px; border-color: #fff; }
.activity-spotlight .intro { display: block; font-size: 11px; line-height: normal; xcolor: #858585; padding-bottom: 5px; }
.activity-spotlight .intro a { white-space: nowrap; text-decoration: underline; }


body.data #col1 table { float: none !important; }
body.data #col1 h1 { clear: both; }



.activity-search-banner { padding: 10px; width: 280px; height: 100px; background: #00a54f url(/_img/bg-banner-zoek.gif) no-repeat; color: #fff; position: relative; }
.activity-search-banner table.search-banner-form { margin-top: 4px; }
.activity-search-banner table.search-banner-form th { padding: 5px 0 0 0; width: 100px; }
.activity-search-banner table.search-banner-form select { width: 182px; }


table.press { margin-bottom: 0; }
table.press td { padding: 0 20px 20px 0; }
table.press td img { border: 1px solid #ccc; }

.voorleesactie { margin-bottom: 20px; }
.voorleesactie .content { border-radius: 10px; background-color: #0083d7; color: #fff; padding: 10px; margin-bottom: 4px; }
.voorleesactie .content a { color: #fff; text-decoration: underline; }


/* -------------------- twitter stream ----------------------- */

#twitter-stream { margin-bottom: 15px; }
#twitter-stream .content { background: #f2f2f2 url(/_img/bg_form.gif) repeat; padding: 10px; margin-bottom: 5px; }
#twitter-stream .message { margin-bottom: 15px; width: 280px; overflow: hidden; }
#twitter-stream .source { color: #858585; padding-top: 0; font-size: 11px; }



/* ---------------------- wat doe je zelf (shouts) ---------------- */

table.shouts {  }
/* table.shouts th { width: 150px; font-size: 11px; color: #858585; }
table.shouts td { font: italic 16px Georgia; padding: 0 0 15px 0; color: #0083d7; } */
table.shouts td { padding: 15px 0 15px 0; text-align: center; background: url(/_img/hr_dots.gif) repeat-x bottom; }
table.shouts .quote { font: italic 18px Georgia; margin-bottom: 5px; color: #0083d7; }
table.shouts .author { font-size: 12px; xcolor: #858585; padding-top: 5px; }


/* -------------------- blog ----------------------- */

.news-overview .hentry { border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0; }
.postmetadata { color: #8f8f8f; margin-bottom: 0; }
small { font-size: 12px; font-style: italic; margin: 3px 0 3px 0; display: block; }

.reaction { margin-bottom: 15px; }
.reaction .body { background: #efefef url(/_img/bg_form.gif); padding: 5px; }
.reaction .source { padding-top: 16px; font-weight: bold; background: url(/_img/bg_textbubble.gif) no-repeat top left; color: #000; }
.reaction .source .date { font-weight: normal; }

td.category-icon { padding-right: 10px; width: 63px; }


/* -------------------- form elements ----------------------- */

input, select, textarea { font-family: Arial, Helvetica; font-size: 12px; border: 1px solid #ccc; margin: 0; padding: 0; }
select { height: 20px; }
input.image, input.radio, input.checkbox { border: 0; background-color: transparent !important; padding: 0; margin: 0; }
input.radio, input.checkbox { height: 13px; margin: 2px 0; }
input.image { width: auto !important; height: auto !important; }
.form table { width: 100%; }
.form th { padding-top: 5px; width: 120px; font-weight: bold; }
.form td { width: 412px; }
.form td.divider { height: 20px; }
.form td.buttons { text-align: center; }
.form td.name { padding: 6px 2px 0 0; }
.form td.value {  padding-bottom: 6px; _padding-bottom: 4px; }
.form .xxlarge { width: 582px; }
.form .xlarge { width: 482px; }
.form .large { width: 340px; }
.form .medium { width: 160px; }
.form .small { width: 60px; }
.form .x-small { width: 34px; }
.form .button { background-color: #2a82ae; color: #fff; font-weight: bold; padding: 4px 20px; }
tr.required {  }
tr.required th { padding-left: 16px; width: 104px; background: url(/_img/required.gif) no-repeat 0 7px; }
div.required { color: #f00; padding-left: 16px; background: url(/_img/required.gif) no-repeat 0 3px; margin-bottom: 20px; }
h2.required { padding-left: 16px; background: url(/_img/required.gif) no-repeat 0 5px; }



.form {  }
.form fieldset { width: 610px; margin-bottom: 20px; padding: 10px 10px 5px 10px; background: #f2f2f2 url(/_img/bg_form.gif); margin: 0; }
.form fieldset table { margin: 0 0 5px 0; }
/* .form .form-header {  }
.form .form-footer { clear: both;  }
.form .form-content { background:  #f7f7f7 url(/_img/bg_form_content.gif) repeat-y; padding: 10px; } */
.form h2 { margin-top: 15px; }
.form h3 { background: url(/_img/hr_dots.gif) repeat-x bottom; padding-bottom: 5px; margin-bottom: 2px; }
.form td.section { width: 100%; }
.form td.option { width: 20px; }

.form div.submit { width: 200px; float: right; text-align: right; padding-top: 2px; }
.form div.cancel { width: 200px; float: left; padding-top: 2px; }
.form .form-actions { height: 32px; margin: 15px 0 10px 0; background: url(/_img/bg_bar_w3.gif) repeat-x; padding-top: 2px;  }
.form .form-option { width: 300px; float: left; padding-top: 4px; }

a.hot { float: right; margin-top: 9px; }