/************************************************/
/** 3VOOR12 LOWLANDS MASHUP *********************/
/************************************************/

/* INHOUD:                                      */
/* algemeen                                     */
/* header                                       */
/* viewport                                     */
/* thumbnails                                   */
/* right                                        */
/* twitter                                      */

/* algemeen */

body {
	margin:0px;
	font:85% "Helvetica Neue", "Helvetica", Helvetica, Arial,sans-serif;
background-image:url('images/live09bg.jpg');
background-position: 50% 0;
background-repeat: repeat;

}
div#topcontainer, div#maincontainer, div#innerfooter{
	width:954px;
    margin:0 auto;
    border: 0px dashed #000;
    position: relative;
}

div#innerfooter{
padding: 5px;	
}

div#newfooterspacer {
position:relative;
	width: 100%;
	clear:both;
	display:block;	
	height:50px;
}
div#newfooter {
	padding: 10px 0px 10px 0px;
	position:relative;
	width: 100%;
	clear:both;
	display:block;
	background: url('./images/footer_background.png') repeat-x 0px 0px #000;
}

div#footerlogos {
float:right;
}

div#newsticker {
	height:40px;	
	background: url('./images/tickertape_background.png') repeat-x 0px 0px #000;
    display:block;
    border: 0px dashed #000;
    clear:both;
    position: relative;
   	border-bottom: 0px solid #BBB;
   	margin-bottom: 8px;
 

}

div#innerticker {
	width:953px;
    margin:0 auto;	
    color: #FFFFFF;
    font-size: 13px;
    font-weight:bold;
    line-height: 40px;
  
}

div#innerticker ul {
    list-style-type: none;
	padding: 0px;
	margin: 0px;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/*ul{
	margin:0;
	padding:0;
	list-style:none;
}
ul li{
    margin:0;
    padding:0;
    display:block;
}*/

img, div {
	behavior: url(script/iepngfix.htc);
}
h1,h2,h3,h4,h5,h6,p{
	margin:0 0 0.2em 0;
}
p{
	font-size:0.9em;
	margin:0 0 0.5em 0;
}

/* header */

div#header img.logo{
	margin-bottom:4px;
}
div#header div.toggle{
	float:left;
	margin-right: 18px;
	color:#99ccff;
	font-weight:bold;
	background:url('images/checkbox_unselected.png') no-repeat;
	padding-left:18px;
	height:20px;
	line-height:20px;
	margin-bottom:9px;
}
div#search{
	position:absolute;
	left: 430px;
	top: 25px;
	margin-right: 18px;
	color:#99ccff;
	font-weight:bold;
	background:none;
	padding-left:18px;
	height:20px;
	margin-bottom:9px;
	background:none;


}
div#search input,
div#search div#searchit{
	float:left;
}
div#closesearch{
	float:left;
}

div#closesearch {
	color:#fff;
	background:#275469;
	font-size:0.7em;
	padding:4px;
	margin:0 auto 0 auto;
	cursor:pointer;
	height:15px;
	line-height: 15px;
	font-size:12px;
}

div#searching {
	display:none;
	height: 30px;	
}

div#search input{
	background:#ccc;
	color:#000000;
	border: 0px;
	padding:0px 4px;
	height: 20px;
	line-height: 20px;

}
div#search div#searchit{
	color:#000;
	background:#99ccff;
	font-size:0.7em;
	padding:0px 4px;
	margin-left:4px;
	cursor:pointer;
	height: 20px;
	line-height: 20px;


}
div#header div#search div#searchit:hover{
	background:#275469;
}
div#header div.selectedToggle{
	color:#000;
	background:url('images/checkbox_selected.png') no-repeat;
	cursor: pointer;
}

div#header div.toggle:hover{
	color:#ffffff;
	background:url('images/checkbox_selected_hover.png') no-repeat;
	cursor: pointer;
}


div#mashuplogo {
position:relative;
float:left;	
}
div#companylogos{
	margin-left:1px;
	float:right;	
}
div#companylogos img{
	margin:8px 0 0 0;	
}

div#toggles {
position: relative;
 background: #275469;
 margin-top: 1px;
margin-bottom: 1px;
 padding: 7px;
 width: 633px;
 height: 25px;
 float:left;
 clear:left;
}

div#tabjes {
	position: relative;
	width: 647px;
	height: 34px;
	float:left;
	 clear:left;
	 margin:0;
	 text-align: center;
}


div.toggle_select,div.toggle_unselect:hover {
	width: 80px;
	height: 34px;
	float:left;
	background: url('images/tabbg_selected.png') 0% 100% repeat-x #0099FF;
	cursor:pointer;
	line-height: 34px;
	color: #000;
	font-weight: bold;
	margin-left: 10px;
}
div.toggle_unselect, div.toggle_select:hover {
	width: 80px;
	height: 34px;
	float:left;
	background: url('images/tabbg_unselected.png') 0% 100% repeat-x #275469;
	cursor:pointer;
	line-height: 34px;
	color: #fff;
	font-weight: bold;
	margin-left: 10px;
}

div.drievoor12_unselect, div.drievoor12_select:hover {
	}

div.drievoor12_select, div.drievoor12_unselect:hover {
	width: 255px;
	height: 34px;
	float:left;
	background: url('images/tab_alles_unselected.png');
	cursor:pointer;
}


div.achterwerk_unselect, div.achterwerk_select:hover {
	width: 205px;
	height: 34px;
	float:left;
	background: url('images/tab_achterwerk_unselected.png');
	cursor:pointer;
}

div.achterwerk_select, div.achterwerk_unselect:hover {
	width: 205px;
	height: 34px;
	float:left;
	background: url('images/tab_achterwerk_selected.png');
	cursor:pointer;
}

div.fiy_unselect, div.fiy_select:hover {
	width: 80px;
	height: 34px;
	float:left;
	background: url('images/tab_fiy_unselected.png');
	cursor:pointer;
}

div.fiy_select, div.fiy_unselect:hover {
	width: 80px;
	height: 34px;
	float:left;
	background: url('images/tab_fiy_selected.png');
	cursor:pointer;
}



div.live_unselect, div.live_select:hover {
	width: 83px;
	height: 34px;
	float:right;	
	background: url('images/tab_live_unselected.png');
	cursor:pointer;
}

div.live_select, div.live_unselect:hover {
	width: 83px;
	height: 34px;
	float:right;	
	background: url('images/tab_live_selected.png');
	cursor:pointer;
}

div#bottomnav {
float:left;
width:647px;
height:34px;
background:url('images/underbg.png') repeat-x 0 0 #275469;
display:block;
position:relative;	
}

div#nav_prev {
	position: absolute;
	color: #000;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	left: 5px;
	top:0px;	
}

div#nav_prev:hover {
	cursor:pointer;
	color: #FFF;
	font-weight: bold;
}

div#nav_middle {
	position: absolute;
	left:34px;
	top:0px;
	width: 579px;
	background: transparent;
	text-align: center;
	color: #ffffff;
	height: 34px;
	line-height: 34px;
}

div#nav_next {
	position: absolute;
	color: #000;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	right: 5px;
	top:0px;	
}

div#nav_next:hover {
	cursor:pointer;
	color: #FFF;
	font-weight: bold;
}

/* viewport */
div#viewport{
	background:#99CCff;
	color:#000;
	width:647px;
	height:405px;
	overflow:hidden;
	float:left;
	position:relative;
	
}
 div#controls {
		height:18px;
		margin-top:184px;
		position:relative;
		width:100%;
		z-index:3000;
		clear: both;
		position:absolute; //ipv relative, nu kunnen we absolute top positioneren tov #viewport
  top:184px; //ipv margin-top
  left:0px; 
	}
	div#viewport div#previous_slide,
	div#viewport div#next_slide
	{
		width:18px;
		height:18px;
		text-indent:-1000em;
		overflow:hidden;
		background:url("images/arrow_left.png");
		float:left;
		cursor: pointer;
		z-index:3000;
	}
	div#viewport div#next_slide
	{
		background:url("images/arrow_right.png");
		float:right;
		z-index:3000;
	}
	div#viewport div#current_image{
		width:100%;
		height:405px;
		//margin-top:-202px;
		text-align:center;
	}

	div#viewport div#view_whatisthis_innerfix{
		overflow:auto;
		padding:25px 0 25px 25px;
		margin-right:25px;
		height:355px;
		text-align:left;
	}
	div#viewport div#view_whatisthis_innerfix a {
		text-decoration:underline;
	}
	div#viewport div#view_whatisthis_innerfix strong{
		margin:1em 0 1.5em 0;
		display:block;
	}
	div#viewport iframe#heatmap{
		overflow:none;
		padding:0px;
		text-align:left;
		overflow:none;
		border:none;
		width:640px;
	height:400px;
	}
	
	div#viewport div#view_news {
		overflow:auto;
		padding:25px 0 25px 25px;
		margin-right:25px;
		height:355px;
		text-align:left;
	}
	div#viewport div#view_news a.more,
	 {

		display:block;
		text-decoration:underline;
	}
	div#viewport div#view_news a.more{
		float:left;
		clear:left;
	}

	div#viewport div#view_news h4{
		font-size: 0.8em;
	}
	div#viewport div#view_news span#nieuwsbron{
		font-size: 0.8em;
	}
	div#viewport div#view_news p{
		margin-top:1em;
	}
	div#viewport ul{
		font-size:0.9em;
	}
	
	div#permalink {
	position: absolute;
	right: 10px;
	top:0px;
	background-color: #275469;
	padding: 2px;	
	font-size: 10px;
	color: #FFF;
	}
	
	div#permalink a{
	color: #FFF;	
	}
/* thumbnails */
div#thumbnails{
	position:relative;
	width:648px;
	margin:0 0 0 0;
	float:left;
 clear:left; 
}
div.thumbnail{
	width:161px;
	height:80px;
	float:left;
	margin:1px 1px 0 0;
	background:#f33;
	cursor:pointer;
	overflow:hidden;
}
div.thumbnail div.hover{
	padding:7px;
	width:147px;
	height:66px;
	font-size:0.8em;
	color:#000;
	background:#0099FF;
}
div#thumbnails div.news div.hover{
	color:#eee;
	background:#275469;
}
div#thumbnails div.news div.hover:hover{
	background:#0099FF;
	color:#000;
}
div#thumbnails div.drievoortwaalf div.hover{
	behavior: url(script/iepngfix.htc);
	background-image:url("images/3voor12blurbackground.png");
}
div.selectedThumb div.hover{
	color:#000 !important;
	background:#99ccff !important;
}

div.selectedThumb div.hover:hover{
	color:#fff !important;
	background:#0099ff !important;
}

div.thumbnail div.hover b{
	display:block;
}
div.selectedThumb{
	background:#99ccff !important;
	color:#ffffff;
}
div.thumbnail div.type{
	padding:4px 9px;
	font-size:9px;
	color:#000;
	font-weight:bold;
	background:#99ccff;
	float:left;
}

/* right */
div#right{
	float:right;
	margin-left:9px;
}
div#right div.buttonRight{
	background-color:#99ccff;
	color:#000;
	font-weight:bold;
	font-size:0.8em;
	padding:4px;
	margin:1px 0;
	cursor:pointer;
	width:288px;
}
div#right div.buttonRight:hover{
	background-color:#0099FF;
}
div#right div#toggle_3voor12central{
	behavior: url(script/iepngfix.htc);
	background-image:url('images/3voor12liveknop.png');
	background-repeat: no-repeat;
	width:296px;
	padding:35px 0 0 0;
	margin:0 0 9px 0;
}

div#right div#toggle_3voor12central div.nowplayingfirst{
	border-bottom:solid #275469 1px;
}
div#right div#toggle_3voor12central div.nowplaying{
	padding:4px;
	font-weight:normal;
	text-align: center;
}
div#right div#toggle_3voor12central div.nowplayinglast{
	behavior: url(script/iepngfix.htc);
	background-image:url('images/3voor12liveknopbottom.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

/* twitter */
div#twitter{
	color:#000;
	width:288px;
	padding:4Px;
	background:#275469;
	height:1600px;
}

div#triggerbottom{
	width: 100%;
	display: block;
	height: 600px;
	background-color: #FFFFFF;
	
}

div#loading_thumbs {
width:648px;
height:1200px;
background-image:url("images/loading_thumbs.gif");
background-repeat:repeat;
}

div#closetwitsearch{
	color:#000;
	background:#275469;
	font-size:11px;
	padding:2px;
	margin-bottom:2px;
	cursor:pointer;
}