/* ++++++++++++ STYLES FOR SCREEN +++++++++++ */ 

@media screen {

	/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
	
	* {	margin:0; padding:0; font-family: Trebuchet, Helvetica, Arial, Verdana, Geneva, sans-serif; font-size:100%; color:#000; text-decoration:none; }
	html {  }
	html, body { height:100%; background-color:#fff; color:#000; }
	fieldset { border:0px solid #fff; }
	table, td, th { border-collapse:collapse; }
	img { display:block; border:none; }
	ul { width:auto; list-style:none; }
	ul.list {
	width:auto;
	list-style-image: url(../media/dot.gif);
	font-size: 12px;
	color: #496270;
	line-height: 2em;
	vertical-align: bottom;
}
	/* a.list { display:block; padding:0 0 3px 25px; background:url(../media/dot.gif) 0 0 no-repeat; color:blue; text-decoration:none; }
		a.list:hover { color:red; text-decoration:underline;} */
	li a { display:block; }
	* html li { height:1%; }
	a.pdf { display:block; padding:0 0 3px 25px; background:url(../media/icon_acrobat.gif) 0 0 no-repeat; color:blue; text-decoration:none; }
	a.word { display:block; padding:0 0 3px 25px; background:url(../media/icon_word.gif) 0 0 no-repeat; color:blue; text-decoration:none; }
		a.pdf:hover, a.word:hover { color:red; text-decoration:underline;}
	
	/* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */
	
	.text-only { display:none; }
	#CoverScreen { top:0; left:0; width:100%; height:0; background:#414a4a; opacity:0.88; filter:alpha(opacity=88); position:absolute; z-index:996; }
	#IFrame { top:150px; left:200px; z-index:997; position:absolute; width:380px; height:320px; border:0; overflow:hidden; margin:0; padding:0;  }
	
	body, html { background:#fff url(../media/bg.gif) 0 0 repeat-x; }
		#container { margin:0 auto; padding:50px 0 25px 0; width:776px; }
			#header { display:block; height:141px; width:776px;  }
			
			/* ++++++++++++++++++++ SPOTLIGHT +++++++++++++++++++++ */	
			#spotlight { display:block; background:url(../media/bgSpotlight.png) 0 0 no-repeat; width:776px; overflow:hidden; }
				#spotlight .left { float:left; width:264px; padding:30px 20px 20px 76px; }	
					#spotlight .left h2 { color:#fff; text-align:right;  }	
					#spotlight .left .textSpotlight { font-size:0.75em;  color:#fff; padding:40px 0 30px 0; }	
					#spotlight .left .form-aanhef { }
						#spotlight .left .form-aanhef p { font-size:0.9em;  color:#ff9900; padding:0 0 4px 0; }
						
						
						#spotlight .left .form-aanhef .row { height:38px; /* background:brown; */}
							#spotlight .left .form-aanhef .row ul#nieuwsButt {  width:100%; overflow:hidden; }
								ul#nieuwsButt li { display:inline; float:right; }
									/* link rollover */
									ul#nieuwsButt li#nieuws { background:transparent url(../media/nieuwsButt_OVER.gif) 0px 0px no-repeat; }
											ul#nieuwsButt li a, ul#nieuwsBut li strong { display:block; float:left; outline:none; text-indent:-999em; width:114px; height:38px; }
											/* link off */
											ul#nieuwsButt li#nieuws a { background:transparent url(../media/nieuwsButt_OFF.gif) 0px 0px no-repeat; }
												ul#nieuwsButt li a:hover { background:transparent !important; }
											
											
											
				#spotlight .right { float:left; width:380px; padding:26px 0 20px 0; }	
					
				
			/* ++++++++++++++++++++ MAIN NAVIGATION +++++++++++++++++++++ */	
			#navigation { background:url(../media/bgNavigation.png) 0px 0px no-repeat; height:40px; padding:5px 0 0 65px; }
				#navigation ul#main-navigation { width:100%; overflow:hidden;  }
					ul#main-navigation li { display:inline; float:left; }
						/* link rollover */
						ul#main-navigation li#indexLink  { background:transparent url(../media/nav1_OVER.gif) 0px 0px no-repeat; } 
						ul#main-navigation li#aboutLink { background:transparent url(../media/nav2_OVER.gif) 0px 0px no-repeat; }
						ul#main-navigation li#linksLink { background:transparent url(../media/nav3_OVER.gif) 0px 0px no-repeat; }
						ul#main-navigation li#contactLink { background:transparent url(../media/nav4_OVER.gif) 0px 0px no-repeat; }
						
							ul#main-navigation li a, ul#main-navigation li strong { display:inline; float:left; margin-right:14px; outline:none; text-indent:-999em; width:152px; height:40px; }
								/* link off */
								ul#main-navigation li#indexLink a { background:transparent url(../media/nav1_OFF.gif) 0px 0px no-repeat; }
								ul#main-navigation li#aboutLink a { background:transparent url(../media/nav2_OFF.gif) 0px 0px no-repeat; }
								ul#main-navigation li#linksLink a { background:transparent url(../media/nav3_OFF.gif) 0px 0px no-repeat; }
								ul#main-navigation li#contactLink a { background:transparent url(../media/nav4_OFF.gif) 0px 0px no-repeat; }
									ul#main-navigation li a:hover { background:transparent !important; }
									
								/* actief */
								ul#main-navigation li#indexLink strong { background:transparent url(../media/nav1_ON.gif) 0px 0px no-repeat; }
								ul#main-navigation li#aboutLink strong { background:transparent url(../media/nav2_ON.gif) 0px 0px no-repeat; }
								ul#main-navigation li#linksLink strong { background:transparent url(../media/nav3_ON.gif) 0px 0px no-repeat; }
								ul#main-navigation li#contactLink strong { background:transparent url(../media/nav4_ON.gif) 0px 0px no-repeat; }
						
		
			/* ++++++++++++++++++++ CONTENT +++++++++++++++++++++ */			
			#content { background:url(../media/bgContent.png) 0 0 repeat-y; padding:25px 30px 1px 30px; height:1%; } /* something weird is happening here */
				#content .panel { background:url(../media/bg-panel-bottom.gif) 0 100% no-repeat; padding-bottom:40px; width:714px; margin-bottom:18px; }
					#content h2 { background:url(../media/h2-top.gif) 0 0 no-repeat;  }
						#content h2 span { display:block; background:url(../media/h2-bottom.gif) 0 100% no-repeat;  padding:5px 20px 10px 20px; color:#fff; }
					
					#content .panel .panel-content { overflow:hidden; width:694px; padding:10px 0 10px 20px; /* background:green; */  } /* LET OP: Totale breedte moet zijn 714px: 694 + 20 links */
						#content .panel .left { float:left; width:225px; }	
						#content .panel .right { float:left; width: 445px; /* background:red; */ }
						
							#content .panel .right h3 { 0 no-repeat; height:25px; margin:0px 0px 0px 200px; }
								#content .panel .right h3#installatie { background:url(../media/h3-installatie.gif) 0 no-repeat; width:245px; height:25px; }
								#content .panel .right h3#multimedia { background:url(../media/h3-multimedia.gif) 0 no-repeat; width:245px; height:25px; }
								#content .panel .right h3#performance { background:url(../media/h3-performance.gif) 0 no-repeat; width:245px; height:25px; }
								#content .panel .right h3#video { background:url(../media/h3-video.gif) 0 no-repeat; width:245px; height:25px; }
								
							#content .panel .right .textWork { padding:5px 0px 20px 40px; font-size: 12px; color: #496270; line-height: 1.4em; vertical-align: baseline; }
#container #content .panel .panel-content .right .textWork p {
}
							
							#content .panel .right .bottom { height:38px; /* background:brown; */}
								#content .panel .right .bottom ul#playButt { width:100%; overflow:hidden;  }
									ul#playButt li { display:inline; float:right; }
										/* link rollover */
										ul#playButt li#instalLink { background:transparent url(../media/playButt-instal_OVER.gif) 0px 0px no-repeat; }
										ul#playButt li#multimLink { background:transparent url(../media/playButt-multim_OVER.gif) 0px 0px no-repeat; }
										ul#playButt li#performLink { background:transparent url(../media/playButt-perform_OVER.gif) 0px 0px no-repeat; }
										ul#playButt li#videoLink { background:transparent url(../media/playButt-video_OVER.gif) 0px 0px no-repeat; }
										
											ul#playButt li a, ul#playButt li strong { display:block; float:left; outline:none; text-indent:-999em; width:72px; height:38px; }
												/* link off */
												ul#playButt li#instalLink a { background:transparent url(../media/playButt-instal_OFF.gif) 0px 0px no-repeat; }
												ul#playButt li#multimLink a { background:transparent url(../media/playButt-multim_OFF.gif) 0px 0px no-repeat; }
												ul#playButt li#performLink a { background:transparent url(../media/playButt-perform_OFF.gif) 0px 0px no-repeat; }
												ul#playButt li#videoLink a { background:transparent url(../media/playButt-video_OFF.gif) 0px 0px no-repeat; }
													ul#playButt li a:hover { background:transparent !important; }
													
				#content .panelvervolg { background:url(../media/bg-panelvervolg-bottom.gif) 0 100% no-repeat; padding-bottom:40px; width:714px; margin-bottom:18px; }
					#content h2 { background:url(../media/h2-top.gif) 0 0 no-repeat;  }
						#content h2 span { display:block; background:url(../media/h2-bottom.gif) 0 100% no-repeat;  padding:5px 20px 10px 20px; color:#fff; }													

					#content .panelvervolg .panel-content { overflow:hidden; width:694px; padding:10px 0 10px 20px; /* background:green; */  }
						#content .panelvervolg .left { float:left; width:225px; }	
						#content .panelvervolg .right { float:left; width: 445px; }
											
								#content .panelvervolg .right .textWork { padding:5px 0px 20px 40px; font-size: 12px; color: #496270; line-height: 1.4em; vertical-align: baseline; }							
							
			/* ++++++++++++++++++++ FOOTER +++++++++++++++++++++ */
			#footer { background:url(../media/bgFooter.png) 0px 0px no-repeat; width:776px; padding:14px 0 54px 30px; }
				#footer ul { overflow:hidden; width:100%; }
					#footer ul li { float:left; }
						#footer ul li a { float:left; display:block; width:70px; height:25px; text-indent:-999em; }
							#footer ul li#FooterLink1 a { background:transparent url(../media/footerNav1_OFF.gif) 0px 0px no-repeat; margin-right:4px; }
							#footer ul li#FooterLink2 a { background:transparent url(../media/footerNav2_OFF.gif) 0px 0px no-repeat; margin-right:4px; }
							#footer ul li#FooterLink3 a { background:transparent url(../media/footerNav3_OFF.gif) 0px 0px no-repeat; }
							#footer ul li#FooterLink4 a { background:transparent url(../media/footerNav4_OFF.gif) 0px 0px no-repeat; }

										
}
#container #content .panel .panel-content .right .textWork .textSpotlight {
	color: #496A90;
}
#container #content .panel .panel-content .right .textWork {
	color: #496A90;
}