body, html { height: 100%; margin: 0; padding: 0; }
body { background: #fff url("gfx/body-bg.png") no-repeat center 0; border-bottom: 1px solid #fff; }

.header { clear: both; }
.section { clear: both; }
.column { float: left; }
.footer { clear: both; }

/* default typography */

body { font: normal 12px/18px "Helvetica","Arial","sans-serif"; }
h2 { color: #70b21a; font-size: 22px; font-weight: bold; margin: 1em 15px; }
h3 { color: #4c4c4c; font-size: 12px; font-weight: bold; margin: 1em 15px 0; }
h3.biofuel { background: url("gfx/biofuel-h3-bg.png") no-repeat; color: #fff; font-size: 20px; height: 26px; line-height: 26px; margin: 10px; padding: 0 10px; }
h3.press { background: url("gfx/press-h3-bg.png") no-repeat; color: #009736; font-size: 14px; height: 32px; line-height: 28px; margin: 60px 10px 10px; padding: 0 20px; }
p { color: #4c4c4c; font-size: 12px; line-height: 18px; margin: 1em 15px; }
h3+p { margin-top: 0; }
a { color: #70b21a; }
.meta { color: #70b21a; }

img { border: none; }

/* h2 header images */
h2.replace { background: #fff url("gfx/biomotion_titels.png") no-repeat; border-bottom: 1px solid #70b11a; height: 40px; margin: 10px 5px; text-indent: -9999px; }
h2.latest-news { background-position: 0 0; }
h2.latest-videos { background-position: 0 -40px; }
h2.upcoming-events { background-position: 0 -80px; }
h2.past-events { background-position: 0 -120px; }
h2.tour-status { background-position: 0 -160px; }
h2.cars-and-equipment { background-position: 0 -200px; }
h2.tour-schedule { background-position: 0 -240px; }
h2.biomotion-tour-schedule { background-position: 0 -280px; }
h2.news { background-position: 0 -320px; }
h2.tour-videos { background-position: 0 -360px; }
h2.about-the-biomotion-tour { background-position: 0 -400px; }
h2.biomotion-tour-organisation { background-position: 0 -440px; }
h2.biomotion-tour-partners { background-position: 0 -480px; }
h2.partial-tour-participants { background-position: 0 -520px; }
h2.full-tour-participants { background-position: 0 -560px; }
h2.press-releases { background-position: 0 -600px; }
h2.biofuels { background-position: 0 -640px; }
h2.frequently-asked-questions { background-position: 0 -680px; }
h2.main-biofuel-types { background-position: 0 -720px; }
h2.biomotion-tour-contact-details { background-position: 0 -760px; }
h2.about-the-partners { background-position: 0 -800px; }
h2.tour-participants { background-position: 0 -840px; }
h2.events-in-the-spotlight { background-position: 0 -880px; }
h2.follow-the-tour-live { background-position: 0 -920px; }

/* main page structure */
#wrapper { margin: 0 auto; position: relative; width: 990px; }
#accessibility { position: absolute; top: -9999px; }
#header { height: 111px; overflow: hidden; }
#main {}
.first, .second, .third { width: 330px; }
.first-wide, .second-wide { width: 660px; }
#footer {}

/* page header */
#header { background: url("gfx/header-bg.png") no-repeat 50% 0; }
#header h1 { height: 59px; left: 12px; margin: 0; position: absolute; top: 18px; width: 477px;}
#header h1 a { display: block; height: 59px; text-indent: -9999px; }
#header p { text-indent: -9999px; }
#header .logo1 { background: url("gfx/logo-biomotion.png") no-repeat; height: 71px; left: 570px; position: absolute; text-indent: -9999px; top: 5px; width: 70px; }
#header .logo2 { background: url("gfx/logo-intelligent-energy-europe.png") no-repeat; height: 45px; left: 760px; position: absolute; text-indent: -9999px; top: 16px; width: 220px; }

/* nav */
.nav { background: url("gfx/nav-bg.png") no-repeat 0 bottom; z-index: 20; font-size: 17px; font-weight: bold; height: 34px; left: 0; line-height: 27px; list-style: none; margin: 0; padding: 0; position: absolute; top: 84px; width: 990px; }
.nav li { float: left; margin: 0 1px; padding: 0; }
.nav a { color: #fff; display: block; text-decoration: none; }

.nav li.home { width: 52px; }
.nav li.home a { padding: 0 0 0 5px; width: 47px; }
.nav li.the-tour { width: 121px; }
.nav li.the-tour a { padding: 0 0 0 40px; width: 81px;}
.nav li.the-tour li a { margin: 0 0 0 16px; padding: 0; width: 105px; }
.nav li.tour-partners { width: 154px; }
.nav li.tour-partners a { padding: 0 0 0 40px; width: 114px; }
.nav li.tour-partners li a { margin: 0 0 0 16px; padding: 0; width: 138px; }
.nav li.biofuels { width: 112px; }  
.nav li.biofuels a { padding: 0 0 0 40px; width: 72px; }
.nav li.about { width: 100px; }
.nav li.about a { padding: 0 0 0 40px; width: 60px; }
.nav li.about li a { margin: 0 0 0 16px; padding: 0; width: 195px; }
.nav li#contact { float: right; margin: 0 10px 0 0; text-align: right; width: 180px; }
.nav li#contact a { width: 180px; }
.nav li#contact li a { margin: 0 0 0 16px; padding: 0; text-align: left; width: 164px; }

.nav ul a { border-bottom: 1px solid #b8d88d; font-size: 14px; }
.nav ul a.last { border: none; }
.nav ul a:hover { color: #391d74; }
.nav li ul { background: #70b11a url("gfx/subnav-bg.png") repeat-x; list-style: none; margin: 0; padding: 10px 0 0 0; position: absolute; left: -9999em; }
.nav li ul li { clear: both; }
.nav li:hover ul,
.nav li.sfhover ul { left: auto; }
.nav li#contact:hover ul,
.nav li#contact.sfhover ul { left: 798px; }

/* page special: home */
#home #main .header { float: left; height: 260px; padding: 0 330px 0 0; position: relative; width: 330px; }
#home #main .first { margin: 260px 0 0 -660px; } /* make room for the header */
#home #main .second { margin: 260px 0 0 -330px; } /* make room for the header */
#home #main .header h2 { color: #70b21a; line-height: 24px; margin: 0.5em 15px 0.5em; }
#home #main .carousel { background: #fff; height: 160px; position: absolute; right: 15px; top: 0; width: 300px; }
#home #main .header .big-link { margin: 0; }
#home #main .header .button { height: 92px; margin: 0; position: absolute; width: 313px; }
#home #main .header br { display: none; }
#home #main .header .button a { display: block; height: 92px; text-indent: -9999px; width: 313px; }
#home #main .header .learn-more { bottom: 2px; left: 9px; }
#home #main .header .learn-more a { background: url("gfx/learn-more.png") no-repeat; }
#home #main .header .learn-more a:hover { background-position: 0 -92px; }
#home #main .header .follow-the-tour { bottom: 2px; right: 8px; }
#home #main .header .follow-the-tour a { background: url("gfx/follow-the-tour.png") no-repeat; }
#home #main .header .follow-the-tour a:hover { background-position: 0 -92px; }

#home .videos { margin: 0 5px; }
#home .videos li { float: left; margin: 0 5px; width: 150px; }
#home .videos a { background: #fff; display: block; margin: 0; padding: 0; width: 150px; }
#home .videos img { display: block; height: 113px; width: 150px; }
#home .videos h3 { color: #4c4c4c; display: inline; margin: 0; }
#home .videos h3:after { content: ' /'; }
#home .videos p { display: inline; margin: 0; }

/* page special: home */
#contact #top-margin { padding-top: 62px; }

/* page special: the tour */
#the-tour .tour-header { background: url("gfx/tour-header.jpg") no-repeat; padding: 133px 0 0; }

/* page special: schedule */
#schedule #schedule-content h2 { color: #70b21a; }
#schedule #schedule-content h3 { color: #70b21a; }
#schedule #schedule-content p { color: #70b21a; }

/* page special: tour map */

#silverlight-map { height: 580px; padding-top: 5px;}
#silverlight-map iframe { border: none; height: 580px; width: 100%; }
#map div.navbar { float: left; }

/* footer */
.footer { background: url("gfx/footer-bg.png") repeat-x; margin: 0 auto; padding: 20px 0 0; }
.footer ul { list-style: none; margin: 0 auto; padding: 0 10px; width: 990px; }
.footer li { float: left; }
.footer a { display: block; height: 150px; text-indent: -9999px; }
.footer .logo1 { background: url("gfx/logo1.png") no-repeat; width: 184px; }
.footer .logo2 { background: url("gfx/logo2.png") no-repeat; width: 182px; }
.footer .logo3 { background: url("gfx/logo3.png") no-repeat; width: 193px; }
.footer .logo4 { background: url("gfx/logo4.png") no-repeat; width: 117px; }
.footer .logo5 { background: url("gfx/logo5.png") no-repeat; width: 103px; }
.footer .logo6 { background: url("gfx/logo6.png") no-repeat; width: 104px; }
.footer .logo7 { background: url("gfx/logo7.png") no-repeat; width: 93px; }

/* elementen */

/* element: big link */
.big-link { font-size: 16px; font-weight: bold; margin: 20px 0 10px; }
.big-link a { background: url("gfx/more-about.png") no-repeat 0 0; color: #4c4c4c; display: block; height: 18px; padding: 0 0 0 15px; text-decoration: none; }
.big-link a:hover { background-position: 0 -18px; color: #70b21a; }

/* element: latest */
.latest { list-style: none; margin: 10px; padding: 0; }
.latest li { margin: 9px 0; }
.latest a { background: #fff; display: block; overflow: hidden; text-decoration: none; }
.latest a:hover { background: #e6e6e6; }
.latest h3 { color: #70b21a; margin: 0 5px; }
.latest p { margin: 0 5px; }

/* element: latest news */
.news { width: 310px; }
.news img { float: left; height: 60px; margin: 0 15px 0 0; width: 60px; }

/* element: latest videos */
.videos img { float: left; height: 60px; margin: 0 15px 0 0; width: 107px; }

/* element: latest news */
.latest-news { list-style: none; margin: 10px; padding: 0; }
.latest-news li { margin: 9px 0; }
.latest-news a { background: #fff; display: block; overflow: hidden; text-decoration: none; }
.latest-news a:hover { background: #e6e6e6; }
.latest-news img { float: left; height: 60px; margin: 0 15px 0 0; width: 60px; }
.latest-news h3 { color: #70b21a; margin: 0 5px; }
.latest-news p { margin: 0 5px; }

/* element: latest videos */
.latest-videos { list-style: none; margin: 0 5px; padding: 0; }
.latest-videos li { float: left; margin: 0 5px; width: 150px; }
.latest-videos h3 { display: inline; margin: 0; }
.latest-videos h3:after { content: ' /'; }
.latest-videos p { display: inline; margin: 0; }

/* element: upcoming events */
.upcoming-events { list-style: none; margin: 10px; padding: 0; }
.upcoming-events li { margin: 9px 0; }
.upcoming-events a { display: block; overflow: hidden; text-decoration: none; }
.upcoming-events a:hover { background: #e6e6e6; }
.upcoming-events h3 { margin: 0 5px; }
.upcoming-events abbr { border: none; }
.upcoming-events p { margin: 0 5px; }

/* element: past events */
.past-events { list-style: none; margin: 10px; padding: 0; }
.past-events li { font-weight: bold; margin: 0 5px; }
.past-events a { color: #4c4c4c; text-decoration: none; }
.past-events a:hover { text-decoration: underline; }

/* element: tour status */
.tour-status { color: #4c4c4c; line-height: 27px; margin: 10px 15px; overflow: hidden; }
.tour-status dt { clear: left; float: left; font-weight: bold; margin: 0; width: 50%; }
.tour-status dt:after { content: ': '; }
.tour-status dd { float: left; margin: 0; padding: 0; width: 50%; }

/* element: image list */
.image-list { list-style: none; margin: 10px; overflow: hidden; padding: 0; }
.image-list li { float: left; margin: 0 1px; padding: 0; }
.image-list img { display: block; }

/* element: column wide image */
img.center { display: block; margin: 10px auto; }

/* element: navbar */
.navbar { border-top: 1px solid #70b11a; height: 26px; margin: 10px auto; overflow: hidden; position: relative; width: 310px; }
.navbar ul { font-size: 16px; font-weight: bold; list-style: none; margin: 0; padding: 0; }
.navbar li { float: left; line-height: 26px; margin: 0; padding: 0; text-align: center; width: 310px; }
.navbar a { color: #4c4c4c; text-decoration: none; }
.navbar a:hover { color: #70b21a; }
.navbar li.prev,
.navbar li.next { height: 26px; position: absolute; top: 0; text-indent: -9999px; width: 17px; }
.navbar li.prev { left: 0; }
.navbar li.next { right: 0; }
.navbar li.disabled { position: absolute; left: -999999px; }
.navbar li.prev a,
.navbar li.next a { background: url("gfx/prevnext.png") no-repeat; display: block; height: 26px; width: 17px; }
.navbar li.prev a { background-position: 0 0; }
.navbar li.prev a:hover { background-position: 0 -26px; }
.navbar li.next a { background-position: -17px 0; }
.navbar li.next a:hover { background-position: -17px -26px; }

/* element: centered link */
p.center-link { border-top: 1px solid #70b11a; clear: both; font-size: 16px; font-weight: bold; line-height: 26px; margin: 10px auto; overflow: hidden; text-align: center; width: 310px; }
p.center-link a { color: #4c4c4c; text-decoration: none; }
p.center-link a:hover { color: #70b21a;}

/* element: twitter link */
p.twitter { font-weight: bold; margin: 10px 15px; }
p.twitter a { color: #38cdff; text-decoration: none; }
span.twitter { background: url("gfx/logo-twitter.png") no-repeat; display: block; height: 29px; text-indent: -9999px; }

/* element: logo list */
.logo-list-item { float: left; margin: 10px; }
.logo-list-item dt img { display: block; }
.logo-list-item dd { height: 36px; margin: 10px 0; overflow: hidden; text-align: center; width: 145px; }
.logo-list-item.wide dd { width: 310px; }
.logo-list-item a { color: #70b21a; text-decoration: none; }

/* element: faq */
.faq dt { background: url("gfx/faq-arrow.png") no-repeat; color: #70b21a; font-size: 14px; font-style: italic; font-weight: bold; line-height: 20px; padding: 0 0 0 15px; }
.faq dt.close { background-position: 0 -20px; }
.faq dd { margin: 10px 12px; }

/* element: partner list */
.partner-list { list-style: none; margin: 0 auto; padding: 0; width: 310px; }
.partner-list li { margin: 0 0 20px; padding: 0; }
.partner-list a { background: url("gfx/logos.jpg") no-repeat; display: block; text-indent: -9999px; }
.partner-list .logo1 { background-position: 0 0; height: 58px; }
.partner-list .logo2 { background-position: 0 -58px; height: 35px; }
.partner-list .logo3 { background-position: 0 -93px; height: 118px; }
.partner-list .logo4 { background-position: 0 -211px; height: 124px; }
.partner-list .logo5 { background-position: 0 -335px; height: 34px; }
.partner-list .logo6 { background-position: 0 -380px; height: 75px; }
.partner-list .logo7 { background-position: 0 -463px; height: 96px; }
.partner-list .logo8 { background-position: 0 -568px; height: 108px; }
.partner-list .logo9 { background-position: 0 -675px; height: 113px; }
/* .partner-list .logo10 { background-position: 0 -713px; height: 70px; } */

/* element: car details table */
.car-details { border-collapse: collapse; color: #4c4c4c; margin: 10px; width: 310px; }
.car-details th { font-weight: bold; padding: 1px 5px; text-align: left; width: 145px; }
.car-details th:after { content: ': '; }
.car-details td { padding: 1px 5px; width: 145px; }
.car-details tr.odd th,
.car-details tr.odd td { background: #fff; }
.car-details tr.even th,
.car-details tr.even td { background: #e2efd1; }

/* element: accordion */
.accordion { list-style: none; margin: 10px; padding: 0; }
.accordion li { background: #fff url("gfx/schedule-bg.png") repeat-x; color: #70b21a; line-height: 24px; margin: 5px 0; padding: 0; }
.accordion li.open { background: #70b11a; color: #fff; }
.accordion li span { font-size: 14px; margin: 0 5px; }
.accordion li a { background: url("gfx/open-close.png") no-repeat right -24px; color: #4c4c4c; float: right; margin: 0 5px; padding: 0 20px 0 0; text-decoration: none; }
.accordion li.open a { background-position: right 0; color: #fff; }

.accordion ul { background: #fff; list-style: none; margin: 0; padding: 10px 0; }
.accordion ul li { background: #fff; line-height: 18px; margin: 4px 0; padding: 0; }
.accordion ul li a { background: none; display: block; float: none; margin: 0; padding: 0 5px; }

/* element: press accordion */
.press li.open ul li a,
.press ul li a { color: #70b21a; }
.press ul li h3 { color: #70b21a; margin: 0; }
.press ul li p { margin: 0; }
.press ul li a:hover { background: #e6e6e6; }

/* element: schedule accordion */
.schedule li.open ul li a,
.schedule ul li a { color: #4c4c4c; }
.schedule ul li a.current,
.schedule ul li a:hover { background: url("gfx/schedule-arrow.png") no-repeat left center; font-weight: bold; }

/* element: participant accordion */
.participant ul li { background: none; line-height: 50px; margin: 2px 0; padding: 0; }
.participant ul li a { background: none; display: block; float: none; height: 50px; margin: 0; padding: 0 5px; position: relative; }
.participant ul li a.current,
.participant ul li a:hover { background: #ffd000; }
.participant ul li a img { float: left; }
.participant ul li a .vehicle, 
.participant ul li a .driver { color: #70b21a; float: left; font-size: 12px; margin: 3px 10px; width: 150px; }
.participant ul li a .fuel { background: #e2efd1; color: #70b21a; font-size: 12px; font-weight: bold; height: 50px; line-height: 50px; margin: 0; padding: 0 10px; position: absolute; right: 0; top: 0; width: 80px; }
.participant ul li a.current .vehicle,
.participant ul li a.current .driver,
.participant ul li a:hover .vehicle,
.participant ul li a:hover .driver { color: #009736; }
.participant ul li a.current .fuel,
.participant ul li a:hover .fuel { background: #ffd000; color: #009736; }

/* element: press downloads */
.press-downloads { list-style: none; margin: 10px; padding: 0; }
.press-downloads li { margin: 10px 0; overflow: hidden; zoom: 1; }

.press-downloads ul { list-style: none; margin: 0; padding: 0; }
.press-downloads ul li { float: left; margin: 0; display: inline;}
.press-downloads ul img { display: block; margin: 0 10px 10px 0; }
.press-downloads ul dl { color: #70b21a; margin: 0; padding: 0; width: 220px; }
.press-downloads ul dt { clear: left; float: left; width: 70px; }
.press-downloads ul dt:after { content: ': '; }
.press-downloads ul dd { float: left; margin: 0; padding: 0; width: 150px; }
.press-downloads ul dd.title { font-weight: bold; }

/* element: biofuels download box */
.download-box { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; clear: both; height: 24px; margin: 30px auto 10px; overflow: visible; position: relative; width: 308px; }
.download-box p { color: #70b21a; left: 0; margin: 0 5px; position: absolute; top: -20px; }
.download-box ul { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; height: 24px; list-style: none; margin: 0 -1px; padding: 0 2px; width: 304px; }
.download-box li { float: left; margin: 0 2px; display: inline; }
.download-box a { color: #70b21a; display: block; font-size: 14px; font-weight: bold; height: 21px; margin: 2px 0 1px; text-align: center; text-decoration: none; text-transform: uppercase; width: 24px; }
.download-box a:hover { background: url("gfx/download-box-pointer.png") no-repeat; color: #fff; }

/* element: video */
.video { margin: 20px 10px 10px; overflow: hidden; width: 640px; }