/* Teaserbeelden / headers */

div#flashTeaser
{
    overflow: hidden;
}

div.teaser_picture
{
    width: 642px;
    height: 122px;
    margin: 0px;
    background-color: #ff0000;
    overflow: hidden;
}

div.teaser_title
{
    display: block;
    width: 270px;
    height: 30px;
    margin-top: 35px;
    margin-left: 360px;
    /*float:left;*/
    font-size: 23px;
    line-height: 30px;
    font-weight: bold;
    color: #FFFFFF;
}

div.teaser_text
{
    width: 270px;
    margin-top: 2px;
    margin-left: 360px;
    /*float:left;	*/
    color: #FFFFFF;
}

div.teaser_link
{
    width: 270px;
    margin-top: 2px;
    margin-left: 360px;
    /*float:left;*/
    color: #FFFFFF;
}

div.teaser_link a
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

/* Vertical navigation */
.subsubInvisible
{
    display: none;
}

.subsubVisible
{
    display: block;
}

/***************************************************************
 zender selector
 ***************************************************************/

#zenderid
{
    border: 1px solid #819AB8;
    float: left;
    font-size: 80%;
    height: 18px;
    margin: 10px 0 10px 0;
    padding: 0px;
    width: 102px;
}

/***************************************************************
 messagebox
 ***************************************************************/

div#msgbox
{
    position: absolute;
    z-index: 88;
    width: auto;
    height: auto;
    background: #CB3F3A;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    padding: 10px 15px;
    text-align: center;
    white-space: nowrap;
}

.white
{
    color: #FFFFFF;
}

div#msgbox button
{
    /*	border: 1px solid white;
     background: #EC7500;
     color: #FFFFFF;
     font-weight: bold;
     margin-top: 10px; */
    background: url('../graphics/bg_button.gif') repeat-x;
    border: 1px solid #313131;
    color: #ffffff;
    font-family: Arial, Verdana;
    font-size: 100%;
    font-weight: bold;
    padding: 2px;
    margin-top: 10px;
}

/***************************************************************
 menu
 ***************************************************************/

ul#menu
{
    position: relative;
    margin-top: -34px;
    left: 0;
    height: 67px;
    background-repeat: no-repeat;
    background-position : left top;
}

body.red ul#menu
{
    background-image: url('../img/bg_menu_red.png');
}
body.grey ul#menu
{
    background-image: url('../img/bg_menu_grey.png');
}
body.blue ul#menu
{
    background-image: url('../img/bg_menu_blue.png');
}
body.purple ul#menu
{
    background-image: url('../img/bg_menu_purple.png');
}
body.lila ul#menu
{
    background-image: url('../img/bg_menu_lila.png');
}
body.green ul#menu
{
    background-image: url('../img/bg_menu_green.png');
}
body.shownieuws ul#menu
{
    background-image: url('../img/bg_menu_shownieuws.png');
}

ul#menu li
{
    display: block;
    float: left;
    list-style: none;
    padding-right: 10px;
}

ul#menu li a
{
    display: block;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    color: #000000;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
    /* styles for ie6 */
    width: 1%;
    white-space: nowrap;
}

ul#menu ul.submenu
{
    display: none;
    position: absolute;
    left: 0;
}

ul#menu li.mainitem:hover, ul#menu li.current
{
    background-repeat: no-repeat;
    background-position: right -120px;
}

ul#menu li.mainitem:hover a, ul#menu li.current a
{
    color: #FFFFFF;
}

ul#menu li.mainitem:hover a, ul#menu li.current a
{
    background-repeat: no-repeat;
    background-position: 0 -40px;
}

/*ul#menu li:hover ul, */
ul#menu li.current ul
{
    display: block;
}

ul#menu li.first
{
    margin-left: -2px;
}

ul#menu li.first.current, ul#menu li.first:hover
{
    background-repeat: no-repeat;
    background-position: right -120px;
}

ul#menu li.first.current a, ul#menu li.first:hover a
{
    background-repeat: no-repeat;
    background-position: 0 0;
}

ul#menu li li, ul#menu li li *
{
    background: none !important;
}

/***************************************************************
 algemeen
 ***************************************************************/

div#content
{
    padding-bottom: 30px;
    min-height: 670px;
}

div#content div#content-col-left
{
    float: left;
    width: 550px;
}

div#content div#content-col-right
{
    float: right;
    width: 332px;
}

/*** skyscraper banner ***/

div#content-banner-skyscraper
{
    position: absolute;
    /*left: 940px;*/
    display: none;
    width: 120px;
    padding-bottom: 20px;
}

div.skyscraper-container
{
    position: absolute;
    left: 940px;
}

/*** header ***/

div#content-header
{
    border-bottom: 3px solid #2E3534;
    padding: 12px 0;
    margin-bottom: 12px;
    position: relative;
}

div#content-header h1
{
    font-size: 26px;
    color: #2E3534;
    letter-spacing: -1px;
}

/***************************************************************
 programa/artikel detail
 ***************************************************************/

/*** header ***/

div#content-header div#prog-rating
{
    float: right;
    padding-top: 10px;
}

div#content-header div#prog-rating div.star a
{
    background-image: url('../img/pg/star_prog.gif');
}

/*** col-left ***/
div#prog-content
{
    padding-bottom: 20px;
    min-height: 171px;
}

div#prog-content p.summary
{
    font-weight: bold;
    color: black;
}

div#content-col-left div#related-articles ul li
{
    background: url("../img/shownieuws/ico_link.gif") no-repeat scroll left top transparent;
    height: 19px;
    margin-bottom: 20px;
    padding-left: 26px;
}

div#prog-nextprev
{
    padding-bottom: 10px;
}

div#prog-nextprev a
{
    display: block;
    height: 17px;
    color: #000000;
}

div#prog-nextprev a#prog-nextprev-prev
{
    float: left;
    padding-left: 22px;
    background: url('../img/ico_prog_nextprev_prev.png') no-repeat left center;
}

div#prog-nextprev a#prog-nextprev-next
{
    float: right;
    padding-right: 22px;
    background: url('../img/ico_prog_nextprev_next.png') no-repeat right center;
}
#artikel-code
{
    text-align: center;
    margin: 0 auto;
    width: 532px;
}

/* video */
div#content-col-left div#prog-video
{
	position: relative;
    margin-bottom: 14px;
}

div#content-col-left div#prog-video a
{
    position: absolute;
    background: url('../img/play_large_40.png') no-repeat center center;
    width: 550px;
}

div#content-col-left div#prog-video a:hover
{
    background-image: url('../img/play_large_10.png');
}

div#content-col-left div#prog-video a.normal-link, div#content-col-left div#prog-video a.normal-link:hover
{
    background: none !important;
    position: static !important;
}

#kreezo.video-position .portlet
{
    height: auto !important;
    min-height: 285px !important;
    margin-bottom: 0px !important;
    width: 550px;
}

div#content-col-left div#prog-video img
{
    width: 550px;
}

/* functionbar */
div#prog-functionbar
{
    position: absolute;
    bottom: -8px;
    border-left: none;
    border-right: none;
    padding: 3px 0;
}

body.shownieuws div#prog-functionbar
{
    position: inherit;
    border: 1px solid #CCCCCC;
    border-left: none;
    border-right: none;
    margin: 20px 0 20px 0;
    padding: 7px 0;
}

div#prog-functionbar-site
{
    float: left;
    padding-top: 4px;
}

#prog-content .prog-functionbar
{
    float:      right;
}

.socialmedia-small-buttons
{
    float: left;
}

.socialmedia-small-buttons a
{
    display: block;
    float: left;
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url('../img/bg_prog_functionbar.png') no-repeat;
    text-indent: -999em;
}

.socialmedia-small-buttons a.btnOnlineOpnemen
{
    display: block;
    background: none;
    float: left;
    overflow: hidden;
    width: 27px;
    height: 16px;
    padding-top: 2px;
    text-indent: 0px;
}

.prog-functionbar  a.prog-function-facebook
{
    background-position: 0px 0px;
}

.prog-functionbar  a.prog-function-twitter
{
    background-position: -16px 0px;
}

.prog-functionbar  a.prog-function-mail
{
    background-position: -48px 0px;
}

.prog-functionbar  a.prog-function-youtube
{
    background-position: -32px 0px;
}
.prog-functionbar  a.prog-function-googleplus
{
    background-position: -65px 0px;
    width: 24px;
}

.prog-functionbar  a.prog-function-pintrest
{
    background-position: -89px 0;
    width: 31px;
}
/* mejane links */
#prog-mejane-medialinks {
	margin: 10px 0 20px;
}
.prog-mejane-label {
	padding-bottom: 7px;
}
.prog-mejane-item {
	float: left;
	padding-right: 8px;
}
.mejane-item-last,
.prog-mejane-item .mejane-item-last {
	padding-right: 0 !important;
}
.prog-mejane-item img {
	max-width: 100px;
}
.mejane_powered {
	position: absolute;
	top: 17px;
	right: 0;
	width: 121px;
	height: 32px;
	background-image: url('../img/mejane_powered.png');
	background-repeat: no-repeat;
	background-position: center center;
}
/* mejane-rating */
.mejane-rating {
	clear: both;
}
.mejane-star {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: url("../img/pg/mejane_star.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.mejane-rating .on,
.mejane-star.on {
	background-position: 0 -16px !important;
}


/* banner content */
div#prog-banner-content
{
    text-align: center;

}

/* prog related */
div.prog-related
{
    width: 265px;
    margin-top: 20px;
    background: url('../img/bg_prog_related.png') no-repeat left bottom;
}

div.prog-related div.prog-related-header
{
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    background: url('../img/bg_prog_related.png') no-repeat;
    font-weight: bold;
}

div.prog-related div.prog-related-content
{
    padding: 10px;
}

div.prog-related div.prog-related-footer
{
    height: 11px;
}

div#prog-related-banner
{
    float: left;
    padding-bottom: 20px;
    background: url('../img/adhor_gray.gif') no-repeat center bottom;
    min-height: 275px;
}

div#prog-relatedphotos
{
    float: left;
    background: url('../img/bg_prog_related_kalooga.png') no-repeat left bottom;;
    width: 320px;
}

div#prog-relatedphotos div.prog-related-header
{
    background: url('../img/bg_prog_related_kalooga.png') no-repeat;
}

div#prog-relatedchannels
{
    float: right;
    background: url('../img/bg_prog_related_channels.png') no-repeat left bottom;;
    width: 210px;
}

div#prog-relatedchannels div.prog-related-header
{
    background: url('../img/bg_prog_related_channels.png') no-repeat;
}

div#prog-relatedphotos div.prog-related-header img
{
    float: right;
    margin-top: 9px;
}

div#prog-relatedchannels div.prog-related-content img
{
    margin: 10px 3px;
}

/*** col-right ***/

div#prog-info
{
    width: 332px;
    margin-bottom: 20px;
}

div#prog-info *
{
    color: white;
}

div#prog-info div#prog-info-content
{
    position: relative;
    background-repeat: no-repeat;
    min-height: 250px;
    padding: 10px 10px 0 10px;
}

div#prog-info div#prog-info-footer
{
    height: 10px;
    background-repeat: no-repeat;
    background-position: left -499px;
}

body.red div#prog-info-content, body.red div#prog-info-footer
{
    background-image: url("../img/bg_prog_info_red.png");
}
body.grey div#prog-info-content, body.grey div#prog-info-footer
{
    background-image: url('../img/bg_prog_info_grey.png')
}
body.blue div#prog-info-content, body.blue div#prog-info-footer
{
    background-image: url('../img/bg_prog_info_blue.png')
}
body.purple div#prog-info-content, body.purple div#prog-info-footer
{
    background-image: url('../img/bg_prog_info_purple.png')
}
body.lila div#prog-info-content, body.lila div#prog-info-footer
{
    background-image: url('../img/bg_prog_info_lila.png')
}
body.green div#prog-info-content, body.green div#prog-info-footer
{
    background-image: url('../img/bg_prog_info_green.png')
}

div#prog-info h2
{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0px;
}

div#prog-info strong
{
    display: block;
}

div#prog-info a
{
    font-weight: normal;
}

div#prog-info ul
{
    width: 149px;
    float: left;
}

div#prog-info ul li
{
    padding: 3px 0;
    border-bottom: 1px dotted #FFFFFF;
}

/*
 body.red div#prog-info ul li {border-color: #D53B3B}
 body.grey div#prog-info ul li {border-color: #67706D}
 body.blue div#prog-info ul li {border-color: #6DB2E7}
 body.purple div#prog-info ul li {border-color: #7B497A}
 body.lila div#prog-info ul li {border-color: #B4AAE6}
 body.green div#prog-info ul li {border-color: #A6CC88}
*/

div#prog-info ul#prog-info-content-colleft
{
    margin-right: 14px;
}

/* sponsorlinks */
div#prog-sponsorlinks table
{
    width: 100%;
}

div#prog-sponsorlinks table td
{
    vertical-align: middle !important;
    padding: 5px 0;
    height: 30px;
}

div#prog-sponsorlinks table td img
{
    margin-right: 10px;
}

div#prog-sponsorlinks table td a
{
    font-weight: normal;
}

div#prog-sponsorlinks div.prog-block-content
{
    padding-bottom: 0;
    padding-top: 5px;
}

div#content-banner-rectangle
{
    padding-bottom: 20px;
    background: url('../img/adhor_gray.gif') no-repeat center bottom;
}

/* prog block */
div.content-block
{
    width: 332px;
    background: url('../img/bg_rightcol_block.png') no-repeat left -35px;
    margin-bottom: 20px;
    overflow: hidden;
}

div.content-block div.content-block-header
{
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    background: url('../img/bg_rightcol_block.png') no-repeat;
    font-weight: bold;
}

div.content-block div.content-block-content
{
    padding: 10px;
}

div.content-block div.content-block-footer
{
    height: 11px;
    background: url('../img/bg_rightcol_block.png') no-repeat left -589px;
}
#content-col-right .belbios-block
{
    background: url('../img/bg_belbios_bestel.png') no-repeat 0 0;
    width: 332px;
    height: 225px;
    margin-bottom: 20px;
}
#content-col-right .belbios-block a
{
    width: 100%;
    height: 100%;
    background: url('../img/pixel.gif') repeat 0 0;
    float: left;
}

div#prog-tips table
{
    width: 100%;
}

div#prog-tips table tr
{
    border-bottom: 1px solid #E5E5E5;
}

div#prog-tips table td
{
    width: 1%;
    white-space: nowrap;
    padding: 3px 7px;
    vertical-align: middle;
}

div#prog-tips table td a
{
    color: #000000;
    font-weight: normal;
}

/***************************************************************
 contentpagina
 ***************************************************************/

div.tvpagina-content h2
{
    border-bottom: 3px solid #2E3534;
    padding: 12px 0;
    margin-bottom: 12px;
    font-size: 26px;
    color: #2E3534;
    letter-spacing: -1px;
}

/*** lightview ***/

div#simplemodal-container
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
@media screen and ( max-height: 700px ){
   div#simplemodal-container{
   	top:0px !important;
   }
}
div#simplemodal-container div.simplemodal-close
{
    float: right;
    background: url('../img/lightview/close_small.png') no-repeat right top;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

/***************************************************************
 Brightbird
 ***************************************************************/

div#bb-container
{
    padding-left: 32px;
}

div#bb-content
{
    margin-top: 15px;
}

div#bb-content ul.error
{
    margin: 0;
    padding: 0;
}

div#bb-content ul.error li
{
    color: red;
}

div#bb-content div.left, div#bb-content div.right
{
    float: left;
    width: 350px;
}

div#bb-content div.right div.info
{
    font-size: 14px;
}

div.bb-form-row
{
    width: 285px;
    padding-top: 6px;
    position: relative;
}

div#bb-content input[type=text]
{
    border: 1px solid black;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 7px;
    width: 269px;
}

div#bb-content input#user_first_name
{
    width: 120px;
}

div#bb-content input#user_last_name
{
    width: 120px;
    float: right;
}

button.bb-button-black
{
    background: url('../img/brightbird/btn_black.png') no-repeat left top;
    border: 0px;
    height: 43px;
    margin: 0;
    padding: 0;
    float: right;
    display: block;
    position: relative;
}

/* firefox adds an extra 1 px border, this removes the border */
button.bb-button-black::-moz-focus-inner
{
    border: 0;
    padding: 0;
    margin: 0;
}

div.bb-button-content h2
{
    margin: 0 0px 0 9px;
    background: url('../img/brightbird/btn_black.png') no-repeat right top;
    height: 43px;
    line-height: 32px;
    color: white;
    font-size: 14px;
    padding-right: 5px;
}

div#bb-content .pg .col01
{
    width: 720px;
}
div#bb-content ul.programlist
{
    margin-bottom: 15px;
}

/* NL Ziet */
.nlziet_powered {
    position: absolute;
    top: 17px;
    right: 0;
    width: 215px;
    height: 32px;
    background-image: url('../img/nlziet/nlziet.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}
.nlziet-upsell {
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    color: #666666;
    display: inline-block;
    float: right;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    width: 311px;
    background: none repeat scroll 0 0 #ffffff;
    margin-bottom: 10px;
}
.nlziet-upsell:hover {
    background-color: #ededed;
}
 .nlziet-upsell:hover div.nlziet-logo {
    background-position: center bottom;
}
.nlziet-upsell p {
    border-left: 1px solid #c7c7c7;
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    margin-top: 5px;
    padding-left: 8px;
    position: relative;
    text-align: right;
}
 .nlziet-upsell div.nlziet-logo {
    background: url("../img/nlziet/upsell-logo.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 16px;
    margin-left: 6px;
    margin-top: 7px;
    width: 68px;
}
.nlziet-upsell span {
    position: relative;
    text-decoration: none;
    text-transform: none;
    top: -4px;
    color: #666666 !important;
}
.nlziet-upsell span:before {
    color: #666666;
    float: right;
    font-size: 20px;
    margin-left: 6px;
    margin-top: -4px;
}
.nlziet-rental-info{
    margin: 15px 0;
}