@charset "utf-8";
/* CSS Document */

/* ----------------------------------------- */
/*  1.1 CSS RESET ALL ELEMENTS		        */
/* ----------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div.fix { clear:both; height:1px; line-height:1px;}


body { 
	line-height: 1; color:black; 
	font-size:62.5%; background-color:#fafafa; font-family:Verdana, Geneva, sans-serif; letter-spacing:0px; }
a { cursor:pointer;}


/* ----------------------------------------- */
/*    1.2 CONTAINERS					     */
/* ----------------------------------------- */		
	
	DIV.cntnrAll	{  
		min-width:930px; height:100%;
		background:url('../img/layout/header_bg_bg.gif') top left repeat-x; margin:0px auto;}
	
	DIV.cntnrHeader	{ 	
	min-width:930px; width:100%; height:258px; 
	background:url('../img/layout/header_bg.jpg') no-repeat scroll center; }		
			
	DIV.cntnrNavigation	{  	
		width:100%; min-width:930px; height:64px;
		background:url('../img/layout/bg_navigation.gif') top left repeat-x; }
				
	DIV.cntnrcntnt			{ 	
		width:100%; min-width:930px;  min-height:590px;
		background-color:#f3f2f2;  }
	
		DIV.cntntTop	{ 
			width:930px; margin:0 auto;  background-color:#f3f2f2;  }
			DIV.cntntBoth		{ 
				width:600px; padding:40px 0 0 0; float:left; }
			DIV.cntntForum	{ 
				width:280px; padding:40px 0 0 0; float:left; }
				
		DIV.cntntBtm	{ 
			width:930px; margin:0 auto; clear:both; }
			DIV.cntntSingle	{  
				padding:15px 25px 0 0; float:left;   }
	
		DIV.cntnrFooter 	{ 
			min-width:930px; width:100%; height:165px; margin:0 auto; clear:both;
			background:url('../img/layout/bg_footer.gif') bottom left repeat-x; background-color:#003f7e;   }	
	

/* ----------------------------------------- */
/*    1.3 HEADER				    		 */
/* ----------------------------------------- */

	
		DIV.header { 
			width:930px; margin:0px auto; height:258px; clear:both; }
		DIV.sloganHolder { 
			width:930px; height:258px;  margin-left:0px; }
		
		DIV.slogan	{ width:500px; height:89px; padding-top:75px; float:left; margin-left:10px; }

		DIV.slogan H1	{ 
			width:494px; height:57px; text-indent:-9999px; margin:0px; padding:0px; margin-left:0px;
			background:url('../img/layout/header_h1.jpg') bottom left no-repeat; }
			
		DIV.slogan H2	{ 
			width:494px; height:29px;text-indent:-9999px; margin:0px; padding:0px; margin-left:0px;
			background:url('../img/layout/header_h2.jpg') top left no-repeat; }
	
		
		DIV.slogan H1 *, DIV.slogan H2 *, DIV.slogan A *  { display:none; } 
		DIV.slogan H1 { text-indent:-9999px;} 
		
		
		A.MainCFA { float:left; margin-top:8px; margin-left:325px; width:136px; height:38px; display:block; position:relative; background:url('../img/layout/bestel_button.gif') bottom left no-repeat;  }
		A.MainCFA span.hover  { width:136px; height:38px; display:block; background:url('../img/layout/bestel_button.gif') top left no-repeat; position:absolute; }
				
		DIV.logo {  float:left; width:150px; height:200px; margin-left:66px; margin-top:14px;  }
		DIV.logo a { display:block;  width:150px; height:200px; background:url('../img/layout/header_cover.jpg') bottom left no-repeat; position:relative;  }

		DIV.logo a * { display:none; }
		


/* ----------------------------------------- */
/*    1.4 SUB NAVIGATION		    		 */
/* ----------------------------------------- */
		
	DIV.cntnrSubNavigation { 
		color:#FFFFFF; float:right; margin-right:30px;
		height:23px; width:275px; position:relative;}
		
		DIV.cntnrSubNavigation ul { 
			width:280px; height:27px; padding:0px; margin:0px auto;  }
			DIV.cntnrSubNavigation ul li { 
				height:27px; float:left; }
				DIV.cntnrSubNavigation ul li a {
					color:#ffffff; font-size:1.1em; line-height:25px; padding:0px 13px; text-decoration:none; }
				DIV.cntnrSubNavigation ul li a:hover {
					color:#ffffff; text-decoration:underline; }
				DIV.cntnrSubNavigation ul li a.actv { text-decoration:underline; cursor:default;}


/* ----------------------------------------- */
/*    1.4 NAVIGATION					     */
/* ----------------------------------------- */		

		
	DIV.cntnrNavigation ul { 
		width:930px; height:33px; padding:16px 48px 15px 15px; margin:0px auto;  }
		DIV.cntnrNavigation ul li { 
			height:33px; float:left; padding:0px 5px; }
			DIV.cntnrNavigation ul li a {
				height:33px; float:right; display:block; position:relative; }
				DIV.cntnrNavigation ul li a * {
					display:none; }		
				DIV.cntnrNavigation ul li a span.hover { 
					height:33px; display:block; cursor:pointer;
					position: absolute; top: 0; left: 0;   }
					
				a.crrnt { cursor:default; }
					
				#Over-het-boek 					{	width:131px; }
				#Over-het-boek a 				{	width:131px; height:33px; background:url('../img/layout/sprite_navigation.gif')   0px     0px;	}
				#Over-het-boek a span.hover 	{	width:131px; height:33px; background:url('../img/layout/sprite_navigation.gif')   0px   -66px;	}	
				#Over-het-boek a.crrnt			{	width:131px; height:33px; background:url('../img/layout/sprite_navigation.gif')   0px   -33px;	}	
				
				#Lees-het-boek 					{	width:127px; }
				#Lees-het-boek a 				{	width:127px; height:33px; background:url('../img/layout/sprite_navigation.gif') -131px	  0px;	}
				#Lees-het-boek a span.hover 	{	width:127px; height:33px; background:url('../img/layout/sprite_navigation.gif') -131px	-66px;	}
				#Lees-het-boek a.crrnt			{	width:127px; height:33px; background:url('../img/layout/sprite_navigation.gif') -131px	-33px;	}
				
				#Case-studies 					{	width:119px; }
				#Case-studies a 				{	width:119px; height:33px; background:url('../img/layout/sprite_navigation.gif') -258px    0px;  }
				#Case-studies a span.hover 		{	width:119px; height:33px; background:url('../img/layout/sprite_navigation.gif') -258px  -66px;  }	
				#Case-studies a.crrnt 			{	width:119px; height:33px; background:url('../img/layout/sprite_navigation.gif') -258px  -33px;  }	
				
				#Interviews 					{	width:101px; }
				#Interviews a 					{	width:101px; height:33px; background:url('../img/layout/sprite_navigation.gif') -377px 	 0px;	}
				#Interviews a span.hover 		{	width:101px; height:33px; background:url('../img/layout/sprite_navigation.gif') -377px -66px;	}	
				#Interviews a.crrnt 			{	width:101px; height:33px; background:url('../img/layout/sprite_navigation.gif') -377px -33px;	}	
				
				#De-auteurs 					{	width:104px; }
				#De-auteurs a 					{	width:104px; height:33px; background:url('../img/layout/sprite_navigation.gif') -478px 0px;		}
				#De-auteurs a span.hover 		{	width:104px; height:33px; background:url('../img/layout/sprite_navigation.gif') -478px -66px;	}	
				#De-auteurs a.crrnt 			{	width:104px; height:33px; background:url('../img/layout/sprite_navigation.gif') -478px -33px;	}	
				
				#Inspiratie-sessie 				{	width:141px; }
				#Inspiratie-sessie a 			{	width:141px; height:33px; background:url('../img/layout/sprite_navigation.gif') -582px 0px;		}
				#Inspiratie-sessie a span.hover {	width:141px; height:33px; background:url('../img/layout/sprite_navigation.gif') -582px -66px;	}		
				#Inspiratie-sessie a.crrnt 		{	width:141px; height:33px; background:url('../img/layout/sprite_navigation.gif') -582px -33px;	}		

				#Forum 							{	width:73px; }
				#Forum a 						{	width:73px; height:33px; background:url('../img/layout/sprite_navigation.gif') -723px 0px;	 	}
				#Forum a span.hover 			{	width:73px; height:33px; background:url('../img/layout/sprite_navigation.gif') -723px -66px;	 }		
				#Forum a span.crrnt 			{	width:73px; height:33px; background:url('../img/layout/sprite_navigation.gif') -723px -33px;	 }		
				

/* ----------------------------------------- */
/*    1.4 SOFTBOX GENERAL				     */
/* ----------------------------------------- */	
	
	/* Show only to IE PC \*/
	* html .softboxHead h2 {height: 1%;} /* For IE 5 PC */
	
	
	.softbox {
		background: url('../img/layout/bg_softbox_btmright.gif') no-repeat bottom right;
		font-size: 100%; }
		
	.softboxHead {
		background: url('../img/layout/bg_softbox_topright.gif') no-repeat top right;
		margin: 0; padding: 0;
		text-align: left; }
		
	.softboxHead H2 {
		background: url('../img/layout/bg_softbox_topleft.gif') no-repeat top left;
		margin: 0; padding: 5px 10px 0px; font-size:1.0em; }
	
	.softboxBody {
		background: url('../img/layout/bg_softbox_btmleft.gif') no-repeat bottom left;
		margin: 0; padding: 0px 15px 15px; }
		
	
	
/* ----------------------------------------- */
/*    1.4.1 SOFTBOX INTRODUCTION			 */
/* ----------------------------------------- */				

#topLeft { width: 575px; margin-bottom:10px; }

	DIV.coverIntroduction {  
		height:108px; width:73px; margin-right:10px;  
		background: url('../img/layout/intro_cover.gif') no-repeat top left; float:left   }
	
	#topLeft DIV.softboxBody H2 { position:relative; }		
	
	#topLeft DIV.softboxBody H2 span {	
		line-height:1.9em; color:#575757;   
		font-size:1.6em; display:block; float:left; text-indent:-9999px; position:relative;
		font-weight:bold; text-align:left; text-decoration:none; margin-top:5px;  margin-left:-3px; }
	 
	#topLeft DIV.softboxBody H2 span {	
		background: url('../img/layout/H1-De-Internet-Socrecard.gif') no-repeat top left; 
		height:33px; width:255px; margin-right:200px; margin-bottom:10px; margin-top:10px; }
	
	#topLeft DIV.softboxBody H2 span.hover {	
		height:33px; width:255px; position: absolute;  margin-bottom:10px;
		margin-top:10px; margin-left:80px; display:block; top:0; left:0;
		background: url('../img/layout/H1-De-Internet-Socrecard.gif') no-repeat bottom left;}
	
	#topLeft DIV.softboxHead P {
			background: url('../img/layout/bg_softbox_topleft.gif') no-repeat top left;
			margin: 0; padding: 15px 10px 0px; font-size:1.0em; clear:both; } 
		
	#topLeft DIV.softboxBody P {	
		font-size:1.2em; color:#575757; line-height:2.0em; display:block;  }
		
	

	DIV.cntntForum a.bttn { width:277px; height:103px; display:block; position:relative; text-indent:-9999px; 
		background: url('../img/layout/ButtonInkijkExemplaar.gif') no-repeat bottom left; }
		
	DIV.cntntForum a.bttn span.hover { 
		position: absolute; top: 0; left: 0;  
		width:277px; height:103px; display:block; 
		background: url('../img/layout/ButtonInkijkExemplaar.gif') no-repeat top left; }
		
	DIV.cntntForum a.jungleminds { 
		width:277px; height:103px; display:block; position:relative; text-indent:-9999px; margin-top:23px; 
		background: url('../img/layout/ButtonJungleMinds.gif') no-repeat top left; }



/* ----------------------------------------- */
/*    1.4.3 SOFTBOX TRIPLE BOTTOM			 */
/* ----------------------------------------- */		
	
		
	DIV.softboxHead h2 { font-size:1.0em; position:relative;}
	
	img.casestudie, img.slideshow { margin-top:11px;}
	
	#midLeft, #midMid, #midRight { 
		width: 275px; margin-bottom:45px; margin-top:0px; }
	
	#midLeft DIV.softboxBody, 
	#midMid DIV.softboxBody, 
	#midRight DIV.softboxBody { 
		min-height:160px; clear:both; }
	
	#botLeft DIV.softboxBody P, 
	#midLeft DIV.softboxBody P, 
	#midMid DIV.softboxBody P, 
	#midRight DIV.softboxBody P { 
		font-size:1.2em; clear:both; 
		color:#575757; line-height:1.6em; margin:0px 5px 0px 0px; padding-top:5px; }		
	
	DIV.softboxHead h2 { font-size:1.0em; width: 275px; min-height:61px;  }
		
	#midLeft DIV.softboxHead h2 span, 
	#midMid DIV.softboxHead h2 span, 
	#midRight DIV.softboxHead h2 span {
		line-height:1.9em; color:#575757;   
		font-size:1.6em; display:block; float:left; text-indent:-9999px; position:relative;
		font-weight:bold; text-align:left; text-decoration:none; margin-top:28px; }
		
	#midLeft DIV.softboxHead h2 img, 
	#midMid DIV.softboxHead h2 img, 
	#midRight DIV.softboxHead h2 img {
		float:left; margin-top:5px;	}
		
	#midMid  DIV.softboxHead h2 img { margin-left:-8px;}
	#midLeft DIV.softboxHead h2 img {margin-left:-8px;}
		
	
	#midLeft DIV.softboxHead h2 span {
		background: url('../img/layout/H2-inspiratiesessie.gif') no-repeat top left; height:33px; width:139px; }		
	#midMid DIV.softboxHead h2 span {
		background: url('../img/layout/H2-interviews.gif') no-repeat top left; height:33px; width:192px;  }		
	#midRight DIV.softboxHead h2 span {
		background: url('../img/layout/H2-casestudies.gif') no-repeat top left; height:33px;width:108px;  }	
	
	 #midLeft DIV.softboxHead h2 span.hover {	
		height:33px; width:139px; position: absolute; display: block; top:0; left:0;  margin-top:33px; margin-left:66px;
		background: url('../img/layout/H2-inspiratiesessie.gif') no-repeat bottom left;}
	 #midRight DIV.softboxHead h2 span.hover {	
		height:33px;width:108px; position: absolute; display: block; top:0; left:0;  margin-top:33px; margin-left:74px;
		background: url('../img/layout/H2-casestudies.gif') no-repeat bottom left;}
	 #midMid DIV.softboxHead h2 span.hover {	
		height:33px; width:192px; position: absolute; display: block; top:0; left:0;  margin-top:33px; margin-left:66px;
		background: url('../img/layout/H2-interviews.gif') no-repeat bottom left;}

/* ----------------------------------------- */
/*    1.4.2 FORUM WIDGET					 */
/* ----------------------------------------- */				

DIV.contentForumRightBar	{ 
	width:250px; padding:25px 0 0 25px; margin-left:0px; float:left; }

	DIV.widgetHead_topics, 
	DIV.widgetHead_reacties  { 
		width:275px; height:34px; 
		background: url('../img/layout/bg_forum_widget.gif') no-repeat bottom left; }
	DIV.widgetHead_reacties { 
		background-position:top;}			
		DIV.widgetHead_reacties a, 
		DIV.widgetHead_topics a { 
			width:120px; height:24px; display:block; 
			outline:none; float:left; outline:none;
			padding:10px 0 0 15px;	text-decoration:none; 
			text-transform:uppercase; font-size:1.1em;}						
			a.active {  
				color:#ffffff; cursor:default; }
			a.idle { 
				color:#575757; cursor:pointer; }	
			a.idle:hover { 
				text-decoration:underline; }			
			
	DIV.widgetBody { 
		width:275px; display:block;
		padding:0px 5px 0 5px; }	
	
		DIV.widgetBody UL.topics {
			display:block; }	
		DIV.widgetBody UL.reacties {
			display:none; }
			DIV.widgetBody UL LI { 
				display:block; padding:5px 5px 5px 5px;
				border-bottom:1px solid #e2e1e1; }
				DIV.widgetBody UL LI P { 
					text-align:left; line-height:1.4em; color:#bababa; 
					font-size:1.0em; text-decoration:none;}		
				DIV.widgetBody UL LI A { 
					line-height:1.4em; color:#575757; 
					font-size:1.0em; text-decoration:none; }
				DIV.widgetBody UL LI A:hover { 
					color:#ffcc00; text-decoration:underline; }		
	
	DIV.widgetFooter { 
		width:130px; height:26px; float:right;  
		background: url('../img/layout/bg_btm_forum_widget.gif') no-repeat bottom left; }		
	DIV.widgetFooter a.textLink {
		font-size:1.1em; color:#575757;  
		line-height:1.3em; text-align:right; margin-right:18px; 
		text-decoration:none; float:right; margin-top:5px; }	
	DIV.widgetFooter a.textLink:hover {
		color:#ffffff; text-decoration:underline;	 }
	



/* ----------------------------------------- */
/*    1.13	 SLIDESHOWS						   */
/* ----------------------------------------- */				

	#slideshow {
	    position:relative; height:63px; width:250px; margin-top:10px; }
	
	#slideshow IMG {
	    position:absolute;top:0; left:0;z-index:8; }
	
	#slideshow IMG.active {
	    z-index:10; }
	#slideshow IMG.last-active {
	    z-index:9; }
	
		
/* ----------------------------------------- */
/*    1.4.1 SMALL BUTTON GENERAL			 */
/* ----------------------------------------- */		

	div.softboxBody a  { 		
		position:relative; display:block;
		height:25px; width:102px; cursor:pointer; float:right;
		background:url('../img/layout/button_small.gif') top left no-repeat;  }
		div.softboxBody a * 	{ 
			display:none; }
		div.softboxBody a span.hover { 
			height:25px; width:102px; position: absolute; display: block; top: 0; left: 0;
			background:url('../img/layout/button_small.gif') bottom left no-repeat; }
/* ----------------------------------------- */
/*    1.5 FOOTER						     */
/* ----------------------------------------- */		
					
					
		DIV.footer 		{ 
			width:930px; margin:0 auto; padding:40px 0 0 0;  }		
			
			DIV.navigationFooter 		{ 
				width:780px; margin:auto 0px; padding-left:50px;  }
				DIV.navigationFooter UL		{ 
					float:left;  margin:0px 0px 5px 15px; padding:0px 35px 0 35px; }
					DIV.navigationFooter UL LI { 
						padding:3px 0 0 0; }
						DIV.navigationFooter UL LI A	{ 
							padding:8px 0px 0px 0px; vertical-align:top; font-size:1.1em; line-height:22px;
							color:#ffffff; text-decoration:none; text-align:center; }
						DIV.navigationFooter UL LI A:hover		{ 
							text-decoration:none; border-bottom:1px dotted #ffffff; }	
												
							DIV.navigationFooter UL LI A 		SPAN	{ 
								width:8px; height:6px; margin:8px 4px 0px 0px; display:block; float:left; 
								background:url('../img/layout/footer_arrow.gif') bottom left no-repeat; }
							DIV.navigationFooter UL LI A:hover	SPAN	{ 
								background-position:top; }			
			
		DIV.extrainfo { 
				width:600px; margin:auto 0px; padding:25px 0px 0px 80px; clear:both; }	
				DIV.extrainfo P { 
					padding:0px; font-size:1.1em; line-height:18px; vertical-align:top; 
					text-decoration:none; text-align:center; color:#ffffff; }
					DIV.extrainfo P SPAN { 
						font-size:1.1em; }	
						
				DIV.extrainfo A,
				DIV.extrainfo A:hover  { 
					color:#fff; text-decoration:none; }