/*-- [ 0. Reset ] -----------------------------------------------*/
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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus
{
	outline: 0;
}
OL, UL, LI
{
	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: "" "";
}
.right
{
	float: right;
	margin: 0;
	z-index: 100;
}
.left
{
	float: left;
}
/*-- [ 1. Fixes ] -----------------------------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
.clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1px;
}
/*&) General Selectors
------------------------------------------------------------------*/
HTML, BODY, FORM, FIELDSET
{
	padding: 0;
	height: 100%;
	background: none;
}
HTML, BODY
{
	background: #191919 url(../images/body-bg.jpg) repeat top left;
}
BODY
{
	color: #63504F;
	margin: 0;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", Verdana, sans-serif;
	line-height: 24px;
}
H1, H2, H3, H4
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}
#wrapper
{
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
}
#backgroundcontainer
{
	width: 1040px;
	margin: 0 auto;
}
#backgroundcontainer.home
{
	background: #FFF url(../images/masthead_home_old.jpg) no-repeat 15px 130px;
}
#backgroundcontainer.whoooz
{
}
#backgroundcontainer.werk
{
}
#contentwrapper
{
	width: 960px;
	margin: 0 auto 60px;
	background: none;
}
#toplayout
{
	width: 960px;
	height: 120px;
	margin: 0px;
}
#topbar
{
	position: relative;
	width: 990px;
	height: 43px;
	padding: 0;
	overflow: visible;
	z-index: 200;
	text-indent: -9000px;
}
#topbar A.button
{
	background: #FFF url(../images/klant-login-tab.jpg) repeat-x top;
	float: right;
	display: block;
	height: 24px;
	width: 139px;
	margin-right: 40px;
	outline: 0;
}
.client-slide
{
	background-color: #FFFFFF;
	height: 120px;
	display: none;
	border-bottom: 6px solid #F6B221;
}
.client-slide DL
{
	float: left;
	width: 304px;
	height: 90px;
	padding: 10px;
	border-right: 1px solid #F1DFC6;
}
.client-slide DL.project_manager
{
	border-left: none;
}
.client-slide DL.not
{
	border-right: none;
}
.client-slide DL DT
{
	width: 151px;
	height: 19px;
	text-indent: -5000px;
	margin-bottom: 10px;
}
.client-slide DL.project_manager DT
{
	background: url(../images/stayontrack.png);
}
.client-slide DL.emarketing_suite DT
{
	background: url(../images/emarketing.png);
}
.client-slide DL.not DT
{
	background: url(../images/geenklant.png);
}
.client-slide DL DD
{
	padding-right: 10px;
	line-height: 1.4em;
}
.client-slide DL DD A
{
	color: #666666;
}
.client-slide DL DD A:hover
{
	color: #2D2D2D;
	text-decoration: none;
}
.client-slide A
{
	background-color: #FFFFFF;
	color: #666666;
}
.client-slide DIV
{
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.9em;
	padding: 5px 0;
}
#logo
{
	display: block;
	position: relative;
	float: left;
	width: 300px;
	height: 60px;
	background: #FFF url(../images/logo.png) top left;
	text-indent: -5000px;
	left: 0;
	top: -42px;
}
#content
{
	width: 960px;
	position: relative;
	background: none;
}
/*--[ Links ]---------------------------------------------------------------------*/
A
{
	text-decoration: none;
	outline: 0;
	border: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FF9A00;
}
H2.noreplace
{
	font-family: Helvetica, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FF9A00;
	font-size: 14px;
	line-height: 18px;
	text-indent: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
}
#col_medium H2.noreplace, #col_large H2.noreplace
{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #665;
	font-size: 18px;
	line-height: 28px;
	text-indent: 0px;
	font-weight: normal;
}
H2.replace A, H2.replace SPAN
{
	margin: 5px 0 0;
	display: block;
	width: 170px;
	height: 22px;
	text-indent: -5000px;
	cursor: pointer;
}
H2.category A:hover, H2.replace SPAN:hover
{
	background-position: 0px -22px;
	cursor: pointer;
}
LI.active H2.category A, H2.active A
{
	background-position: 0px -22px;
}
/*--[ Top Navigatie ]-------------------------------------------------------------*/
#navmainwrapper
{
	width: 700px;
	float: right;
	margin-top: 33px;
}
UL#navmain
{
	list-style-type: none;
	float: right;
}
#navmain LI
{
	display: block;
	height: 18px;
	float: left;
	margin-right: 20px;
	text-indent: -5000px;
}
#navmain LI A
{
	display: block;
	width: 100%;
	height: 18px;
}
#navmain LI A:hover
{
	display: block;
	width: 100%;
	height: 18px;
	border-bottom: 2px solid #FDAA2C;
}
#navmain LI A.selected
{
	display: block;
	width: 100%;
	height: 18px;
	border-bottom: 2px solid #FDAA2C;
}
#navmain LI.home
{
	width: 36px;
	background: #FFF url(../images/nav_home.jpg) no-repeat center top;
}
#navmain LI.watwedoen
{
	width: 85px;
	background: #FFF url(../images/nav_watwedoen.jpg) no-repeat center top;
}
#navmain LI.portfolio
{
	width: 64px;
	background: #FFF url(../images/nav_portfolio.jpg) no-repeat center top;
}
#navmain LI.hoewewerken
{
	width: 102px;
	background: #FFF url(../images/nav_hoewewerken.jpg) no-repeat center top;
}
#navmain LI.overwhoooz
{
	width: 93px;
	background: #FFF url(../images/nav_whoooz.jpg) no-repeat center top;
}
#navmain LI.contact
{
	margin-right: 0px;
	width: 53px;
	background: #FFF url(../images/nav_contact.jpg) no-repeat center top;
}
/*--[ Masthead ]-------------------------------------------------------------*/
#masthead
{
	float: right;
	width: 365px;
	height: 285px;
	padding: 3px;
	background: none;
}
/*--[ Kolommen ]-------------------------------------------------------------*/
.col_small
{
	display: block;
	width: 170px;
	float: left;
	margin-right: 15px;
}
#homepage .col_small
{
	display: block;
	width: 170px;
	float: left;
	margin-right: 15px;
	margin-top: 158px;
}
.home .col_small H2
{
}
.col_small_boxed
{
	padding: 5px;
	background-color: #FFE1B7;
}
#col_medium
{
	display: block;
	width: 355px;
	float: left;
	margin-right: 15px;
}
#col_large
{
	display: block;
	width: 565px;
	float: left;
	margin-right: 15px;
}
#col_super
{
	display: block;
	width: 775px;
	float: left;
	margin-right: 0px;
}
#col_medium H2
{
	width: 355px;
}
.col_small H2.category
{
	padding-bottom: 4px;
	border-bottom: 1px dashed #ACACAC;
}
#solutionslist
{
	margin-top: 10px;
	margin-bottom: 25px;
}
#panelcontent .project_image_large
{
	margin-top: 10px;
	padding: 4px;
	border: 2px solid #DEDEDE;
}
/*--[ Typografie ]-----------------------------------------------------------*/
.introtext
{
	float: left;
}
.introtext P
{
	margin: 0 0 15px;
}
#homepage .col_small .introtext P
{
	margin: 0 0 15px;
	line-height: 21px;
}
.introtext IMG
{
	margin: 10px 0 0;
	float: right;
}
#col_large .introtext
{
	width: 545px;
	margin: 0;
}
.footertext P
{
	margin: 0;
}
.footertext A
{
	color: #877;
}
#footnote
{
	font-size: 11px;
	color: #8B7C73;
}
/*--[ Titles ]---------------------------------------------------------------*/
.concepten
{
	background: #FFFFFF url(../titles/title_concepten.png) no-repeat top left;
}
.oplossingen
{
	background: #FFFFFF url(../titles/title_oplossingen.png) no-repeat top left;
}
.design
{
	background: #FFFFFF url(../titles/title_design.png) no-repeat top left;
}
H2.replace A.concepten, H2.replace A.design, H2.replace A.realisatie
{
	margin: 0 0 5px;
}
.realisatie
{
	background: #FFFFFF url(../titles/title_realisatie.png) no-repeat top left;
}
.onzeklanten
{
	background: url(../titles/title_onzeklanten.png) no-repeat bottom left;
	margin-top: 1px;
}
.klantcase
{
	background: url(../titles/title_klantcase.png) no-repeat bottom left;
}
.cat_tekst9
{
/*Weblogs*/
	background: url(../titles/cat_tekst9.png) no-repeat top left;
}
.cat_tekst10
{
/*Social media*/
	background: url(../titles/cat_tekst10.png) no-repeat top left;
}
.cat_tekst11
{
/*Zoekmachinemarketing*/
	background: url(../titles/cat_tekst11.png) no-repeat top left;
}
.cat_tekst12
{
/*Nieuwsbrieven*/
	background: url(../titles/cat_tekst12.png) no-repeat top left;
}
.cat_tekst13
{
/*CMS*/
	background: url(../titles/cat_tekst13.png) no-repeat top left;
}
.cat_tekst18
{
/*Webdesign*/
	background: url(../titles/cat_tekst18.png) no-repeat top left;
}
/*--[ Portfolio ]------------------------------------------------------------*/
#clientlist
{
	margin-top: 11px;
}
#clientlist LI
{
	display: block;
	height: 16px;
	margin-top: 4px;
	padding: 4px 0;
	border-bottom: 1px dashed #ACACAC;
	cursor: pointer;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}
#clientlist LI:hover
{
	background-position: 0px -22px;
	cursor: pointer;
	color: #FEB214;
}
#clientlist LI.active
{
	background-position: 0px -22px;
}
#featured-projects
{
	float: right;
	margin: 0;
	padding: 0;
}
#featured-projects LI
{
	display: inline-block;
	width: 240px;
	height: 180px;
	float: left;
	text-indent: -9000px;
	margin: 0 0px 10px 10px;
	border: 4px solid #D0CECE;
}
#featured-projects LI A
{
	display: inline-block;
	width: 248px;
	height: 180px;
	float: left;
	margin: -4px 0 0 -4px;
}
#featured-projects.enlarge LI
{
	display: inline-block;
	width: 585px;
	height: 249px;
	float: left;
	margin: -4px 0 0 -4px;
}
.fresh
{
	background: url(../images/vers.png) no-repeat right top;
}
/*--[ Footer ]---------------------------------------------------------------*/
#wrap-footer
{
	display: block;
	float: left;
	position: relative;
	width: 100%;
	margin: 0 auto 20px;
	border-top: 8px solid #000000;
}
#footer
{
	width: 960px;
	margin: 0 auto;
	color: #C3C3C3;
	font-size: 11px;
	line-height: 18px;
}
#footer .column1
{
	display: inline-block;
	float: left;
	width: 350px;
	margin-right: 20px;
	position: relative;
}
#footer .column2
{
	display: inline-block;
	float: left;
	width: 290px;
	margin-right: 20px;
	position: relative;
}
#footer .column3
{
	display: inline-block;
	float: left;
	width: 220px;
	margin-right: 15px;
	position: relative;
}
#footer .footertitle
{
	display: inline-block;
	color: #665;
	text-transform: uppercase;
	font-size: 15px;
	font-family: Helvetica, Arial, "sans-serif ";
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
	margin: 20px 0 5px;
}
#recentwerk
{
	display: inline-block;
	float: left;
	position: relative;
}
#recentwerk #latestprojects
{
	position: relative;
	left: -5px;
	top: 6px;
	width: 350px;
	float: left;
}
#recentwerk #latestprojects LI
{
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 0px;
	width: 170px;
	height: 100px;
	float: left;
	overflow: hidden;
	position: relative;
}
#recentwerk #latestprojects LI A
{
	display: block;
	width: 162px;
	height: 64px;
	background-position: 50% 50%;
	float: left;
	border: 2px solid #FFFFFF;
	text-indent: -9000px;
	background-color: #FF9200;
	overflow: hidden;
}
#recentwerk #latestprojects LI:hover A
{
	border: 2px solid #C2C2C2;
	text-indent: -9000px;
}
#recentwerk #latestprojects LI SPAN.projecttext
{
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	padding: 3px 0px 0 3px;
	width: 156px;
	text-transform: uppercase;
	color: #3F3F3F;
}
#recentwerk #latestprojects LI:hover SPAN.projecttext
{
	color: #EA2;
}
#nieuwsbrief
{
	display: block;
	float: left;
}
#nieuwsbrief .signupform
{
	margin: 6px 0 0 0px;
	padding: 6px;
	display: block;
	float: left;
	width: 246px;
}
#nieuwsbrief .signupform LABEL
{
	display: block;
	float: left;
	width: 50px;
	clear: left;
	font-size: 14px;
	color: #EA4;
	line-height: 20px;
}
#nieuwsbrief .signupform INPUT
{
	float: left;
	width: 94px;
	border: 2px solid #232323;
	font-size: 14px;
	margin-left: 143px;
	margin-bottom: 6px;
	font-family: Arial;
	font-weight: bold;
	line-height: 18px;
	padding: 2px;
	background: #504943;
	color: #8D8D8D;
}
#nieuwsbrief .signupform INPUT#name
{
	width: 180px;
	font-size: 14px;
	margin-left: 0px;
	background: #131211;
	border: 2px solid #232323;
}
#nieuws
{
	display: inline-block;
	float: left;
	position: relative;
}
#nieuws DL.nieuwsitems
{
	margin-top: 0px;
	color: #FFF;
}
#nieuws DL.nieuwsitems DD
{
	display: block;
	width: 272px;
	cursor: pointer;
}
#nieuws DL.nieuwsitems DD A
{
	display: block;
	width: 260px;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	padding: 5px 0px 5px 12px;
	color: #EA2;
	border-bottom: 1px dashed #333;
	cursor: pointer;
	background: url(/themes/whoooz/styles/images/arrow-bullet.png) no-repeat left center;
}
#nieuws DL.nieuwsitems DD:hover A
{
	color: #EA2;
	background: url(/themes/whoooz/styles/images/arrow-bullet-hover.png) no-repeat left center;
}
#nieuws DL.nieuwsitems DD:hover
{
	background: transparent url(/themes/whoooz/styles/images/black-bg.png) repeat;
}
#nieuws DL.nieuwsitems DD.last A
{
	border: none;
}
#nieuwsbrief .signupform INPUT#l283157-283157
{
	width: 180px;
	font-size: 14px;
	margin-left: 0px;
	background: #131211;
	border: 2px solid #232323;
}
#eecms
{
	display: block;
	float: left;
}
/*--[ Footnote ]---------------------------------------------------------------*/
#wrap-footnote
{
	width: 100%;
	position: relative;
	background: #010101;
	margin: 0 auto;
	border-top: 8px solid #080808;
	padding: 12px 0;
	display: block;
	float: left;
}
#footnote
{
	display: block;
	width: 960px;
	height: 100px;
	margin: 0 auto;
	clear: both;
}
#footnote #ee_logo
{
	float: right;
	margin-top: 0px;
}
#footnote SPAN.copyright
{
	display: none;
	width: 300px;
	margin-top: 5px;
	float: left;
}
#footnote SPAN.contact
{
	display: block;
	width: 300px;
	margin: 0 0 20px;
	float: left;
}