/*
	Style overwrite template voor genrepagina Serie/soap
*/

/* Text color */

	.article h3,
	.topArticle h3,
	.infoBox .header,
	.topBox ol li.no1 a,
	.tipBox .progInfo,
	.article .progInfo,
	.topArticle .progInfo,
	.article .content a,
	.topArticle .content a,
	#footer a,
	#horNavigation ul li a.active,
	#horNavigation ul li a:hover,
	#verNavigation .navBox ul li.header{

		color:			#000000;

	}

	strong
	{
		color:			#000000;
	}

/**
 * ALGEMEEN : DEZE CSS GELDT VOOR ALLE SHOWNIEUWS PAGINAS
 *
 */

/***********   Body   ***********/
body.shownieuws {
	background: #d7a536 url('../graphics/shownieuws/bg_body_shownieuws.png') center top repeat-x !important;
}

body.shownieuws div#container{
	background: none;
}


/***********   Logo   ***********/
body.shownieuws #header
{
	background: none;
}
body.shownieuws #header .logo,
body.shownieuws #header .logo a
{
	width:			315px;
}

/***********   Content   ***********/
body.shownieuws div#content {
	background-image:	url('../graphics/shownieuws/bg_content_shownieuws.png');
	padding-bottom:		0px;
}

body.shownieuws div#content.artikel {
	background-image:	none;
	background-color:	white;
}

body.shownieuws div#content-header {
	padding-left:		10px;
}

body.shownieuws div#content div#content-col-left {
	width:				560px;
	padding-top:		10px;
	padding-left:		10px;
}

body.shownieuws div#content div#content-col-right {
	width:				336px;
	padding-top:		10px;
	padding-right:		10px;
}


/**
 * SHOWNIEUWS STARTPAGINA : DEZE CSS GELDT VOOR DE STARTPAGINA VAN SHOWNIEUWS
 *
 */

/***********   Carousel   ***********/
body.shownieuws div#content.shownieuwshome {
	min-height:		940px;
}

body.shownieuws div#article-carousel {
	position:	relative;
	height:		331px;
	width:		550px;
	margin-top:	2px;
}

body.shownieuws div#article-carousel div#carousel-thumb-mask {
	position:		absolute;
	right:			0px;
	top:			0px;
	width:			108px;
	height:			321px;
	background:		url('../graphics/shownieuws/mask_carousel_thumb.png') no-repeat;
	background-position:	0px 0px;
	z-index:		10;
}

body.shownieuws div#carousel-image-mask {
	position:			absolute;
	width:				318px;
	height:				320px;
	background-image:	url('../graphics/shownieuws/carousel-image-mask.png');
	z-index:			10;
}

body.shownieuws div#carousel-images,
body.shownieuws div.carousel-image {
	position:			absolute;
	width:				318px;
	height:				320px;
	overflow:			hidden;
}


body.shownieuws div.carousel-image div.title-container {
	width:				322px;
	height:				77px;
	position:			absolute;
	bottom:				0px;
	background:			url('../graphics/shownieuws/semitransparant_pixel.png');
}

body.shownieuws div.carousel-image span.title {
	color:				#daae41;
	font-weight:		bold;
	font-size:			26px;
	padding:			10px 8px;
	display:			block;
}

body.shownieuws div#article-carousel ul {
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				223px;
	height:				320px;
	left:				318px;
	margin-left:		8px;
}

body.shownieuws div#article-carousel ul li {
	position:			relative;
	width:				224px;
	height:				75px;
	overflow:			hidden;
	margin-bottom:		8px;
	*margin-bottom:		5px;
}

body.shownieuws div#article-carousel ul li *{
	color:				#ffffff;
}

body.shownieuws div#article-carousel ul li a.carousel-link {
	position:		absolute;
	right:			0px;
	top:			0px;
	display:		block;
	width:			88px;
	height:			72px;
	cursor:			pointer;
	z-index:		10;
}

body.shownieuws div#article-carousel ul li a{
	font-weight:		normal;
}

body.shownieuws div#article-carousel div#carousel-dummy {
	position:		relative;
	z-index:		12;
}

body.shownieuws div#article-carousel a#biglink {
	width:				320px;
	height:				320px;
	position:			absolute;
	top:				0px;
	z-index:			13;
}

body.shownieuws div#article-carousel div#carousel-dummy a {
	position:		absolute;
	width:			88px;
	height:			72px;
	cursor:			pointer;
	right:			0px;
}

body.shownieuws div#article-carousel div#carousel-dummy a:hover
{
	text-decoration:		none;
}

body.shownieuws div#article-carousel div#carousel-dummy a#dummylink0 {
	top:			0px;
}

body.shownieuws div#article-carousel div#carousel-dummy a#dummylink1 {
	top:			83px;
}

body.shownieuws div#article-carousel div#carousel-dummy a#dummylink2 {
	top:			166px;
}

body.shownieuws div#article-carousel div#carousel-dummy a#dummylink3 {
	top:			249px;
}


body.shownieuws div#article-carousel ul li.current *{
	color:				#daae41 !important;
}

body.shownieuws div#article-carousel ul li h2 a{
	font-weight:		bold;
}

body.shownieuws div#article-carousel ul li div.article-info {
	float:				left;
	width:				108px;
}

body.shownieuws div#article-carousel ul li div.article-image {
	float:				right;
	text-align:			right;
	width:				111px;
	height:				72px;
	overflow:			hidden;
	position:			relative;
}

body.shownieuws div#article-carousel ul li div.article-image div.article-thumb-mask {
	position:			absolute;
	width:				117px;
	height:				73px;
}

body.shownieuws div#mailenwinactie {
	background:			url('../graphics/shownieuws/bg_mail_en_win.png') no-repeat left top;
	width:				339px;
	height:				128px;
	margin-bottom:		10px;
}

body.shownieuws div#mailenwinactie div.content {
	padding:			34px 15px 5px 23px;
	width:				100%;
}

body.shownieuws div#mailenwinactie div.content div.image {
	float:				left;
	width:				80px;
	height:				80px;
	overflow:			hidden;
	position:			relative;
}

body.shownieuws div#mailenwinactie div.content div.image div#mailenwinmask {
	width:				80px;
	height:				80px;
	position:			absolute;
	left:				0px;
	top:				0px;
	background:			url('../graphics/shownieuws/mail_en_win_mask.png') top left no-repeat;
}

body.shownieuws div#mailenwinactie a {
	color:				black;
}

body.shownieuws div#mailenwinactie div.content div.image div#mailenwinmask a {
	display:			block;
	width:				80px;
	height:				80px;
}

body.shownieuws div#mailenwinactie div.content div.details {
	float:				left;
	margin-left:		8px;
	width:				210px;
}

body.shownieuws div#mailenwinactie div.content div.details h2 {
	font-size:			15px;
	font-weight:		bold;
}

/***********   Meernieuws   ***********/
body.shownieuws div#meernieuws-container {
	width:			338px;
	height:			325px;
	background:		url('../graphics/shownieuws/bg_meernieuws.png') left top no-repeat;
	margin-bottom:	10px;
}

body.shownieuws div#meernieuws-container h2 {
	font-weight:	bold;
	font-size:		15px;
	margin-bottom:	10px;
}

body.shownieuws div#meernieuws-container div#meernieuws-content {
	padding:		12px 14px;
}

body.shownieuws div#meernieuws-container div#meernieuws-content ul {
	height:			250px;
}

body.shownieuws div#meernieuws-container div#meernieuws-content ul li {
	background:		url('../graphics/shownieuws/bg_list_item.gif') left top no-repeat;
	padding-left:	44px;
	height:			30px;
	margin-bottom:	10px;
}
body.shownieuws div#meernieuws-container div#meernieuws-content ul li span,
body.shownieuws div#meernieuws-container div#meernieuws-content ul li a{
	color:			#000000;
	display:		block;
	font-size:		12px;
}

body.shownieuws div#meernieuws-container div#meernieuws-content ul li a{
	font-weight:	bold;
}

body.shownieuws div#meernieuws-container a#meershownieuws-link {
	color:			#000000;
	background:		url('../graphics/shownieuws/ico_meershownieuws_link.png') no-repeat top left;
	padding-left:	21px;
	font-size:		14px;
}


/***********   Tipbox   ***********/
body.shownieuws div#tipBox {
	position:		relative;
	height:			215px;
	margin-top:		46px;
}

body.shownieuws div#tipBox div#tip1,
body.shownieuws div#tipBox div#tip2,
body.shownieuws div#tipBox div#tip3 {
	margin-left:	14px;
}


body.shownieuws div#tipBox div#tipsMask {
	position:		absolute;
	left:			14px;
	top:			0px;
	width:			522px;
	height:			147px;
	background:		url('../graphics/shownieuws/mask_tips.png') left top no-repeat;
}


body.shownieuws div#tipBox div.tip {
	color:			#dba92c;
	float:			left;
	width:			163px;
}

body.shownieuws div#tipBox div#tip1 img {
	height:			155px;
}

body.shownieuws div#tipBox div.tip span {
	display:		block;
	font-size:		14px;
	font-weight:	bold;
}

body.shownieuws div#tipBox div.tip a.tiplink {
	position:		absolute;
	display:		block;
	width:			160px;
	height:			147px;
}

body.shownieuws div#tipBox div.tip a.tiplinkvideo {
	position:		absolute;
	display:		block;
	width:			160px;
	height:			147px;
	background:		url("../graphics/play_40.png") no-repeat -40px;
	cursor:			pointer;
}

body.shownieuws div#tipBox div.tip a.tiplinkvideo:hover {
	background-image: url("../graphics/play_10.png");
}

body.shownieuws div#tipBox div.tip div.image {
	width:			163px;
	height:			147px;
	overflow:		hidden;
	line-height:	147px;
	text-align:		center;
	margin-bottom:	23px;
	cursor:			pointer;
	margin-left:	-1px;
}

body.shownieuws div#tipBox div.tip *{
	color:			#dba92c;
}


body.shownieuws div#tipBox div.tip a.link,
body.shownieuws div#tipBox div.tip a.videoLink
{
	display:		block;
	height:			17px;
	margin-top:		5px;
	padding-left:	24px;
	background:		url('../graphics/shownieuws/ico_playvideo.png') top left no-repeat;
	color:			#daae41;
}

body.shownieuws div#tipBox div.navLeft,
body.shownieuws div#tipBox div.navRight {
	width:			10px;
	float:			left;
}

/***********   Bottom boxen TVTips en Videosnacks ***********/

body.shownieuws div#bottomBoxes {
	height:			286px;
	margin-top:		20px;
}

body.shownieuws div#bottomBoxes h2 {
	font-weight:	bold;
	font-size:		15px;
	margin-bottom:	10px;
}

body.shownieuws div#bottomBoxes div#videoSnacks,
body.shownieuws div#bottomBoxes div#tvTips {
	float:			left;
	width:			276px;
	height:			286px;
	background:		url('../graphics/shownieuws/bg_tvtips.png') top left no-repeat;
}

body.shownieuws div#bottomBoxes div#videoSnacks div.content,
body.shownieuws div#bottomBoxes div#tvTips div.content{
	padding:		18px 0px 18px 10px;
}

body.shownieuws div#bottomBoxes div#tvTips ul li {
	margin-bottom:	5px;
}

body.shownieuws div#bottomBoxes div#tvTips div.content div.image {
	float:			left;
	width:			29px;
	height:			29px;
	overflow:		hidden;
}

body.shownieuws div#bottomBoxes div#tvTips div.content div.image img{
	width:			29px;
	height:			29px;
}

body.shownieuws div#bottomBoxes div#tvTips div.content div.details {
	float:			left;
	width:			200px;
	margin-left:	15px;
}

body.shownieuws div#bottomBoxes div#tvTips div.content div.details span,
body.shownieuws div#bottomBoxes div#tvTips div.content div.details a {
	color:			#000000;
	display:		block;
	font-size:		12px;
}

body.shownieuws div#bottomBoxes div#tvTips div.content div.details a{
	font-weight:	bold;
}

body.shownieuws div#bottomBoxes div#videoSnacks ul li {
	margin-bottom:	9px;
	height:			30px;
}

body.shownieuws div#bottomBoxes div#videoSnacks ul li a {
	padding-left:	20px;
	height:			35px;
	display:		block;
	background:		url("../graphics/shownieuws/ico_playvideo_black.png") no-repeat left top;
	color:			#000000;
	font-size:		12px;
}

body.shownieuws div#bottomBoxes div#videoSnacks ul li div.image{
	width:			29px;
	height:			29px;
	float:			left;
}

body.shownieuws div#bottomBoxes div#videoSnacks ul li div.link{
	width:			210px;
	height:			29px;
	margin-left:	7px;
	float:			left;
}

/**
 * SHOWNIEUWS ARTIKELPAGINA : DEZE CSS GELDT VOOR ARTIKELPAGINAS VAN SHOWNIEUWS
 *
 */

/***********   Custom Tip Blok   ***********/
body.shownieuws div#customtipblok-container {
	background:		url('../graphics/shownieuws/bg_custom_tip_blok.png') bottom left;
	margin-bottom:	10px;
}

body.shownieuws div#customtipblok-container * {
	color:			white;
}

body.shownieuws div#customtipblok-container div.header	{
	background:		url('../graphics/shownieuws/bg_custom_tip_blok.png') top left;
	margin-bottom:	4px;
}

body.shownieuws div#customtipblok-container div.header h2 {
	padding:		5px 0 0 12px;
	font-weight:	bold;
	font-size:		15px;
}

body.shownieuws div#customtipblok-container ul li {
	padding:		5px 5px 0 16px;
	height:			90px;
}

body.shownieuws div#customtipblok-container ul li h2 {
	font-weight:	bold;
	font-size:		15px;
	margin-bottom:	3px;
}

body.shownieuws div#customtipblok-container ul li a.link
{
	display:		block;
}

body.shownieuws div#customtipblok-container div.image {
	float:				left;
	width:				80px;
	height:				80px;
	overflow:			hidden;
	position:			relative;
}

body.shownieuws div#customtipblok-container div.details {
	position:			relative;
	margin-left:		95px;
}

body.shownieuws div#customtipblok-container div.image div.mask {
	width:				80px;
	height:				80px;
	position:			absolute;
	left:				0px;
	top:				0px;
	background:			url('../graphics/shownieuws/custom_tip_blok_mask.png') top left no-repeat;
}


body.shownieuws div#content.artikel div#content-col-left {
	width:			541px;
}

body.shownieuws div#content.artikel div#content-header {
	background:		#ffffff url('../graphics/shownieuws/bg_content_shownieuws_artikel_header.png') center top no-repeat !important;
}

body.shownieuws div#content.artikel div#content-footer {
	background:		#d7a536 url('../graphics/shownieuws/bg_content_shownieuws_artikel.png') center bottom repeat-x !important;
	padding:		35px 10px 20px 5px;
}

body.shownieuws div#content.artikel div#content-footer div#bottomBoxes {
	margin:		0px;
}

/***********   Artikel Tags   ***********/

body.shownieuws div#article-tags div#tags {
	width:			350px;
	height:			20px;
	float:			left;
	background:		url("../graphics/shownieuws/ico_tag.png") no-repeat left top;
}

body.shownieuws div#article-tags div#tags p {
	padding-left:	20px;
	margin:			0px;
}

body.shownieuws div#content-header div#publishdate {
	width:			266px;
	float:			right;
	text-align:		right;
	padding:		10px 17px 0px 0px;
}


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

body.shownieuws div#related-articles ul li a {
	color:			#000000;
	font-weight:	normal;
}


/***********   Kalooga  ***********/
body.shownieuws div#prog-relatedphotos {
	width:			550px;
	margin-bottom:	15px;
	background:		url("../img/shownieuws/bg_prog_related.png") no-repeat left bottom;
}

body.shownieuws div#prog-relatedphotos div.prog-related-header {
   background: url("../img/shownieuws/bg_prog_related.png") no-repeat left top;
}

/***********   Banners  ***********/
body.shownieuws div.banner-custom {
	background:		url("../img/adver_black.gif") no-repeat right center transparent;
	width:			530px;
	position:		relative;
	margin:			11px auto;
	text-align:		center;
}
body.shownieuws div.banner-custom span{
	margin:			0 auto;
	display:		none;
	border:			1px dashed #4c4c4c;
	color:			#4c4c4c;
}


body.shownieuws div#content-footer {
	padding:		35px 10px 20px 5px;
}

body.shownieuws div#content-banner-rectangle {
	margin-top:	5px;
	float:		right;
}


/**
 * SHOWNIEUWS MEERSHOWNIEUWS : DEZE CSS GELDT VOOR DE ARTIKELOVERZICHT PAGINA VAN SHOWNIEUWS
 *
 */
body.shownieuws div#content.nieuwsoverzicht {
	background-image:	none;
	background-color:	white;
	min-height:			575px;
}

body.shownieuws div#content.nieuwsoverzicht div#content-header {
	background:		#ffffff url('../graphics/shownieuws/bg_content_shownieuws_artikel_header.png') center top no-repeat !important;
}

body.shownieuws div.overzicht {
	padding-bottom:		10px;
}

body.shownieuws div.overzicht h2 {
	font-size:			17px;
	background-color:	#c78924;
	background-color:	#000000;
	color:				#ffffff;
	padding:			2px 7px;
}

body.shownieuws div.overzicht ul {
	padding:			0px 10px;
}

body.shownieuws div.overzicht ul li {
	margin-bottom:		10px;
	padding-top:		10px;
	padding-bottom:		10px;
	background:			url('../img/shownieuws/bg_overzicht_listitem.png') repeat-x left bottom;
}

body.shownieuws div.overzicht ul li h3 *{
	color:				#000000;
}

body.shownieuws div.overzicht ul li div.image {
	float:			left;
	width:			125px;
	height:			72px;
	overflow:		hidden;
}

body.shownieuws div.overzicht ul li div.publishdate {
	float:			right;
}

body.shownieuws div.overzicht ul li div.details {
	float:			left;
	width:			300px;
	overflow:		hidden;
}

body.shownieuws div.overzicht ul li div.details a.artikel-link {
	display:		block;
}

/* Backgrounds */

	.poll a.pollBtn{
		background:		url('../graphics/blue/arrow_submit.gif');
	}

	#header .teaser{
		background:		url('../graphics/blue/bg_teaser.gif');
	}

		#header .teaser .teaserLinks span{
			background:			url(../graphics/blue/bg_teaserlnk.gif) no-repeat;
		}

		#header .teaser .teaserLinks a{
			background:			#9083cd;
			border-top:			1px solid #6b5cb2;
		}

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

	#verNavigation .navBox ul li.header,
	.infoBox .header{
		background:		url('../graphics/blue/bg_vernav.gif') top left repeat-x;
	}

	.sponsored{
		background:		#ffffff url('../graphics/blue/bg_sponsor.gif') no-repeat;
	}

	.searchBox .content .input-submit{
		background:		url('../graphics/blue/arrow_submit.gif') no-repeat;
	}


	.infoBox{
		background:		#f6f6ff;
	}


	.listingBox .program{
		border-bottom:		1px dashed #7262cd;
	}

	.listingBox .program:hover{
		background:		#eeebff;
	}

	.banner-skyscraper{
		background:		#eeedf2 url('../graphics/blue/adhor.gif') no-repeat;
	}

	.banner-top{
		background:		#eeedf2 url('../graphics/blue/advertical.gif') top right no-repeat;
	}

	.banner-custom span{
		border:			1px dashed #ffffff;
		color:			#ffffff;
	}

/* Numbers */

	.topBox ol li.no1{
		background:		url('../graphics/blue/no1.gif') no-repeat;
	}

	.topBox ol li.no2{
		background:		url('../graphics/blue/no2.gif') no-repeat;
	}

	.topBox ol li.no3{
		background:		url('../graphics/blue/no3.gif') no-repeat;
	}

	.topBox ol li.no4{
		background:		url('../graphics/blue/no4.gif') no-repeat;
	}

	.topBox ol li.no5{
		background:		url('../graphics/blue/no5.gif') no-repeat;
	}

/* Headers */

	.listingBox ul li a{
		background:		url('../graphics/blue/bg_quick.gif') no-repeat;
	}


	.listingBox ul li a.active,
	.listingBox ul li a:hover{
		background:		url('../graphics/blue/bg_quick_act.gif') no-repeat;
	}


/* Footer */
body.shownieuws div#footer-container {
	background-color:			#000000;
}

body.shownieuws div#footer-container *{
	color:						#ffffff !important;
}



/**
 * SHOWNIEUWS mailenwin : DEZE CSS GELDT VOOR PRIJSVRAAG PAGIANAS
 *
 */

 body.shownieuws div#content.prijsvraag div#content-col-right {
	padding-top: 16px;
	min-height:	570px;
 }

 body.shownieuws div#content.prijsvraag {
	background-image:	none;
	background-color:	white;
}

body.shownieuws div#content.prijsvraag div#content-footer {
	position:			relative;
	top:				5px;
	width:				919px;
	margin:				0;
	padding:			0;
	background:			url('../graphics/shownieuws/bg_content_shownieuws_artikel_footer.png') center bottom no-repeat !important;
}

body.shownieuws div#content.prijsvraag div#content-header {
	background:		#ffffff url('../graphics/shownieuws/bg_content_shownieuws_artikel_header.png') center top no-repeat !important;
}

body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer tr {
	height:			24px;
}

body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer tr td.formlabel {
	width:			140px;
	font-weight:	bold;
}

body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer tr td.innerlabel {
	width:			20px;
}

body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer tr td.formlabel span.star {
	color:			red;
}

body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer tr td.formfield input.big {
	width:			193px;
}

body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer tr td.formfield input.small {
	width:			59px;
}

body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer tr td.formfield label {
	font-weight:	bold;
}


body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer tr td.toevoeging {
	width:		50px;
}

body.shownieuws div#content.prijsvraag table#prijsvraagdeelnemer span.formvoorbeeld {
	padding-left:	4px;
	color:		#999999;
}

body.shownieuws div#content.prijsvraag div#prijsvraag-vragen div.vraag {
	margin-bottom:		10px;
}

body.shownieuws div#content.prijsvraag div#errors {
	margin-bottom:		10px;
}

body.shownieuws div#content.prijsvraag div#errors li.error {
	color:			red;
	font-weight:	bold;
}

a.formbutton {
	background: url("../graphics/shownieuws/btn_big_left_gold.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 25px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
	float:		left;
}


a.formbutton span {
	background: url('../graphics/shownieuws/btn_big_right_gold.gif') no-repeat scroll right top transparent;
    height: 25px;
    margin-left: 12px;
    margin-right: 0;
    padding-right: 10px;
    padding-top: 3px;
	display:	block;
	cursor:		pointer;
	line-height:	21px;
}

#volg-ons-banner a#banner-info {
	display: none;
}