/* this makes it possible to add next button beside scrollable */
div.scrollable-vrijdag, div.scrollable-zaterdag, div.scrollable-zondag {float:left;}

/* disabled navigational button */
a.disabled {visibility:hidden !important;}

/* main vertical scroll */
#main-vrijdag {position:relative; overflow:hidden; height: 500px;}

#main-zaterdag {position:relative; overflow:hidden; height: 500px;}

#main-zondag {position:relative; overflow:hidden; height: 500px;}

/* root element for pages */
#pages-vrijdag, #pages-zaterdag, #pages-zondag {position:absolute; height:600px;}

/* single page */
.page-vrijdag {padding:0px; height: 600px; width:600px; margin-top:0px;}

.page-zaterdag {padding:0px; height: 600px; width:600px; margin-top:0px;}

.page-zondag {padding:0px; height: 600px; width:520px; margin-top:0px;}

/* root element for horizontal scrollables */
.scrollable-vrijdag {position:relative; overflow:hidden; width: 520px; height: 500px;}

/* root element for scrollable items */
.scrollable-vrijdag  .items-vrijdag { width:20000em; position:absolute; clear:both;}

/* single scrollable item */
.item-vrijdag  {float:left; cursor:pointer; width:520px; height:500px; padding:0px;}

/* root element for horizontal scrollables */
.scrollable-zaterdag  {position:relative; overflow:hidden; width: 520px; height: 500px;}

/* root element for scrollable items */
.scrollable-zaterdag  .items-zaterdag  { width:20000em; position:absolute; clear:both;}

/* single scrollable item */
.item-zaterdag  {float:left; cursor:pointer; width:520px; height:500px; padding:0px;}

/* root element for horizontal scrollables */
.scrollable-zondag  {position:relative; overflow:hidden; width: 520px; height: 500px;}

/* root element for scrollable items */
.scrollable-zondag  .items-zondag  {width:20000em; position:absolute; clear:both;}

/* single scrollable item */
.item-zondag {float:left; cursor:pointer; width:520px; height:500px; padding:0px;}

/* main navigator */
#main_navi-vrijdag  {float:left; width:270px; text-align:left; margin-top:0px;}

/* main navigator */
#main_navi-zaterdag  {float:left; width:270px; text-align:left; margin-top:0px;}
	
/* main navigator */
#main_navi-zondag  {float:left; width:270px; text-align:left; margin-top:0px;}

#main_navi-vrijdag li, #main_navi-zondag li, #main_navi-zaterdag li {color:#FFFFFF; font-size:12px; list-style-type:none; padding-right:10px; cursor:pointer;  font-family: arial,sans-serif; text-transform:uppercase; letter-spacing:0px; color:#ec118f; text-align:right; font-weight:bold; margin-bottom:2px;}

#main_navi-vrijdag, #main_navi-zondag, #main_navi-zaterdag {padding-top:0px;}

.programma-links img {margin-right:5px;}

/* the overlayed element */
.simple_overlay {display:none; z-index:10000; width:700px; min-height:200px;}

/* close button positioned on upper right corner */
.simple_overlay .close {background-image:url(../../../images/2010/large-interface/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}

.details {padding:15px;}

.details-top {background-image:url(../../../images/2010/large-interface/details-top.png); width:700px; height:27px;}

.details-middle {background-color:#695d12; width:700px;}

.details-bottom {background-image:url(../../../images/2010/large-interface/details-bottom.png); width:700px; height:31px;}

.details p {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color: #ffffff; text-align:left; padding-bottom: 10px; line-height:16px; text-align:justify;}

.details h1 {font-family:Arial, Helvetica, sans-serif; color:#fff000; text-transform:uppercase; font-size:18px; margin-bottom:10px;}

.details h2 {font-family:Arial, Helvetica, sans-serif; color:#fff000; font-size:14px;}

.left-details {float:left; width:300px;}

.right-details {float:right; width:300px;}