/* article styles, section pages */

/* boxes */

body.page-section #content .rounded {
    background:url("http://www.nspoort.nl/images/boxes/section.gif") repeat-y;
}

body.page-section #content .rounded .top {
    background:url("../images/boxes/section-top.gif");
}

body.page-section #content .rounded .bottom {
    background:url("http://www.nspoort.nl/images/boxes/section-btm.gif");
}

/* section-index */
.section-index {
    position:relative;
    clear:both;
    margin:0 0 1.5em 0;
    float:left;
    width:423px;
}

.section-index h2 {
    position:absolute;
    left:-3000em;
}

#content .section-index ul li {
    line-height:1.15;
    background:0;
}

#content .section-index ul li.rounded {
    background:url("../images/boxes/section-index.gif") left 50% no-repeat;
    overflow:hidden;
    margin-bottom:.65em;
}

/* selector is extra specific (#content added), to override .passive */
#content .section-index ul li.active {
    background-position:-423px 50% !important;
}

#content .section-index ul li.passive {
    background-position:-846px 50%;
}

#content .section-index ul li.rounded .top {
    background:url("../images/boxes/section-index-top.gif");
    margin:0 -14px -10px -14px;
}

#content .section-index ul li.rounded .bottom {
    height:12px;
    background:url("../images/boxes/section-index-btm.gif");
}

#content .section-index ul li.active .top,
#content .section-index ul li.active .bottom  {
    background-position:-423px top !important;
}

#content .section-index ul li.passive .top,
#content .section-index ul li.passive .bottom  {
    background-position:-846px top;
}

#content .section-index ul li a {
    position:relative;
    margin:0 -14px -9px -14px;
    padding:0;
    z-index:10;
    background-image:none;
}

#content .section-index ul li a span {
    display:block;
    padding:1em 50px 1em 12px;
    background:url("../images/icons/arrow-index.gif") 395px 52% no-repeat;
    color:#006
}

#content .section-index ul li.active a span {
    background-image:url("../images/icons/arrow-index-active.gif") !important;
}

#content .section-index ul li.passive a span {
    background-image:url("http://www.nspoort.nl/images/icons/arrow-index-passive.gif");
}

#content .section-index ul li a:hover span,
#content .section-index ul li.active a:hover span,
#content .section-index ul li.passive a:hover span {
    background-position: -62px 50%;
    text-decoration:underline;
}

#content .section-index ul li a.price strong{
    padding-right:5.5em;
}

#content .section-index ul li a strong{
    display:block;
    font-size:135%;
    font-weight:normal;
    line-height:1.20;
    margin-bottom:.25em
}

#content .section-index ul li a strong span {
    text-align:right;
    display:block;
    position:absolute;
    right:50px;
    top:.75em;
    background-image:none;
    padding:0;
}
#content .section-index ul li a strong span s {
    display:block;
    font-size:74%;
    margin-bottom:.1em;
    line-height:1.7;
}

#content .section-index ul li a.price p {
    padding-right:5.5em;
}
/* section-briefings */
.section-briefings .briefing {
    width:422px;
    float:right;
    clear:right;
    position:relative;
    margin:0 0 2em 0 !important;
}

body.js-enabled #main-content .section-briefings .briefing {
    display:none;
}

body.js-enabled #main-content .section-briefings .briefing.active {
    display:block;
}

.section-briefings .briefing .price {
    clear:right;
    overflow:hidden;
    margin:0 0 1.5em 0;
}

.section-briefings .briefing .price strong {
    float:left;
    margin:-.3em 1em 0 0;
    font-size:150%;
    font-weight:normal;
}
.section-briefings .briefing .price strong span {
    font-size:66%;
    padding-left:1em;
}

.section-briefings .briefing .price .more {
    float:left;
}

.section-briefings .briefing .article-info {
    float:none;
    margin-bottom:0;
    padding-bottom:0;
}

/*.section-briefings .briefing caption {
        padding-top:1.1em;
    }*/


.section-briefings .briefing .scroll-up {
    display:none;
}

/* section-related */

.section-related {
    margin:0 0 30px 0;
    padding-top:0;
    padding-bottom:0;
}
.section-related .top {
    margin-bottom:-1em;
}

.section-related .bottom {
    margin-top:-1.6em;
}

.section-related .item {
    margin:0 0 2.4em;
}

.section-related .item .list-links {
    border-bottom:1px solid #F1F1F1;
    padding-bottom:0.4em;
}
.section-related h3 {
    color:#006
}

body.clickednshown .promo {
    display:none !important;
}

/* application */
body.page-section #content #application-content {
    position:relative;
}

body.page-section #content #application-content .application {
    background-image:url("../images/boxes/application-large.gif");
    margin-bottom:20px;
}

body.page-section #content #application-content .application .top {
    background-image:url("../images/boxes/application-large-top.gif");
}

body.page-section #content #application-content .application .bottom {
    clear:both;
    background-image:url("../images/boxes/application-large-btm.gif");
    padding-bottom:2px;
}

.application fieldset {
    display:block;
    padding:.5em 0 .3em 0;
}

body.page-section #content .default fieldset {
    display:block;
    padding:10px 0 0 0;
}

#periode h2,
#periode fieldset label,
#periode-filter h2 {
    position:absolute;
    left:-3000em;
}

form#periode-filter:after {
    display:block;
    height:0;
    clear:both;
    content:".";
    visibility:hidden;
}

#periode-filter fieldset {
    float: left;
    width: 50%;
}

body.page-section #content #periode-filter fieldset.press-subject {
    margin-top: 11px;
    padding-top:0;
    padding-left:20px;
    padding-bottom: 0;
    float:left;
    width:411px;
    clear:none;
    background:url("../images/boxes/application-separator-y.gif") left top repeat-y;
}

body.js-enabled fieldset.press-subject {
    margin-top:20px;
    margin-bottom: 16px;
}
#periode-filter fieldset div {
    float: none;
    clear: both;
    padding: .25em 0;
}

#periode-filter fieldset label {
    width: 100px;
}

#periode-filter fieldset select,
#periode-filter fieldset input {
    display: inline;
    float: none;
    width: 165px;
}

#periode-filter fieldset select {
    width: 171px;
}

#periode-filter fieldset input.submit { width:auto; }
body.js-enabled #periode-filter fieldset input.submit {
    display:none;
}

#periode-filter fieldset select.short {
    width: 60px;
}

#periode-filter fieldset select option {
    padding: 0;
}

#periode-filter p.buttons {
    float:right;
    margin: -2.1em 0 0 0;
}

#periode-filter p.buttons a.button { display:none; }
body.js-enabled #periode-filter p.buttons a.button { display:block; }

#periode-filter p.buttons a {
    margin: 0;
}

.application h3,
.application fieldset div {
    clear:none;
    float:left;
    margin:0 0.5em 0 0;
    padding:0;
}

.application h3 {
    font-weight:normal;
    color:#006;
    margin-right:1.5em
}

.application fieldset select {
    margin-right:.5em
}

.application fieldset select option {
    padding:.2em .2em 0 .2em;
}

.application .buttons {
    float:right;
    padding-bottom:0;
}

/* thumbnails */
#content .section-index ul li.rounded .thumbnail {
    padding-left:64px;
    background-repeat:no-repeat;
    border:0;
}
#content .section-index ul li.rounded .thumbnail.no-image {
    padding-left:10px !important;
    background:none;
}

#content .section-index ul li.rounded .thumbnail .top,
#content .section-index ul li.rounded .thumbnail .bottom {
    height:9px;
    width:9px;
    position:absolute;
    top:0;
    left:0;
    background:transparent url(http://www.nspoort.nl/images/boxes/mask-top.png) 0 0 no-repeat !important;
    margin:0;
    padding:0;
}

#content .section-index ul li.rounded .thumbnail .bottom {
    background-image:url(../images/boxes/mask-btm.png) !important;
    top:auto;
    bottom:0;
}

#content .section-index ul li a.thumbnail span {
    background-position:331px 50%;
}

#content .section-index ul li a.thumbnail:hover span,
#content .section-index ul li.active a.thumbnail:hover span,
#content .section-index ul li.passive a.thumbnail:hover span {
    background-position: -126px 50%;
}
.projectimage {
    width: 420px;
}