/* .article-detail .gpp vervangen door #gpp */ 


.article-detail .gpp {
background-color:#e5e4e4;
overflow:hidden;
position:relative;
border:1px solid #ccc;
width:298px;
margin:0 11px 22px 0;
/*display:none;*/
}

.article-detail .gpp ul.photos li {
display:none;
}

.article-detail .gpp ul.photos li.first {
display:block;
}

.article-detail .gpp ul.photos li img {
display:block;
margin:0 auto;
}

.article-detail .gpp .bar {
position:relative;
}

.article-detail .gpp p {
margin:0;
}

.article-detail .gpp p.caption {
color:#333;
text-shadow:0 0 0 #000;
font-size:12px;
width:180px;
min-height:30px;
padding:10px;
}

.article-detail .gpp p.copyright {
font-size:10px;
color:#aaa;
text-shadow:0 0 0 #000;
padding:0 10px 5px;
}

.article-detail .gpp ul.controls {
position:absolute;
height:16px;
top:10px;
right:10px;
width:40px;
/*display:none;*/
}


.article-detail .gpp ul.controls li.prev {
position:absolute;
top:0;
left:0;
background:url(/extra/static/nbo35/images/gpp/previous_16x16.png) no-repeat 0 0;
height:16px;
width:16px;
display:block;
}

.article-detail .gpp ul.controls li.prev a, .article-detail .gpp ul.controls li.prev.dimmed a {
height:16px;
width:16px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

.article-detail .gpp ul.controls li.prev a {
background:url(/extra/static/nbo35/images/gpp/previous_16x16.png) no-repeat 0 0;
}

.article-detail .gpp ul.controls li.prev.dimmed a {
background:url(/extra/static/nbo35/images/gpp/previous_dimmed_16x16.png) no-repeat 0 0;
}

.article-detail .gpp ul.controls li.info {
position:absolute;
top:20px;
font-size:9px;
line-height:16px;
width:44px;
text-align:center;
padding:0;
}

.article-detail .gpp ul.controls li.next {
position:absolute;
top:0;
right:0;
height:16px;
width:16px;
display:block;
}

.article-detail .gpp.full-width ul.controls li.next {
background:url(/extra/static/nbo35/images/gpp/next_16x16.png) no-repeat 0 0;
}

.article-detail .gpp ul.controls li.next a, .article-detail .gpp ul.controls li.next.dimmed a {
height:16px;
width:16px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

.article-detail .gpp ul.controls li.next a {
background:url(/extra/static/nbo35/images/gpp/next_16x16.png) no-repeat 0 0;
}

.article-detail .gpp ul.controls li.next.dimmed a, .article-detail .gpp ul.controls li.next.dimmedforad a, .article-detail .gpp ul.controls li.next.dimmedforad {
background:url(/extra/static/nbo35/images/gpp/next_dimmed_16x16.png) no-repeat 0 0;
}

.article-detail .gpp.full-width {
width:568px !important;
}

.article-detail .gpp.full-width ul.photos li {
height:380px !important;
width:100%;
}

.article-detail .gpp.full-width ul.photos li img {
max-height:380px;
}

.article-detail .gpp.full-width p.caption {
width:450px;
}

/******************* single image - versie *************************/

.article-detail .gpp.single p.caption{
width:auto;
min-height:0px;
}

.article-detail .gpp.single ul.controls{
display:none;
}



/******************* 4 kolom - versie *************************/

.span-4.article-detail .gpp.full-width {
width:767px !important;
}

.span-4.article-detail .gpp.full-width ul.photos li {
height:513px !important;
width:100%;
}

.span-4.article-detail .gpp.full-width ul.photos li img {
max-height:513px;
}

.span-4.article-detail .gpp.full-width p.caption {
width:630px;
}

.span-4.article-detail .jcarousel-skin .jcarousel-container-horizontal {
margin:0 16px;
padding:0;
width:735px;
}

.span-4.article-detail .jcarousel-skin .jcarousel-clip-horizontal {
height:105px;
overflow:hidden;
padding:20px 0;
width:736px;
}

.span-4.article-detail .jcarousel-list li,.span-4.article-detail .jcarousel-item {
height:105px;
}

.span-4.article-detail .jcarousel-list li img,.span-4.article-detail .jcarousel-item img {
height:105px;
margin-left:-55px;
}

.span-4.article-detail .jcarousel-list li.activeSlide {
height:131px;
}

.span-4.article-detail .jcarousel-list li.activeSlide img {
height:131px;
margin-left:-75px;
}

.span-4.article-detail .jcarousel-skin .jcarousel-next-horizontal,.span-4.article-detail .jcarousel-skin .jcarousel-prev-horizontal {
background-position:0 center;
height:105px;
}

.span-4.article-detail .hovercontrols a.prevPhoto,.span-4.article-detail .hovercontrols a.nextPhoto {
height:370px;
margin-top:-185px;
}

.span-4.article-detail .gpp.full-width #photoslider,.span-4.article-detail .gpp .hovercontrols,.span-4.article-detail .gpp #gpp_ads {
height:513px;
width:767px;
}


/**************************************************************/


/**************** colorbox - photobox - versie *********************/

.article-detail .gpp.photobox {
margin-top:-20px;
background-color:#000;
border:0;
}

.article-detail .gpp.photobox #photocontainer {
height:513px;
position:relative;
width:767px;
}

.article-detail .gpp.photobox #photocontainer .bar {
background:url(/extra/static/nbo35/images/coda/coda-text-bg.png) repeat scroll left top transparent;
bottom:0;
left:0;
position:absolute;
width:100%;
z-index:998;
}

.article-detail .gpp.photobox .jcarousel-skin .jcarousel-container {
background-color:#000;
}

.article-detail .gpp.photobox {
width:767px !important;
}

.article-detail .gpp.photobox ul.photos li {
height:513px !important;
width:100%;
}

.article-detail .gpp.photobox ul.photos li img {
max-height:513px;
}

.article-detail .gpp.photobox p.caption {
color:#fff;
width:580px;
}

.article-detail .gpp.photobox .jcarousel-skin .jcarousel-container-horizontal {
margin:0 16px;
padding:0;
width:735px;
}

.article-detail .gpp.photobox .jcarousel-skin .jcarousel-clip-horizontal {
height:105px;
overflow:hidden;
padding:20px 0;
width:736px;
}

.article-detail .gpp.photobox .jcarousel-list li,.article-detail .gpp.photobox .jcarousel-item {
height:105px;
}

.article-detail .gpp.photobox .jcarousel-list li img,.article-detail .gpp.photobox .jcarousel-item img {
height:105px;
/*margin-left:-55px;*/
margin-left:-52px;
}

.article-detail .gpp.photobox .jcarousel-list li.activeSlide {
height:131px;
}

.article-detail .gpp.photobox .jcarousel-list li.activeSlide img {
height:131px;
/* margin-left:-75px; */
margin-left:-66px;
}

.article-detail .gpp.photobox .jcarousel-skin .jcarousel-next-horizontal,.article-detail .gpp.photobox .jcarousel-skin .jcarousel-prev-horizontal {
background-color:#111;
background-position:0 center;
height:105px;
}

.article-detail .gpp.photobox .hovercontrols a.prevPhoto,.article-detail .gpp.photobox .hovercontrols a.nextPhoto {
height:370px;
margin-top:-185px;
}

.article-detail .gpp.photobox ul.controls {
bottom:10px;
color:#fff;
top:auto;
width:auto;
}

.article-detail .gpp.photobox ul.controls li.info {
font-size:10px;
padding:0;
position:static;
text-align:auto;
top:auto;
width:auto;
}

.article-detail .gpp.photobox a.hidebar {
background:transparent url(/extra/static/nbo35/images/gpp/arrow_down_7x4.gif) no-repeat left 14px scroll;
color:#aaa;
font-size:10px;
padding:7px 10px 7px 11px;
position:absolute;
right:0;
text-decoration:none;
top:0;
}

.article-detail .gpp.photobox a.showbar {
background:#111 url(/extra/static/nbo35/images/gpp/arrow_up_7x4.gif) no-repeat 6px 9px scroll;
bottom:0;
color:#aaa;
font-size:10px;
margin:1px;
padding:1px 5px 1px 18px;
position:absolute;
right:0;
text-decoration:none;
}

.article-detail .gpp.photobox .hovercontrols a.playPhoto,.article-detail .gpp.photobox .hovercontrols a.pausePhoto {
left:5px;
}

.article-detail .gpp.photobox #photoslider,.article-detail .gpp.photobox .hovercontrols,.article-detail .gpp.photobox #gpp_ads {
height:513px;
width:767px;
}

/**************************************************************/


.article-detail .gpp #photoslider {
margin:0 auto;
}

.article-detail .gpp.full-width #photoslider {
height:380px;
width:568px;
}

.article-detail .gpp {
text-align:left;
}

.article-detail .full-width p.caption {
margin:0 10px;
padding:10px 0;
text-align:left;
width:440px;
}

.article-detail .gpp .hovercontrols {
display:none;
height:380px;
left:0;
position:absolute;
top:0;
width:568px;
z-index:998;
}

.article-detail .gpp .hovercontrols a.toGallery {
background:transparent url(/extra/static/nbo35/images/gpp/gallery.png) top left no-repeat scroll;
display:block;
height:41px;
left:5px;
position:absolute;
text-indent:-9999px;
top:5px;
width:41px;
}

.article-detail .gpp .hovercontrols a.toGallery:hover {
background-image:url(/extra/static/nbo35/images/gpp/gallery_hover.png);
}

.article-detail .gpp .hovercontrols a.playPhoto {
background:transparent url(/extra/static/nbo35/images/gpp/play.png) top left no-repeat scroll;
display:none;
height:41px;
left:5px;
position:absolute;
text-indent:-9999px;
top:5px;
width:41px;
}

.article-detail .gpp .hovercontrols a.playPhoto:hover {
background-image:url(/extra/static/nbo35/images/gpp/play_hover.png);
}

.article-detail .gpp .hovercontrols a.pausePhoto {
background:transparent url(/extra/static/nbo35/images/gpp/pause.png) top left no-repeat scroll;
display:none;
height:41px;
left:5px;
position:absolute;
text-indent:-9999px;
top:5px;
width:41px;
}

.article-detail .gpp .hovercontrols a.pausePhoto:hover {
background-image:url(/extra/static/nbo35/images/gpp/pause_hover.png);
}

.article-detail .gpp .hovercontrols a.toPhotobox {
background:transparent url(/extra/static/nbo35/images/gpp/photobox.png) top right no-repeat scroll;
display:block;
height:513px;
position:absolute;
right:0px;
text-indent:-9999px;
top:0px;
width:767px;
}

.article-detail .gpp .hovercontrols a.toPhotobox:hover {
background-image:url(/extra/static/nbo35/images/gpp/photobox_hover.png);
}

.article-detail .gpp .hovercontrols a.prevPhoto {
background:transparent url(/extra/static/nbo35/images/gpp/prevPhoto.png) center left no-repeat scroll;
display:none;
height:300px;
left:0;
margin-top:-150px;
position:absolute;
text-indent:-9999px;
top:50%;
width:50%;
}

.article-detail .gpp .hovercontrols a.prevPhoto:hover {
background-image:url(/extra/static/nbo35/images/gpp/prevPhoto_hover.png);
}

.article-detail .gpp .hovercontrols a.nextPhoto {
background:transparent url(/extra/static/nbo35/images/gpp/nextPhoto.png) center right no-repeat scroll;
display:none;
height:300px;
margin-top:-150px;
position:absolute;
right:0;
text-indent:-9999px;
top:50%;
width:50%;
}

.article-detail .gpp .hovercontrols a.nextPhoto:hover {
background-image:url(/extra/static/nbo35/images/gpp/nextPhoto_hover.png);
}

.article-detail .gpp.full-width ul.controls li.next.dimmedforad, .article-detail .gpp.photobox ul.controls li.next.dimmedforad {
background:url(/extra/static/nbo35/images/gpp/next_16x16.png) no-repeat scroll 0 0 transparent;
cursor:pointer;
}

.article-detail .gpp.full-width ul.hovercontrols li.next.dimmedforad, .article-detail .gpp.photobox ul.hovercontrols li.next.dimmedforad {
background:transparent url(/extra/static/nbo35/images/gpp/nextPhoto.png) center right no-repeat scroll;
cursor:pointer;
display:block;
height:300px;
margin-top:-150px;
position:absolute;
right:0;
text-indent:-9999px;
top:50%;
width:50%;
}

.article-detail .gpp ul.hovercontrols li.next.dimmedforad:hover {
background-image:url(/extra/static/nbo35/images/gpp/nextPhoto_hover.png);
cursor:pointer;
}

.article-detail .gpp ul.controls li.next.dimmed {
background:url(/extra/static/nbo35/images/gpp/next_dimmed_16x16.png) no-repeat scroll 0 0 transparent;
}

.article-detail .gpp ul.controls li.prev.dimmed {
background:url(/extra/static/nbo35/images/gpp/previous_dimmed_16x16.png) no-repeat scroll 0 0 transparent;
}


.jcarousel-list li.activeSlide {
display:block;
height:97px;
position:relative;
top:-13px;
width:97px;
}

.jcarousel-list li.activeSlide img {
height:97px;
left:50%;
/*margin-left:-65px;*/
margin-left:-48px;
}

#gpp_ads {
background:url(/extra/static/nbo35/images/coda/coda-title-bg.png) repeat scroll left top transparent;
color:#fff;
height:380px;
position:absolute;
width:568px;
z-index:999;
text-align:center;
}

#gpp_ads .ad_content {
height:250px;
top:50%;
margin-top:-125px;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:center;
}

#gpp_ads .ad_content td {
text-align:center;
vertical-align:center;
}


/*#gpp_ads .extraControls {
float:left;
}*/

#gpp_ads #IMU_gpp .adhese_300x250 {
margin-right:35px;
}

#gpp_ads .extraControls li a {
display:block;
padding-left:35px;
height:30px;
color:#fff;
line-height:28px;
text-align:left;
margin:4px 0px;
}

#gpp_ads .extraControls li.startPhoto a {
background:url(/extra/static/nbo35/images/gpp/share_icons.png) no-repeat scroll 0 0 transparent;
margin-bottom:30px;
}

#gpp_ads .extraControls li.facebook a {
background:url(/extra/static/nbo35/images/gpp/share_icons.png) no-repeat scroll 0 -30px transparent;
}

#gpp_ads .extraControls li.twitter a {
background:url(/extra/static/nbo35/images/gpp/share_icons.png) no-repeat scroll 0 -60px transparent;
}

#gpp_ads .extraControls li.mailto a {
background:url(/extra/static/nbo35/images/gpp/share_icons.png) no-repeat scroll 0 -90px transparent;
}

.slidenumber {
bottom:-1px;
color:#E5E4E4;
display:block;
font-size:24px;
font-weight:700;
left:3px;
line-height:1em;
position:absolute;
}

.article-detail .gpp li.next.dimmedforad a,.article-detail .gpp li.next.dimmed a,.article-detail .gpp ul.controls li.prev.dimmed a {
visibility:hidden;
}

.article-detail .image-rotator {
background-color:transparent;
border:none;
margin:auto;
overflow:hidden;
position:static;
width:auto;
}		

.article-detail .gpp .image-rotator ul.photos li img {
max-height:800px;
}

.article-detail .image-rotator ul.photos li {
height:auto;
}

.article-detail .image-rotator ul.photos li.next img{
cursor:pointer;
}

.article-detail .image-rotator ul.photos li.next.dimmed img{
cursor:default;
}

.article-detail .gpp.single .image-rotator ul.photos li.next img{
cursor:default;
}

.article-detail .gpp.full-width.single ul.photos li {
height:auto !important;
}

.article-detail .gpp.full-width.single #photoslider{
height:auto !important;
}








/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:100001; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/extra/static/nbo35/images/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/extra/static/nbo35/images/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/extra/static/nbo35/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/extra/static/nbo35/images/colorbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    /*overflow: hidden;*/
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    /*overflow: hidden;*/
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 71px;
    height: 71px;
	text-align:center;
	overflow:hidden;
	position:relative;
	background-color:#fff;
}

.jcarousel-list li img,
.jcarousel-item img{
	position: absolute;
	left:50%;
	margin-left:-55px;
	/*height:71px;*/
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}





/*******************
 * jCarousel Skin
 *******************/
 .jcarousel-skin .jcarousel-container {
    background: #E5E4E4;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 536px;
	padding:0px;
    margin: 0px 16px;
}


.jcarousel-skin .jcarousel-clip-horizontal {
    width:  537px;
    height: 71px;
	padding: 20px 0px;	
	overflow:hidden;
}


.jcarousel-skin .jcarousel-item {
/*    width: 75px;
    height: 75px;*/
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 1px;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: -16px;
    width: 16px;
    height: 71px;
    cursor: pointer;
    background: transparent url(/extra/static/nbo35/images/gpp/next-horizontal.png) no-repeat 0 center;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: -16px center;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: -32px center;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -48px center;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: -16px;
    width: 16px;
    height: 71px;
    cursor: pointer;
    background: transparent url(/extra/static/nbo35/images/gpp/prev-horizontal.png) no-repeat 0 center;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: -16px center;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -32px center;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -48px center;
}

/*******************
 * photo overlay
 *******************/

#cboxClose {background:#000 url(/extra/static/nbo35/images/gpp/po-close.png) no-repeat top left !important;display:block;height:32px;width:95px; position: absolute;    left: 695px;    text-indent: -9999px;    top: 5px; }
#photobox {margin-top:0px;}
#photobox  .container {margin: 0;}
#cboxLoadedContent {padding:0;}