/* 
    AUTHOR: QUADIA 
            development@quadia.nl
            copyright by ABN AMRO Private Banking - FORTIS
*/

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

* 			{margin: 0; padding: 0;border: none;font-family: "Helvetica Neue", Helvetica !important; }
html 		{height:100%;background: #040404 url(./_images/bg_html.jpg);}
body		{background:url(./_images/bg_body.jpg) top center no-repeat;height:100%;color:#fff;}
ul 			{list-style: none inside; }
img			{border:none;}
p			{}
a			{color:#fff;text-decoration:none}
a:hover		{color:#fff;text-decoration:underline;}
a:focus		{outline:none}
p a, td a 	{text-decoration: underline;}
h1			{/*margin-top:20px;*/margin-bottom:20px;font-weight:normal;font-size:20px;}  /* bewust vast */
h2,h2 a		{}
h3			{}
h4,h4 a		{}
body#cities {height:100%;}

.print {
	display:none !important;
}

body {
	scrollbar-darkshadow-color:#fff;	
	scrollbar-3dlight-color:#fff;
	
	scrollbar-arrow-color:#fff;
	
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000;	

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

#center {
	position:absolute;
	top:0px;
	left:50%;
	width:1px;
	height:1px;
}
#wrapper {
	position:absolute;
	top:0px;	
	left:-408px;
	width:816px;
	height:640px;
	text-align:left;
	font-size:12px;
	
	}

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

#p_main	{
	position:absolute;
	top: 56px;
	left:0px;
	height:490px;
	width:816px;
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	
}

#p_footer	{
	position:absolute;
	font-family:Verdana,Helvetica,sans-serif;
	height:100px;
	top:546px;
	overflow:hidden;
	width:100%;
	color:#828282;
	font-size:80%;
}

.blank	{
	background:url(./_images/bg_content.jpg);
}

.sy	#p_main {
	background:url(./_images/bg_content_sy.jpg);
}



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

#h_logo {
	position:absolute;
	top:8px;
	left:0;
}

#subnav	{
	position:absolute;top:14px;right:0;
	width:140px;
}

#subnav a {
	display:block;
	height:14px;
	width:100%;
	
	background: url(./_images/bt_subnav.gif) no-repeat 0 2px;
	font-size:80%;font-family:verdana;
}

#subnav a span	{
	margin-left:12px;
}


#aaa	{
	position:absolute;top:24px;right:320px;height:11px;width:28px;text-indent:-4000px;background: url(./_images/bt_aaa.gif) no-repeat;
}

#aaa a	{
	display:block;
	float:left;
	width:9px;
}

#flagnav	{
	position:absolute;top:24px;right:200px;
}

#flagnav a {
	display:block;
	float:left;
	height:11px;
	list-style-type:none;
	line-height:0;
	margin-left:5px;
	width:16px;
	text-indent:-4000px;
	background: url(./_images/bt_flags.png) 0px 0px;
}

#flagnav a.nl  			{background-position: 0 0;}
#flagnav a.nl:hover 	{background-position:-16px 0 ;}
#flagnav b.active a.nl	{background-position:-16px 0;}
#flagnav a.de 			{background-position: 0 -11px;}
#flagnav a.de:hover 	{background-position:-16px -11px ;}
#flagnav b.active a.de	{background-position:-16px -11px;}
#flagnav a.uk 			{background-position: 0 -22px;}
#flagnav a.uk:hover 	{background-position:-16px -22px ;}
#flagnav b.active a.uk	{background-position:-16px -22px;}
#flagnav a.fr 			{background-position: 0 -33px;}
#flagnav a.fr:hover		{background-position:-16px -33px ;}
#flagnav b.active a.fr	{background-position:-16px -33px;}

#b_signup {
	display:block;
	position:absolute;
	width:215px;
	height:50px;
	left:1px;
	bottom:140px;
	cursor:pointer;
	background-image: url(_images/b_signupBig.png);*/
	_background: none;
	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://v3.quadiatv.com/template/176/_images/b_signupBig.png');
	

}
#b_themesnovideo #b_signup, #b_themes #b_signup {
	display:none;
}
	
/* ------------------------------------------ */
/* MAIN */
#bHome {
	display:block;
	position:absolute;
	bottom:20px;
	right:20px;
	font-size:11px;
	z-index:350;
	padding-right:11px;
	background:url(_images/arrow.gif) no-repeat 100% 60%;
}

/* === home ======================================================================== */

#h_content	{ 
	position:absolute;
	left:20px;
	top: 20px;
	width:440px;
	height:450px;
}
	#h_mplayer	{
		position:absolute;
		background-color:#fff;
		overflow:hidden;
		left:0px;
		top: 136px;
		width:386px;
		height:218px;	
	}
	#h_mplayer.init {
		left:193px;
		top: 245px;
		width:0px;
		height:0px;
	}
	#h_mplayer.play {
		left:0px;
		top: 136px;
		width:386px;
		height:218px;	
	}
	
	#player_stream	{
		position:absolute;
		top: 1px;left:1px;
		width:384px;
		height:216px;
		background-color:#000;
	}
	#mplayer {
		position:absolute;
		width:384px;
		height:216px;
	}


#mainnav	{
	position:absolute;
	right:1px;
	top:1px;
	width:352px;
	height:488px;
}

	#cities {
		position:absolute;
		right:0;
		bottom:38px;
		bottom:600px;
		/*width:100%;*/
		width:352px;
		height:452px;
		overflow:hidden;
	}
		#cities span	{
			display:block;
			position:relative;
			float:left;
			width:44px;
			height:100%;
			background-position:bottom left;
			background-repeat:no-repeat;
			overflow:hidden;
			cursor:pointer;
			_cursor:hand;
		}
		
		#cities span div.bg, #cities span div.front{
			position:absolute;
			left:0px;
			top:0px;
			width:205px;
			height:100%;
			background-position:bottom left;
		}/*
		#cities span a {
			display:block;
			padding:2px 4px;
			border:1px solid #fff;
			position:absolute;
			bottom:5px;
			right:5px;
			
		}	*/
		#cities span a:link, #cities span a:visited  {
			display:block;
/*			padding:2px 4px;*/
/*			border:1px solid #fff;*/
			position:absolute;
			bottom:0px;
			right:0px;
			width:160px;
			height:120px;
			background-color:#000;
			opacity:0.3;
			filter:alpha(opacity=30);
			
		}	
		#cities span a:hover, #cities span a:active {
			opacity:0;
			filter:alpha(opacity=0);
		
		}
		.frontText {
			position:absolute;
			width:125px;
			/*height:250px;*/
			top:15px;
			right:15px;
			padding:5px;
			text-align:right;
			font-size:12px;
			background-color:#000;
			opacity:0.7;
			filter:alpha(opacity=70);

		}
		.frontTextBg {
			position:absolute;
			width:150px;
			height:150px;
			bottom:90px;
			right:10px;
			background-color:#000;
			opacity:0.5;
			filter:alpha(opacity=50);
			
			display:none;
		}
	
	#themes {	
		position:absolute;
		top:452px;
		top:135px;
		right:0px;
		/*right:-400px;*/
		/*width:100%;*/
		width:352px;
		height:226px;	/*	height:226px;*/
	
		overflow:hidden;
	/*	background-color:#aaa;*/
	}

		#themes span.themeColl	{
			display:block;
			float:left;
			width:352px;
			height:38px;
			background:url(_images/b_themeColl.gif);
		}
		#themes span{
			cursor:pointer;
			_cursor:hand;
		}
		
		#themes .th1,#themes .th2,#themes .th3,#themes .th4	{
			display:block;
			float:left;
			height:93px;
			background: #333;
			width:176px;
		}

/* === presentation met/zonder video ======================================================================== */

#h_content {

}

#cities_horz {
	position:absolute;
	left:1px;
	top:460px;
	width:814px;
	height:25px;
	
}
	#cities_horz .bg, #cities_horz .holder {
		position:absolute;
		top:0px;
		left:0px;
		height:100%;
		width:100%;
		
	}
	#cities_horz .bg {
		z-index:200;
		background-color:#000;
		opacity:0.5;
		filter:alpha(opacity=50);
	}
	#cities_horz .holder {
		z-index:300;
		top:3px;
		left:30px;
	}

	#cities_horz a	{
		font-size:120%;
		padding-left:2px;
		padding-right:2px;
		margin-right:5px;
	}

#description	{
	position:absolute;
	top: 20px;
	right:20px;
	width:334px;
	
}

	#description div 	{
		/*width:316px;*/
		height:270px;
		overflow:auto;
	}
		#description div h2	{
			font-size:13px;
			border-bottom:1px solid #fff;
			margin:5px 3px 2px 0px;
		}
		#description div p {
			padding:3px 0px;
		}
		#description ul {
			margin-left:10px;
			list-style-type:square;
		}
#b_citiesnovideo #description {
	width:400px;
	height:280px;
}
	#b_citiesnovideo #description div 	{
		/*width:316px;*/
		height:280px;
		overflow:auto;
	}

#related	{
	position:absolute;
	/*top: 280px;*/
	bottom:20px;
	right:20px;
	width:220px;
	height:118px;
	overflow:hidden;
}
	#related h1 {
		margin-bottom:10px;
	}
	#related a	{
	 	font-weight:bold;
		display:block;
		padding-left:14px;
		background: url(./_images/bt_related.gif) no-repeat 0 2px;
	} 


/* === presentation zonder video adjusts ======================================================================== */

#citiesnovideo #description, #citiesnovideo #description p 	{
	width:500px;
} 
/*#citiesnovideo #related	{
	width:220px;
}*/
#citiesnovideo #h_mplayer {
	display:none;
}




/* === thema ======================================================================== */


#b_themes #h_mplayer {
	left:55px;
	top:73px;
	background-color:#000;
}
#b_themes #description, #b_themesnovideo #description {
	right:20px;
	width:258px;
}
#b_themes #related, #b_themesnovideo #related {
	right:20px;
	width:220px;
	top:auto;
	bottom:20px;
	height:118px;
	
/*	bottom:20px;
	right:20px;
	width:220px;
	height:118px;
*/	
}
#h_tMain {
	position:absolute;
	left:0px;
	top:0px;
	width:495px;
	height:326px;
}
	#h_tMain div{
		width:485px;
		height:326px;
		padding-left:10px;

		font-size:20px;
		line-height:50px;
		font-weight:bold;
/*		cursor:pointer;
		_cursor:hand;
*/	}
#h_tLinks{
	position:absolute;
	left:0px;
	bottom:0px;
	width:495px;
	height:118px;
		background-color:#000;
}
	#h_tLinks div {
		position:absolute;
		bottom:0px;
		width:156px;
		height:118px;
		background-attachment:scroll;
		cursor:pointer;
		_cursor:hand;
		
		font-size:12px;
		line-height:16px;
		padding-left:5px;
		font-weight:bold;
		
	}
	.th1 {left:0px;}
	.th2 {left:167px;}
	.th3 {right:0px;}
	
	#h_tLinks #th1 {	background-position:-110px -155px;	}
	#h_tLinks #th2 {	background-position:-315px -20px;	}
	#h_tLinks #th3 {	background-position:-112px -100px;	}
	#h_tLinks #th4 {	background-position:-200px -13px;	}

	#h_tLinks div {
	}
	#h_tMain div {
	}
	
#theme_1, #theme_2, #theme_3, #theme_4	{
	width:110px;
	height:110px;
	float:left;
	background: url(./_images/placeh_th2.jpg) no-repeat;
	margin-top:50px;
}

#theme_1.big, #theme_2.big, #theme_3.big, #theme_4.big	{
	width:386px;height:218px;background: url(./_images/placeh_th1.jpg) no-repeat;
}	
#theme_1.mid, #theme_2.mid, #theme_3.mid, #theme_4.mid	{
	margin-right:28px;margin-left:28px;
}

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





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

#p_footer a, #p_footer a:hover	{
	color:#848484;
	text-decoration:underline;
}
#powered	{
	position:relative;
	margin-top: 17px;
	height:16px;
	width:100%;
	line-height:16px;
}

.abn, .fortis, #powered span	{
	display:block;
	float:right;
	margin-left:10px;
	height:16px;
}
.abn	{	width:124px;background: url(./_images/lg_abn.png) no-repeat 0px 0px;text-indent:-4000px;}
.fortis	{	width:68px;	background: url(./_images/lg_fortis.png) no-repeat 0px 0px;text-indent:-4000px;}

#copyright	{
	position:relative;
	height:40px;
	width:100%;
}

#p_footer hr	{
	background: url(./_images/hr.png) no-repeat 0px 0px;text-indent:-4000px;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
}

#copyright div	{
	width:100%;
	text-align:center;
}

/* OVERLAY */
#h_overlay {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	display:none;
	z-index:3000;
}

#bg_overlay {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:#000;
	
	opacity:0.5;
	filter:alpha(opacity=50);
	
	display:none;
	z-index:500;
}
#h_overlay_center {
	position:absolute;
	left:50%;
	top:0px;
	width:1px;
	height:1px;
	z-index:3001;

}

#h_overlay_content {
	position:absolute;
	top:70px;
	left:-375px;
	height:450px;
	width:750px;
	background-color:#000;
	opacity:0.8;
	filter:alpha(opacity=80);
	border:1px solid #aaa;
	/*overflow:hidden;*/
	z-index:3002;
}

#overlay_content {
	margin:10px 10px;
}
#overlay_content p {
	_line-height:12px !important;

}

a#b_overlay_close:link,a#b_overlay_close:visited {
	position:absolute;
	top:2px;
	right:2px;
	display:block;
	padding:1px 5px;
	border:1px solid #aaa;
	font-size:10px;
	text-decoration:none;
	background-color:#000;
	text-transform:uppercase;
}
a#b_overlay_close:hover, a#b_overlay_close:active {
	background-color:#666;
}

#b_poweredby {
	font-size:11px;
	border:1px solid #fff;
	border-bottom:none;
	border-right:none;
	display:block;
	position:absolute;
	background-color:#000;
	
	font-weight:normal !important;
	height:15px;
	width:150px;
	bottom:0px;
	right:0px;
	text-align:center;
	opacity:0.6;
	filter:alpha(opacity=60);
}


#h_overlay h2 {
	font-size:14px;
}
#h_overlay h3 {
	font-size:13px;
}

/* CONTACT FORM */




#h_contact {
	font-size:12px;
}

#h_contact li {
	list-style-position:inside;
	list-style-type:square;
/*	_padding:0px;
	_margin:0px;*/
}
#h_contact ul {
/*	_padding:0px;
	_margin:0px;*/
	margin-left:15px;
/*	_line-height:13px !important;*/
}
#h_contact h3 {
/*	_padding:5px 0px 3px 0px;*/
	padding:10px 0px 6px 0px;
}
#h_contact iframe {
	width:700px;
	height:260px;
	/*border:1px solid #f00;*/
}

#mailing #h_overlay {
	display:block;
}


#h_about {
	overflow:auto;
	height:410px;
	margin-top:30px;
	font-size:12px;
}
#h_about p {
	margin:6px 0px;
	
}
#h_about h3 {
	font-size:12px;
}
#h_about table {
	font-size:11px;
}
#h_about td {
	padding:10px 0px;
}
#h_about td.images {
	width:180px;
	padding:10px 10px;
	text-align:center;
}
#h_about a:link, #h_about a:visited, #h_contact a:link, #h_contact a:visited {
	font-weight:bold;
	padding-right:11px;
	background:url(_images/arrow.gif) no-repeat 100% 60%;
	
}

#h_disclaimer {
	overflow:auto;
	height:410px;
	margin-top:30px;
	font-size:12px;

}
#h_disclaimer h3, #h_privacy h3 {
	margin:10px 0px 3px 0px;
	font-size:12px;
}
#h_disclaimer h2, #h_privacy h2 {
	margin:0px 0px 5px 0px;
}

#h_disclaimer p, #h_privacy p	{
	margin-bottom:15px;
}

#h_privacy {
	overflow:auto;
	height:410px;
	margin-top:30px;
	font-size:12px;

}