@charset "utf-8";
/* 
document    						: screen.css
author								: Harm Jan Luth
company								: TDC Lighthouse
client								: Hoffmann BV
 */
 
/*  reset styles 					*/
html,body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, ol, a, img {margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*  general: tagbased styles 		*/
	html, body						{ height: 100%; }
	html							{ background: url(../graphics/home/bg-html.gif) 0 0 repeat; }
	body							{ background: url(../graphics/home/bg-header.jpg) 50% 0 no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:70%; color: #02243f; }
	a								{ text-decoration: none; color: #1b859d; font-weight: bold; }
	a:hover							{ color: #5ea8ba; }
	p								{ display: inline; }
	strong							{ font-weight: bold; }
	em 								{ display: block; color: #3078ab; font-style:  italic; padding: 0 0 1em 0; }

	
	#content, 
	#content-main, 
	#sidebar,
	#carousel,
	.sidebar-bg,
	.columns-double-single,
	.columns-single-double,
	.columns-singles,
	.single,
	.double							{ float: left; }
	
/*  general: class styles 			*/
	.accessibility,
	.print,
	a span,							
	h1, h2							{ display:none; }

/*	template 						*/
	#canvas							{ width: 1000px; margin: 0 auto; }
	#header							{ height: 129px; width: 100%; }

/*  nav-service 					*/
	#nav-service					{ margin: 0 0 0 750px; }
	#nav-service li					{ float: left; } /* IE.x */
	#nav-service li a				{ display: block; float: left; height: 25px; }
	
	#nav-service li .home			{ width: 56px; }
	#nav-service li .sitemap		{ width: 52px; }
	#nav-service li .contact		{ width: 58px; }
	#nav-service li .english		{ width: 50px; }
	
/*	navigation  					*/
	#nav-main						{ float: left; }
	#nav-main ul					{ width: 749px; background: url(../graphics/home/nav-main.png) 0 -86px no-repeat; height: 86px; float: left; }
	#nav-main li					{ float: left; } /* IE.x */
	#nav-main li a					{ height: 86px; display: block; }
	
	#nav-main li .bedrijfsrecherche,
	#nav-main li .forensische-dienstverlening	{ width: 250px; }
	#nav-main li .strategisch-risk-management	{ width: 249px; }
	
	#nav-main li .bedrijfsrecherche:hover,
	#nav-main li .bedrijfsrecherche.selected		{ background: url(../graphics/home/nav-main.png) 0 0; }
	
	#nav-main li .forensische-dienstverlening:hover,
	#nav-main li.forensische-dienstverlening:hover,
	#nav-main li .forensische-dienstverlening.selected	{ background: url(../graphics/home/nav-main.png) -250px 0px; }
	
	#nav-main li .strategisch-risk-management:hover,
	#nav-main li.strategisch-risk-management:hover,
	#nav-main li .strategisch-risk-management.selected	{ background: url(../graphics/home/nav-main.png) -500px 0px; }
	
	#nav-main li.bedrijfsrecherche ul				{ background: url(../graphics/home/mainnav-dd-bg.gif) bottom left repeat-x; position: absolute; height: 36px; z-index: 10; }
	#nav-main li.forensische-dienstverlening ul		{ background: url(../graphics/home/mainnav-fd-bg.gif) bottom left repeat-x; position: absolute; height: 36px; margin: 0 0 0 -250px; z-index: 5; display: none; }
	#nav-main li.strategisch-risk-management ul		{ background: url(../graphics/home/mainnav-srm-bg.gif) bottom left repeat-x; position: absolute; height: 36px; margin: 0 0 0 -500px; z-index: 5; display: none; }
	
	#nav-main li.forensische-dienstverlening:hover ul,
	#nav-main li.strategisch-risk-management:hover ul { z-index: 15;  display: block; }
	
	#nav-main li li a				{ height: 32px; color: #d3dce3; font-weight: bold; font-size: 110%; line-height: 2.5em; }
	#nav-main li li a:hover			{ color: #FFF; }
	
	#nav-main li li .first-link		{ width: 221px; padding: 0 0 0 28px; }
	#nav-main li li .second-link	{ width: 220px; padding: 0 0 0 29px; }
	#nav-main li li .third-link		{ width: 215px; padding: 0 0 0 34px; }

/*	searchbox 						*/
	#search							{ background: url(../graphics/home/search-phone-bg.gif) no-repeat; display: block; float: left; height: 86px; width: 251px; }
	#search form input				{ height: 22px; position: absolute; display: block; border: 0; background: none; }
	#search form input.search		{ width: 152px;  margin: 15px 0 0 22px; font-size: 100%; }
	#search form input.submit		{ width: 50px; height: 22px; margin: 11px 0 0 182px; z-index: 5; cursor: pointer; line-height: 50em; }
	
/*	content							*/
	#content						{ background: #fff url(../graphics/home/content-bg.gif) 0 0 repeat-x; width: 100%; clear: both; }
	
/*	content-main					*/
	#content-main					{ width: 689px; padding: 55px 30px 20px 30px; }
	
/*	content columns	*/				
	#content-main .newsticker		{ width: 441px; background: url(../graphics/home/bg-newsticker.gif) no-repeat; height: 30px; margin: 0 0 15px 0; }
	#content-main #tickerlist li	{ color: #fff; padding: 7px 0 0 70px; }
	#content-main #tickerlist a		{ background: url(../graphics/home/newsticker-li-arrow.gif) center right no-repeat; padding: 0 10px 0 0; color: #fff; font-weight: normal; } 
	
	#content-main .single,
	#content-main .double			{ padding-bottom: 20px; } /* this rule overwrites all padding-bottoms for the next declared singles and doubles */
	
	#content-main .single h3,
	#content-main .double h3		{ font-size: 125%; font-weight: bold; padding: 0 0 0.3em 0; }
	
	#content-main .single p,
	#content-main .double p			{ line-height: 1.5em; }
	
	#content-main #poll				{ border: 1px solid #d0e6eb; background: url(../graphics/home/bg-poll-home.gif) 0 0 repeat-x; width: 409px; padding: 15px; }
	#content-main #poll h3			{ font-size: 100%; color: #74b4c3; }
	#content-main #poll p			{ line-height: 1.3em; }
	#content-main #poll p.argument	{ padding: 1em 0 0 0; font-style: italic; color: #74b4c3; display: block; }
	
	#content-main .slider-bg .btn-submit	{ position: absolute; width: 67px; height: 28px; border: 0; display: block; 
											  cursor: pointer; line-height: 30em; z-index: 15; margin: -2px 0 15px 367px; background: none; }		
	
/*	[   ][ ] */
	.columns-double-single .double	{ width: 441px; padding: 0 30px 0 0; }
	.columns-double-single .single	{ width: 215px; }
	
/*	[ ][ ][ ] */
	.columns-singles				{ background: url(../graphics/home/colums-singles-bg.gif) bottom left repeat-y; margin: 0 0 10px 0; }
	.columns-singles .single		{ width: 196px; padding: 0 48px 0 0; }
	.columns-singles .single.last	{ padding: 0; }

/*	[ ][   ] */
	.columns-single-double .single  { width: 196px; padding: 0 48px 0 0; }
	.columns-single-double .double	{ width: 441px; }
	.columns-single-double .teaser	{ padding: 0 0 20px 0; }

/*	sidebar							*/
	#sidebar						{ background: url(../graphics/home/sidebar-bg.gif) 0 0 no-repeat; width: 221px; min-height:400px; height:auto !important; height: 400px; padding: 0 15px 15px 15px; }
	.sidebar-bg						{ background: url(../graphics/home/div-sidebar-bg.png) top right repeat-y; width: 100%; }
	
	#sidebar #about					{ width: 216px; margin: 30px 0 0 0; }
	#sidebar #about h3				{ background: none; border: 0; padding: 0 0 0.8em 0; color: #1c476a; }
	#sidebar #about	li				{ border-bottom: 1px solid #dae8f3; } 
	#sidebar #about	li a			{ background: url(../graphics/home/arrow-black.gif) 0 10px no-repeat; padding: 7px 0 7px 15px; display: block; color: #000; font-weight: normal; }
	
/*	agenda							*/	
	#sidebar h3						{ background: #87c3cf url(../graphics/home/agenda-kop.gif) 0 0 repeat-x; padding: 8px 10px 10px 10px; font-weight: bold; color: #fff; border-bottom: 1px solid #f2f7fb; margin: 15px 0 0 0; }
	
	#agenda h4						{ background: #88a6be url(../graphics/home/agenda-item-bg.gif) 0 0 repeat-x; padding: 8px 10px 10px 10px; cursor: pointer; font-weight: normal; color: #fff; border-bottom: 1px solid #f2f7fb;  }
	#agenda h4.ui-state-active		{ background: #88a6be url(../graphics/home/agenda-item-bg-active.gif) 0 0 repeat-x; }
	#agenda div						{ background: #c8dae8; display: block; padding: 10px; color: #117f99; }
	#agenda p						{ display: block; }
	
	#carousel-pers h4					{ background: #88a6be url(../graphics/home/agenda-item-bg.gif) 0 0 repeat-x; padding: 8px 10px 10px 10px; cursor: pointer; font-weight: normal; color: #fff; border-bottom: 1px solid #f2f7fb;  }
	#carousel-pers h4.ui-state-active	{ background: #88a6be url(../graphics/home/agenda-item-bg-active.gif) 0 0 repeat-x; }
	#carousel-pers div					{ background: #c8dae8; display: block; padding: 10px; color: #117f99; }
	#carousel-pers p					{ display: block; }
	
	#carousel-relaties h4					{ background: #88a6be url(../graphics/home/agenda-item-bg.gif) 0 0 repeat-x; padding: 8px 10px 10px 10px; cursor: pointer; font-weight: normal; color: #fff; border-bottom: 1px solid #f2f7fb;  }
	#carousel-relaties h4.ui-state-active	{ background: #88a6be url(../graphics/home/agenda-item-bg-active.gif) 0 0 repeat-x; }
	#carousel-relaties div					{ background: #c8dae8; display: block; padding: 10px; color: #117f99; }
	#carousel-relaties p					{ display: block; }
	
	#sidebar #about					{ margin: 0; }
	
/*	carousel						*/
	#carousel						{ width: 689px; height: 283px; border: 1px solid #cbd0d6; clear: both; margin: 0 0 20px 0; }
	#carousel h3					{ background: url(../graphics/home/header-carousel.gif) 0 0 repeat-x; width: 680px; height:25px; padding: 6px 0 0 9px; color: #fff; font-size: 120%; font-weight: bold; }
	#carousel .item h4				{ margin: 215px 0 0 0; position: absolute; color: #fff; z-index: 20; font-size: 105%; font-weight: bold; 
									  padding: 10px 15px 0 10px; background: url(../graphics/home/carousel-h4-arrow.gif) center right no-repeat; }
	
	#carousel .item p				{ position: absolute; width: 400px; color: #fff; line-height: 2em; margin: 120px 0 0 10px; }
	#carousel .item h4 a			{ color: #fff; }

	.title-carousel					{ display: block; position: absolute; height: 37px; width: 469px; margin: 215px 0 0 0; z-index: 15; } 
	.title-carousel.recherche		{ background-color: #0e3e63; }
	.title-carousel.dienstverlening	{ background-color: #26629a; }
	.title-carousel.management		{ background-color: #2489a1; }
	
	#carousel .item					{ display: block; position: absolute; z-index: 8; opacity:0.0; }
	#carousel .item.active			{ z-index:10; opacity:1.0; }
	#carousel .item.last-active		{ z-index: 9; }

	#carousel ul					{ position: absolute; margin: 0 0 0 469px; z-index: 15; }
	#carousel li a					{ display: block; width: 190px; height: 33px; background: url(../graphics/home/carousel-item-bg.png) no-repeat; padding: 15px; color: #FFF; line-height: 1.5em; }
	
	#carousel li.active a.recherche			{ background-color: #0e3e63; }
	#carousel li.active a.dienstverlening	{ background-color: #26629a; }
	#carousel li.active a.management		{ background-color: #2489a1; }
	
	#carousel .btn-next				{ height: 26px; width: 26px; background: url(../graphics/home/carousel-fwd-arrow.png) no-repeat; position: absolute; cursor: pointer; margin: 201px 0 0 430px; z-index: 25; }
	#carousel .btn-prev				{ height: 26px; width: 26px; background: url(../graphics/home/carousel-prv-arrow.png) no-repeat; position: absolute; cursor: pointer; margin: 201px 0 0 400px; z-index: 25; }
	
/*	footer							*/
	#footer							{ background: #9babba; width: 100%; height: 22px; clear: both;  } 
	#footer ul						{ padding: 3px 0 0 15px; color: #fff; }
	#footer li						{ float: left; display: block; float: left; }
	#footer li a					{ border-left: 1px solid #fff; color: #fff; margin: 0 0 0 6px; padding: 0 0 0 6px; text-decoration: underline; font-weight: normal; }
	
/* 	poll slider						*/
	.slider-bg						{ background: url(../graphics/home/poll-slider-bg.gif) 0 0 no-repeat; width: 441px; height: 43px; margin: 0 0 15px 0; }
	.ui-slider 						{ position: relative; text-align: left; }
	.ui-slider .ui-slider-handle 	{ position: absolute; z-index: 2; width: 13px; height: 14px; cursor: pointer; background: url(../graphics/home/slider-handle.gif) 0 0 no-repeat; }
	.ui-slider .ui-slider-range 	{ position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
	.ui-slider-horizontal 			{ height: .8em; width: 128px; top:14px; left: 87px;  }
	
	.ui-slider-horizontal .ui-slider-handle 	{ top: 0; margin-left: 0; width: 13px; height: 14px; cursor: pointer; background: url(../graphics/home/slider-handle.gif) 0 0 no-repeat; }
	.ui-slider-horizontal .ui-slider-range 		{ top: 0; height: 100%; }
	.ui-slider-horizontal .ui-slider-range-min 	{ left: 0; }
	.ui-slider-horizontal .ui-slider-range-max 	{ right: 0; }
	
	.voted							{ width:100%;height:15px; }
	
/* 	media player						*/
	#content-main .mediaplayer			{ width: 100%; margin: 0 0 15px 0; }
	#content-main .mediaplayer h3		{ color: #fff; font-weight: bold; background: url(../graphics/home/bg-title-media.gif) 0 0 repeat-x; height: 22px; font-size: 100%; padding: 7px 0 0 8px; }
	#content-main .mediaplayer .teaser	{ background: #eff1f3; width: 100%; display: block; }
	#content-main .mediaplayer .teaser p{ padding: 10px; display: block; } 
	
/*  SOCIAL MEDIA */
.social-media ul li a					{ position:absolute; margin: 25px 0 0 750px; width:250px; height:104px; cursor:pointer; background:url(../graphics/social-media.png) 0 0 no-repeat; z-index:50; }