/* 
	CSS Document
	SkyRadioGroep
	Radio Veronica Special

	veronicablue	#00AEEF
	lightgrey		#d9d9d9

*/


	/* CLEARING */
	.clear { clear:both; }
	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }

	
	/* GENERAL CLASSES */
	.hidden { display:none; }
	.floatright { float:right; }
	.floatleft { float:left; }	
	.image_right { margin:5px 0 10px 15px; float:right; }
	.border { border:1px solid #00aeef; }
	#main p em { color:#00aeef; font-style:normal; }	

	
	/* GENERAL */		
	html, body {
		background-color: #000;
		background-image: url(../images/bg.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-attachment: fixed;
	}
	a, a:active, a:link, a:hover, a:focus { outline:none; }


	/* WRAPPER */
	#wrapper {
		font:normal 13px/17px Arial, Helvetica, sans-serif;
		color:#000;
	}


	/* STRUCTURE */
	#headerr {
		height:199px;
		overflow:hidden;
		background:#000;
	}
	
		/* NAVIGATIE */
		#navv {
			height:44px;
			width:100%;
			padding: 0;
			background: url(../images/bg_nav.jpg) no-repeat;	
		}
			#navv ul {
				padding: 0;
				margin: 0 0 0 393px;
				list-style-image: none;
				list-style-type: none;
			}
				#navv li {
					float: left;
					display:block;
					padding:0;
					margin:0 1px;
				}
				
				#navv li a {
					color: #fff;
					display:block;
					height:44px;
					overflow:hidden;
				}
				
				#navv li a span { display:none; }
				
				#navv li a#nav_overzicht { width:94px; background:url(../images/nav_sprite.png) no-repeat 0 0; }
				#navv li a#nav_game { width:133px; background:url(../images/nav_sprite.png) no-repeat -96px 0; }
				#navv li a#nav_update { width:150px; background:url(../images/nav_sprite.png) no-repeat -231px 0; }
				#navv li a#nav_acties { width:126px; background:url(../images/nav_sprite.png) no-repeat -383px 0; }
				#navv li a#nav_winnaar { width:96px; background:url(../images/nav_sprite.png) no-repeat -511px 0; }
				#navv li a#nav_kijkcodes { width:94px; background:url(../images/nav_sprite.png) no-repeat -609px 0; }
				
				#navv li a#nav_overzicht:hover, #navv li a#nav_overzicht.current { width:94px; background:url(../images/nav_sprite.png) no-repeat 0 -44px; }
				#navv li a#nav_game:hover, #navv li a#nav_game.current { width:133px; background:url(../images/nav_sprite.png) no-repeat -96px -44px; }
				#navv li a#nav_update:hover, #navv li a#nav_update.current { width:150px; background:url(../images/nav_sprite.png) no-repeat -231px -44px; }
				#navv li a#nav_acties:hover, #navv li a#nav_acties.current { width:126px; background:url(../images/nav_sprite.png) no-repeat -383px -44px; }
				#navv li a#nav_winnaar:hover, #navv li a#nav_winnaar.current { width:96px; background:url(../images/nav_sprite.png) no-repeat -511px -44px; }
				#navv li a#nav_kijkcodes:hover, #navv li a#nav_kijkcodes.current { width:94px; background:url(../images/nav_sprite.png) no-repeat -609px -44px; }

				
		/* PLAYERS */
		#channel {	
			clear:left;
			float: left;
			width: 306px; 
			padding: 20px 0 0 35px; 
			text-align: center;
		}
			#channel #rectangle {
				float:none;
				margin: 20px auto;
			}
			.player { margin-bottom:15px; }
	
			
	#main { 
		float: right;
		width: 535px; 
		margin:  0;
		padding: 30px 50px 0 0; 
	}
		#main .button {	margin: 5px 0 0 0;	}
		#main .floatleft { float: left;	margin: 0 5px 0 0;	}
		#main .floatright {	float: right; margin: 0 0 0 5px; }
	
		#main div.divider { width:100%; height:30px; clear:both; background:url(../images/divider_hor_section.gif) no-repeat 0 50%; }

		#main a.btn { 
			float:left;
			display:block;
			height:27px;
			padding:0 14px 0;
			background: url(../images/btn_left.gif) no-repeat center left;
			cursor:pointer;
		}

		#main a.btn span {
			float:left;
			height:14px;
			padding:6px 30px 7px 0;
			font:normal 12px/14px Arial, sans-serif;
			color:#fff;
			background: url(../images/btn_right.gif) no-repeat center right;
			cursor:pointer;
		}
		
		#main a.btn:hover, #main a:hover { text-decoration:none; }
	
	
	#footerr {	height: 145px; }
		#footerr img { }


		
		
	/* HEADING  STYLES */
	h2 {
		margin:	5px 0 5px;
		height: 23px;
		font-size: 13px;
		line-height: 23px;
	}
	
	h4 {
		margin:5px 0 5px;
		height:16px;
		font-size:10px;
		line-height:16px;
	}


	/* WINNAARS */
	.winnaarblok table { width:100%;  }
	.winnaarblok table td {
		padding:2px 4px;
		margin:1px;
		background:#b3eafe;
		width:auto;
	}
	.winnaarblok table th {
		padding:2px 4px;
		margin:1px;
		background:#78bed8;
		color:#fff;
	}
	
	.w_foto {
		display:block;
		width:230px;
		float:left;	
	}
	
	.w_info {
		display:block;
		width:300px;
		float:left;
	}
	
	.w_quote { 
		display:block;	
		margin:20px 0 0;
		padding:10px 10px 10px 30px ;
		background:url(../images/quote.png) no-repeat top left;
	}
	.w_quote p { color:#666; }
	#main .w_quote p em { color:#666; font:italic 12px/1.4em Arial, sans-serif ; }  
	
	.w_foto_cont a img { 
		width:200px;
		height:150px;
		border:3px solid #00aeef;	
	}
	
	.w_foto_cont a img:hover { border:3px solid #000; }
	
	.w_foto ul {
		margin:10px 0;
		padding:0;
		list-style:none;
	}
	
	.w_foto ul li {
		list-style:none;
		margin:0 2px 2px 0;
		float:left; 
	}
	
	.w_foto li img {
		width:100px;
		height:75px;
		border:1px solid #000;
	}
	
	.w_foto li img:hover { border:1px solid #00aeef; }
	
	/* EREDIVISIE UPDATE TABLE */	
	table#highlight_list {
		margin:0 0 10px;
		width:100%;	
		border-collapse:collapse;
	}
	
	table#highlight_list th {
		padding:2px 6px;
		height:16px;
		background:#00aeef;
		color:#fff;
		font-weight:bold;	
	}
	
	table#highlight_list td {
		padding:2px 5px;	
		height:16px;
		margin:0;
		border:1px solid #fff;
		border-width:1px 0 0 0;
		vertical-align:middle;
	}
	
	table#highlight_list tr.odd td {
		color:#000;
		background:#caeffd;
	}
	
	table#highlight_list tr.even td {
		color:#000;
		background:#aae6fd;
	}
	
	table#highlight_list tr {
			margin:1px 0;
	}

		/* JMP3 */	
		span.mp3 {
			display:block;
			padding:2px 0 0;
		}

	/* FORM */
	#canvasform label { }
	#canvasform label.error { color:#f00; font:normal 11px Arial; display:block; }

	#canvasform input, #canvasform select { border:1px solid #00aeef; padding:1px; }
	#canvasform input:focus { background:#e1f7ff; } 
	
	#canvasform input#submit { padding:5px 15px; color:#00aeef; background:#bdebfd; border:1px solid #84d8f7; }
	#canvasform input#submit:hover { background:#00aeef; color:#fff; cursor:pointer; border:1px solid #00aeef; }

	#canvasform span.required { color:#c00; }
		
		
	/* PAGINATION */
	ul.pagination { 
		list-style:none;
		margin:25px 0 0 ;
		padding:0;
	}
	
		ul.pagination li {
			list-style:none;
			display:block;
			float:left;
			margin:2px 2px 2px 0;
			background:#fff;
			border:1px solid #00aeef;
			text-align:center;	
		}
		
		ul.pagination li a, ul.pagination li.title {
			display:block;
			padding:2px 4px;
			position:relative;
		}
		
		ul.pagination li.title {
			background:#00aeef;
			color:#fff;
		}
		
		ul.pagination li a:hover, ul.pagination li a.current { 
			background:#aae6fd;
		}
		
	
	/* TOOLTIP */

	.tooltip { 
	    display:none; 
	    background:transparent url(../images/bg_tooltip.png) no-repeat;
		color:#000; 
	    font:normal 11px Arial, sans-serif;
	    height:127px; 
	    width:186px; 
	    padding:17px 17px 36px;  
		border:0;
	}
	
	.tooltip span.title {
		font:bold 12px Arial, sans-serif;
		color:#00aeef;
		margin:5px 0 0;
		padding:0;
	}
	
	.tooltip span {
		display:block;
		font:normal 11px Arial, sans-serif;
		color:#000;
	}
	
	.tooltip img { display:block; margin:3px 0; }