/* 

Author: Harm Wimmenhove @ Resoluut
Date: 2009-10-07

*/


/* @group Structure */
body		        { }

.basis 				{ background: url(../images/backgrounds/big-clouds.jpg) center top no-repeat #2b2b2b; }
.missies			{ background: url(../images/backgrounds/missie-clouds.png) center top no-repeat #2b2b2b; }
.detail				{ background: url(../images/backgrounds/medium-clouds.jpg) center top no-repeat #2b2b2b; }

.container			{ margin: 0 auto; width: 980px; position: relative; overflow: visible; font-family: Helvetica, Arial, Sans-serif; color: #fff; }

.left	            { float: left; }
.right	            { float: right; }
.clear	            { clear: both; }
.hide	            { display: none; }

hr 		            { display:none; }
/* @end */


/* @group Header */
.header 			{ position: relative; width: 980px; height: 227px; }
/* .basis .header		{ height: 478px; } */
.basis .header		{ height: 455px; }
.detail .header		{ height: 330px; }

h1 a 				{ position: absolute; right: 3px; top: 17px; width: 171px; height: 87px; background: url(../images/general/resoluut-logo.png); z-index: 1000; }

	/* basis-page */
	.super_deborah a { position: absolute; top: 150px; width: 116px; height: 293px; background: url(../images/general/super_deborah.png); }
	.super_ruud a 	{ position: absolute; top: 196px; width: 148px; height: 268px; background: url(../images/general/super_ruud.png); }
	.super_micha a 	{ position: absolute; top: 104px; width: 175px; height: 356px; background: url(../images/general/super_micha-2.png); } 
	.super_sean a 	{ position: absolute; top: 117px; width: 187px; height: 361px; background: url(../images/general/super_sean.png);}
	.super_harm a 	{ position: absolute; top: 114px; width: 128px; height: 366px; background:  url(../images/general/super_harm-2.png);}
	.super_remy a 	{ position: absolute; top: 89px; width: 130px; height: 380px; background:  url(../images/general/super_remy-2.png); }
	.super_otto a	{ position: absolute; top: 120px; width: 176px; height: 325px; background: url(../images/general/super_otto.png); }
	.super_anna a 	{ position: absolute; top: 120px; width: 260px; height: 377px; background: url(../images/general/super_anna.png); }
	.super_christine a { position: absolute; top: 180px; width: 132px; height: 245px; background: url(../images/general/super_christine.png); }
	
	.midi_deborah a	{ position: absolute; top: 141px; width: 100px; height: 255px; background: url(../images/general/midi_deborah.png); }
	.midi_ruud a 	{ position: absolute; top: 191px; width: 131px; height: 205px; background: url(../images/general/midi_ruud.png); }
	.midi_micha a	{ position: absolute; top: 124px; width: 134px; height: 271px; background: url(../images/general/midi_micha-2.png); }
	.midi_sean a 	{ position: absolute; top: 134px; width: 143px; height: 275px; background: url(../images/general/midi_sean.png); }
	.midi_harm a	{ position: absolute; top: 126px; width: 81px; height: 279px; background: url(../images/general/midi_harm-2.png); }
	.midi_remy a 	{ position: absolute; top: 120px; width: 100px; height: 289px; background: url(../images/general/midi_remy-2.png); }
	.midi_otto a	{ position: absolute; top: 141px; width: 142px; height: 262px; background: url(../images/general/midi_otto-2.png); }
	.midi_anna a 	{ position: absolute; top: 153px; width: 179px; height: 264px; background: url(../images/general/midi_anna.png); }
	.midi_christine a 	{ position: absolute; top: 220px; width: 99px; height: 177px; background: url(../images/general/midi_christine-2.png); }

	
	/* midi team */
	.team_1 .midi_deborah a 		{ left: 0; background: url(../images/general/midi_deborah-2.png); }
	.team_1 .midi_ruud a			{ left: 0; background: url(../images/general/midi_ruud-2.png); }
	.team_1 .midi_micha a 			{ left: 122px; }
	.team_1 .midi_sean a 			{ display: none; }
	.team_1 .midi_harm a 			{ left: 760px; background:  url(../images/general/midi_harm.png); }
	.team_1 .midi_remy a 			{ left: 890px; }
	.team_1 .midi_otto a			{ left: 300px; } 
	.team_1 .midi_anna a			{ left: 470px; }
	.team_1 .midi_christine a		{ left: 640px; }

	.team_2 .midi_deborah a 		{ left: 867px; background: url(../images/general/midi_deborah-2.png); }
	.team_2 .midi_ruud a			{ left: 767px; }
	.team_2 .midi_micha a 			{ left: 255px; }
	.team_2 .midi_sean a 			{ left: 7px; }
	.team_2 .midi_harm a 			{ left: 157px; }
	.team_2 .midi_remy a 			{ display: none; }
	.team_2 .midi_otto a			{ left: 650px; background: url(../images/general/midi_otto.png); } 
	.team_2 .midi_anna a			{ left: 395px; background: url(../images/general/midi_anna-2.png); }
	.team_2 .midi_christine a		{ display: none; left: 650px; }
	
	.team_3 .midi_deborah a			{ display: none; }
	.team_3 .midi_ruud a			{ left: 505px; }
	.team_3 .midi_micha a 			{ left: 740px; background: url(../images/general/midi_micha.png); }
	.team_3 .midi_sean a 			{ left: 140px; background: url(../images/general/midi_sean-2.png); }
	.team_3 .midi_harm a 			{ left: 904px; }
	.team_3 .midi_remy a 			{ left: 325px; background:  url(../images/general/midi_remy.png); }
	.team_3 .midi_otto a			{ left: 0; } 
	.team_3 .midi_anna a			{ left: 540px; }
	.team_3 .midi_christine a		{ left: 420px; }
	
	.team_4 .midi_deborah a			{ display: none; }
	.team_4 .midi_ruud a			{ left: 5px; }
	.team_4 .midi_micha a 			{ left: 169px; background: url(../images/general/midi_micha.png); }
	.team_4 .midi_sean a 			{ left: 320px; }
	.team_4 .midi_harm a 			{ left: 715px; }
	.team_4 .midi_remy a 			{ left: 477px; }
	.team_4 .midi_otto a			{ left: 845px; } 
	.team_4 .midi_anna a			{ left: 0px; }
	.team_4 .midi_christine a 		{ left: 595px; }

	.team_5 .midi_deborah a			{ left: 424px; background: url(../images/general/midi_deborah-2.png); }
	.team_5 .midi_ruud a			{ left: 424px; }
	.team_5 .midi_micha a 			{ left: -23px; background: url(../images/general/midi_micha-2.png); }
	.team_5 .midi_sean a 			{ left: 803px; }
	.team_5 .midi_harm a 			{ left: 581px; }
	.team_5 .midi_remy a 			{ left: 287px; }
	.team_5 .midi_otto a			{ left: 120px; background: url(../images/general/midi_otto.png); } 
	.team_5 .midi_anna a			{ display: none; }
	.team_5 .midi_christine a		{ left: 690px; }
	
	.team_6 .midi_deborah a			{ left: 656px; }
	.team_6 .midi_ruud a			{ left: 636px; }
	.team_6 .midi_micha a 			{ left: 150px; }
	.team_6 .midi_sean a 			{ left: 812px; background: url(../images/general/midi_sean-2.png); }
	.team_6 .midi_harm a 			{ left: 313px; }
	.team_6 .midi_remy a 			{ left: 524px; background:  url(../images/general/midi_remy.png); }
	.team_6 .midi_otto a			{ display: none; } 
	.team_6 .midi_anna a 			{ left: 0px; }
	.team_6 .midi_christine a		{ left: 420px; background: url(../images/general/midi_christine.png); }

	.team_7 .midi_deborah a			{ left: 830px; background: url(../images/general/midi_deborah-2.png); }
	.team_7 .midi_ruud a			{ left: 830px; background: url(../images/general/midi_ruud-2.png); }
	.team_7 .midi_micha a 			{ left: 312px; }
	.team_7 .midi_sean a 			{ left: 618px; }
	.team_7 .midi_harm a 			{ display: none; }
	.team_7 .midi_remy a 			{ left: 167px; background:  url(../images/general/midi_remy.png); }
	.team_7 .midi_otto a			{ left: 470px; }
	.team_7 .midi_christine a		{ display: none; } 
	
	
/* @end */


/* @group Navigation */
.navigation 		{ position: absolute; top: 40px; left: 11px; }
.navigation li		{ float: left; display: inline; }
.navigation a 		{ background: url(../images/buttons/mainnav.png); }
	
.nav_basis a			{ width: 77px; height: 27px; margin: 0 34px 0 0;  }
.nav_basis a:hover,
.nav_basis .current 	{ background-position: 0 -27px; }

.nav_missies a 			{ width: 102px; height: 27px; margin: 0 34px 0 0; background-position: -111px 0px; }
.nav_missies a:hover,
.nav_missies .current	{ background-position: -111px -27px; }

.nav_contact a 			{ width: 119px; height: 27px; background-position: -247px 0px; }
.nav_contact a:hover,
.nav_contact .current 	{ background-position: -247px -27px; }
/* @end */


/* @group Content */
.content 				{ float: left; display: inline; padding: 0 0 120px 0; }
.basis .content			{ padding: 0 0 0 0; }
.content .blog-post 	{ position: relative; width: 633px; padding: 14px 12px 5px 11px; margin: 0 0 50px 0; background:url(../images/backgrounds/content.gif); }
	.blog-post h2 a,
	.content h2,
	.page-content h2		{ color: #fff; text-decoration: none; text-transform: uppercase; font-size: 26px; font-weight: normal; }
	.content p,
	.page-content p 		{ width: 440px; font-size: 11px; line-height: 1.4em; color: #bcbcbc; margin: 0 0 10px 0; }
	.content p a,
	.page-content p a		{ color: #fff;}
	.content p a:hover,
	.page-content p a:hover { text-decoration: none; }
	
	.blog-post .author 		{ margin: -130px -12px 0 0; float: right; display: inline; }
	.author-micha			{ width: 130px; height: 135px; background: url(../images/backgrounds/author-micha.png); }
	.author-harm			{ width: 102px; height: 135px; background: url(../images/backgrounds/author-harm.png); }
	.author-remy			{ width: 110px; height: 135px; background: url(../images/backgrounds/author-remy.png); }
	.author-ruud			{ width: 119px; height: 135px; background: url(../images/backgrounds/author-ruud.png); }
	.author-sean			{ width: 110px; height: 135px; background: url(../images/backgrounds/author-sean.png); }
	.author-otto			{ width: 110px; height: 135px; background: url(../images/backgrounds/author-otto.png); }
	
	.edit_link a 			{ float: left; color: #f90; margin: 2px 4px 0 0; }

.blog-post					{ position: relative; }	
	.blog-post .slideshow,
	.blog-post .project_image 	{ overflow: hidden; width: 634px; height: 368px; padding: 0 0 27px 0; }
		.next,
		.prev	{ position: absolute; bottom: 47px; width: 200px; height: 349px; z-index: 1000; }
		.next 				{ right: 20px; background: url(../images/buttons/next.png) right bottom no-repeat; }
		.prev				{ left: 20px; background: url(../images/buttons/prev.png) left bottom no-repeat; }
	
	.showcase .prev,		
	.showcase .next		{ bottom: 77px; }

.paging					{ overflow: hidden; clear: both; padding: 0 0 100px 0; }
	.paging	a			{ font-size: 1.2em; color: #fff; }
	.paging a:hover		{ text-decoration: none; }
		.link_prev 		{ float: left; }
		.link_next		{ float: right; margin: 0 323px 0 0; }

.filters 				{ margin: 0 0 55px 0; overflow: hidden; }
	.filters li			{ float: left; display: inline; }
	.filters li a		{ width: 306px; height: 37px; }
	.filters li .off	{ background-position: 0 -37px; }
	.filter_sites		{ background: url(../images/buttons/filter_sites.png); margin: 0 27px 0 0; }
	.filter_campagnes	{ background: url(../images/buttons/filter_campagnes.png); margin: 0 27px 0 0; }
	.filter_mobile		{ background: url(../images/buttons/filter_mobile.png); }

.form 					{ width: 633px; padding: 14px 14px 14px 11px; margin: 0 0 80px 0; background: url(../images/backgrounds/content.gif); overflow: hidden; }
	.form p				{ width: 625px; }
	form li				{ margin: 0 0 9px 0; } 
	form label			{ width: 117px; height: 23px; }
	.textfield,
	.textarea 			{ padding: 3px 10px; width: 496px; height: 17px; color: #fff; background: #454545; border: 0; font-size: 1.2em; }
	.textarea 			{ padding: 5px 10px; height: 150px; font-family: Helvetica, Arial, sans-serif; }			
	.button				{ float: right; }
	
	.lbl_naam label			{ float: left; background: url(../images/labels/naam.png); }
	.lbl_email label		{ float: left; background: url(../images/labels/email.png); }
	.lbl_bedrijf label		{ float: left; background: url(../images/labels/bedrijf.png); }
	.lbl_telefoon label		{ float: left; background: url(../images/labels/telefoon.png); }
	.lbl_bericht label		{ float: left; background: url(../images/labels/bericht.png); }
	
	label.error 			{ background-position: 0 -23px; }
	
	#botty				{ display: none; }
	.content .senx		{ color: #fff; font-size: 12px; font-weight: bold; }
	
.missie 				{  margin: 0 0 50px 0; overflow: hidden; background: url(../images/backgrounds/team.gif); }
	.missie .project		{ position: relative; width: 633px; padding: 14px 12px 35px 11px; background: url(../images/backgrounds/content.gif); float: left; display: inline; }
	
	.missie .showcase		{ position: relative; width: 633px; padding: 14px 12px 64px 11px; background: url(../images/backgrounds/content.gif); float: left; display: inline;  }
	.project h2,
	.showcase h2 			{ position: relative; top: -5px; display: inline; font-size: 26px; }
		.project h2 a,
		.showcase h2 a		{ color: #fff; text-decoration: none; font-weight: normal; }
	.project p,
	.showcase p				{ width: 628px; }
	.missie .team			{ width: 300px; padding: 14px 12px 5px 11px; float: right; display: inline; }
	.team h2				{ color: #82d9f1; text-transform: uppercase; font-size: 26px; font-weight: normal; }
	
	.btn_lichtbak		{ position: absolute; right: 11px; bottom: 23px; width: 152px; height: 27px; background: url(../images/buttons/bekijkcase.gif); }
	
	
.category	 			{ width: 17px; height: 17px; margin: 0 12px 0 0; float: left; display: inline; }
	.site .category			{ background: #009245; }
	.campagne .category	{ background: #662d91; }
	.mobile .category		{ background: #ff7800; }					
	
	

.content .error404				{ font-size: 12px; padding: 10px 0; } 	
/* @end */

/* @group hero-detailpage */
.miniteam 				{ position: absolute; left: 400px; top: 106px; }
	.miniteam li			{ float: left; display: inline; }
	.miniteam a				{ position: relative; margin: 0 7px 0 0; }
	.miniteam .micha a	 	{ width: 71px; height: 153px; top: 12px; background: url(../images/backgrounds/mini_micha.png); }
	.miniteam .deborah a 	{ width: 58px; height: 147px; top: 15px; background: url(../images/backgrounds/mini_deborah.png); }
	.miniteam .ruud	a		{ width: 66px; height: 123px; top: 35px; background: url(../images/backgrounds/mini_ruud.png); }
	.miniteam .remy	a		{ width: 53px; height: 166px; background: url(../images/backgrounds/mini_remy.png); }
	.miniteam .sean	a		{ width: 78px; height: 155px; top: 12px; background: url(../images/backgrounds/mini_sean.png); }
	.miniteam .harm	a		{ width: 53px; height: 156px; top: 10px; background: url(../images/backgrounds/mini_harm.png); }
	.miniteam .otto a		{ width: 82px; height: 150px; top: 17px; background: url(../images/backgrounds/mini_otto.png); }
	.miniteam .anna a 		{ width: 104px; height: 150px; top: 17px; background: url(../images/backgrounds/mini_anna.png); margin-right: 2px; }
	.miniteam .christine a 	{ width: 61px; height: 114px; top: 46px; background: url(../images/backgrounds/mini_christine.png); }
	
.detail .content 		{ margin-left: 130px; width: 509px; }
.detail .page-content	{ margin-left: 130px; width: 509px; }
.detail .super_sean	a	{ left: -50px; top: 140px; }
.detail .super_otto a	{ left: -50px; }
.detail .super_anna a 	{ left: -145px; }

dl 						{ overflow: hidden; }
	dt						{ float: left; width: 97px; height: 19px; margin: 0 0 7px 0; text-indent: -9999px; overflow: hidden; clear: both; }
	dd						{ width: 349px; height: 19px; margin: 0 0 7px 0; background: url(../images/backgrounds/specs.png); float: left;  }
	dd span					{ height: 19px; display: block; background: url(../images/backgrounds/power.gif) 0 -11px;}
	
	.lbl_3d					{ background: url(../images/labels/3d-motion.png) 0 0 no-repeat; }
	.lbl_concept			{ background: url(../images/labels/concept.png) 0 0 no-repeat; }
	.lbl_fotografie			{ background: url(../images/labels/fotografie.png) 0 0 no-repeat; }
	.lbl_interface			{ background: url(../images/labels/interface.png) 0 0 no-repeat; }
	.lbl_print				{ background: url(../images/labels/print.png) 0 0 no-repeat; }
	.lbl_illustratie		{ background: url(../images/labels/illustratie.png) 0 0 no-repeat; }
	.lbl_web				{ background: url(../images/labels/web.png) 0 0 no-repeat; }
	
.detail .super_micha		{ position: absolute; left: -27px; top: 0px; }

.detail .content h3			{ margin: 28px 0 0 0; clear: both; white-space: nowrap; }
	.detail .project,
	.detail .tweet			{ position: relative; width: 423px; padding: 20px 12px 15px 11px; background: url(../images/backgrounds/content.gif); min-height: 40px; }
	.detail .project a			{ display: block; font-size: 1.2em; color: #ed2224; text-decoration: underline; }
	.detail. project a:hover	{ text-decoration: none; }
	
	.detail .tweet p 		{  width: 350px; color: #fff; font-size: 1.2em; line-height: 1.8em; }
		.tweet p a				{ color: #ed2224;}
		.tweet p a:hover			{ text-decoration: none; }
		.detail .tweet .lquo 	{ position: relative; top: -6px; margin: 0 4px 0 0; }
		.detail .tweet .rquo 	{ position: relative; top: -6px; margin: 0 0 0 0; }
		
		.tweet .author		{ position: absolute; right: -50px; bottom: 0; }
		
/* @end */


/* @group Sidebar */
.sidebar 				{ width: 255px; float: right; display: inline; margin: 20px 0 100px 0; overflow: hidden; }
	.sidebar h2,
	.content h3 			{ text-transform: uppercase; color: #82d9f1; font-size: 20px; font-weight: normal; margin: 0 0 5px 0; }
	.sidebar a,
	.vcard a 				{ color: #ed2224; }
	.sidebar a:hover,
	.vcard a:hover			{ text-decoration: none; }
	.sidebar p 				{ font-size: 1.2em; margin: 0 0 19px 0; line-height: 1.4em; }
	.sidebar li 			{ margin: 0 0 30px 0; }

.detail .sidebar 	{ float: left; margin: 27px 0 0 0;  }

/* @end */


/* @group Footer */
.vcard 				{ width: 980px; font-size: 1.2em; clear: both; margin: 0 0 40px 0; }
	.vcard ul,
	.vcard li,	
	.vcard span,
	.vcard .email		{ display: inline; }
	.email 				{ margin: 0 0 0 2px; }
	
	.url				{ display: none; }
	.kvk-btw			{ float: right; }
	
/* @end */

/* @group Misc */
h1 a,
.navigation a,
.superteam a,
.miniteam a,
.blog-post .author,
.next,
.prev,
form label,
.filters a,
.category,
.super_micha a,
.super_harm a,
.super_sean a,
.super_ruud a,
.super_remy a,
.super_otto a,
.super_anna a,
.super_christine a,
.btn_lichtbak	{ text-indent: -9999px; overflow: hidden; display: block; }

/* @end */


/* sIFR - These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}