body {
    margin: 0 0 40px 0;
    padding: 0;
    font: 14px Georgia, serif;
    color: #666;
}

a,
a:active,
a:visited {
    color: #382C7F;
}

input {
    font: 14px Georgia, serif;
}

img {
    border: none;
}

ol {
    list-style-type: decimal;
}

ol {
    margin: 0 0 15px 0;
}

ol li {
    padding-bottom: 7px !important;
    padding-left: 10px;
    list-style-type: decimal !important;
    margin-left: 10px;
}

p {
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 22px;
}

cufon canvas {
    top: -4px !important;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.italic {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h2.titleS {
    color: #202020;
    font-size: 31px;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 5px;
}

h2.title,
h2.report-title,
h2.titleSubject {
    color: #202020;
    font-size: 37px;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 5px;
}

h3.report-title,
h3.title {
    color: #202020;
    font-size: 31px;
    text-transform: uppercase;
}

h3.titleColorS {
    color: #E5A7AC;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h3.titleColor {
    color: #E5A7AC;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h3.titleColorL {
    color: #E5A7AC;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h4.titleWhite {
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
}

h6 {
    font-size: 14px;
    font-weight: bold;
    color: #382C7F;
}

input.bg200 {
    background: url(../images/structure/bg_input200.png) no-repeat 0 0;
    width: 200px;
    height: 28px;
    line-height: 28px;
    border: 0;
    padding-left: 5px;
    color: #999;
    float: left;
}

img.imgLeft {
    margin-left: -12px;
    float: left;
    padding-right: 32px;
}

.bar {
    width: 936px;
    height: 36px;
    background: url(../images/structure/bar.png) no-repeat 0 0;
}

div.reportHeadTitle,
div.headTitle {
    height: 64px;
    width: 948px;
    background: url(../images/structure/bg_titles.png) no-repeat 0 0;
    padding-left: 12px;
    padding-top: 8px;
    margin-bottom: 33px;
    position: relative;
}

div.reportHeadTitle.none,
div.headTitle.none {
    margin-bottom: 0;
}

div.reportHeadTitle span,
div.headTitle span {
    display: block;
    font-size: 22px;
    color: #D29FA5;
    text-transform: uppercase;
}

div.reportHeadTitle h1,
div.headTitle h1 {
    font-size: 37px;
    color: #fff;
    text-transform: uppercase;
}

div.reportHeadTitle span cufon,
div.headTitle span cufon {
    top: -2px;
}

div.reportHeadTitle h1 cufon,
div.headTitle h1 cufon {
    top: -12px;
}

div.reportHeadTitle div.back,
div.reportHeadTitle div.next,
div.headTitle div.back,
div.headTitle div.next {
    position: absolute;
    right: 10px;
    top: 10px;
}

div.reportHeadTitle div.back a,
div.headTitle div.back a {
    color: #413387;
    text-transform: uppercase;
    font-size: 20px;
    background: url(../images/structure/arrow-back.png) no-repeat 0 2px;
    text-decoration: none;
    padding-left: 19px;
}

div.reportHeadTitle div.next a,
div.headTitle div.next a {
    color: #413387;
    text-transform: uppercase;
    font-size: 20px;
    background: url(../images/structure/arrow-next.png) no-repeat right 4px;
    text-decoration: none;
    padding-right: 19px;
}

div.reportHeadTitle div.next.up2 a, div.headTitle div.next.up2 a
{
    background: url(../images/structure/arrow-up2.png) no-repeat right 4px;
}

div.reportHeadTitle div.up a,
div.headTitle div.up a,
div.reportHeadTitle div.next a:hover,
div.reportHeadTitle div.back a,
div.headTitle div.next a:hover,
div.headTitle div.back a {
    color: #fff;
}

div.headTitleHalf {
    height: 42px;
    width: 444px;
    background: url(../images/structure/bg_titles_half.png) no-repeat 0 0;
    padding-left: 12px;
    padding-top: 8px;
    margin-bottom: 33px;
    position: relative;
}

div.headTitleHalf h1 {
    font-size: 31px;
    color: #fff;
    text-transform: uppercase;
}

.headerContainer {
    background: url(../images/structure/border.gif) repeat-x left bottom;
    margin-bottom: 28px;
    margin-top: 13px;
    padding-bottom: 4px;
    position: relative;
    z-index: 20;
}

.headerContainer .header {
    position: relative;
    z-index: 30;
}

.headerContainer .header div.updateMe {
    position: absolute;
    right: 10px;
    z-index: 100;
    top: -10px;
}

div.updateMe.arrow {
    background: url(../images/structure/arrow-update-box.png) no-repeat right 13px;
    width: 332px;
    height: 40px;
}

.headerContainer .header,
.headerContainer .mainMenu {
    width: 960px;
    margin: 0 auto;
}

.headerContainer .mainMenu {
    margin-top: 10px;
}

.headerContainer .header .logo {
    width: 235px;
    float: left;
}

.headerContainer .header .btns {
    float: right;
    width: 700px;
}

.headerContainer .header .btns div.logon, .headerContainer .header .btns div.logoff {
    float: right;
    width: 70px;
}

.headerContainer .mainMenu ul,
.headerContainer .mainMenu ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.headerContainer .mainMenu ul li {
    float: left;
    text-transform: uppercase;
    font-size: 24px;
    padding: 0 15px 0 15px;
    background: url(../images/structure/border_vertical.gif) repeat-y left top;
}

.headerContainer .mainMenu ul li.first {
    padding-left: 9px;
    background: none;
}

.headerContainer .mainMenu ul li.active a,
.headerContainer .mainMenu ul li.active a:active,
.headerContainer .mainMenu ul li.active a:visited {
    color: #382C7F;
}

html .headerContainer .mainMenu ul.topnav li span {
    color: #3F3385;
}

.headerContainer .mainMenu ul li a,
.headerContainer .mainMenu ul li a:active,
.headerContainer .mainMenu ul li a:visited {
    text-decoration: none;
    color: #202020;
    position: relative;
    zoom: 1;
}

.headerContainer .mainMenu ul li a:hover {
    color: #B68F52;
}

.container {
    width: 960px;
    margin: 0 auto;
}

.content {

}

.content.inline {
    padding: 0 12px;
}

/* homepage */
.homeBanner .updateMe {
    position: absolute;
    bottom: 30px;
}

.updateMe .top,
.presubscribeMe .top {
    background: url(../images/structure/update-box-bg-top.png) no-repeat 0 0;
    height: 3px;
    width: 320px;
    line-height: 3px;
    font-size: 1px;
}

.updateMe .content,
.presubscribeMe .content {
    background-color: #B68F52;
    padding: 6px 0 10px 12px;
    width: 308px;
}

.updateMe .content h3,
.presubscribeMe .content h3 {
    color: #382C7F;
    font-style: italic;
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: normal;
}

.updateMe .content input.ok,
.presubscribeMe .content input.ok {
    background: url(../images/structure/btn_ok.png) no-repeat 0 0;
    width: 91px;
    height: 28px;
    border: none;
    font-size: 0;
    line-height: 0;
    text-indent: -99999px;
}

.updateMe .content input.ok:hover,
.presubscribeMe .content input.ok:hover {
    background: url(../images/structure/btn_ok_hover.png) no-repeat 0 0;
    width: 91px;
    height: 28px;
    border: none;
    font-size: 0;
}

.updateMe .content input.send,
.pressForm input.send,
.presubscribeMe .content input.send {
    background: url(../images/structure/btn_verstuur.png) no-repeat 0 0;
    width: 91px;
    height: 28px;
    border: none;
    font-size: 0;
    line-height: 0;
    text-indent: -99999px;
}

.pressForm input.send {
    background: url(../images/structure/btn_verstuur2.png) no-repeat 0 0;
}

.updateMe .content input.send:hover,
.presubscribeMe .content input.send:hover {
    background: url(../images/structure/btn_verstuur_hover.png) no-repeat 0 0;
    cursor: pointer;
}

.updateMe .content p,
.presubscribeMe .content p {
    color: #fff;
    font-size: 15px;
    padding-right: 15px;
    padding-bottom: 0;
}

.updateMe .bottom,
.presubscribeMe .bottom {
    background: url(../images/structure/update-box-bg-bottom.png) no-repeat 0 0;
    height: 3px;
    width: 320px;
    line-height: 3px;
    font-size: 1px;
}

.homeBanner .intro {
    background: url(../images/content/home/main-picture.jpg) no-repeat 12px 0;
    height: 365px;
    width: 960px;
    position: relative;
}

.homeBanner .intro .shield {
    width: 240px;
    height: 336px;
    background: url(../images/content/home/shield.png) no-repeat 0 0;
    position: absolute;
    top: 29px;
    right: 0;
}

.homeBanner .intro .shield .info {
    color: #fff;
    font-size: 18px;
    padding: 141px 15px 0 17px;
    line-height: 25px;
}

.homeBanner .intro .shield .link {
    text-align: center;
    padding-top: 43px;
}

.homeBanner .intro .shield .link a.more {
    float: none;
    display: inline;
    color: #e5a7ac;
    border-bottom: 2px solid #D89FA5;
}

.homeBanner .intro .shield .link a.more:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.firstHomeBlock {
    padding-bottom: 44px;
    background: url(../images/structure/border.gif) repeat-x left bottom;
}

.secondHomeBlock {
    padding: 18px 0 21px 0;
    background: url(../images/structure/border.gif) repeat-x left bottom;
}

.thirdHomeBlock {
    margin-top: 35px;
}

.conventieUpdates {
    width: 215px;
    float: left;
    margin-right: 25px;
    position: relative;
    height: 283px;
}

.conventieUpdates h3 {
    margin-bottom: 5px;
}

.conventieUpdates ul li.first {
    padding-top: 3px;
}

.conventieUpdates ul li,
.quickLinks ul li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}

.conventieUpdates ul li a,
.conventieUpdates ul li a:active,
.conventieUpdates ul li a:visited
.quickLinks ul li a,
.quickLinks ul li a:active,
.quickLinks ul li a:visited {
    background: url(../images/structure/arrow_large.png) no-repeat right center;
    color: #202020;
    font-size: 13px;
    font-weight: bold;
    display: block;
    padding-right: 35px;
    text-decoration: none;
}

.conventieUpdates ul li a:hover {
    color: #e5a7ac;
}

.conventieUpdates ul li a span {
    color: #B68F52;
    font-weight: normal;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

/* videos */
.videos {
    float: left;
    position: relative;
}

.videos.mostviewed {
    padding-left: 12px;
}

.videos.recent {
    background: url(../images/structure/border_vertical.gif) repeat-y right top;
    padding-right: 20px;
}

.videos h3 {
    margin-bottom: 5px;
}

.videos ul li.first {
    padding-top: 3px;
}

.videos .thumb img {
    float: left;
}

.videos ul li {
    width: 420px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-right: 20px;
    float: left;
}

.videos a.thumb, .videos a.thumb:active, .videos a.thumb:visited, .videos a.thumb:hover {
    position: relative;
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
}

.videos ul li a,
.videos ul li a:active,
.videos ul li a:visited {
    background: url(../images/structure/arrow_large.png) no-repeat right center;
    color: #202020;
    font-size: 13px;
    font-weight: bold;
    display: block;
    padding-right: 35px;
    margin-left: 135px;
    position: relative;
    text-decoration: none;
}

.videos ul li a:hover {
    color: #e5a7ac;
}

.videos ul li a span {
    color: #B68F52;
    font-weight: normal;
    font-size: 12px;
    margin: 5px 10px 0 0;
}

/* end videos */

.homeAnkeilerLarge {
    float: right;
    width: 296px;
    height: 283px;
    padding-left: 400px;
    position: relative;
}

.homeAnkeilerLarge p {
    line-height: 22px;
}

a.more,
.conventieUpdates a.more,
.homeAnkeilerLarge a.more {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #240078;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid #240078;
    font-size: 17px;
}

a.more {
    position: static;
    float: right;
}

a.more:hover {
    color: #E5A7AC;
    border-bottom-color: #E5A7AC;
}

a.more cufon canvas,
.conventieUpdates a.more cufon canvas,
.homeAnkeilerLarge a.more cufon canvas {
    top: -2px !important;
}

div.topicsContainer {
    float: left;
}

div.topics .topic {
    width: 177px;
    float: left;
    margin-right: 9px;
    background-color: #D6D6D6;
    padding-bottom: 10px;
    position: relative;
    height: 200px;
}

div.topics .topic img {
    display: block;
    margin-bottom: 10px;
}

div.topics .topic.last {
    margin-right: 0;
}

div.topics .topic a.link,
div.topics .topic a.link:active,
div.topics .topic a.link:visited {
    margin: 0 10px;
    padding: 0 20px 0 0;
    font-size: 12px;
    color: #202020;
    background: url(../images/structure/arrow-white-on-grey.gif) no-repeat right 2px;
    display: block;
    text-decoration: none;
    line-height: 18px;
}

div.topics .topic span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #B68F52;
    font-size: 12px;
}

div.quickLinks {
    float: right;
    width: 215px;
}

.quickLinks ul li {
    padding: 18px 0;
}

.quickLinks ul li a {
    padding-right: 20px;
}

.quickLinks ul li.first {
    padding-top: 11px;
}

/* end homepage */

/* news */
.overviewNewsPage .newsItems {
    margin-bottom: 0;
}

.overviewNewsPage .pressOverview .newsItem {
    height: 185px;
}

.overviewNewsPage .pressOverviewHalf {
    width: 456px;
}

.overviewNewsPage .pressOverviewHalf .newsItem {
    height: 155px;
}

.overviewNewsPage .pressOverview .newsItem div.info {
    margin-left: 234px;
    height: 185px;
}

.overviewNewsPage .pressOverviewHalf .newsItem div.info {
    margin-left: 234px;
    height: 145px;
    top: 5px;
}

.overviewNewsPage .pressOverview .newsItem div.info h3.titleColorS,
.overviewNewsPage .pressOverviewHalf .newsItem div.info h3.titleColorS {
    margin-bottom: 0;
}

.overviewNewsPage .moreNews {
    padding: 10px 0 50px 0;
}

.newsItems {
    margin-bottom: 23px;
}

.newsItem {
    margin-top: 23px;
    padding-bottom: 23px;
    height: 223px;
    background: url(../images/structure/border.gif) repeat-x left bottom;
}

.newsItems h3.titleColor {
    margin-bottom: 0px;
    margin-top: -10px;
}

.newsItem.first {
    margin-top: 0;
}

.newsItem img {
    float: left;
}

.newsItem div.info {
    margin-left: 320px;
    position: relative;
    height: 213px;
}

.newsItem div.info p {
    font-size: 14px;
    line-height: 22px;
}

.newsItem div.info span.date {
    font-weight: bold;
    font-size: 13px;
    color: #B68F52;
    position: absolute;
    bottom: 0;
    left: 0;
}

.newsItem div.info a.more {
    position: absolute;
    right: 0;
    bottom: 0;
}

.news .newsAnkeilers {
    padding: 10px 0 25px 0;
}

.news .newsAnkeilers .firstBlock {
    width: 450px;
    float: left;
}

.news .newsAnkeilers .secondBlock {
    width: 450px;
    float: right;
}

.news .newsAnkeilers .firstBlock ul li,
.news .newsAnkeilers .secondBlock ul li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}

.news .newsAnkeilers .firstBlock ul li a,
.news .newsAnkeilers .secondBlock ul li a {
    background: url(../images/structure/arrow_large.png) no-repeat right center;
    color: #202020;
    font-size: 13px;
    font-weight: bold;
    display: block;
    padding-right: 40px;
    text-decoration: none;
}

.news .newsAnkeilers .firstBlock ul li a span,
.news .newsAnkeilers .secondBlock ul li a span {
    color: #B68F52;
    font-weight: normal;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

.newsArticle .firstColumn {
    float: left;
    width: 300px;
}

.newsArticle .article {
    margin-left: 412px;
}

.newsArticle .date,
.newsFeed .date {
    color: #B68F52;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 30px;
}

.newsArticle .article p {
    padding-bottom: 20px;
}

.newsFeed .newsItem {
    height: auto;
}

.themaNewsFeed {
    float: right;
    margin-top: 30px;
}

/* end news */

/* begin pers */

.press h3.titleColorS {
    margin-bottom: 0;
}

.press .newsItem {
    height: 189px;
}

.press .newsItem div.info {
    margin-left: 0px;
}

.pers .newsItem div.info {
    margin-left: 0px;
}

.press .newsItem div.info span.date {
    bottom: 24px;
}

.press .newsItem div.info a.more {
    bottom: 20px;
}

.press .newsArticle .firstColumn {
    width: 250px;
}

.press .newsArticle .article {
    margin-left: 250px;
    width: 530px;
}

.press .newsArticle .article h3.titleColor {
    margin-bottom: 0;
}

.registerPress {
    font-size: 13px;
    background: url(../images/structure/registerboxbottom.png) no-repeat left bottom;
    padding-bottom: 3px;
}

.registerPress .aanmeldenTop {
    width: 218px;
    height: 45px;
    background: url(../images/structure/aanmelden-top.png) no-repeat 0 0;
}

.registerPress .content {
    background-color: #B68F52;
    padding: 12px 15px 0 15px;
    color: #fff;
}

.registerPress .contactTop {
    background: url(../images/structure/contact_top.png) no-repeat 0 0;
    height: 29px;
    width: 218px;
}

.press .newsArticle .source h4 {
    color: #B68F52;
    font-weight: bold;
    font-size: 13px;
    margin: 25px 0 7px 0;
}

.press .newsArticle .source p {
    font-size: 13px;
    padding-right: 20px;
}

/* end pers */

/* begin conventie */

.conventieMainBlockPlayer {
    margin-bottom: 40px;
}

object {
    display: block;
    outline: none;
}

.conventieMainBlock {
    height: 317px;
    background: url(../images/content/conventie/main-picture.jpg) no-repeat left top;
    position: relative;
}

.conventieMainBlock .updateMe {
    position: absolute;
    bottom: 43px;
    left: -12px;
}

.conventieMainBlock .shield {
    background: url(../images/content/conventie/conventie/shield.png) no-repeat 0 0;
    width: 200px;
    height: 214px;
    position: absolute;
    right: -12px;
    top: 20px;
    font-size: 19px;
    color: #fff;
    padding: 107px 13px 0 17px;
}

.conventieMainBlock .shield p {
    line-height: 25px;
}

/*
.programAnkeiler {
    width: 187px;
    height: 148px;
    background: url(../images/content/conventie/verhaal/programma_bg.png) no-repeat 0 0;
    margin-top: 35px;
    color: #525252;
    font-size: 19px;
    padding: 70px 13px 0 17px;
}
*/

.programAnkeiler a,
.programAnkeiler div {
    text-decoration: none;
    color: #525252;
    cursor: pointer;
}

.programAnkeiler,
.theStoryAnkeiler {
    margin-top: 35px;
}

.mainBlock {
    margin-bottom: 26px;
}

.expected {
    background: url(../images/structure/border.gif) repeat-x left top;
    margin-top: 20px;
    position: relative;

}

.expected h3 {
    padding: 24px 0 14px 0;
}

.expected .speakers {
    margin-left: -12px;

}

.expected .speakers .person {
    float: left;
    margin-right: 10px;
}

.expected .speakers .person.last {
    margin-right: 0;
}

.expected .moreInfo {
    background: url(../images/structure/border.gif) repeat-x left bottom;
    overflow: hidden;
    padding: 35px 0 17px 0;
}

/* end conventie */

.smallContent {
    float: left;
    width: 638px;
    padding-top: 8px;
}

.rightColumn {
    float: right;
    width: 218px;
}

.rightColumn.imgBlock {
    width: 242px;
}

.rightColumn.imgBlock img {
    margin-right: -12px;
    float: right;
}

.footerContainer {
    background: url(../images/structure/border.gif) repeat-x left top;
    margin-top: 75px;
}

.footerContainer .footer {
    width: 936px;
    margin: 0 auto;
    position: relative;
}

.footer div.updateMe {
    position: absolute;
    right: 510px;
    z-index: 100;
    top: -80px;
}

.footer div.updateMe.arrow {
    background: url(../images/structure/arrow-update-box.png) no-repeat right 83px;
    height: 140px;
}

.footerContainer .footer .nav {
    width: 485px;
    float: left;
    margin-top: 5px;
}

.footerContainer .footer .nav ul li {
    float: left;
    padding: 4px 17px 0 17px;
    background: url(../images/structure/border_vertical.gif) repeat-y left top;
}

.footerContainer .footer .nav ul li.first {
    padding-left: 0;
    background: none;
}

.footerContainer .footer .nav ul li a {
    color: #202020;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.footerContainer .footer .nav ul li a:hover {
    color: #382c7f;
}

.footerContainer .footer .initiative {
    color: #888;
    font-style: italic;
    font-size: 13px;
    position: relative;
}

.footerContainer .footer .initiative img {
    position: absolute;
    right: 0;
    top: 8px;
}

.footerContainer .footer .initiative span {
    float: right;
    padding-right: 118px;
    padding-top: 9px;
}

/* navigation */

ul.topnav {
    position: relative;
    z-index: 100;
}

ul.topnav li {
    float: left;
    margin: 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li span.subhover {
    background-position: center bottom;
    cursor: pointer;
}

/*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: -17px;
    top: 27px; /*background: #B68F52;*/
    margin: 0;
    padding: 0;
    float: left;
    background: url(../images/structure/subnav-bg-top.png) no-repeat 0 0px;
    z-index: 1000;
    display: none;

}

ul.topnav li ul.subnav li.first {
    background-color: #B68F52;
    margin-top: 17px;
    padding: 0;
}

ul.topnav li ul.subnav li {
    margin: 0;
    padding: 0;
    clear: both;
    width: 172px;
    background: none;
    background-color: #B68F52;

}

html .headerContainer .mainMenu ul.topnav li.active ul.subnav li a,
html .headerContainer .mainMenu ul.topnav li.active ul.subnav li a:active,
html .headerContainer .mainMenu ul.topnav li.active ul.subnav li a:visited,
html ul.topnav li ul.subnav li a,
html ul.topnav li ul.subnav li a:active,
html ul.topnav li ul.subnav li a:visited,
html ul.topnav li ul.subnav li span {
    padding: 12px 0 12px 3px;
    color: #fff;
    background: transparent;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    display: block;
    margin: 0 15px;
    border-bottom: 1px solid #EBD4D7;
}

html ul.topnav li ul.subnav li.last span {
    color: #382C7F;
    background: transparent;
    border: none;
}

html .headerContainer .mainMenu ul.topnav li.active ul.subnav li a:hover,
html .headerContainer .mainMenu ul.topnav li ul.subnav li a:hover {
    color: #403386;
}

html ul.topnav li ul.subnav li.last {
    background: #B68F52 url(../images/structure/subnav-bg-bottom.gif) no-repeat 0 bottom;
    padding-bottom: 6px;
}

html ul.topnav li ul.subnav li.last a {
    border-bottom: none !important;
}

div.homeBanner {
    position: relative;
    margin-bottom: 30px;
}

/* subscribe form */
.subscribeform .naam, .presubscribeform .naam {
    height: 28px;
    margin-bottom: 5px;
}

#subscribeform2 .naam {
    display: none;
    height: 0px;
}

.subscribeform .email, .presubscribeform .email {
    position: relative;
}

.subscribeform .result, .presubscribeform .result {
    display: none;
}

.email label.error {
    background-color: #E5A7AC;
    color: black;
    position: absolute;
    padding: 3px;
    margin: 3px;
    top: 30px;
    left: 0px;
}

/* NB: generated with js */
#homeFlash {
    position: absolute;
    top: 0;
    left: 0;
}

/* add this buttons */
.socialmediaButtons {
    width: 330px;
    float: right;
    margin: 3px 20px 0 0;
}

.addthis_toolbox {
    float: right;
}

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}

.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}

.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}

.accreditatieform .field p {
    margin: 15px 0 5px 0;
    padding: 0;
}

.accreditatieform .field input,
.accreditatieform .field textarea {
    margin: 0;
    width: 408px;
}

.accreditatieform .result {
    display: none;
}

.accreditatieform .error {
    color: #ff0000;
}

.prefilled {
    font-style: italic;
}

/* begin staat van Nederland */
.jouw2028MainBlock {
    height: 317px;
    background: url(../images/content/staat-van-nederland/jouw2028/main-picture-jouw2028.jpg) no-repeat left top;
    position: relative;
}

.jouw2028MainBlock .shield {
    width: 200px;
    height: 214px;
    position: absolute;
    right: 18px;
    top: 20px;
    font-size: 19px;
    color: #fff;
    display: none
}

.jouw2028 {
    position: relative;
    right: 40px;
    top: 20px;
}

/* begin sprekers */
.carouselContainerSprekers {
    margin-bottom: 80px;
}

.carouselSprekers {
    position: relative;
    height: 283px;
}

.carouselSprekers .items {
    height: 283px;
}

.carouselSprekers .carouselNav {
    position: absolute;
    bottom: 10px;
    margin-left: 258px;
    width: 300px;
    z-index: 10;
}

.carouselSprekers .carouselNav .carouselSubnav {
    width: 165px;
    margin-left: 71px;
}

.carouselSubnav button {
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.carouselSprekers .carouselNav .carouselSubnav img {
    padding-right: 4px;
}

.carouselContainerSprekers .generalInfo {
    width: 238px;
    float: left;
}

.carouselContainerSprekers .generalInfo p {
    font-weight: bold;
    padding: 30px 30px 0 0;
}

.carouselSprekers .homeAnkeilerLarge {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}

.sort-bar {
    background: url(../images/structure/sort-bar.png) no-repeat 0 0;
    width: 926px;
    height: 44px;
    margin-bottom: 35px;
    padding-right: 10px;
}

.sort-bar .title {
    width: 300px;
    padding: 7px 0 0 15px;
}

.sort-bar .sort {
    width: 440px;
    float: right;
    text-align: right;
    padding-top: 9px;
}

.sort-bar .sort strong {
    color: #333333;
    font-size: 11px;
    padding-right: 10px;
}

select#sort option,
select#sort option {
    line-height: 28px;
}

.sprekersOverview {
    width: 960px;
    zoom: 1;
}

.sprekersOverview a {
    text-decoration: none;
}

div.spreker {
    height: 273px;
    width: 214px;
    text-align: center;
    margin-right: 26px;
    float: left;
    margin-bottom: 24px;
}

div.spreker span {
    display: none;
}

div.spreker.last {
    margin-right: 0;
}

div.spreker h4.titleWhite {
    padding-top: 190px;
}

div.spreker h5 {
    color: #000;
    font-size: 14px;
    font-weight: normal;
}

.sprekerDetail .newsItem,
.sprekerDetail .newsItem div.info {
    height: auto;
}

.sprekerDetail .newsItem div.info {
    /*overflow: hidden;*/
}

.sprekerDetail .newsItem div.info a.more {
    position: static;
}

.pager {
    background: url(../images/structure/border.gif) repeat-x left top;
    padding-top: 10px;
    margin-top: 30px;
}

.pager ul {
    text-align: center;
    margin: 0 0 5px 0;
}

.pager ul li {
    display: inline;
    font-size: 29px;
    text-transform: uppercase;
    color: #240078;
    margin: 0 8px;
}

.pager ul li a {
    color: #999999;
}

.pager ul li a img {
    vertical-align: middle;
}

#sort {
    height: 28px;
    width: 241px;
}

span.customStyleSelectBox {
    background: url("../images/structure/select.png") no-repeat scroll 0 0 transparent;
    text-align: left;
    height: 28px;
    width: 231px;
    line-height: 24px;
    padding-left: 10px;
}

.customStyleSelectBoxInner {
    height: 28px;
    color: #707070;
    background: transparent url("../images/structure/selectarrow.png") no-repeat center right;;
}

/* begin harmonica programma */
ul.overview {
    padding: 0;
    margin: 0;
}

ul.overview h3 {
    background: url(../images/structure/arrow-harmonica.png) no-repeat right center;
    height: 31px;
    padding: 13px 0;
    color: #1f1f1f;
    font-size: 31px;
    font-weight: normal;
    text-transform: uppercase;
}

ul.overview li {
    border-bottom: 1px solid #999999;
}

ul.overview li.open h3 {
    background: url(../images/structure/arrow-harmonica-down.png) no-repeat right center;
}

.programTimeOverview {
    background: url(../images/structure/bg-program-time-overview.png) repeat-y left 4px;
    margin-bottom: 45px;
}

body.js ul.overview li div.programDetails, body.js ul.programs li div.programSection {
    display: none;
}

.themaBar {
    border-top: 1px solid #999999;
    padding: 16px 0;
    margin: 0 0 18px 0;
    background: url("../images/structure/border.gif") repeat-x scroll left bottom transparent;
}

.themaBar a {
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    height: 24px;
    width: 103px;
    margin-left: 25px;
}

.themaBar a {
    height: 24px;
    display: block;
    float: left;
    width: 103px;
}

.themaBar a img {
    margin: 6px 0 0 5px;
    display: none;
}

.themaBar a.on img {
    display: block;
}

.themaBar a.first {
    padding-left: 0;
    margin-left: 0;
}

.themasOverview {

}

.themasOverview .row {
    padding: 11px 0 0 0;
    background: url("../images/structure/border.gif") repeat-x scroll left top transparent;
    margin-top: 10px;
}

.themasOverview .second {
    padding-top: 30px;
}

.themasOverview .row .thema {
    float: left;
    width: 270px;
    margin: 0 62px 7px 0;
}

.themasOverview .row .thema.last {
    margin-right: 0;
}

.themasOverview .row .thema .shortInfo {
    position: relative;
    height: 130px;
    padding-top: 40px;
}

.themasOverview .row .thema .shortInfo a {
    position: absolute;
    bottom: 0;
}

.themasDetail {
    margin: 37px 0 0 0;
}

.themasDetail .infoColumn {
    width: 655px;
    float: left;
}

.themasDetail .infoColumn img.thema {
    margin: 0 50px 35px 0;
    float: left;
}

.themasDetail ul {
    padding-left: 30px;
    padding-bottom: 20px;
}

.themasDetail ul li {
    list-style-type: disc;
    padding-left: 0px;
}

.themasDetail .menuThemas {
    float: right;
    width: 240px;
}

.themasDetail .menuThemas img {
    display: block;
    float: right;
}

/* element programma onderdeel */
ul.programs li>h3 {
    background: url(../images/structure/arrow-harmonica.png) no-repeat right center;
    height: 31px;
    padding: 13px 0;
    font-weight: normal;
    text-transform: uppercase;
}

ul.programs li {
    border-bottom: 1px solid #999999;
}

ul.programs li.open>h3 {
    background: url(../images/structure/arrow-harmonica-down.png) no-repeat right center;
}

.programSection div.bar, .homeAnkeilerLarge   div.bar {
    background: none;
}

.programSection div.bar h3.titleColorS, .homeAnkeilerLarge div.bar h3.titleColorS {
    position: relative;
    top: 2px;
    display: inline;
    padding-right: 10px;
}

.programSection div.bar h3.subject {
    position: relative;
    top: 2px;
    display: inline;
    padding-right: 3px;
    color: #240078;
}

.programSection div.bar h3.locatie, .homeAnkeilerLarge div.bar h3.locatie {
    padding-left: 15px;
}

.programSection div.bar span, .homeAnkeilerLarge div.bar span {
    padding-right: 11px;
}

.programSection div.bar span.location, .homeAnkeilerLarge div.bar span.location {
    color: #B68D52;
    font-size: 13px;
    font-weight: bold;
}

.programSection .info img.favorite {
    margin-right: 21px;
}

.favo {
    display: block;
    float: left;
    width: 144px;
    height: 26px;
    margin-right: 12px;
    background: url(../images/structure/btn-maak-favoriet.png) no-repeat 0 0;
}

.favo.wis {
    background: url(../images/structure/btn-wis-favoriet.png) no-repeat 0 0;
}

.eventdetail .favo {
    float: right;
    margin-top: 10px;
}

.programSection div.border {
    padding-top: 30px;
    background: url(../images/structure/border.gif) repeat-x left bottom;
}

/* programma overzicht */
.personalProgram {
    width: 183px;
    height: 40px;
    background: url(../images/content/conventie/programma/persoonlijk-programma.png) no-repeat 0 0;
    padding: 178px 15px 0 20px;
}

.programOverview .carouselContainerSprekers {
    margin-top: 50px;
    background: url(../images/structure/border.gif) repeat-x left top;
    padding-top: 30px;
}

.programOverview  .border {
    background: url(../images/structure/border.gif) repeat-x left bottom;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

.programOverview .carouselSprekers {
    height: 283px;
}

.programOverview .carouselNav {
    top: 187px;
    margin-left: 10px;
    width: 248px;
}

.programOverview .carouselSprekers .carouselNav .carouselSubnav {
    margin-left: 49px;
}

.programOverview .carouselSprekers .carouselNav .carouselSubnav img {
    padding-right: 0;
}

.programOverview .carouselSprekers .homeAnkeilerLarge {
    margin-left: 0;
    padding-left: 330px;
    width: 606px;
    left: 0;
}

.programOverview .homeAnkeilerLarge a.more {
    position: static;
}

/*  begin brainstorm */
.brainstormMainBlock {
    height: 317px;
    background: url(../images/content/staat-van-nederland/brainstorm/main-picture.jpg) no-repeat left top;
    position: relative;
}

.brainstormMainBlock .statementAnkeiler .statement {
    text-align: center;
    border-top: 4px solid #006EA9;
}

.brainstormMainBlock .statementAnkeiler .first {
    position: absolute;
    left: 83px;
    top: 46px;
    width: 160px;
}

.brainstormMainBlock .statementAnkeiler .first strong {
    font-size: 20px;
    padding: 6px 10px 2px 10px;
    line-height: 12px;
    display: block;
    text-transform: uppercase;
}

.brainstormMainBlock .statementAnkeiler .first span {
    font-size: 12px;
    display: block;
    padding-top: 5px;
    font-weight: bold;
    border-top: 4px solid #006EA9;
}

.brainstormMainBlock .statementAnkeiler .first a {
    float: right;
    padding-top: 11px;
}

.brainstormMainBlock .statementAnkeiler .second {
    position: absolute;
    left: 305px;
    top: 32px;
    width: 224px;
}

.brainstormMainBlock .statementAnkeiler .second strong {
    font-size: 30px;
    padding: 6px 10px 2px 10px;
    line-height: 22px;
    display: block;
    text-transform: uppercase;
}

.brainstormMainBlock .statementAnkeiler .second span {
    font-size: 16px;
    display: block;
    padding-top: 5px;
    font-weight: bold;
    border-top: 4px solid #006EA9;
}

.brainstormMainBlock .statementAnkeiler .second a {
    float: right;
    padding-top: 28px;
}

.brainstormMainBlock .statementAnkeiler .third {
    position: absolute;
    left: 606px;
    top: 44px;
    width: 165px;
}

.brainstormMainBlock .statementAnkeiler .third strong {
    font-size: 24px;
    padding: 6px 4px 2px 4px;
    line-height: 18px;
    display: block;
    text-transform: uppercase;
}

.brainstormMainBlock .statementAnkeiler .third span {
    font-size: 13px;
    display: block;
    padding-top: 5px;
    font-weight: bold;
    border-top: 4px solid #006EA9;
}

.brainstormMainBlock .statementAnkeiler .third a {
    float: right;
    padding-top: 9px;
}

/* kleuren voor statements */
.brainstormMainBlock .mobiliteit .first,
.brainstormMainBlock .mobiliteit .second,
.brainstormMainBlock .mobiliteit .third {
    color: #E88300;
}

.brainstormMainBlock .mobiliteit .first span,
.brainstormMainBlock .mobiliteit .second span,
.brainstormMainBlock .mobiliteit .third span,
.brainstormMainBlock .mobiliteit .statement {
    border-color: #E88300;
}

.brainstormMainBlock .pensioen .first,
.brainstormMainBlock .pensioen .second,
.brainstormMainBlock .pensioen .third {
    color: #0081C4;
}

.brainstormMainBlock .pensioen .first span,
.brainstormMainBlock .pensioen .second span,
.brainstormMainBlock .pensioen .third span,
.brainstormMainBlock .pensioen .statement {
    border-color: #0081C4;
}

.brainstormMainBlock .arbeidsparticipatie .first,
.brainstormMainBlock .arbeidsparticipatie .second,
.brainstormMainBlock .arbeidsparticipatie .third {
    color: #009150;
}

.brainstormMainBlock .arbeidsparticipatie .first span,
.brainstormMainBlock .arbeidsparticipatie .second span,
.brainstormMainBlock .arbeidsparticipatie .third span,
.brainstormMainBlock .arbeidsparticipatie .statement {
    border-color: #009150;
}

.brainstormMainBlock .veiligheid .first,
.brainstormMainBlock .veiligheid .second,
.brainstormMainBlock .veiligheid .third {
    color: #E0192B;
}

.brainstormMainBlock .veiligheid .first span,
.brainstormMainBlock .veiligheid .second span,
.brainstormMainBlock .veiligheid .third span,
.brainstormMainBlock .veiligheid .statement {
    border-color: #E0192B;
}

.brainstormMainBlock .gezondheid .first,
.brainstormMainBlock .gezondheid .second,
.brainstormMainBlock .gezondheid .third {
    color: #CC388E;
}

.brainstormMainBlock .gezondheid .first span,
.brainstormMainBlock .gezondheid .second span,
.brainstormMainBlock .gezondheid .third span,
.brainstormMainBlock .gezondheid .statement {
    border-color: #CC388E;
}

.brainstormMainBlock .solidariteit .first,
.brainstormMainBlock .solidariteit .second,
.brainstormMainBlock .solidariteit .third {
    color: #3D3B91;
}

.brainstormMainBlock .solidariteit .first span,
.brainstormMainBlock .solidariteit .second span,
.brainstormMainBlock .solidariteit .third span,
.brainstormMainBlock .solidariteit .statement {
    border-color: #3D3B91;
}

.brainstormMainBlock .shield {
    background: url(../images/content/staat-van-nederland/brainstorm/mini-shield.png) no-repeat 0 0;
    width: 137px;
    height: 105px;
    position: absolute;
    right: -12px;
    top: 209px;
    color: #F1F1F1;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6px;
}

.brainstormMainBlock .shield span {
    font-size: 30px;
    color: #E5A5AC;
}

.brainstormOverview {
    background: url(../images/structure/border.gif) repeat-x left top;
    padding-top: 30px;
}

.brainstormOverview .blockItems {
    /*margin-bottom: 50px;*/
}

.brainstormOverview .blockItems .blockItem {
    width: 456px;
    margin-bottom: 50px;
}

.brainstormOverview .blockItems div.more {
    background: url(../images/structure/border.gif) repeat-x left top;
    overflow: hidden;
    margin: 20px 0 0 0;
    padding-top: 8px;
}

.brainstormOverview .blockItems table.statements {
    height: 157px;
    text-align: center;
}

.brainstormOverview .blockItems table.statements td {
    text-align: center;
}

.brainstormOverview .blockItems table.statements td.first {
    text-align: left;
}

/*
.brainstormOverview .blockItems .mobiliteit .statements {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-mobiliteit.png) no-repeat 0 0;
}
.brainstormOverview .blockItems .pensioen .statements {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-pensioen.png) no-repeat 0 0;
}
.brainstormOverview .blockItems .arbeidsparticipatie .statements {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-arbeidsparticipatie.png) no-repeat 0 0;
}
.brainstormOverview .blockItems .veiligheid .statements {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-veiligheid.png) no-repeat 0 0;
}
.brainstormOverview .blockItems .gezondheid .statements {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-gezondheid.png) no-repeat 0 0;
}
.brainstormOverview .blockItems .solidariteit .statements {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-solidariteit.png) no-repeat 0 0;
}
*/
.brainstormOverview .blockItems .blockItem .statements a {
    background: url(../images/structure/arrow_large.png) no-repeat right center;
    color: #1f1f1f;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding: 8px 45px 8px 0;
}

.brainstormOverview .blockItems .blockItem .statements td.first a {
    background: none;
    padding-right: 0;
}

/* stellingen thema page */
.statementThemePage {
    padding-top: 40px;
    margin-bottom: 200px;
}

.statementThemePage.mobiliteit .statementShieldblock {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-mobiliteit-groot.png) no-repeat 0 0;
}

.statementThemePage.pensioen .statementShieldblock {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-pensioen-groot.png) no-repeat 0 0;
}

.statementThemePage.arbeidsparticipatie .statementShieldblock {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-arbeidsparticipatie-groot.png) no-repeat 0 0;
}

.statementThemePage.veiligheid .statementShieldblock {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-veiligheid-groot.png) no-repeat 0 0;
}

.statementThemePage.gezondheid .statementShieldblock {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-gezondheid-groot.png) no-repeat 0 0;
}

.statementShieldblock {
    width: 222px;
    height: 324px;
    padding: 22px 24px 0 24px;
    color: #fff;
    text-align: center;
    position: relative;
}

.statementShieldblock .statement {
    border-top: 5px solid #fff;
}

.statementShieldblock .statement strong {
    border-bottom: 5px solid #fff;
    display: block;
    padding: 3px 8px;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.statementShieldblock p {
    font-size: 18px;
    padding-bottom: 10px;
}

.statementShieldblock a {
    position: absolute;
    right: 50px;
    bottom: 40px;
}

.statementShieldblock .result {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 6px;
}

.statementShieldblock .result span {
    font-size: 30px;
    text-transform: uppercase;
    color: #E5A5AC;
}

.statementSubjects {
    float: right;
    width: 600px;
}

.statementSubjects h2 {
    padding-bottom: 11px;
}

.statementSubjects a,
.statementSubjects a:active,
.statementSubjects a:visited {
    display: block;
    border-top: 1px solid #ccc;
    color: #202020;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding: 18px 0 18px 27px;
    background: url(../images/structure/arrow_large.png) no-repeat 0 20px;
}

.statementSubjects a.done,
.statementSubjects a.done:active,
.statementSubjects a.done:visited {
    background: url(../images/structure/vink.png) no-repeat 0 20px;
    padding-left: 27px;
}

.statementSubjects a:hover {
    color: #E5A7AC;
}

/* reacties overzicht */
.answersOverviewPage .subject {
    padding-left: 230px;
    height: 117px;
    margin-bottom: 35px;
    padding-top: 40px;
}

.pensioen .answersOverviewPage .subject {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-pensioen.png) no-repeat 0 0;
}

.mobiliteit .answersOverviewPage .subject {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-mobiliteit.png) no-repeat 0 0;
}

.gezondheid .answersOverviewPage .subject {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-gezondheid.png) no-repeat 0 0;
}

.arbeidsparticipatie .answersOverviewPage .subject {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-arbeidsparticipatie.png) no-repeat 0 0;
}

.veiligheid .answersOverviewPage .subject {
    background: url(../images/content/staat-van-nederland/brainstorm/schild-veiligheid.png) no-repeat 0 0;
}

.answersOverviewPage {
    padding-top: 40px;
}

.answersOverview h2.title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 22px;
}

.answersOverview .answer {
    font-size: 13px;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.answersOverview .answer .opinion {
    float: left;
    width: 635px;
    font-size: 13px;
    font-weight: bold;
    color: #1F1F1F;
    padding-right: 10px;
    padding-left: 10px;
}

.answersOverview .answer .person {
    color: #B68C52;
    font-weight: bold;
    width: 157px;
    float: left;
    padding-right: 8px;
}

.answersOverview .answer .time {
    float: left;
    width: 116px;
    color: #240078;
}

.answersOverview .answer .feedback {
    margin-top: 8px;
    background: #F7E5E6 url(../images/structure/feedback-bar-top.png) no-repeat 0 0;
}

.answersOverview .answer .feedback .owner {
    float: left;
    width: 635px;
    font-style: italic;
    color: #1F1F1F;
    padding: 6px 10px 0px 10px;
}

.answersOverview .answer .feedback .owner p {
    padding-bottom: 8px;
    line-height: normal;
}

.answersOverview .answer .feedback .person {
    color: #240078;
    padding-top: 6px;
}

.answersOverview .answer .feedback .time {
    padding-top: 6px;
}

.answersOverview .answer .feedbackBottom {
    background: #F7E5E6 url(../images/structure/feedback-bar-bottom.png) no-repeat 0 0;
    line-height: 1px;
    font-size: 1px;
    height: 4px;
}

/* reageren op stelling pagina */
.respondPage {
    padding-top: 40px;
}

.respondPage .respondContainer {
    float: left;
    width: 455px;
    background: url(../images/structure/border.gif) repeat-x left bottom;
}

.errorBox {
    color: #ff0000;
}

.errorBox label {
    display: block;
}

.mobiliteit .respondPage .respond h2.titleSubject {
    color: #E88300;
}

.pensioen .respondPage .respond h2.titleSubject {
    color: #0081C4;
}

.arbeidsparticipatie .respondPage .respond h2.titleSubject {
    color: #009150;
}

.veiligheid .respondPage .respond h2.titleSubject {
    color: #E0192B;
}

.gezondheid .respondPage .respond h2.titleSubject {
    color: #CC388E;
}

.respondPage .respond h2.titleSubject {
    background: url(../images/structure/border.gif) repeat-x left bottom;
    padding-bottom: 15px;
    font-size: 21px;
    line-height: 28px;
    text-transform: none;
}

.respondPage .respond table {
    margin: 6px 0 12px 0;
}

.respondPage .respond table td {
    padding: 5px 0;
}

.respondPage .respond textarea {
    color: #382C7F;
    font-family: Georgia, serif;
    width: 445px;
    height: 80px;
    margin: 10px 0 30px;
    background: url(../images/content/staat-van-nederland/brainstorm/textarea-bg.png) no-repeat 0 0;
    border: none;
    padding: 5px;
}

.respondPage .respond input.send {
    float: right;
    width: 94px;
    height: 26px;
    background: url(../images/structure/btn_verstuur2.png) no-repeat 0 0;
    border: none;
    margin-bottom: 20px;
}

.respondPage .opinions {
    float: right;
    width: 401px;
}

.respondPage .opinions .opinion {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-size: 13px;
}

.respondPage .opinions .opinion a,
.respondPage .opinions .opinion a:active,
.respondPage .opinions .opinion a:visited {
    display: block;
    color: #202020;
    font-weight: bold;
    text-decoration: none;
    background: url(../images/structure/arrow_large.png) no-repeat left center;
    padding-left: 24px;
    margin-bottom: 5px;
    max-height: 32px;
    overflow: hidden;
}

.respondPage .opinions .opinion strong {
    color: #B68C52;
    padding: 0 10px 0 24px;
}

.respondPage .opinions .opinion span {
    color: #240078;
}

.respondPage .opinions a.more {
    padding-top: 34px;
}

.respondPage .opinions .opinion .feedback {
    background: #F7E5E6 url(../images/structure/feedback-bar-top-small.png) no-repeat 0 0;
    padding: 7px 10px 4px 24px;
    margin-top: 11px;
}

.respondPage .opinions .opinion .feedback p {
    font-style: italic;
    color: #1F1F1F;
    line-height: normal;
    padding-bottom: 7px;
}

.respondPage .opinions .opinion .feedback strong {
    color: #240078;
    padding-left: 0;
}

.respondPage .opinions .opinion .feedbackBottom {
    background: #F7E5E6 url(../images/structure/feedback-bar-bottom-small.png) no-repeat 0 0;
    height: 5px;
    font-size: 1px;
    line-height: 1px;
    margin-bottom: 4px;
}

/* account registratie */
.registration {
    margin-top: 40px;
    height: 222px;
    padding-left: 320px;
    background: url(../images/structure/schild-conventie-van-achlum.png) no-repeat 0 0;
    position: relative;
}

.registration table {
    margin-top: 15px;
}

.registration table td {
    padding: 7px 0;
}

.registration input.send {
    background: url(../images/structure/btn_verstuur2.png) no-repeat 0 0;
    width: 94px;
    height: 26px;
    border: none;
    font-size: 0;
    line-height: 0;
    text-indent: -99999px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.registration a.more {
    position: absolute;
    right: 0;
    bottom: 0;
}

.input216 {
    width: 211px;
    height: 26px;
    background: url(../images/structure/bg-input216.png) no-repeat 0 0;
    border: none;
    color: #382C7F;
    padding: 0 0 0 5px;
    line-height: 26px;
}

.input278 {
    width: 278px;
    height: 26px;
    background: url(../images/structure/bg-input278.png) no-repeat 0 0;
    border: none;
    color: #382C7F;
    line-height: 26px;
}

.videoBox, .contactBox, .loginBox {
    width: 315px;
    height: 230px;
    background-color: #EAEAEA;
    display: none;
    padding: 15px 0;
}

.videoBox {
    width: 640px;
    height: 390px;
    padding-top: 30px;
}

.contactBox {
    width: 340px;
    height: 170px;
}

.videoBox .close, .contactBox .close, .loginBox .close {
    background-image: url("../images/structure/loginbox-close.png");
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 12px;
    top: 15px;
    width: 15px;
}

.videoBox .close {
    top: 7px;
}

.contactBox h2.title, .loginBox h2.title {
    background: url(../images/structure/border-white-grey.png) repeat-x left bottom;
    padding-bottom: 6px;
    padding-left: 20px;
}

.contactBox p {
    padding-left: 20px;
}

.loginBox .input278 {
    margin: 10px 0 5px 0;
    padding-left: 10px;
    width: 305px;
}

.loginBox .loginInfo {
    padding-left: 20px;
}

.loginBox .loginInfo a,
.loginBox .loginInfo a:active,
.loginBox .loginInfo a:visited {
    color: #666;
    font-size: 12px;
    font-style: italic;
}

.loginBox .loginInfo a:hover {
    color: #240078;
}

.loginBox {
    position: relative;
}

.loginBox .contentWrap .buttons {
    position: absolute;
    bottom: 10px;
    padding-top: 10px;
    background: url(../images/structure/border-white-grey.png) repeat-x left top;
    padding-left: 20px;
}

.loginBox .contentWrap .buttons input.login {
    background: url(../images/structure/btn_login.png) no-repeat 0 0;
    width: 70px;
    height: 26px;
    border: none;
}

/* grafiekenpagina */

.thankyou {
    background: url(../images/structure/border.gif) repeat-x left bottom;
    margin-bottom: 35px;
    padding-bottom: 18px;
}

.thankyou h2.title {
    color: #3D3A91;
}

.resultStatements {
    background: url(../images/content/staat-van-nederland/brainstorm/bg_results.png) no-repeat 0 0;
    width: 455px;
    height: 171px;
    position: relative;
}

.resultStatements .shield {
    background: url(../images/content/staat-van-nederland/brainstorm/mini-shield-results.png) no-repeat 0 0;
    width: 85px;
    height: 64px;
    position: absolute;
    right: -15px;
    bottom: -37px;
    padding-top: 0px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 16px;
    padding-top: 5px;
}

.resultStatements .shield span {
    color: #E5A5AC;
    font-size: 30px;
}

.resultStatements .box1,
.resultStatements .box2,
.resultStatements .box3,
.resultStatements .box4,
.resultStatements .box5 {
    width: 63px;
}

.resultStatements .rate {
    color: #88636A;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin-top: -19px;
}

.resultStatements .boxheight {
    width: 50px;
    margin: 0 6px 0 7px;
}

.resultStatements .answer {
    color: #333333;
    font-style: italic;
    font-size: 10px;
    padding-top: 26px;
    height: 49px
}

.resultStatements .boxheight {
    height: 76px;
    position: relative;
}

.boxheight .height {
    -moz-border-radius: 2px 2px 0 0; /* Firefox */
    -webkit-border-radius: 2px 2px 0 0; /* Safari and Chrome */
    border-radius: 2px 2px 0 0; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    position: absolute;
    bottom: 0;
    width: 50px;
}

.resultStatements .box1 .boxheight .height {
    background-color: #835F66;
}

.resultStatements .box2 .boxheight .height {
    background-color: #cb909c;
}

.resultStatements .box3 .boxheight .height {
    background-color: #aa7c86;
}

.resultStatements .box4 .boxheight .height {
    background-color: #cf9ea4;
}

.resultStatements .box5 .boxheight .height {
    background-color: #835F66;
}

.resultStatements .box1 .answer {
    background: url(../images/content/staat-van-nederland/brainstorm/bg_result_bottom1.png) no-repeat 7px 0;
}

.resultStatements .box2 .answer {
    background: url(../images/content/staat-van-nederland/brainstorm/bg_result_bottom2.png) no-repeat 7px 0;
}

.resultStatements .box3 .answer {
    background: url(../images/content/staat-van-nederland/brainstorm/bg_result_bottom3.png) no-repeat 7px 0;
}

.resultStatements .box4 .answer {
    background: url(../images/content/staat-van-nederland/brainstorm/bg_result_bottom4.png) no-repeat 7px 0;
}

.resultStatements .box5 .answer {
    background: url(../images/content/staat-van-nederland/brainstorm/bg_result_bottom5.png) no-repeat 7px 0;
}

.resultStatements .results5 {

}

.resultStatements .results4 {

}

/*posities 4 resulaten */
.resultStatements .results5 .box1,
.resultStatements .results5 .box2,
.resultStatements .results5 .box3,
.resultStatements .results5 .box4,
.resultStatements .results5 .box5,
.resultStatements .results4 .box1,
.resultStatements .results4 .box2,
.resultStatements .results4 .box3,
.resultStatements .results4 .box4,
.resultStatements .results3 .box1,
.resultStatements .results3 .box2,
.resultStatements .results3 .box3,
.resultStatements .results2 .box1,
.resultStatements .results2 .box2 {
    position: absolute;
    bottom: 0px;
}

.resultStatements .results5 .box1 {
    left: 15px;
}

.resultStatements .results5 .box2 {
    left: 108px;
}

.resultStatements .results5 .box3 {
    left: 200px;
}

.resultStatements .results5 .box4 {
    left: 293px;
}

.resultStatements .results5 .box5 {
    left: 378px;
}

.resultStatements .results4 .box1 {
    left: 30px;
}

.resultStatements .results4 .box2 {
    left: 130px;
}

.resultStatements .results4 .box3 {
    left: 225px;
}

.resultStatements .results4 .box4 {
    left: 318px;
}

.resultStatements .results3 .box1 {
    left: 60px;
}

.resultStatements .results3 .box2 {
    left: 190px;
}

.resultStatements .results3 .box3 {
    left: 315px;
}

.resultStatements .results2 .box1 {
    left: 120px;
}

.resultStatements .results2 .box2 {
    left: 265px;
}

/* fix voor probleem ie met jquery onclick function harmonica */
ul.overview h3 cufon.cufon-vml, ul.programs h3 cufon.cufon-vml {
    z-index: -1;
}

/* fix voor chrome en safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .updateMe .content input.ok, .presubscribeMe .content input.ok {
        position: relative;
        top: -12px;
    }
}

.event_tooltip {
    background-color: #E5A7AC;
    padding: 10px 20px;
    /* must be initially hidden */
    display: none;

    /* place overlay on top of other elements */
    z-index: 10000;

    width: 340px;
    min-height: 200px;
}

/* close button positioned on upper right corner */
.event_tooltip .close {
    background-image: url(../images/structure/close.png);
    position: absolute;
    right: 15px;
    top: 25px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.event_tooltip h3.title {
    color: #0080C4;
    font-family: 'BlenderRegular';
    font-weight: normal;
    margin-bottom: 10px;
}

.event_tooltip h3.title.mobiliteit {
    color: #E88300;
}

.event_tooltip h3.title.solidariteit {
    color: #3D3B91;
}

.event_tooltip h3.title.veiligheid {
    color: #E0192B;
}

.event_tooltip h3.title.pensioen {
    color: #0081C4;
}

.event_tooltip h3.title.gezondheid {
    color: #CC388E;
}

.event_tooltip h3.title.arbeidsparticipatie {
    color: #009652;
}

.event_tooltip h3.title.amusement {
    color: #B68F52;
}

.event_tooltip h2 {
    font-size: 14px;
    margin-bottom: 10px;
}

.event_tooltip .loc {
    font-size: 13px;
    color: #333333;
    margin-bottom: 15px;
}

.event_tooltip .content {
    padding: 20px 20px;
    margin: 0px -20px;
    border-top: dotted 1px #fff;
    border-bottom: dotted 1px #fff;
    width: 100%;
    color: #000000;
    font-size: 13px;
}

.meerthemaspopup h2 {
    font-size: 30px;
}

.meerthemaspopup .close {
    right: -5px;
    top: -5px;
}

.meerthemaspopup a {
    border: none !important;
}

.meerthemaspopup .meerthemas {
    margin: 0;
}

.meerthemaspopup .meerthemas span {
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    display: block;
    line-height: 22px;
}

.meerthemas {
    margin-top: 30px;
}

.meerthemas a.more {
    background: none;
    border-top: none;
    color: #240078;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid #240078;
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.mouseover:hover {
    cursor: pointer;
    color: #B68F52;
}

.box {
    position: relative;
    behavior: url(/assets/style/PIE.htc);
    width: 460px;
    height: 260px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.brown.box {
    background-color: #B68F52;
}

.grey.box {
    background-color: #E6E6E6;
}

.grey.box h2 {
    color: #E5A7AC;
}

.box h2 {
    margin: 0;
    padding: 5px 18px 12px 18px;
    text-transform: uppercase;
    color: #382C7F;
    font-size: 30px;
    border-bottom: 1px dotted white;
}

.grey.box p {
    color: #555;
}

.box p {
    padding: 15px 18px 10px 18px;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}

.box a {
    position: absolute;
    bottom: 15px;
    right: 18px;
}

.verslagbox {
    position: absolute;
    bottom: 50px;
    left: 119px;
    width: 471px;
    padding: 10px 18px 5px 18px;
    background: url(../images/structure/report-teaser.png) no-repeat;
}

.verslagbox-footer {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    overflow: hidden;
    font: 1px/1 serif;
    background: url(../images/structure/report-teaser.png) no-repeat bottom left;
}

.verslagbox h2 {
    color: #ffffff;
    font-size: 60px;
}

.verslagbox h2 a {
    /* IE */
    text-decoration: none;
}

.verslagbox h3 {
    margin-bottom: 15px;
    font-size: 28px;
}

.report-theme-uitgelicht h3 {
    color: #812091;
}

.report-theme-solidariteit h3 {
    color: #3d3b91;
}

.report-theme-pensioen h3 {
    color: #0081c4;
}

.report-theme-arbeidsparticipatie h3 {
    color: #009652;
}

.report-theme-veiligheid h3 {
    color: #e0192b;
}

.report-theme-gezondheid h3 {
    color: #cc388e;
}

.report-theme-mobiliteit h3 {
    color: #e88300;
}

.report-theme-amusement h3 {
    color: #b68f52;
}

.verslagbox p {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.report-content-frame .quote {
    padding: 30px;
    position: relative;
    font-size: 23px;
    color: #1F1F1F;
}

.openquote {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #D29FA6;
    font-size: 40px;
}

.closequote {
    color: #D29FA6;
    font-size: 40px;
    position: absolute;
    bottom: -6px;
    right: 0px;
}

.report-theme-uitgelicht .subt {
    background-color: #812091;
}
.report-theme-solidariteit .subt {
    background-color: #3d3b91;
}

.report-theme-pensioen .subt {
    background-color: #0081c4;
}

.report-theme-arbeidsparticipatie .subt {
    background-color: #009652;
}

.report-theme-veiligheid .subt {
    background-color: #e0192b;
}

.report-theme-gezondheid .subt {
    background-color: #cc388e;
}

.report-theme-mobiliteit .subt {
    background-color: #e88300;
}

.report-theme-amusement .subt {
    background-color: #b68f52;
}

.phototeaser,
.videoteaser {
    margin-bottom: 20px;
}

.phototeaser img,
.videoteaser img {
    margin-left: 15px;
}

.phototeaser .subt,
.videoteaser .subt {
    behavior: url(/assets/style/PIE.htc);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 240px;
    padding: 5px;
    margin-top: -3px;
    color: #ffffff;
    text-align: center;

}

.phototeaser a {
    text-decoration: none;
}

.reportDetail {
    margin: 37px 0 0 0;
}

.reportDetail  .contentColumn {
    width: 655px;
    float: left;
}

.reportDetail  .contentColumn h2 {
    color: #382C7F;
}

.reportDetail  .speakers img {
    margin-right: 15px;
}

.reportDetail .infoColumn {
    float: right;
    width: 240px;
}

.youtubebox {
    position: absolute;
    bottom: 50px;
    left: 719px;
    padding: 15px;
    width: 290px;
    background: url(../images/structure/youtubebox.png) no-repeat;
}

.youtubebox-footer {
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 10px;
    width: 100%;
    overflow: hidden;
    font: 1px/1 serif;
    background: url(../images/structure/youtubebox.png) no-repeat bottom left;
}

.youtubebox h2 {
    color: #ffffff;
    font-size: 60px;
    float: left;
}

.youtubebox h3 {
    color: #ffffff;
    font-size: 28px;
    margin-top: 24px;
    float: right;
}

.reportoverlay {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;

    background: rgb(229, 167, 172);
    background: rgba(229, 167, 172, 0.9);
    -pie-background: rgba(229, 167, 172, 0.9);

    display: none;
}

.reportoverlay .content {
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.reportoverlay .content h2 {
    color: white;
    font-size: 58px;
    margin: 17px 0 5px 0;
}

.reportoverlay .close {
    float: right;
    margin-right: 30px;
    margin-top: 30px;
}

.speakers span {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    float: left;
    margin-top: 106px;
    margin-left: -133px;
    width: 115px;
    overflow: hidden;
    line-height: 10px;
}

/* @group IE > 7 cufon */

.reportHeadTitle .next a .cufon-vml,
div.report-paging .cufon-vml,
.report-pagination-title .cufon-vml,
ul.subnav .cufon-vml {
    top: -3px;
}

a.report-read-more-button .cufon-vml {
    top: -2px;
}

/* @end */
