/* User-agent: CCBot/1.0 (+http://www.commoncrawl.org/bot.html) */

/* BASIC STUFF ---------------------------------------------------- */

	BODY, INPUT, SELECT, TD		{ outline:none; font-family:georgia, times new roman, serif; font-size:13px; }
	TD							{ text-align:left; vertical-align:top; font-style:normal; font-size:12px; }
	HR 							{ color: #fff; background-color: transparent; border: 1px dotted #fff; border-style: none none dotted; margin:4px 0px; padding:0; height:0px; }
	IMG							{ margin:0; }
	UL							{ margin:0px 5px; padding:10px; }
	LI							{ margin:0px 5px; list-style:square; }

	INPUT[type="submit"], INPUT[type="button"]	{
		cursor:pointer; cursor:hand;
	}

	SPAN.fracture				{ padding-left:2px; font-size:75%; }
	SUP.fracture				{ }
	SUB.fracture				{ }

	.shopGreen					{ color: #f5dd00; }
	.shopBold					{ font-weight:bold; }

	@font-face {
		font-family: 'Museo-Slab';
		src: url('../fonts/museo700-regular-webfont-webfont.eot');
		src: local('☺'), url('../fonts/museo700-regular-webfont-webfont.woff') format('woff'), url('../fonts/museo700-regular-webfont-webfont.ttf') format('truetype'), url('../fonts/museo700-regular-webfont-webfont.svg#webfontdRntXuw8') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	A.shopAlt:link				{ color: #fff; text-decoration: none; }
	A.shopAlt:active			{ color: #f5dd00; text-decoration: none; }
	A.shopAlt:visited			{ color: #fff; text-decoration: none; }
	A.shopAlt:hover				{ color: #f5dd00; text-decoration: none; }

	A:link						{ color: #fff; text-decoration: none; background:transparent; }
	A:active					{ color: #000; text-decoration: none; background:#f5dd00; }
	A:visited					{ color: #fff; text-decoration: none; background:transparent; }
	A:hover						{ color: #000; text-decoration: none; background:#f5dd00; }

	A.shopDark:link				{ color: #7b6f00; text-decoration: none; }
	A.shopDark:active			{ color: #f5dd00; text-decoration: none; }
	A.shopDark:visited			{ color: #7b6f00; text-decoration: none; }
	A.shopDark:hover			{ color: #f5dd00; text-decoration: none; }

	A.shopCat:link				{ color: #f5dd00; text-decoration: none; background:transparent; }
	A.shopCat:active			{ color: #000; text-decoration: none; background:#f5dd00; }
	A.shopCat:visited			{ color: #f5dd00; text-decoration: none; background:transparent; }
	A.shopCat:hover				{ color: #000; text-decoration: none; background:#f5dd00; }

	A.shopActive:link			{ color: #f5dd00; text-decoration: none; }
	A.shopActive:active			{ color: #f5dd00; text-decoration: none; }
	A.shopActive:visited		{ color: #f5dd00; text-decoration: none; }
	A.shopActive:hover			{ color: #f5dd00; text-decoration: none; }

	A.shopBlack:link			{ color: #000; text-decoration: none; }
	A.shopBlack:active			{ color: #000; text-decoration: none; }
	A.shopBlack:visited			{ color: #000; text-decoration: none; }
	A.shopBlack:hover			{ color: #000; text-decoration: none; }

	A.shopMenu:link				{ color: #fff; text-decoration: none; }
	A.shopMenu:active			{ color: #000; text-decoration: none; }
	A.shopMenu:visited			{ color: #fff; text-decoration: none; }
	A.shopMenu:hover			{ color: #000; text-decoration: none; }

	A.shopClean:link			{ background:transparent; }
	A.shopClean:active			{ background:transparent; }
	A.shopClean:visited			{ background:transparent; }
	A.shopClean:hover			{ background:transparent; }

	a:focus { outline: 0; }

	.debugCode					{ background:#eee; padding:5px; text-align:left; font-family:andale mono, courier new, courier; }

/* VLAKVERDELING WHOLE SITE ---------------------------------------------------- */

	body {
		text-align:center;
		color:#fff;
		background:#222 url(../gfx/trans.gif) no-repeat left top fixed;
	}

	/* navigatie/menu */
	#shopLeftNav {
		position:fixed;
		text-align:left;
		width:192px;
		left:0px;
		top:64px;
		visibility:hidden;
			}

	/* navigatie/menu */
	#shopRightNav {
		position:fixed;
		text-align:left;
		width:192px;
		left:800px;
		top:16px;
		visibility:hidden;
			}

	/* content vlak waarin ook de DIV.shopHeader is opgenomen */
	#shopContent {
		position:absolute;
		text-align:left;
		width:512px;
		left:240px;
		top:64px;
		visibility:hidden;
		padding-bottom:64px;
			}

/* VIDEOPLAYER ---------------------------------------------------- */

	/* dimmed back for videoplayer */
	#dimBg			{ z-index:5; position:absolute; visibility:hidden; background:#000; left:0px; top:0px; }
	#dimFg			{ z-index:6; position:absolute; visibility:hidden; background:#000; left:0px; top:0px; }
	#vpContainer 	{ z-index:7; position:absolute; visibility:hidden; left:0px; top:0px; }
	#vpCaption		{ z-index:7; position:absolute; visibility:hidden; top:0px; left:0px; padding-top:5px; font-family:'Museo-Slab'; font-size:18px; text-transform:lowercase; }

	#capProjType	{ float:left; color:#f5dd00; white-space:nowrap; }
	#capProjTitle	{ float:left; color:#fff; padding-left:5px; white-space:nowrap; }
	#capClose		{ float:right; }

/* LINKER NAVIGATIE-MENU ---------------------------------------------------- */

	DIV.shopMenu			{ float:left; width:130px; }
	DIV.menuLogo			{ margin-top:16px; width:100%; height:64px; text-align:center; overflow:hidden; }

	DIV.btnSection			{ margin-top:12px !important; }
	DIV.btnMenuStd			{ padding:0px; margin:4px 0px 2px 0px; font-family:'Museo-Slab'; font-size:18px; text-transform:lowercase; }
	SPAN.btnMenuStd			{ background:#000; padding:0px 4px; color:#f5dd00; }
	SPAN.btnMenuStd:hover	{ background:#f5dd00; color:#000; }
	SPAN.btnMenuStdActive	{ padding:0px 4px; background:#f5dd00; color:#000; }

	A.btnMenuStd:link		{ color: #fff; text-decoration: none; }
	A.btnMenuStd:active		{ color: #ddd; text-decoration: none; }
	A.btnMenuStd:visited	{ color: #fff; text-decoration: none; }
	A.btnMenuStd:hover		{ color: #ddd; text-decoration: none; }

	DIV.btnMenuItem			{ padding:0px; margin:3px 0px 3px 10px; font-style:italic; text-transform:lowercase; }
	SPAN.btnMenuInner		{ padding:1px 2px; cursor:pointer; cursor:hand;  }
	SPAN.btnMenuInnerActive	{ padding:1px 2px; background:#f5dd00; cursor:pointer; cursor:hand; }

	SPAN.btnMenuInner:hover	{ background:#f5dd00; }

/* SOCIAL MEDIA */

	DIV.shopSocialMedia		{ margin-top:10px; }
	IMG.icoSocialMedia		{ margin:0px 0px 0px 0px; }

/* ARTICLES -------------------------------------------------------- */

/* LIST VIEW */

	DIV.shopContentHigh			{ padding:0; }

	.semiTrans					{ opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; }

	DIV.artListContainer		{ width:252px; height:210px; background:#000; margin:0px 0px 8px 0px; overflow:hidden; }
	DIV.artListContainer:hover	{ background:#f5dd00; }

	DIV.artListTop				{ position:absolute; top:0px; left:0px; font-family:'Museo-Slab'; font-size:25px; text-transform:lowercase;  }
	DIV.artListText				{ font-style:italic; text-transform:lowercase; padding:3px 5px; line-height:16px; }

	DIV.artListTopNoImage		{ font-family:'Museo-Slab'; font-size:25px; text-transform:lowercase; }

	DIV.artListRelative			{ position:relative; overflow:hidden; }

	DIV.artListBack				{ position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background:#505050 url(../gfx/bg_pattern.gif) left top no-repeat; }
	DIV.artListFront			{ position:absolute; z-index:2; left:0px; top:0px; width:100%; height:100%; }
	DIV.artListFront:hover		{ position:absolute; z-index:2; left:0px; top:0px; width:100%; height:100%; background:#f5dd00; }

	DIV.artDefSub				{ font-style:italic; padding:2px 4px; }
	DIV.artDefBody				{ font-style:italic; padding:2px 4px; }

	IMG.artThumbDef				{ width:252px; height:144px; margin:0; }
	IMG.artNew					{ position:absolute; z-index:3; bottom:0px; right:0px; }

	DIV.artTopBoxContainer			{ position:relative; width:512px; height:354px; margin-bottom:8px; overflow:hidden; background:#000; }
	DIV.artTopBoxContainer:hover	{ background:#f5dd00; }

	DIV.singleline				{ height:16px; overflow-y:hidden; }

	HR.listruler 				{ }

/* DETAIL VIEW: DEFAULT CATEGORY */

	DIV.artDetailTop			{ position:absolute; top:0px; left:0px; font-family:'Museo-Slab'; font-size:46px; text-transform:lowercase;  }
	SPAN.artPrefixTitle			{ color:#f5dd00; background:#000; padding:0px 6px; }
	SPAN.artHugeTitle			{ color:#fff; background:#000; padding:0px 6px; }

	DIV.artDetailBody			{ clear:both; }
	DIV.artDetailBodyInner		{ position:relative; }

	IMG.artDetailImage			{ }

	DIV.articleHalfBox			{ float:left; width:256px; height:190px; overflow:hidden; font-style:italic; background:#000; line-height:16px; border-bottom:1px solid #000; }
	DIV.articleInnerText		{ padding:3px 5px; text-transform:lowercase; }

	IMG.playButton				{
		position:absolute;
		z-index:1;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		cursor:pointer;
		cursor:hand;
		margin:0;
	}

	DIV.videoContainer			{ clear:both; position:relative; background:#000 left top no-repeat; overflow:hidden; border-bottom:1px solid #000; }
	DIV.imageContainer			{ border-bottom:1px solid #000; }
	DIV.imageContainerHalf		{ float:left; border-bottom:1px solid #000; }

/* DETAIL VIEW: CLIENTS CATEGORY */

	DIV.clientBoxLeft			{ float:left; width:252px; height:166px; background:#000; margin:0px 8px 8px 0px; }
	DIV.clientBoxRight			{ float:left; width:252px; height:166px; background:#000; margin:0px 0px 8px 0px; }

	DIV.clientBoxImage			{ }
	DIV.clientBoxText			{ border-top:1px dotted #fff; font-style:italic; font-size:12px; padding:3px 0px 0px 0px; margin:0px 5px; }


/* SIDEBAR ---------------------------------------------------- */

	DIV.sidebarContainer		{ width:100%; clear:both; margin-bottom:70px; }
	DIV.sidebarHeader			{ margin:15px 0px 0px 0px; font-family:'Museo-Slab'; font-size:18px; text-transform:lowercase; }
	SPAN.sidebarHdColor			{ color:#f5dd00; }
	SPAN.sidebarHdWhite			{ color:#fff; padding:0px 0px 0px 1px; }
	DIV.sidebarArticle			{ font-style:italic;  }

	IMG.sidebarlogo				{ margin:7px 0px 1px 0px; }

	.floatSocialMedia			{ float:right; margin:1px 0px 0px 0px; }
	.icoSocialMedia				{ margin:0px; }

/* FACEBOOK SIDEBAR -------------------------------------------------------- */

	DIV.shopFacebookItem		{ width:100%; clear:both; font-style:italic; padding-top:10px; text-transform:lowercase; }
	DIV.sidebarFbColA			{ float:left; width:22%; overflow:hidden; max-height:150px; line-height:15px;  }
	DIV.sidebarFbColB			{ float:right; width:77%; overflow:hidden; max-height:150px; line-height:15px;  }

/* OVERIGE PAGINA'S ---------------------------------------------------- */

	.marginBottom				{ margin-bottom:15px; }