﻿

body		{
			margin:0;
			padding:0;
			}
			
div#header, div#subheader, div.full, div#content, div.group, div#footer	{
			float:left;
			width:100%;			
			}
			
div.container	{
			width:960px;
			margin:0 auto;	
			}
			
div.wrapper	{
			float:left;	
			margin:0;
			padding:0 0 20px 0;
			width:100%;
			}

div#splash div.wrapper	{
			padding:0;
			}
					
div#header 	{
/*			height:176px;*/
			}
			
div#header 	{
			padding-bottom:43px;
			}

div#header img	{
			float:left;
			border:none;
			margin:50px 0 0 10px;
			}
			
div#header p	 {
			float:right;
			text-align:right;
			margin:49px 10px 0 0;
			line-height:1.45em;
			display:block;
			width:140px;
			
			display:none;
			}
			
div#header a.vacatures, div#header a.terug	{
			float:right;
			text-align:left;
			margin:0;
			font-size:15px;
			display:block;
			width:140px;
			padding:4px 10px 6px 10px;
			background:#c91b1b url('../img/vacature-a.gif') right center no-repeat;
			color:#fff;
			letter-spacing:normal;
			}
			
div#header a.terug	{
			text-align:right;
			background:#c91b1b url('../img/terug.gif') left center no-repeat;
			}

div#header a.vacatures:hover	{
			background:#000  url('../img/vacature-a-hover.gif') right center no-repeat;
			}

div#header a.terug:hover	{
			background:#000  url('../img/terug-hover.gif') left center no-repeat;
			}
			
div#header ul	{
			float:right;
			padding:0;
			margin:0;
			list-style:none;
			}
			
div#header ul li ul 	{
			margin:0;
			padding:0;
			}
			
div#header ul li	{
			float:left;
			display:block;
			width:160px;
			margin-bottom:;
			padding: 0;
			}
			
div#header ul li.active	{
			padding-bottom:0;
			}
			
div#header ul li ul li, div#header ul li.active ul li	{
			padding:0;
			margin-bottom:0;
			}
			
div#subheader	{
			height:402px;
			}
					
div#subheader div.container div	{
			height:368px;
			width:450px;
			padding:0 10px;
			float:left;
			}
			
			
div#subheader ul	{
			margin:0;
			float:left;
			clear:left;
			padding:0;
			list-style:none;
			}
			
div#subheader ul li	{
			display:inline;
			display:block;
			float:left;
			width:480px;
			}
			
div#content div.container	{
		/*	border-top:1px solid #edf1f2;*/
			}
			
body#voorpagina div#content div.panel	{
			width:940px;
			float:left;
			position:relative;
			margin:41px 0 0 0;
			padding:0;
			}

body#voorpagina div#content .folio-item	{
			float:left;
			position:relative;
			margin:-206px 10px 0 10px;
			}

body#voorpagina div#content div.panel img.folio-item	{
			margin:0;
			}
			
div#content div.group	{
			padding:20px 0 0 0;
			
			}
			
div.meta	{
			float:left;
			width:140px;
			margin:83px 0 0 10px;
			}
			
div.intro	{
			float:left;
			width:100%;
			padding:20px 0 0 0;
			}

div.br		{
			float:left;
			width:100%;
			padding:20px 0 0 0;
			}
			
img, a img, a:hover img		{
			border:none;
			text-decoration:none;
			}

img.profiel	{
			float:left;
			margin:15px 0 0 10px;
			}
			
div.item	{
			float:left;
			width:140px;
			margin:0 10px;
			}


div#casestudies div.item	{
			width:220px;
			margin:0 10px;
			}
			
			
div#flickr.item	{
			width:540px;
			}
			
div#flickr.item .flickr	{
			margin:14px 0 0 20px;
			}

div#flickr.item .big	{
			margin-left:0;
			}

div#twitter.item	{
			width:220px;
			}
			

div#content div#case-nav	{
			width:100%;
			float:left;
			margin:0;
			background-image:url('../img/case-nav-bg.gif');
			background-repeat:repeat-y;
			background-position:center top;

			}
			
div#content div#case-nav ul	{
			width:960px;
			margin:0 auto;
			padding:0;
			list-style:none;
			}
			
div#content div#case-nav ul li	{
			float:left;
			width:480px;
			margin:0;
			padding:0;
			}
			
div#content div#case-nav ul li a	{
			color:#fff;
			font-size:14px;
			font-weight:bold;
			padding:6px 10px 5px 10px;
			margin:0;
			display:block;
			float:left;
			width:450px;
			background-image:url(img/icon-this.gif);
			background-position:right center;
			background-repeat:no-repeat;
			}

div#content div#case-nav ul li.all a	{			
			background-image:url(img/icon-all.gif);
			}
			
div#content div#blog div.item ul	{
			margin:10px 0;
			background:none;
			}

div#content div#blog div.item ul li	{
			margin:0;
			padding:0;
			background:none;
			}

div#content form#howyoulikeyourweb	{
			width:540px;
			float:left;
			margin:20px 0 0 20px;

			}

div#content form#howyoulikeyourweb label	{
			width:140px;
			float:left;
			clear:left;
			margin:10px 0 0 0;
			padding:0 0 3px 0;
			background-image:url('../img/input-bg.gif');
			background-position:left bottom;
			background-repeat:repeat-x;
			font-size:14px;
			font-weight:bold;
			}

div#content div#write p	{
			font-size:14px;
			margin:2px 0 0 20px;
			}

div#content form#howyoulikeyourweb input	{
			width:380px;
			float:left;
			padding:0 0 3px 20px;
			margin:10px 0 0 0;
			border:none;
			background:none;
			background-image:url('../img/input-bg.gif');
			background-position:left bottom;
			background-repeat:repeat-x;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-style:italic;
			}


div#comments div.meta	{
			float:left;
			width:140px;
			margin:0 0 0 10px;
			padding:0;
			}
			
div#write div.wrapper div	{
			float:left;
			width:100%;
			margin:0 0 10px 0;

			}
			
div#write div.wrapper div label 	{
			float:left;
			width:140px;
			margin:5px 0 0 10px;
			font-weight:bold;
			font-size:14px;
			}

div#write div.wrapper div input, div#write div.wrapper div textarea 	{
			float:left;
			width:540px;
			margin:0 0 0 20px;
			border:none;
			background:#fff;
			padding:5px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:1.6em;
			}
			
div#write div.wrapper div textarea 	{
			height:200px;
			}
						
div#write div.wrapper div p 	{
			float:left;
			width:220px;
			margin:3px 0 0 20px;
			color:#83909b;
			}		
			
div#content ul#art-nav	{
			float:right;
			width:140px;
			margin:87px 10px 0 0;
			list-style:none;
			padding:0;
			}
			
div#content ul#art-nav li	{
			display:block;
			float:left;
			width:33px;
			height:18px;
			text-indent:-10000px;
			overflow:hidden;
			padding:0;
			}
			
div#content ul#art-nav li.right	{
		/*	float:right;*/
			}
			
div#content ul#art-nav li a	{
			display:block;
			float:left;
			width:13px;
			padding:0 10px;
			height:19px;
			background-image:url('../img/left.gif');
			background-position:left top;
			background-repeat:no-repeat;
			}
			
			
div#content ul#art-nav li.right a	{
			background-image:url('../img/right.gif');
			}
			
div#content ul#art-nav li.overview a	{
			background-image:url('../img/overview.gif');
			height:15px;
			margin-top:2px;
			}
			
/*div#content ul#art-nav li#in.right a	{
			background-image:url('../img/right-in.gif');
			}*/

div#content ul#art-nav li a:hover	{
			background-position:left bottom;
			}
			
div#content div.item a.flickr, div#content div.item a.twitter	{
			float:right;
			position:relative;
			z-index:121;
			margin:-30px 0 0 0;
			display:block;
			width:16px;
			height:16px;
			text-indent:-10000px;
			overflow:hidden;
			background:url('../img/flickr.jpg') no-repeat left top;
			}
			
div#content div.item a.twitter	{
			background:url('../img/twitter.jpg') no-repeat left top;
			}
			
div#content div#blog ul	{
			list-style:none;
			margin:0 10px;
			float:left;
		/*	background-image:url('../img/break-dark.gif');
			background-position:left top;
			background-repeat:repeat-x;*/
			}
			
			
div#clients.full ul	{
			width:220px;
			margin:0 10px 20px 10px;
			padding:30px 0 0 0;
			list-style:none;
			float:left;
			}

div#clients.full ul li	{
			margin:0;
			padding:0;
			}

			
div#content div#blog ul	li {
			width:100%;
			float:left;
			padding:10px 0 5px 0; 
			background-image:url('../img/break-light.gif');
			background-position:left top;
			background-repeat:repeat-x;
			}

			
div#footer div.container ul	{
			margin:30px 0;
			padding:0;
			float:right;
			list-style:none;
			}
			
div#footer div.container ul	li	{
			margin:0;
			padding:0;
			display:inline;
			}
			
			
div#screen-switcher	{
			position:absolute;
			z-index:201;
			display:;
			}

			
div#grid	{
			display:block;
			width:100%;
			float:left;
			top:0;
			position:fixed;
			height:100%;
			background-image:url('../img/grid.png');
			background-position:center top;
			background-repeat:repeat-y;
			z-index:200;
			display:none;

			}
			
body.grid div#grid		{
			display:block;
			}
