*{
	margin: 	0;
	padding:	0;
}

html{
	height:		100%;
}

body{
	background:	#f2f2f2;
	height:		100%;
	font-family:Verdana;
	font-size:	11px;
	color:		#3c3c3d;
}

h1{
	font-size:	18px;
	font-weight:normal;
	padding-top:10px;
	margin-bottom:5px;
}

h2{
	font-size:	14px;
	font-weight:normal;
}

hr{
	color:	1px solid #a0b0ba;
	margin:	3px 0 2px;
}

img a, a img{
	border: none;
}

a{
	color:	#0165a8;
	text-decoration:none;
}

a:hover{ text-decoration:underline;}

div.container{
	width:		1011px;
	min-height:	100%;
	background:	url(img/bg_content.png) repeat-y;
	margin:		0 auto;
}

a#logo{
	height:		83px;
	width:		301px;
	margin-left:24px;
	background:	url(img/logo.png) no-repeat;
	position:	absolute;
	display:	block;
}

div#menubalk{
	width:		1011px;
	height:		67px;
	background:	url(img/bg_menu.png) repeat-x;
	margin-top:	35px;
	float:		left;
}

div.leftcorner{
	width:		11px;
	height:		6px;
	float:		left;
}

div.rightcorner{
	width:		8px;
	height:		6px;
	float:		right;
}

 #blue_menu_l{	background: url(img/blue_edge_l.png);	margin-top:	-3px; }
 #blue_menu_r{	background: url(img/blue_edge_r.png);	margin-top:	-3px; }
 #blue_item_l{	background: url(img/blue_edge_l.png);	margin-top:	-1px; }
 #blue_item_r{	background: url(img/blue_edge_r.png);	margin-top:	-1px; }
 .white_content_l{	background: url(img/white_edge_l.png); margin-top: 261px;} /* margin-top = hoogte content + 1 */
 .white_case_l{	background: url(img/white_edge_l.png); margin-top: 315px;} /* margin-top = hoogte content + 1 */
 .white_diensten_l{	background: url(img/white_edge_l.png); margin-top: 961px;} /* margin-top = hoogte content + 1 */
 .white_contact_l{	background: url(img/white_edge_l.png); margin-top: 351px;} /* margin-top = hoogte content + 1 */
 .white_footer_l{	background: url(img/white_edge_l.png); margin-top: 22px; } /* margin-top = hoogte footer + 1 */
 .grey_twitter_r{	background: url(img/grey_edge_r.png); margin-top: 319px; } /* margin-top = hoogte twitter + 1 */
 .grey_twitter2_r{	background: url(img/grey_edge_r.png); margin-top: 279px; } /* margin-top = hoogte twitter + 1 */
 .grey_screens_r{	background: url(img/grey_edge_r.png); margin-top: 371px; margin-right:	-14px;} /* margin-top = hoogte twitter + 1 */
 .grey_contact_r{	background: url(img/grey_edge_r.png); margin-top: 100px; } /* margin-top = hoogte twitter + 1 */
 .grey_service_r{	background: url(img/grey_edge_r.png); margin-top: 303px; } /* margin-top = hoogte twitter + 1 */

div#item_container{
	background:	url(img/bg_items.png) bottom repeat-x;
	height:		256px;
	width:		1011px;
	float:		left;
	margin-top:	32px;
}

div#item_container h1{
	float:		left;
	margin-left:17px;
}

div#item_container p{
	float:		left;
	width:		365px;
	margin-left:17px;
	margin-top:	20px;
	color:		#FFF;
}

div#item_container a{
	color:		#FFF;
}

div#item_container a:hover{
	text-decoration:	none;
}

div.item150{
	height:	182px !important;
	background:	url(img/bg_items_150.png) bottom repeat-x !important;
}

div.item, div.client{
	width:		295px;
	height:		255px;
	margin-left:25px;
	float:		left;
}

div.item-case{
	height:		255px;
	margin-left:25px;
	float:		left;	
}

div.client{		
	width:180px !important;
	margin-left:0px;
}

div.subject{	width: 1011px;}
div.subject h1{	min-width:	300px;}
div.services{ margin-left: 15px;}

div#actions{
	float:		left;
	width:		1011px;
	margin-top:	-22px;
}

a.prev{ 
	width: 		44px; 
	height: 	44px;
	background:	url(img/previous.png);
	display:	block;
	float:		left;
	margin-left:20px;
	cursor:		pointer;
}

a.next{ 
	width: 		44px; 
	height: 	44px;
	background:	url(img/next.png);
	display:	block;
	float:		right;
	margin-right: 20px;
	cursor:		pointer;
}

div.project{
	float:		right !important;
	height:		255px;
	width:		275px;
	margin-right:3px;
}

div.projectlid{
	float:		right !important;
	height:		66px;
	min-width:		66px;
	margin-right:10px;
	color:		#0160a0;
	font-weight:bold;
	font-size:	12px;
	text-align:	right;
	padding-top: 3px;
}

div.lars	{ background: url(img/lars.png) no-repeat;}
div.sjors{ background: url(img/sjors.png) no-repeat;}
div.dave{ background: url(img/dave.png) no-repeat;}
div.pim{ background: url(img/pim.png) no-repeat;}
div.right{ min-width:3px !important;}


div.projectdetails{
	min-height:	100px;
	min-width:	115px;
	margin-top:	85px;
	color:		#FFF;
	text-align:	right;
	margin-right:25px;
}

div.projectdetails font{
	font-size:	12px;
	font-weight:bold;
}

div.onderdeel{
	height:		15px;
	min-width:	50px;
	margin-top:	7px;
	padding-right:	20px;
	padding-top:1px;
}

div.onderdeel a{	text-decoration:	underline;}
div.checked	{	background:	url(img/checked.png) top right no-repeat; }
div.unchecked{	background:	url(img/unchecked.png) top right no-repeat; }


div#content{
	width:		690px;
	height:		260px;
	float:		left;
	margin:		45px 0 0 -11px;
	border:		#d6d6d6 1px solid;
	background:	#FFF;
}

div.case{
	height:		314px !important;
}

div.context	{	margin-left:24px; margin-right:20px;}
div.context p{	margin-top: 7px;}

div.diensten{
	height:		960px !important;
}

div.service, div#twitter, div#screens{
	width:		293px;
	height:		318px;
	float:		right;
	margin-right:-7px;
	margin-top:	45px;
	background:	#e2e2e2 url(img/bg_twitter.png) repeat-x;
	border:		#BBB solid 1px;
}

div#screens{
	height:			370px;	
	padding-right:	12px;
	width:			270px;
	margin-bottom:	25px;
}

div#screens img{
	margin:		10px 0 0 5px;
	float:		left;
	border:		3px solid #DDD;
}

div#screens img:hover{
	border:		3px solid #FFF;
}

div.service{
	background:	#FFF url(img/bg_service.png) bottom repeat-x;
	height:		302px;
	margin-top:	25px;
	margin-right:0px;
	border:		1px solid #D6D6D6;
}

div.first{
	margin-top:	45px;
	margin-right:-7px;
}

div.tweetbook{	height:		278px !important; margin-right:0px !important; margin-top:	25px !important;}
div.adres	{	height:		100px !important; }

div#twitter_content{
	margin:		0 10px;
}

div#twitter_content hr{
	width:		265px;
	margin-bottom: 5px;
}

a.teamlid{
	width:		265px;
	display:	block;
	height:		65px;
	text-decoration:none;
	color:		#3c3c3d;
	padding:	3px 0;
	border-bottom: 1px #111 solid;
	font-size:	10px;
}

a.teamlid h2{
	font-weight:bold;
}

a.teamlid:hover{
	background:	#EEE;
}

a.teamlid img{
	float:		left;
	margin-right:7px;
}

div#footer{
	width:		690px;
	float:		left;
	margin:		25px 0 0 0;
	border:		#d6d6d6 1px solid;
	background:	#FFF;
	height:		22px;
	padding-top:8px;
	color: 		#848484;
}

div#footer a{	color: #848484;	text-decoration:none;}
div#footer a:hover{ color: #000;}			

div#footer_content{
	margin-left: 24px;
}

div#footer_social{
	float:		right;
	margin-top:	-3px;
	margin-right:10px;
}

div.tweet img, div.tweet2 img{	float:	left; margin: 0 10px 5px 0;}
div.tweet ul, div.tweet2 ul{	list-style: none;}
div.tweet ul li, div.tweet2 ul li{
	padding-bottom:	5px;
	margin-bottom:	5px;
	border-bottom:	1px solid #3c3c3d;
	width:			265px;
}

div.tweet2 ul li{
	padding-bottom:	10px;
}

div.tweet a, div.tweet2 a{	color:	#015f9e; text-decoration:none; }
div.tweet a:hover, div.tweet2 a:hover{	color:	#000;}

div.naarTwitter{
	margin-top:	7px;
	height:		20px;
	width:		265px;
	text-align:	right;
}

div.naarTwitter a{ color:	#015f9e; text-decoration:none; }
div.naarTwitter a:hover{ color:	#000;}


/*****************************************/

.scrollable {
	position:relative;
	overflow:hidden;
	width: 1011px;
	height:255px;
	margin: 0 auto;
}

.scrollable .items {
	width:10000em;
	position:absolute;
	clear:both;
}

.items div.subject {
	float:left;
}

.scrollable .active {
	position:relative;
	cursor:default;
}


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


div.bedrijf p{
	width:		550px !important;
	margin-top:	5px !important;
	margin-right:200px;
}

div.bedrijf p.first{
	margin-top: 20px !important;
}

div.bedrijf p.coffee{
	width:		520px !important;
}

div.bedrijf ol{
	float:		left;
	margin:		10px 0 5px 35px;
	color:		#FFF;
}

div.bedrijf ol li{
	font-weight:bold;
	margin-bottom:	2px;
}

div.team{	width:		260px; 	margin-left:-20px;}
div.coffee{	width:		230px; 	margin-left:5px; margin-right:20px;}

div.contact{
	height:		350px !important;
}

input.verzenden{	
	background:	#0176c4;
	color:		#FFF;
	padding:	5px;
	border:		none;
	cursor:		pointer;
}
input.verzenden:hover{	
	background:	#0161a1; 
}

a.uitleg{
	display:	block;
	width:		18px;
	height:		17px;
	background:	url(img/question.png);
	float:		right;
	margin-top:	11px;
	margin-right:10px;
}

div.fancyboxes{
	padding:	20px;
	padding-top:5px;
}

div#clients ul{	margin-left:	20px;}
div#clients ul li{	margin-top:		2px;}

/**************************************************************/

.menuItems{
	margin-left: 350px;
	margin-top: -4px;
}

.menuItems li {
	float: left;
	list-style: none;
	margin: 0 5px;
	width:	105px;

}

.menuItems li:hover, .menuItems li.current{
	background:	url(img/bg_menuhover.png) 1px no-repeat;
}

.menuItems li a {
	font-size: 18px;
	font-family: Mangal;
	text-decoration: none;
	color: #fff;
	outline: none;
	top: 15px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	height: 75px;
	position: relative;
	overflow: hidden;   
	margin: 0 15px 0 25px;
	line-height: 20px;
}

.menuItems li.showcase a{	margin: 0 10px 0 15px; }
.menuItems li.diensten a{ margin: 0 10px 0 20px; }

.menuItems li a font{
	font-size:	10px;
	font-style:	italic;
}

.menuItems li a:hover, .menuItems li a:active, .menuItems li a:visited {
	border: none;
}