@charset "utf-8";


/*
231 - 5 - 714 
*/

#wrapper
{
	
	width: 950px;
	margin: 20px auto;
}

#overlay {
	z-index:1000;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	background:#000;
	opacity:0.45;
	-moz-opacity:0.45;
	filter:alpha(opacity=45);
	visibility:hidden;
}

.row
{
	width: 950px;
	overflow: hidden;
	position: relative;

}

.registreren {
	height: 700px;
}
.marked {
	margin: 10px 0px 10px 0px;
}

.sub
{
	background-image: url(../images/bg_w231_c666.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

	.wide
	{
		width: 714px;
		float: left;
	}
	
		
	.carousel,
	.login,
	.sidebar
	{
		width: 231px;
		float: left;
	}


.error 
{
	color: #F00;
}
 
#secondary-navigation
{
/*	background-image:url(../images/klantenservice.gif); */
	background-color: #ffffff;
	background-position:right bottom;
	background-repeat:no-repeat;
	border-bottom:5px solid #000000;
	height:auto !important;
	min-height:27px;
	overflow:hidden;
	padding:8px 0 0 8px;
	width:942px;
}


	#secondary-navigation ul
	{
		background-color: #fff;
		width: 714px;
		padding: 6px;
		overflow: hidden;
	}
	#secondary-navigation li,
	#secondary-navigation li a
	{
		float: left;
	}

#logo,
#logo a
{
	width: 100px;
	height: 142px;
	background-image: url(../images/mtv_hi_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

	#logo a
	{
		text-indent: -9999px;
	}




.more
{
	background-image: url(../images/triple_arrow_black_on_white.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 14px 0 0;
}

.login-navigation
{
	float: right;
	color: #fff;
	text-align: right;
	padding-top: 12px;
	-webkit-text-stroke: 0.5px transparent;
}

.login-navigation dt
{
	font-weight: bold;
}
.login-navigation .more
{
	text-decoration: none;
	color: #fff;
	background-image: url(../images/triple_arrow_white_on_black.gif);
}
	.login-navigation a:hover
	{
		text-decoration: underline;
	}

#navigation
{
	width: 845px;
	height: 30px;
	background-image: url(../images/navigation.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	border-bottom: 5px solid #000;
}
	#navigation li,
	#navigation a
	{
		float: left;
	}
	#navigation li
	{
		margin-right: 5px;
	}
	#navigation a
	{
		height: 30px;
		width: 114px;
		background-image: url(../images/navigation.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -9999px;
	}
				
	#navigation .home a
	{
		width: 114px;		
	}
		#navigation .home a.active,
		#navigation .home a:hover
		{
			background-position: 0 -30px;
		}
		
	#navigation .shop a
	{
		width: 114px;
		background-position: -119px 0;
	}
		#navigation .shop a.active,
		#navigation .shop a:hover
		{
			background-position: -119px -30px;
		}
	#navigation .subscriptions a
	{
		width: 224px;
		background-position: -238px 0;
	}
		#navigation .subscriptions a.active,
		#navigation .subscriptions a:hover
		{
			background-position: -238px -30px;
		}
	#navigation .service a
	{
		width: 142px;
		background-position: -467px 0;
	}
		#navigation .service a.active,
		#navigation .service a:hover
		{
			background-position: -467px -30px;
		}
	
	#navigation .mymtvmobile { margin: 0; }
	
	#navigation .mymtvmobile a
	{
		width: 231px;
		background-position: -614px 0;
	}
		#navigation .mymtvmobile a.active,
		#navigation .mymtvmobile a:hover
		{
			background-position: -614px -30px;
		}

.carousel-topphones
{
	background-repeat: repeat-y;
	background-position: 0 0;
}

.carousel
{
	margin:10px 0 0;
	background-color: #FFF;
	width: 221px;
	height:253px;
	padding: 3px 5px 0 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

.carousel h2
{
	font-size: 16px !important;
	text-align: center;
	line-height:19px;
}

.carousel-container,
.carousel-container li,
.carousel-container li a
{
	width: 221px;
	height: 217px;
	overflow: hidden;
	display: block;
	position: relative;
}
.carousel-container li
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}
.carousel-container li a
{
	background-color: #666;
	background-image: url(../images/carousel_default.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

.carousel-container li span
{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	padding:6px 10px;
	width: 201px;
	background-color: #000;
	color: #fff;
	-webkit-text-stroke: 0.5px transparent;
}

.carousel-navigation
{
	width: 221px;
	position: relative;
	height: 4px;
	padding: 3px 0;
}

	.carousel-navigation li
	{
		position: absolute;
		top: 3px;
		left: 0;
	}
	.carousel-navigation a
	{
		text-indent: -9999px;
		height: 4px;
		width: 4px;
		
		overflow: hidden;
		background-color: #b2b2b2;
		display: block;
	}
	.carousel-navigation a.active
	{
		background-color: #000;
	}

.button a
{
	display: block;
}

.teaser
{

	min-height: 275px;
height: auto !important;
	height: 275px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	/*float: left;*/
	margin: 0 0 -10px;
}

.teaser a.bannerlink
{
	display: block;
	text-indent: -9999px;
	width: 714px;
	height: 263px;	
	position: absolute;
	left: 0px;
	top: 0px;
}

.teaser-container
{
	overflow: hidden;
	background-image: url(../images/teaser_login_bg2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 275px;
	
}
.teaser-container-ingelogd
{
	overflow: hidden;
	background-image: url(../images/teaser_login_bg_ingelogd.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 275px;
	
}




.abbo {
	bottom:52px;
	color:#FFFFFF;
	height:66px;
	position:absolute;
	right:250px;
	text-align:center;
	width:137px;
}	.abbo a
	{
		color: #fff;
	}
	.abbo .more
	{
		color: #fff;
		background-image: url(../images/triple_arrow_white_matte_777.gif);
	}
	.abbo .button a
	{
		width: 137px;
		height: 66px;
		display: block;
	}
	

.readmore {
	bottom:21px;
	color:#FFFFFF;
	height:28px;
	position:absolute;
	right:250px;
	text-align:center;
	width:137px;
}	.readmore a
	{
		color: #fff;
	}
	.readmore .more
	{
		color: #fff;
		background-image: url(../images/triple_arrow_white_matte_777.gif);
	}
	.readmore .button a
	{
		width: 137px;
		height: 28px;
		display: block;
	}
	


	
.login
{
	width: 231px;
	min-height: 230px;
/*	height: auto !important;*/
	height: 249px;
	float: right;
	padding: 0 0 16px 5px;
	background-image: url(../images/teaser_login_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
}
	.login h2
	{
		font-size: 17px !important;
	}
	
	.login span.arrow
	{
		width: 23px;
		height: 16px;
		bottom: 0;
		z-index: 300;
		display: block;
		background-image: url(../images/arrow_down_transparent.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	.login span.arrowbg {
		position: absolute;
		width: 23px;
		height: 16px;
		bottom: 0;
		left: 117px;
		z-index: 200;
		background-repeat: no-repeat;
		background-position: -595px 4px;
	}
	
	.login fieldset
	{
		padding: 10px 0 5px 10px;
	}
	
	.login .text
	{
		width: 197px;
		margin-bottom: 5px;
	}
	#login
	{
		width: 96px;
		height: 41px;
		background-image: url(../images/button_login.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		float: right;
		margin: 2px 5px 0 0;
	}
	
	.login .button
	{
		overflow: hidden;
	}
	.login fieldset fieldset
	{
		float: left;
		width: 100px;
		padding: 0;
	}
	.register
	{
		padding-top: 12px;
		clear: both;
		width: 216px;
	}
	.register .button a
	{
		width: 136px;
		height: 39px;
		background-image: url(../images/button_registeren.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		float: right;
	}

.sidebar
{
	background-color: #333;
	background-image: url(../images/arrow_down_666_333_w231.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 16px;
	color: #fff;
	-webkit-text-stroke: 0.5px transparent;
}
	.sidebar a
	{	
		color: #fff;
	}
	
	.sidebar .more
	{
		color: #fff;
		background-image: url(../images/triple_arrow_white_matte_777.gif);
	}
	
		
.aside
{
	background-color: #666;
	padding: 10px 10px 16px 10px;
}

.sidebar .lightgrey
{
	background-color: #c7c8ca;
}

.aside p
{
	padding-top: 16px;
}



#subnav
{
	padding-top: 8px;
}
/*
	.subnav li
	{
		font-size: 20px;
		padding-top: 8px;
		background-image: url(../images/triple_arrow_white_matte_777.gif);
		background-repeat: no-repeat;
		background-position: right center;
	}
*/

.sidebar .arrow
{
	background-color: #666;
	background-image: url(../images/arrow_down_666_666_w231.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 32px;
}

.sidebar .arrowlightgrey
{
	background-color: #666;
	background-image: url(../images/arrow_down_666_c7c8ca_w231.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 32px;
}


.personal-navigation h2
{
	font-size: 17px !important;
}

.personal-navigation ul
{
	padding-bottom: 32px;
}

.mtv-mobile-phone a
{
	display: block;
	background-image: url(../images/iwantmymtvmobile_phone.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 90px;
	margin-top: 12px;
	text-indent: -9999px;
}

.action
{
	background-color: #fff;
	width: 714px;
}
	.action h2
	{
		padding-top: 16px;
	}
	
	.action-content
	{
		background-color: #fff;
		padding: 20px 20px 20px 20px;
		width: 674px;
		background-image: url(../images/black_arrow_down.gif);
		background-repeat: no-repeat;
		background-position: right top;
		border-color: #000;
		border-width: 5px 0 0 5px;
		border-style: solid;
	}
	.action-image
	{
		width: 719px;
		height: 292px;
		background-repeat: no-repeat;
		background-position: right top;
		background-color: #000;
	}
	.action-image .arrow
	{
		background-image: url(../images/white_arrow_to_right_long.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 20px;
		height: 292px;
	}
	

	
	
.detail
{
	background-color: #fff;
	padding: 20px 0 20px 25px;
	width: 694px;
	background-image: url(../images/white_arrow_to_right_long.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
		
	
	.action p,	
	.detail p
	{
		padding-top: 16px;
	}

	.detail ul
	{
		list-style: disc  inside;

	}
	
	.detail li 
	{

		margin: 0;
		padding: 0;
	}

	.friend-detail
	{
		border-top: 0;
		overflow: hidden;
	}
		
		.friend-detail .friend
		{
			float: right;
			padding: 16px 0 16px 16px;
		}
		
	.audio, .video, .gallery
	{
		padding-top: 16px;
	}
	
.faq
{
	width: 674px;
	overflow: hidden;
	padding-top: 16px;
}
	.faq ul
	{
		float: left;
		width: 237px;
		padding-right: 100px;
	}
	
	.faq li
	{
		display: block;
		padding-bottom: 12px;
	}



	
	
	
.mymtv-carousel
{
	width: 714px;
	overflow: hidden;
	position: relative;
	height: 294px;
	padding-left: 5px;
	border-bottom: 5px solid #000;
}
	.mymtv-carousel .arrow
	{
		background-image: url(../images/white_arrow_to_right_long.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 20px;
		height: 100px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
	}
	.mymtv-carousel .views,
	.mymtv-carousel .view
	{
		width: 589px;
		height: 294px;
		overflow: hidden;
		background-color: #666;
		position: absolute;
		top: 0;
		left: 5px;
	}
	
	.mymtv-carousel .views
	{
		z-index: 10;
	}
	.mymtv-carousel .view
	{
		background-image: url(../images/hillsbig.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		top: 0;
		left: 0;
	}
		.mymtv-carousel .view-description
		{
			background-color: #000;
			color: #fff;
			position: absolute;
			left: 5px;
			bottom: 5px;
			padding: 10px;
			width: 559px;
			-webkit-text-stroke: 0.5px transparent;
		}
			.mymtv-carousel .view-description a
			{
				color: #fff;
			}
			
			.view-description .more { background-image: url(../images/triple_arrow_white_on_black.gif); }
			
	.mymtv-carousel-navigation
	{
		width: 136px;
		height: 294px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		background-image: url(../images/white_arrow_to_left_top.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		z-index: 200;
	}
	.mymtv-carousel-navigation ul
	{
		width: 120px;
		background-color: #fff;
		height: 294px;
		float: right;
		overflow: hidden;
	}
	.mymtv-carousel-navigation li
	{
		float: left;
		padding: 0;
	}
	.mymtv-carousel-navigation a
	{		
		width: 100px;
		height: 61px;
		display: block;
		position: relative;
		border-color: #FFF;
		border-width: 10px 10px 0 10px;
		border-style: solid;
	}
	.mymtv-carousel-navigation span
	{
		display: block;
		top: 18px;
		left: 39px;
		position: absolute;
		width: 26px;
		height: 26px;
		background-image: url(../images/arrow_play.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	.mymtv-carousel-navigation .active span
	{
		background-position: 0 -26px;
	}

.filters
{
	width: 674px;
	background-color: #CCC;
	padding: 20px 20px 20px 25px;
	overflow: hidden;
	background-image: url(../images/white_arrow_to_right_long.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-text-stroke: 0.5px transparent;
}
	.filter
	{
		width: 337px;
		float: left;
	}
	.filter select
	{
		width: 250px;
	}


.my-mtv-banner
{
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: right -11px;
	width: 719px;
	float: left;
}
	
	.my-mtv-banner .arrow
	{
		padding: 10px 10px 10px 20px;
		/*min-height: 247px;*/
              min-height: 246px;
		height: auto !important;
		height: 247px;
		background-image: url(../images/white_arrow_to_right.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		width: 689px;
		text-indent: -9999px;
	}


.top-phones
{
	background-color: #fff;
	background-image: url(../images/top_phone_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	width: 719px;
	float: left;
}
	
	.top-phones .arrow
	{
		padding:2px 0 0 8px;
		height: 264px;
		background-image: url(../images/white_arrow_to_right.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		overflow: hidden;
		width:711px;	
	}
	
	
	
	.top-phones h2
	{
		float: left;
	}
	.top-phones .more
	{
		float: right;
		background-image: url(../images/triple_arrow_matte_777.gif);
	}
	.top-phones-container
	{
		overflow: hidden;
		width: 689px;
		padding-top: 16px;
	}
	
	.top-phone
	{
		width: 120px;
		padding: 0 7px 0 102px;
		float: left;
		background-image: url(../images/blackberry.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	.top-phone dt
	{
		font-weight: bold;
		background-image: url(../images/gratis_right.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 60px 0 16px 0;
	}
	.top-phone dd
	{
		padding-top: 4px;
	}
	.top-phone .more
	{
		float: none;
		background-image: url(../images/triple_arrow_matte_ccc.gif);
	}
	
.phones
{
	width: 704px;
	background-color: #FFF;
	border-left: 5px solid #000;
	padding: 15px 5px 6px 5px;
	overflow: hidden;
	background-image: url(../images/arrow_white_down_white.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
	.phones .button
	{
		overflow: hidden;
		width: 524px;
		height: 66px;
		float: left;
		display: inline;
		margin-left: 90px;
	}
	.phones .button a
	{
		background-image: url(../images/button_view_other_phones.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		width: 524px;
		height: 66px;
	
	}

	.phone
	{
		width: 231px;
		min-height: 130px;
		height: auto !important;
		height: 130px;
		background-color: #CCC;
		float: left;
		position: relative;
		background-image: url(../images/phone_small.png);
		background-repeat: no-repeat;
		background-position: 3% 50%;
	}
		.phone dt
		{
			font-weight: bold;
		}
		
		.phone dd
		{
			color: #777;
			padding-bottom: 12px;
		}
		
		.phone dl
		{
			position: absolute;
			bottom: 0; 
			right: 8px;
			width: 131px;
			z-index: 200;
		}
		
		.phone .more { background-image: url(../images/triple_arrow_matte_777.gif); }
		
		.phone .balloon
		{
			position: absolute;
			top: -74px;
			left: -27px;
			width: 88px;
			height: 51px;
			background-image: url(../images/gratis_left.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			z-index: 300;
			text-indent: -9999px;
			padding: 0;
		}
		
	.phone.center
	{
		margin: 0 5px;
	}
	
.overview
{
	width: 694px;
	background-color: #FFF;
	padding: 10px 10px 5px 10px;
	margin-left: 5px;
	
}
	.overview.exclusive
	{
		background-image: url(../images/arrow_grey_down_white.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding: 17px 10px 5px 10px;
	}
	.overview .item
	{
		width: 694px;
		overflow: hidden;
		background-color: #fff;
		border-top: 10px solid #e5e5e5;
		padding: 5px 0 5px 0;
	}
	
	.overview .item .friend
	{
		float: right;
	}
	
	
	.overview .item-description
	{
		width: 534px;
		float: left;
		padding-top: 6px;
	}
	
	.overview .friend-item .item-description
	{
		width: 480px;
	}
	
	
	.overview .item.first
	{
		border-top: 0 solid #fff;
		padding: 0 0 5px 0;
	}
	.overview .item .image
	{
		float: left;
		position: relative;
		width: 150px;
		height: 150px;
		padding-right: 10px;		
	}
	
	.overview .item p
	{
		padding-bottom: 12px;
	}
	
	.overview .item .image span
	{
		width: 26px;
		height: 26px;
		display: block;
		position: absolute;
		top: 64px;
		left: 58px;
		background-image: url(../images/arrow_play.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	
.pager
{
	border-top: 5px solid #000;
	background-color: #666;
	color: #fff;
	text-align: center;
	padding: 10px;
	-webkit-text-stroke: 0.5px transparent;
	margin-left: 5px;
	width: 694px;
}
	.pager a
	{
		color: #fff;
		text-decoration: none;
		padding: 2px 4px;
		letter-spacing: 1px;
	}
	
	.pager .active
	{
		background-color: #fff;
		color: #000;
	}
	
.footer
{
	border-top: 5px solid #000;
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 10px;
	-webkit-text-stroke: 0.5px transparent;
}
	.footer a
	{
		color: #fff;
		text-decoration: none;
	}
	
	
	
/* liScroll style declarations */

.tickercontainer 
{
	width: 829px;
	background-color: #333;
	float: right;
	padding: 8px;
	height: 16px;
	color: #fff;
	-webkit-text-stroke: 0.5px transparent;
	overflow: hidden;
}
	
	.tickercontainer .mask 
	{
		position: relative;
		left: 8px;
		top: 0;
		width: 815px;
		overflow: hidden;
		height: 16px;
	}
	ul.newsticker
	{
		position: relative;
		left: 829px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: auto;
	}
	
	ul.newsticker li 
	{
		float: left;
		margin: 0;
		padding: 0;
	}
	ul.newsticker a
	{
		color: #fff;
		text-decoration: underline;
	}
	ul.newsticker span
	{
		white-space: nowrap;
		padding: 0;
		margin: 0 8px;
	} 

/* player */
.videoplayer {
	overflow: hidden;
	text-align: center;
	padding-top: 20px;
	
}
.relatedvideos {
	background-color: #FFF;
	background-image: url(../images/black_arrow_down_714.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 12px 10px 30px 10px;;
	width: 714px;
	margin-left: 5px;
	overflow: hidden;
}
	.relatedvideos a.more {
		background-image: url(../images/triple_arrow_black_on_white.gif);
		background-position: right center;
		background-repeat: no-repeat;
		color: #000;
		padding: 0 14px 0 0;
		
	}
	
	.relatedvideos a.backlink {
		float: right;
		margin-right: 20px;
	}
	
	.relatedvideos ul {
		margin-top: 20px;
	}
		.relatedvideos ul li {
			margin-top: 5px;
		}

.overview p{
	margin: 5px 0 10px 0;
}

#audioplayer {
      margin: 10px 0px 5px 0px;
      clear: both;
      display: block;
}