/* 
    AUTHOR: QUADIA 
            development@quadia.nl
            copyright by ABN AMRO
*/

/* ------------------------------------------ */
/* BASIC LAYOUT */

* 			{ margin: 0; padding: 0;border: none;font-family:Tahoma,Verdana,Helvetica,sans-serif; }
html 		{ height:100%;}
body		{background:#f8f8f8 url(../_images/bg_body.png) top center repeat-y;height:100%;color:#595959;margin:0;padding:0;text-align:center;font:11px Verdana,Helvetica,sans-serif;}
ul 			{ list-style: none inside; }
p			{line-height:18px;margin-bottom:26px;}
a			{color:#008780;text-decoration:none}
a:hover		{color:#68811a;text-decoration:underline;}
a:focus		{outline:none}
p a, td a 	{text-decoration: underline;}
h1			{color:#00534d;margin:0 0 15px 0;height:38px;font-size:20px;position:relative;padding:40px 0 5px 10px;background:url(../_images/h1_bg.gif) repeat-x bottom left;font-weight:normal;}
h2,h2 a		{color:#00534d;font-size:12px;font-weight:normal;}
h3			{color:#ececec;font-size:17px}
h4,h4 a		{color:#005b5d;font-size:11px;}
h4.bg		{background:#ffffff url(../_images/h4_bg.gif) bottom left repeat-x;line-height:20px;}

.flashrep	{}

/* ------------------------------------------ */
/* PAGE STRUCTURE */

#wrapper {
	position:relative;
	top:0px;	
	margin:0 auto;
	width:940px;
	height:640px;
	text-align:left;
}


#p_header	{
	position:relative;
	height:71px;
	width:100%;
}

#p_main	{
	position:relative;
	width:100%;	
}

#p_footer	{
	font-family:Tahoma,Verdana,Helvetica,sans-serif;
	height:50px;
	overflow:hidden;
	width:100%;
	color:#777;
	clear:both;
	position:relative;
}


/* ------------------------------------------ */
/* HEADER */
#h_topnav	{
	color:#999999;
	position:absolute;
	right:14px;
	top:5px;
}

#h_topnav a			{color:#777}
#h_topnav a:hover	{text-decoration:underline}
#h_topnav ul		{font-family:Tahoma,Verdana,Helvetica,sans-serif;color:#d2d2d2}
#h_topnav ul li		{display:inline;background:none;padding:0}

#h_logo {
	position:absolute;
	top:24px;
	clear:both;
}

span#media_title	{
	
}

#mainnav	{
	position:absolute;
	top:24px;
	left:160px;
	height:37px;
	width:770px;
	/*width:816px; */
	background:transparent url(../_images/bg_mainnav.gif) no-repeat scroll 0px -37px;
	overflow:hidden;
	padding:0pt 0pt 0pt 11px;
	text-align:left;
	z-index:520;
}

	#mainnav li{
		float:left;
		height:29px;
		list-style-type:none;
		line-height:0;
	}
	
	#mainnav li a {
		display:block;
		height:29px;
		cursor:pointer;
		text-indent:-4000px;
		background:url(../_images/bt_mainnav.gif) 0px 0px;
	
	}
	#mainnav li.Update a {width:75px;}
	#mainnav li.Update a:hover {background-position:0px -29px ;}
	#mainnav li.Update a.current {background-position:0px -58px;}
	#mainnav li.UpdateCurrent a {width:74px;background-position:0px -58px;cursor:default}
	
	#mainnav li.Ondernemen a {width:108px;background-position:-74px 0px;}
	#mainnav li.Ondernemen a:hover {background-position:-74px -29px ;}
	#mainnav li.Ondernemen a.current {background-position:-74px -58px;}
	#mainnav li.OndernemenCurrent a {width:108px;background-position:-74px -58px;cursor:default}
	
	#mainnav li.Lifestyle a {width:75px;background-position:-186px 0px;}
	#mainnav li.Lifestyle a:hover {background-position:-186px -29px ;}
	#mainnav li.Lifestyle a.current {background-position:-186px -58px;}
	#mainnav li.LifestyleCurrent a {width:75px;background-position:-186px -58px;cursor:default}
	
	#mainnav li.Sport a {width:61px;background-position:-264px 0px;}
	#mainnav li.Sport a:hover {background-position:-264px -29px ;}
	#mainnav li.Sport a.current {background-position:-264px -58px;}
	#mainnav li.SportCurrent a {width:61px;background-position:-264px -58px;cursor:default}
		
	#mainnav li.Live a {width:54px;background-position:-326px 0px;}
	#mainnav li.Live a:hover {background-position:-326px -29px ;}
	#mainnav li.Live a.current {background-position:-326px -58px;}
	#mainnav li.LiveCurrent a {width:54px;background-position:-326px -58px;cursor:default}

#search {
	position:absolute;
	right:11px;
	top:28px;
	width:371px;
	z-index:521;
}

	#search input.img,#search_inpage  input.img {
		float:left;
		height:17px;
		margin:3px 0 0;
	}
	
	#search input.text,#search_inpage input.text {
		border:1px solid #CDCFCE;
		color:#999999;
		float:left;
		font-family:tahoma,verdana,arial;
		font-size:11px;
		height:15px;
		margin:3px 5px 0 0;
		padding:0 0 0 6px;
		vertical-align:middle;
		width:294px;
	}

#search_inpage	{
	
}

#search_inpage span	{
		float:left;
		color:#008780;
		font-weight:bold;
		height:15px;
		margin:3px 5px 0 0;
		}
		
div.questionBoxArea {
		background:#F4F4F4 url(../_images/h3_bg.gif) repeat-x scroll left bottom;
		padding:20px 10px 20px 20px;
}

div.dottedline {
	background:transparent url(../_images/h3_bg.gif) repeat-x scroll left bottom;
	height:4px;
	margin-top:10px;
}
	
/* ------------------------------------------ */
/* MAIN */
#h_content	{
	float:left;
	margin-top:23px;
	width:640px;
	line-height:14px;
	text-align:justify;
}
	b.firstline	{
	display:block;
	}
	
	#h_content img	{
	/* border:1px solid #CDCDCD; */
	}
	
#h_embeddedplayer	{
	float:left;
	width:640px;
	height:385px;
}

#toolboxholder	{
	/*display:none;*/
	float:right;
	margin-top:23px;
	position:relative;
	/*width:397px;*/
	width:285px;
	/*height:372px;*/
	height:384px;
	overflow:hidden;
	/*background: url(../_images/rubr_bg.png) no-repeat left top;*/
	font-size:10px;
	line-height:14px;
	margin-bottom:10px;
	border-bottom:1px solid #dbe7e7;
}
#videoselector {
	margin-top:15px;
	width:631px;
	height:304px;
	float:left;
	/*background-color:#f00; */
}

#flashcontent span	{
	display:block;
	border:1px solid #e4c26a;
	background:#ffffcc;
	padding:6px;
}

#flashcontent .title	{
	display:block;
	padding-left:30px;
	background: url(../_images/ico_warning.gif) no-repeat;
	height:20px;
	line-height:20px;
}

ul.normallist	{
	position:relative;
	background:none;
	padding:0;
	margin-bottom:10px;
	border-top:1px solid #dadbc1;
}

ul.normallist li	{
	position:relative;
	background:url(../_images/list_item.gif) no-repeat 0 8px;
	padding:4px 0 5px 17px;
	border-bottom:1px solid #dadbc1
}

ul.normallist li a	{
	text-decoration: underline;
}
/* ------------------------------------------ */
/* RSS */

p.rss span {
	display:block;
	width:260px;
	position:relative;
}

p.rss a	{
	width:40px;
	position:absolute;
	right: 0;
	top: 0;
	text-align:right;
}


/* ------------------------------------------ */
/* LIVE */

#p_main.live {
	/*height:560px;*/	/*[QWISE][Clientele Call 6774][ORIG]*/
	height:835px;		/*[QWISE][Clientele Call 6774][MOD]*/
}

/* ------------------------------------------ */
/* FORMS */

.h_question	{
	margin-top:20px;
	margin-left:15px;
	color:#005b5d;
}

legend	{
	color:#005b5d;
	margin-bottom:5px;
}

.h_question label	{
	display:block;
	margin-bottom:2px;
}

fieldset label	{
	display:block;
	width:140px;
	float:left;
}


label.chbx	{
	color:#666666;
}

label.nxtline	{
	clear:left;
}

.options	{
	position:relative;
	left: 160px;
	width:300px;
}

.txta	{
	width:280px;
	height:68px;
	border:1px solid #CDCDCD;
	font:11px Verdana,Helvetica,sans-serif;
	padding:2px;
}

/* ------------------------------------------ */
/* BANNERS */

#h_banner1	{
	background:#fff;
	border:1px solid #CDCDCD;
	float:right;
	width:285px;
	height:272px;
	margin-top:37px;
	overflow:hidden;
}



/* ------------------------------------------ */
/* FOOTER */

#p_footer ul{
	display:inline;
	margin:0;
	color:#d2d2d2;
	position:relative;
	width:934px;
	top:20px;
	float:left;
	border-top:1px solid #dadbc1;
	padding:5px 0 0 0;
}

#p_footer li{display:inline;margin:0;padding:0;background:none}
#p_footer li a{text-decoration:none;color:#777;margin:0;padding:0}
#p_footer li a:hover{background:#FFC}
#p_footer span{position:relative;top:5px;margin:0 8px 0 0;float:right;}


/* ------------------------------------------ */
/* SEARCH */

#h_loading {
	position:absolute;
	top:0px;
	left:px;
	width:100%;
	height:100%;
	background:#fff url(../_images/ajax-loader.gif) no-repeat center center;
	z-index:10000;
}


a.videocontainer:link, a.videocontainer:visited {
	height:117px;
	position:relative;
	display:block;
	color:#333;
	width:930px;
}
a.videocontainer:hover, a.videocontainer:active {
	text-decoration:none;
	color:#008780;
}
a.videocontainer * {
	cursor:pointer;
}
	.videocontainer .h_img {
		position:absolute;
		width:148px;
		height:90px;
		top:10px;
		left:10px;
		background-repeat:no-repeat;
	}
		.videocontainer .h_img div.img {
			position:absolute;
			width:140px;
			height:82px;
			top:4px;
			left:4px;
			overflow:hidden;
		}
			.videocontainer .h_img div.img img{
				position:absolute;
				/*height:82px;*/
				width:140px;
				height:auto;
				top:0px;
				left:0px;
			}
		.videocontainer .h_img div.border {
			position:absolute;
			width:148px;
			height:90px;
			top:0px;
			left:0px;
			background:url(../_images/search_window.png);
		}
	.videocontainer .h_title {
		position:absolute;
		height:18px;
		top:10px;
		left:180px;
		font-weight:bold;
		font-size:12px;
	}
	.videocontainer .h_description {
		position:absolute;
		height:48px;
		top:27px;
		left:180px;
		overflow:hidden;
		line-height:16px;
	}
	.videocontainer .h_description * {
		line-height:16px;
	}
	.videocontainer .bg_rating {
		position:absolute;
		height:13px;
		top:85px;
		left:180px;
		width:70px;
		background:url(../_images/rating_bg.png);
	}
		.videocontainer .h_rating {
			position:absolute;
			height:13px;
			top:0px;
			left:0px;
			background:url(../_images/rating_active.png);
		}
	.videocontainer .h_time {
		position:absolute;
		height:20px;
		top:85px;
		left:280px;
		overflow:hidden;
		opacity:0.6;
	}
	.videocontainer .h_date {
		position:absolute;
		height:20px;
		top:85px;
		left:420px;
		overflow:hidden;
		opacity:0.6;
	}
	.videocontainer .h_viewcount {
		position:absolute;
		height:20px;
		top:85px;
		left:580px;
		overflow:hidden;
		opacity:0.6;
	}
	#h_filter {
		text-align:right;
		padding-right:10px;
	}
	#h_filter .active {
		font-weight:bold !important;
	}