body	{
	font				: 0.7em Tahoma, Arial, sans-serif;
	background			: #5E5E5E;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	z-index				: 10;
	width				: 984px;
	height				: 377px;
	padding				: 50px 5px 0 5px;
	background			: url(../img/header-bg.png) no-repeat left top;
}

#header a.logo	{
	position			: absolute;
	top					: 112px;
	left				: 54px;
	z-index				: 10;
}

/* Slogan */
#header q {
	display				: block;
	position			: absolute;
	left				: 31px;
	top					: 94px;
	width				: 932px;
	height				: 280px;
	text-indent			: -900em;
	background			: url(../img/header/home.jpg) no-repeat left top;
}

/* nieuwsbrief */
#nieuwsbrief {
	position			: absolute;
	left				: 807px;
	top					: 313px;
	z-index				: 50;
	width				: 173px;
	height				: 49px;
}

#nieuwsbrief .button-nieuwsbrief {
	display				: block;
	position			: relative;
	z-index				: 10;
	width				: 173px;
	height				: 49px;
	text-indent			: -900em;
	background			: url(../img/button-nieuwsbrief.png) no-repeat left top;
}

#nieuwsbrief .button-nieuwsbrief:hover {
	/*background			: url(../img/button-nieuwsbrief.png) no-repeat left bottom;*/
}

#nieuwsbrief #nieuwsbriefformulier {
	position			: absolute;
	left				: -900em;
	top					: 10px;
	z-index				: 5;
	width				: 204px;
	padding				: 35px 20px 20px 20px;
	border				: 1px solid #FFF;
	background			: #9F1F63;
}

#nieuwsbrief #nieuwsbriefformulier legend {
	display				: none;
}

#nieuwsbrief #nieuwsbriefformulier li label {
	display				: block;
	padding				: 5px 0 2px 0;
	color				: #FFF;
}

#nieuwsbrief #nieuwsbriefformulier li.aan_afmelden label {
	display				: inline;	
}

#nieuwsbrief #nieuwsbriefformulier li.aan_afmelden {
	margin				: 10px 0;	
}

#nieuwsbrief #nieuwsbriefformulier .input {
	width				: 200px;
	border				: 2px solid #fff;
}

#nieuwsbrief #nieuwsbriefformulier input.fout {
	border				: 2px solid #FFF;
	background			: #FCC;
}

#nieuwsbrief #nieuwsbriefformulier .button {
	border				: 1px solid #fff;
	background			: #FF9209;
	color				: #fff;
	padding				: 2px 10px;
	margin				: 15px 0 0 0;
	cursor				: pointer;
}

#nieuwsbrief #nieuwsbriefformulier #nb-melding {
	display				: none;
	clear				: both;
	padding				: 10px 0 0 0;
	font-weight			: bold;
	color				: #FFF;
}

#nieuwsbrief #nieuwsbriefformulier .buttons {
	clear				: both;	
}

#content .aanmelden_nieuwsbrief legend {
	display				: none;	
}

#nieuwsbrief .aanmelden_nieuwsbrief li {
	color				: #fff;	
}

#nieuwsbrief .sluit {
	position			: absolute;
	left				: 20px;
	top					: 10px;
	text-decoration		: underline;
	color				: #FFF;
	cursor				: pointer;
}

/* Topbalk */
#header .topbalk {
	position			: relative;
	height				: 48px;
	background			: url(../img/topbalk-bg.png) repeat-x left top;
}

#header .topbalk a {
	float				: right;
	width				: 141px;
	height				: 44px;
	text-indent			: -900em;
	background			: url(../img/button-contact.png) no-repeat left top;
}

#header .topbalk a:hover,
#header .topbalk a.actief {
	background			: url(../img/button-contact.png) no-repeat left bottom;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	top					: 362px;
	height				: 53px;
	width				: 984px;
	padding				: 12px 0 0 0;
	background			: url(../img/menu-bg.png) repeat-x left top;
}

#menu li {
	float				: left;
	position			: relative;
}

#menu li.actief {
	background			: url(../img/menu-hover-bg.png) repeat-x left top;
}

#menu li a {
	float				: left;
	height				: 53px;
	text-indent			: -900em;
	background			: url(../img/menu.png) no-repeat;
}

#menu li a.home 		{ width: 131px; background-position: left top; }
#menu li a.inzichten 	{ width: 134px; background-position: -131px top; }
#menu li a.portfolio 	{ width: 125px; background-position: -265px top; }
#menu li a.overons 		{ width: 132px; background-position: -390px top; }
#menu li a.klantcases 	{ width: 143px; background-position: -522px top; }
#menu li a.kennis 		{ width: 110px; background-position: -665px top; }

#menu li.actief a.home 			{ background-position: left bottom; }
#menu li.actief a.inzichten 	{ background-position: -131px bottom; }
#menu li.actief a.portfolio 	{ background-position: -265px bottom; }
#menu li.actief a.overons 		{ background-position: -390px bottom; }
#menu li.actief a.klantcases 	{ background-position: -522px bottom; }
#menu li.actief a.kennis 		{ background-position: -665px bottom; }

/* Submenu / uitklapmenu */
#menu li div {
	position			: absolute;
	top					: 53px;
	left				: -900em;
	z-index				: 100;
	width				: 210px;
	padding				: 16px 0 0 0;
	background			: url(../img/uitklapmenu-top.png) no-repeat left top;
}

#menu li div div {
	position			: static;
	top					: 0;
	left				: 0;
	overflow			: hidden;
	padding				: 0;
	background			: #A01F62;
}

#menu li ul {
	display				: -moz-inline-stack;
	display				: inline-block;
	width				: 180px;
	overflow			: hidden;
	padding				: 15px;
	vertical-align		: top;
	background			: #A01F62;
}

#menu li:hover div,
#menu li.hover div {
	left				: 0;
}

#menu li li {
	width				: 180px;
	background			: none;	
}

#menu li li.actief {
	background			: none;	
}

#menu li li a {
	width				: 160px;
	height				: auto;
	padding				: 4px 5px 4px 15px;
	text-indent			: 0;
	text-decoration		: none;
	color				: #FFF;
	background			: url(../img/pijl-wit.gif) no-repeat 5px 8px;
}

#menu li li a:hover {
	color				: #000;
	background			: #D198B8 url(../img/pijl-zwart.png) no-repeat 5px 8px;	
}

#menu li li.kop a:hover {
	background			: #D198B8;	
}

#menu li li.actief a {
	font-weight			: bold;
	color				: #000;
	background			: #D198B8 url(../img/pijl-zwart.png) no-repeat 5px 8px;	
}

#menu li li.actief.kop a {
	background			: #D198B8;	
}

#menu li li.kop a {
	width				: 170px;
	padding				: 4px 5px 4px 5px;
	font-weight			: bold;
	text-transform		: uppercase;
	background			: none;	
}


/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent	{
	position			: relative;
	z-index				: 5;
	width				: 984px;
	padding				: 0 5px;
	background			: url(../img/maincontent-bg.png) repeat-y left top;
}

#maincontent h1	{
	margin				: 0 0 15px 0;
	font-size			: 2.7em;
	font-weight			: normal;
	line-height			: normal;
	letter-spacing		: -0.05em;
	color				: #9d3884;
}

#maincontent .leesmeer	{
	display				: block;
	width				: 77px;
	height				: 24px;
	text-indent			: -900em;
	background			: url(../img/button-leesmeer.png) no-repeat left top;
}

#maincontent .leesmeer:hover	{
	background			: url(../img/button-leesmeer.png) no-repeat left bottom;
}


/* --------------------------------	*/
/* submenu						 	*/
/* --------------------------------	*/
#submenu {
	float				: left;
	position			: relative;
	width				: 215px;
	min-height			: 400px;
	padding				: 40px 0 10px 0;
	background			: url(../img/submenu-bg.png) no-repeat left top;
}

#submenu .actiefpijl {
	position			: absolute;
	top					: 0;
	left				: 200px;
	width				: 15px;
	height				: 68px;
	background			: url(../img/submenu-actief.png) no-repeat left top;
}

#submenu h1 {
	margin-left			: 35px;
}

#submenu ul {
	padding				: 0 0 15px 0;
}

#submenu li a {
	display				: block;
	padding				: 4px 17px 4px 55px;
	text-decoration		: none;
	color				: #000;
	background			: url(../img/pijl-paars.png) no-repeat 42px 6px;
}

#submenu li a:hover {
	text-decoration		: underline;
}

#submenu li.kop a {
	padding				: 4px 17px 4px 38px;
	font-weight			: bold;
	text-transform		: uppercase;
	color				: #FFF;
	background			: #9d3884;
}

/* Adres */
#submenu address {
	width				: 123px;
	height				: 157px;
	margin				: 30px 0 0 45px;
	padding				: 20px 5px 0 17px;
	font-style			: normal;
	line-height			: 1.6em;
	color				: #FFF;
	background			: url(../img/adres-bg.png) no-repeat left top;	
}

#submenu address strong {
	font-size			: 1.2em;
}

#submenu address a {
	text-decoration		: none;
	color				: #FFF;
}

#submenu address a:hover {
	text-decoration		: underline;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 444px;
	padding				: 40px 20px 20px 30px;
	line-height			: 1.6em;
}

#content a.terug-button {
	display				: block;
	margin				: 20px 0;
}

#content a 			{ color: #9F1F63; cursor:pointer; }
#content a:hover 	{ color: #FF9105; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #000; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input, 
#content select, 
#content textarea	{
	margin				: 1px;
	padding				: 3px;
	border				: solid 1px #CCC;
	font				: 1em Tahoma, Arial, sans-serif;
}

#content textarea	{
	overflow			: auto;
}

#content input:hover, 
#content textarea:hover	{
	border				: 1px solid #666;
	background			: #F8F8F8;
}


#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 5px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #9F1F63;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border-color		: #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}

#content input.veldfocus, 
#content textarea.veldfocus,
#content input.veldfocus:hover, 
#content textarea.veldfocus:hover {
	margin				: 0;
	border				: 2px solid #9F1F63;
	background			: #FFF;
}

/* Pagina navigatie */
#content .paginanavigatie	{
	float				: right;
	padding				: 10px 0;
	color				: #9F1F63;
}

#content .paginanavigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .paginanavigatie ul	{
	display				: inline;
}

#content .paginanavigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 5px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .paginanavigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 5px 0 0;
	padding				: 2px 5px;
	border				: 1px solid #9F1F63;
	color				: #FFF;
	background			: #9F1F63;
}

#content .paginanavigatie ul li a	{
	padding				: 2px 5px;
	background			: #FFF;
	border				: 1px solid #FFCA59;
	color				: #FFCA59;
	text-decoration		: none;
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	border				: 1px solid #9F1F63;
	color				: #9F1F63;
}

/* Klantcase */
#content #klantcase {
	background			: url(../img/klantcase-bottom.png) no-repeat left bottom;
}

#content #klantcase .wrapper {
	overflow			: hidden;
	padding				: 18px 21px 18px 180px;
	background			: url(../img/klantcase-top.png) no-repeat left top;
}

#content #klantcase h2 {
	display				: none;
}

#content #klantcase img {
	float				: left;
	width				: 66px;
	margin				: 5px 0 0 0;
	border				: 1px solid #CCC;
}

#content #klantcase .info {
	float				: left;
	width				: 165px;
	padding				: 0 0 0 10px;
	text-align			: justify;
}

#content #klantcase .info .leesmeer	{
	float				: right;
	margin				: 10px 0 0 0;
}


/* --------------------------------	*/
/* overzicht					 	*/
/* --------------------------------	*/
#overzicht {
	width				: 444px;	
}

#overzicht li {
	padding				: 0 0 30px 0;
	height				: auto;
}

#overzicht li .wrapper {
	overflow			: hidden;
	padding				: 24px 12px 0 12px;
}

#overzicht li.hover 			{ background: url(../img/overzicht-hover-bottom.png) no-repeat left bottom;	}
#overzicht li.hover .wrapper 	{ background: url(../img/overzicht-hover-top.png) no-repeat left top; }

#overzicht img {
	float				: left;
	width				: 88px;
	margin				: 5px 0 0 0;
	border				: 1px solid #b2b1b1;	
}

#overzicht .info {
	float				: left;
	width				: 320px;
	padding				: 0 0 0 10px;
	text-align			: justify;
}

#overzicht h3 span {
	font-weight			: normal;
	color				: #9F1F63;
}

#overzicht .leesmeer,
#overzicht .leesmeer:hover {
	float				: right;
	background			: url(../img/button-leesmeer.png) no-repeat right top;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps	{
	width				: 349px;
	height				: 400px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk {
	display				: inline;
	float				: right;
	width				: 245px;
	margin				: 26px 30px 10px 0;
	padding				: 0 0 25px 0;
	line-height			: 1.6em;
	color				: #FFF;
	background			: url(../img/zijbalk-bottom-bg.png) no-repeat left bottom;
}

#zijbalk h2 {
	margin				: 0 0 15px 0;
	font-size			: 2.2em;
	font-weight			: normal;
	line-height			: normal;
	letter-spacing		: -0.05em;
	color				: #FFF;
}

#zijbalk li {
	clear				: both;
	overflow			: hidden;
}

#zijbalk #standaard-overzicht,
#zijbalk #referentie-overzicht,
#zijbalk #leeg-overzicht {
	min-height			: 100px;
	padding				: 26px 15px 26px 40px;
	background			: url(../img/zijbalk-top-bg.png) no-repeat left top;	
}

/* Standaard overzicht */
#zijbalk #standaard-overzicht li,
#zijbalk #leeg-overzicht p.item {
	margin				: 0 0 20px 0;
}

#zijbalk #standaard-overzicht img {
	float				: right;
	margin				: 0 0 3px 3px;
	border				: 2px solid #FFF;
}

#zijbalk #standaard-overzicht .leesmeer {
	float				: right;
}

#standaard-overzicht p {
	width				: 190px;	
}

/* Referentie overzicht */
#zijbalk #referentie-overzicht li {
	padding				: 0 0 5px 0;
	margin				: 0 0 20px 0;
	background			: url(../img/zijbalk-blockquote-eind.png) no-repeat right bottom;
}

#zijbalk #referentie-overzicht li blockquote {
	padding				: 8px 0 0 0;
	background			: url(../img/zijbalk-blockquote-begin.png) no-repeat left top;
}

#zijbalk #referentie-overzicht li blockquote strong {
	display				: block;
	padding				: 0 0 0 40px;
}

#zijbalk #referentie-overzicht li blockquote p strong {
	padding				: 0;
	display				: inline;
}

#zijbalk a 			{ color: #fff; }
#zijbalk a:hover 	{ text-decoration: none; }
#zijbalk a:visited 	{ color: #DFC3D2; }




/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	padding				: 10px 30px;
	background			: #ffcd63 url(../img/footer-bg.png) repeat-x left top;
}

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

#footer a:hover {
	text-decoration		: underline;
}

#footer a.actief {
	font-weight			: bold;
}

/* Tekst / links onderaan */
#amimpact {
	padding				: 7px 30px 14px 30px;
	text-align			: right;
	color				: #969696;
	background			: url(../img/bottom-bg.png) no-repeat center bottom;
}

#amimpact a {
	text-decoration		: none;
	color				: #969696;
}

#amimpact a:hover {
	text-decoration		: underline;
}