/* Kleur bruin 'impact' : #4d3c34; */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	font				: 0.75em Arial, sans-serif;
	line-height			: 1.6em;
	color				: #333;
	text-align			: center;
	background			: #fff url(../img/body-bg.png) repeat-x left top;
}

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

a 		{ color: #e57b07; }
a:hover	{ color: #000; }

.brede-balk {
	display				: none;	
}

.home_balk {
	background			: url(../img/home_balk_bg.png) no-repeat center top;
}

.highlight {
    background			: yellow;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#content:after,
.home_top_content:after,
.projecten_in_uitvoering ul:after,
#brancheoverzicht:after,
#artikelen li:after,
#dienstenoverzicht dd:after,
#referentieoverzicht:after,
.referentiefilter fieldset:after,
#referentieoverzicht .nieuwstewerk:after,
.module_images:after,
.maincontent .overzicht:after,
.referentiefilter form:after,
#onsteam:after,
#contact:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clearfix,
#content,
.home_top_content,
.projecten_in_uitvoering ul,
#brancheoverzicht,
#artikelen,
#dienstenoverzicht dd,
#referentieoverzicht,
.referentiefilter fieldset,
#referentieoverzicht .nieuwstewerk,
.module_images,
.maincontent .overzicht,
.referentiefilter form,
#onsteam,
#contact	{	
	*display			: inline-block;	
}

/* start verbergen voor IE-mac \*/
* html .clearfix,
* html #content,
* html .home_top_content,
* html .projecten_in_uitvoering ul,
* html #brancheoverzicht,
* html #artikelen,
* html #dienstenoverzicht dd,
* html #referentieoverzicht,
* html .referentiefilter fieldset,
* html #referentieoverzicht .nieuwstewerk,
* html .module_images,
* html .maincontent .overzicht,
* html .referentiefilter form,
* html #onsteam,
* html #contact { 
	height				: 1%;
}

.clearfix,
#content,
.home_top_content,
.projecten_in_uitvoering ul,
#brancheoverzicht,
#artikelen,
#dienstenoverzicht dd,
#referentieoverzicht,
.referentiefilter fieldset,
#referentieoverzicht .nieuwstewerk,
.module_images,
.maincontent .overzicht,
.referentiefilter form,
#onsteam,
#contact 	{ 
	display				: block;
}
/* einde van verbergen IE-mac */

.clear	{
	clear				: both;
}

/* png fix */
#onsteam .profiel, .maincontent .intro_pagina_kop p	{
	_background			: url(../img/intro_pagina_kop.gif) no-repeat left top !important;
}


/* --------------------------------	*/
/* Marco Borsato				 	*/
/* --------------------------------	*/
#marcoborsato {
	position			: absolute;
	left				: 50%;
	top					: 50%;
	z-index				: 100;
	width				: 650px;
	height				: 650px;
	margin-top			: -325px;
	margin-left			: -325px;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#containerwrapper {
	background			: url(../img/schaduw_bg.png) no-repeat center top fixed;
}

#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 994px;
	text-align			: left;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 102px;
	background			: #FFF;
	text-align			: left;
	z-index				: 20;
}

#header h1	{
	position			: absolute;
	top					: 5px;
	left				: 40px;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 77px;
	width				: 244px;
	background			: url(../img/logo.png) no-repeat;
}

/* Slogan */
#header q {
	display				: block;
	position			: absolute;
	left				: 400px;
	top					: 60px;
	width				: 237px;
	height				: 26px;
	text-indent			: -900em;
	background			: url(../img/slogan-internet-met-impact.gif) no-repeat left top;
}

/* tekstgrootte */
#header .tekstgrootte {
	position			: absolute;
	right				: 20px;
	top					: 60px;
	color				: #bebebe;
	text-align			: left;
	width				: 190px;
}

#header .tekstgrootte p {
	display				: block;
}

#header .tekstgrootte ul {
	position			: absolute;
	z-index				: 10;
	background			: #FFF;
	height				: 24px;
	width				: 90px;
	left				: 90px;
	top					: -3px;
	background			: url(../img/tekstgrootte_bg.png) no-repeat left top;
}

#header .tekstgrootte li {
	float				: left;
	display				: block;
	height				: 24px;
	width				: 30px;
}

#header .tekstgrootte li a {
	display				: block;
	height				: 24px;
	width				: 30px;
	text-indent			: -900em;
	overflow			: hidden;
}

#header .tekstgrootte li.actief a {
	border				: solid 2px #e57b07;
	height				: 20px;
	width				: 26px;
}


/* --------------------------------	*/
/* Menu							 	*/
/* --------------------------------	*/
#menu	{
	height				: 38px;
	background			: #FFF url(../img/menu_bg.gif) no-repeat left top;
	position			: relative;
	z-index				: 90;
	padding				: 0 0 21px 0;
	text-align			: left;
}

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

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

#menu li a.home 			{ width: 89px; background-position: left bottom; }
#menu li a.nieuws 			{ width: 72px; background-position: -89px bottom; }
#menu li a.organisatie 		{ width: 95px; background-position: -161px bottom; }
#menu li a.websites 		{ width: 81px; background-position: -256px bottom; }
#menu li a.webapplicaties 	{ width: 120px; background-position: -337px bottom; }
#menu li a.workshops 		{ width: 95px; background-position: -457px bottom; }
#menu li a.referenties 		{ width: 92px; background-position: -552px bottom; }
#menu li a.blog 			{ width: 52px; background-position: -644px bottom; }
#menu li a.contact 			{ width: 86px; background-position: -696px bottom; }

#menu li:hover a.home, 
#menu li.hover a.home,
#menu li.actief a.home 				{ background-position: left top; }
#menu li:hover a.nieuws, 
#menu li.hover a.nieuws,
#menu li.actief a.nieuws 			{ background-position: -89px top; }
#menu li:hover a.organisatie, 
#menu li.hover a.organisatie,
#menu li.actief a.organisatie 		{ background-position: -161px top; }
#menu li:hover a.websites, 
#menu li.hover a.websites,
#menu li.actief a.websites 			{ background-position: -256px top; }
#menu li:hover a.webapplicaties, 
#menu li.hover a.webapplicaties,
#menu li.actief a.webapplicaties 	{ background-position: -337px top; }
#menu li:hover a.workshops,
#menu li.hover a.workshops,
#menu li.actief a.workshops 			{ background-position: -457px top; }
#menu li:hover a.referenties, 
#menu li.hover a.referenties,
#menu li.actief a.referenties 		{ background-position: -552px top; }
#menu li:hover a.blog, 
#menu li.hover a.blog,
#menu li.actief a.blog 				{ background-position: -644px top; }
#menu li:hover a.contact, 
#menu li.hover a.contact,
#menu li.actief a.contact 			{ background-position: -696px top; }

/* Submenu */
#menu li ul {
	left				: -9000em;
	position			: absolute;
	top					: 34px;
	background			: url(../img/submenu_bg.png) no-repeat left bottom;
	_background			: url(../img/submenu_bg.gif) no-repeat left bottom;
	padding				: 0 0 20px 0;
	width				: 242px;
}

#menu li:hover ul, #menu li.hover ul {
	left				: 0;
	display				: block;
}

#menu li li {
	float				: none;
	width				: 242px;	
	margin				: 0;
	padding				: 0;
}

#menu li li a {
	display				: block;
	float				: none;
	width				: 227px;
	height				: auto;
	padding				: 4px 5px 4px 10px;
	text-indent			: 0;
	text-decoration		: none;
	color				: #666;
	background			: url(../img/submenu_item_bg.gif) no-repeat 4px bottom;
}

#menu li li a:hover, #menu li li.hover a {
	color				: #000;
	text-decoration		: underline;
}

#menu li li.actief a, #menu li li.actief a:hover {
	color				: #EE820C;
	text-decoration		: underline;
}


/* --------------------------------	*/
/* Formulieren					 	*/
/* --------------------------------	*/
.formmodule input, 
.formmodule textarea	{
	border				: none;
	font				: 1em Arial;
	padding				: 2px 2px 4px 2px;
	background			: #FFF url(../img/input_bg.gif) repeat-x left bottom;
}

.formmodule input.focus, 
.formmodule textarea.focus	{
	background			: #e8e8e8 url(../img/input_h_bg.gif) repeat-x left bottom;
}

.formmodule input.radio, 
.formmodule input.checkbox 	{
	border				: none;
	background			: none;
}

.formmodule input.button,
.formmodule input.button_opvallend {
	cursor				: pointer;
	background          : #ef9634 url(../img/button_h_bg.gif) repeat-x left bottom;
	color				: #fff;
	font-weight			: bold;
	margin				: 3px 0 0 0;
	padding				: 3px 15px;
	border				: 0;
}

#nieuwsbrief_aanmelden_formulier input.button,
#nieuwsbrief_aanmelden_formulier input.button_opvallend {
    cursor              : pointer;
    background          : #ef9634 url(../img/button_h_bg.gif) repeat-x left bottom;
    color               : #fff;
    font-weight         : bold;
    margin              : 3px 0 0 0;
    padding             : 3px 15px;
    border              : 0;
}

.formmodule input.button:hover,
.formmodule input.button.hover,
.formmodule input.button_opvallend:hover,
.formmodule input.button_opvallend.hover,
#nieuwsbrief_aanmelden_formulier input.button_opvallend:hover {
	background			: #614f47 url(../img/button_bg.gif) repeat-x left bottom;
}

.formmodule input.fout {
	border				: 2px solid #E57B07;
}

.formmodule label.fout {
	color				: #E57B07;
}

/* Zoekformulier */
#zoekformulier	{
	position			: absolute;
	left				: 814px;
	top					: 6px;
	background			: #FFF url(../img/zoek-bg.png) repeat-x left top;
	height				: 22px;
}

/*#zoekformulier:hover, #zoekformulier.hover, #zoekformulier.hover2	{
	background			: url(../img/zoek_input.gif) no-repeat left top;
	_background			: url(../img/zoek_input.gif) no-repeat left 1px;
}*/

#zoekformulier legend	{
	display				: none;
}	

#zoekformulier input	{
	float				: left;
	width				: 111px;
	height				: 16px;
	border				: 0;
	background			: none;
	line-height			: normal;
	padding				: 5px 3px 2px 3px;
	font-size			: 0.9em;
}

#zoekformulier input.defaultvalue	{
	color				: #999;
}

#zoekformulier .button	{
	width				: 23px;
	height				: 21px;
	border				: 0;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/button-zoek.png) no-repeat left top;
	cursor				: pointer;
	overflow			: hidden;
}	

/*#zoekformulier:hover .button, #zoekformulier.hover .button, #zoekformulier.hover2 .button	{
	background			: url(../img/zoek_button.png) no-repeat left top;
}*/


/* --------------------------------	*/
/* Klanttevredenheidsonderzoek Form	*/
/* --------------------------------	*/
.module select	{
	font-size			: 12px;	
}

/* --------------------------------	*/
/* Content						 	*/
/* --------------------------------	*/
#content	{
	position			: relative;
	z-index				: 11;
}

.maincontent {
	width				: 704px;
	background			: url(../img/maincontent_bg.gif) no-repeat left bottom;
	float				: left;
	margin				: 0 0 0 14px;
	display				: inline;
	position			: relative;
	z-index				: 10;
}

.maincontent .breadcrumbs {
	padding				: 25px 30px 12px 30px;
	background			: url(../img/maincontent_bg_top.gif) no-repeat left top;
	color				: #e57b07;
}

.maincontent .info {
	padding				: 0 0 25px 0;
	position			: relative;
}

.maincontent .info .infowrapper {
	padding				: 10px 20px 25px 20px;
	position			: relative;
	zoom: 1;
}

.maincontent .info .foto_detail_pagina {
	float				: right;
	margin				: 5px 0 10px 10px;
}

/* iwes opmaak */
.maincontent .iwes {
	position			: relative;
	padding				: 10px 20px;
}

.maincontent .iwes p, .maincontent .iwes form 	{
	margin				: 0 0 15px 0;
}

.maincontent .iwes blockquote	{
	margin				: 0 0 15px 30px;
}

.maincontent .iwes ul {
	margin				: 0 0 15px 30px;
	list-style			: square;
}

.maincontent .iwes ol {
	margin				: 0 0 15px 30px;
	list-style			: decimal;
}

.maincontent .maintitle {
	background			: #4d3c34;
	padding				: 6px 0 4px 30px;
} 

.maincontent h2 {
	font-size			: 2em;
	font-weight			: normal;
	line-height			: normal;
	margin				: 0;
	color				: #FFF;
}

.maincontent h3 {
	position			: relative;
	font-size			: 1.4em;
	font-weight			: bold;
	margin				: 15px 0 10px 0;
	color				: #e57b07;
	clear				: both;
	width: auto;
}

/* Home */
.home_top_content {
	padding				: 20px 0 20px 0;
}

.home .maincontent {
	width				: 250px !important;
	padding				: 0 10px 0 25px;
	background			: none;
	display				: inline;
	margin				: 0;
}

.home .maincontent h2 {
	background			: none;
	color				: #000;
	padding				: 0;
	margin				: 0 0 6px 0;
}

/* --------------------------------	*/
/* Pagina Marco Borsato	 		 	*/
/* --------------------------------	*/
.pagina-marco .kolom-links {
	float				: left;
	width				: 326px;
}

.pagina-marco .kolom-rechts {
	float				: right;
	width				: 306px;
}

.pagina-marco .kolom-rechts h4 {
	display				: none;
}

.pagina-marco .kolom-rechts ul {
	list-style			: none;
	margin				: 0;
}

.pagina-marco .kolom-rechts input,
.pagina-marco .kolom-rechts textarea {
	border				: 1px solid #CCC;
}


/* --------------------------------	*/
/* Pagina Opening Uitnodiging	 	*/
/* --------------------------------	*/
#opening-uitnodiging {
	padding				: 260px 30px 30px 30px;
	margin-top			: -37px;
	color				: #FFF;
	background			: #383934 url(../img/opening-uitnodiging-bg.jpg) no-repeat left top;
}

#opening-uitnodiging,
#opening-uitnodiging * {
	_zoom:1;
}

#opening-uitnodiging a, #opening-uitnodiging strong span {
	color				: #F68C1E;
}

#opening-uitnodiging a:hover {
	color				: #FFF;
}

#opening-uitnodiging .opening-formulier {
	padding				: 20px;
	color				: #000;
	background			: #EEE;	
}

#opening-uitnodiging .opening-formulier .form-info {
	margin				: 0 0 10px 0;
}

#opening-uitnodiging .opening-formulier fieldset {
	display				: inline;
	float				: left;
	width				: 251px;
	padding				: 10px 20px;
	margin				: 0 20px 20px 0;
	background			: #FFF;
}

#opening-uitnodiging .opening-formulier fieldset.even {
	margin				: 0 0 20px 0;
}

#opening-uitnodiging .opening-formulier h2 {
	font-size			: 1.7em;
	margin				: 0 0 10px 0;
	color				: #F68C1E;
}

#opening-uitnodiging .opening-formulier fieldset label {
	float				: left;
	clear				: left;
	white-space			: nowrap;
}

#opening-uitnodiging .opening-formulier fieldset .veld {
	clear				: both;
}

#opening-uitnodiging .opening-formulier fieldset li {
	margin				: 0 0 5px 0;
}

#opening-uitnodiging .opening-formulier fieldset.bedrijf {
	display				: block;
	float				: none;
	width				: 564px;
	margin				: 0 0 10px 0;
}

#opening-uitnodiging .opening-formulier fieldset.bedrijf h2 {
	color				: #614D43;
}

#opening-uitnodiging .opening-formulier fieldset input[type=text] {
	padding				: 4px;
	border				: 1px solid #CCC;
	background			: #FFF;
}

#opening-uitnodiging .opening-formulier fieldset input {
	_border				: 1px solid #CCC;
}


#opening-uitnodiging .opening-formulier fieldset input[type=text]:hover,
#opening-uitnodiging .opening-formulier fieldset input[type=text].focus {
	border				: 1px solid #614D43;
}

#opening-uitnodiging .opening-formulier .buttons {
	clear				: both;
}


/* --------------------------------	*/
/* Contactpagina		 		 	*/
/* --------------------------------	*/
#contact .contactinfo {
	width				: 290px;
	float				: left;
	display				: inline;
}

#contact .contactformulier {
	width				: 300px;
	float				: right;
	display				: inline;
}

#contact h3 {
	width				: 260px;
}

/* Contact formulier */
#contact h4	{
	display				: none;	
}

#contact form {
	width				: 300px;
}

#contact form legend {
	display				: none;
}

#contact form label {
	margin				: 5px 0 0 0;
}

#contact form .veld input, #contact form .veld textarea  {
	border				: 1px solid #c6c7c6;
}

#contact form .contact_aanhef {
	padding				: 5px 0;
}

#contact form .contact_aanhef .label,
#contact form .contact_aanhef .veld {
	display				: inline;
}

/* callmenow */
#callmenow	{
	position			: relative;
}

#callmenow p	{
	margin-bottom		: 5px;
}

#callmenow #CMN_Images img	{
	vertical-align		: middle;
	margin-right		: 5px;	
}

#callmenow input	{
	border				: 1px solid #c6c7c6;
	vertical-align		: middle;
}

#callmenow input.button	{
	padding				: 2px 3px;
	vertical-align		: bottom;
}

#callmenow #CMN_Info,
#callmenow #CMN_InfoContainer	{
	display				: none; 
}


/* --------------------------------	*/
/* Opgeleverde projecten 		 	*/
/* --------------------------------	*/
#opgeleverde_projecten {
	height				: 183px;
	margin				: 0;
}

#opgeleverde_projecten ul {
	margin				: 0 30px;	
}

#opgeleverde_projecten ul li	{
	float				: left; 
	margin				: 0 10px; 
	width				: 165px;	
}

#opgeleverde_projecten ul li a.titel 	{
	display				: block; 
	position			: relative; 
	top					: -40px; 
	height				: 40px; 
	padding				: 0 5px; 
	background			: #fff; 
	text-align			: left;
}


/* --------------------------------	*/
/*  Paginakop + Intro			 	*/
/* --------------------------------	*/
.maincontent .intro_pagina_kop {
	position			: relative;
	min-height			: 90px;
_height					: 90px;
	padding				: 160px 0 0 0;
}

.maincontent .intro_pagina_kop p {
	margin				: 0 0 0 30px;
	background			: url(../img/intro_pagina_kop.png) no-repeat left top;
	width				: 304px;
	min-height			: 70px;
_height					: 70px;
	color				: #e57b07;
	font-size			: 1.5em;
	padding				: 20px 20px 5px 20px;
	line-height			: 1.4em;
	position			: relative;
	z-index				: 10;
	display: none;
}

.maincontent .intro_pagina_kop .header_film {
	position			: absolute;
	height				: 250px;
	width				: 704px;
	left				: 0;
	top					: 0;
	z-index				: 1;
}

/* achtergronden per kop */
.maincontent .intro_58  	{ background: url(../img/pagina_fotos/home.jpg) no-repeat left top; }
.maincontent .intro_59 		{ background: url(../img/pagina_fotos/nieuws.jpg) no-repeat left top; }
.maincontent .intro_97 		{ background: url(../img/pagina_fotos/vacatures.jpg) no-repeat left top; }
.maincontent .intro_98 		{ background: url(../img/pagina_fotos/organisatie.jpg) no-repeat left top; }
.maincontent .intro_102 	{ background: url(../img/pagina_fotos/error.jpg) no-repeat left top; }
.maincontent .intro_103 	{ background: url(../img/pagina_fotos/stage_afstuderen.jpg) no-repeat left top; }
.maincontent .intro_104 	{ background: url(../img/pagina_fotos/sponsoring.jpg) no-repeat left top; }
.maincontent .intro_105 	{ background: url(../img/pagina_fotos/default.jpg) no-repeat left top; }
.maincontent .intro_106 	{ background: url(../img/pagina_fotos/projecten.jpg) no-repeat left top; }
.maincontent .intro_107 	{ background: url(../img/pagina_fotos/diensten.jpg) no-repeat left top; }
.maincontent .intro_108 	{ background: url(../img/pagina_fotos/websites.jpg) no-repeat left top; }
.maincontent .intro_109 	{ background: url(../img/pagina_fotos/branches.jpg) no-repeat left top; }
.maincontent .intro_110 	{ background: url(../img/pagina_fotos/referenties.jpg) no-repeat left top; }
.maincontent .intro_112 	{ background: url(../img/pagina_fotos/voorwaarden.jpg) no-repeat left top; }
.maincontent .intro_113 	{ background: url(../img/pagina_fotos/disclaimer.jpg) no-repeat left top; }
.maincontent .intro_114 	{ background: url(../img/pagina_fotos/sitemap.jpg) no-repeat left top; }
.maincontent .intro_115 	{ background: url(../img/pagina_fotos/links.jpg) no-repeat left top; }
.maincontent .intro_116 	{ background: url(../img/pagina_fotos/contact.jpg) no-repeat left top; }
.maincontent .intro_117 	{ background: url(../img/pagina_fotos/zoeken.jpg) no-repeat left top; }
.maincontent .intro_118 	{ background: url(../img/pagina_fotos/ons_team.jpg) no-repeat left top; }
.maincontent .intro_119 	{ background: url(../img/pagina_fotos/uitgelicht.jpg) no-repeat left top; }
.maincontent .intro_120 	{ background: url(../img/pagina_fotos/support.jpg) no-repeat left top; }

.maincontent .intro_diensten_20     { background: url(../img/pagina_fotos/diensten_internet_advies.jpg) no-repeat left top; }
.maincontent .intro_diensten_21  	{ background: url(../img/pagina_fotos/diensten_websites.jpg) no-repeat left top; }
.maincontent .intro_diensten_22  	{ background: url(../img/pagina_fotos/diensten_hosting.jpg) no-repeat left top; }
.maincontent .intro_diensten_23     { background: url(../img/pagina_fotos/diensten_mobiel.jpg) no-repeat left top; }
.maincontent .intro_diensten_24     { background: url(../img/pagina_fotos/diensten_toegankelijkheid.jpg) no-repeat left top; }
.maincontent .intro_diensten_25     { background: url(../img/pagina_fotos/diensten_socialmedia.jpg) no-repeat left top; }
.maincontent .intro_diensten_26     { background: url(../img/pagina_fotos/diensten_webwinkels.jpg) no-repeat left top; }
.maincontent .intro_diensten_27     { background: url(../img/pagina_fotos/diensten_iwes.jpg) no-repeat left top; }
.maincontent .intro_diensten_28  	{ background: url(../img/pagina_fotos/diensten_nieuwsbrieven.jpg) no-repeat left top; }
.maincontent .intro_diensten_29     { background: url(../img/pagina_fotos/diensten_maatwerk.jpg) no-repeat left top; }
.maincontent .intro_diensten_30 	{ background: url(../img/pagina_fotos/diensten_marketing.jpg) no-repeat left top; }
.maincontent .intro_diensten_31     { background: url(../img/pagina_fotos/diensten_ivo.jpg) no-repeat left top; }
.maincontent .intro_diensten_32 	{ background: url(../img/pagina_fotos/diensten_riezorg.jpg) no-repeat left top; }
.maincontent .intro_diensten_33     { background: url(../img/pagina_fotos/diensten_incidenten.jpg) no-repeat left top; }
.maincontent .intro_diensten_34     { background: url(../img/pagina_fotos/diensten_overige_webapplicaties.jpg) no-repeat left top; }
.maincontent .intro_diensten_35     { background: url(../img/pagina_fotos/diensten_maatwerk.jpg) no-repeat left top; }
.maincontent .intro_diensten_36     { background: url(../img/pagina_fotos/diensten_intranet.jpg) no-repeat left top; }
.maincontent .intro_diensten_37     { background: url(../img/pagina_fotos/diensten_rapportagesysteem.jpg) no-repeat left top; }

.maincontent .intro_branches	 		 	{ background: url(../img/pagina_fotos/branches.jpg) no-repeat left top; }
.maincontent .intro_branches_zorg 		 	{ background: url(../img/pagina_fotos/branches_zorg.jpg) no-repeat left top; }
.maincontent .intro_branches_commercieel 	{ background: url(../img/pagina_fotos/branches_commercieel.jpg) no-repeat left top; }
.maincontent .intro_branches_onderwijs		{ background: url(../img/pagina_fotos/branches_onderwijs.jpg) no-repeat left top; }

.maincontent .intro_support			{ background: url(../img/pagina_fotos/support.jpg) no-repeat left top; }

.maincontent .intro_workshops       { background: url(../img/pagina_fotos/workshops.jpg) no-repeat left top; }

.maincontent .intro_marco			{ padding: 77px 0 0 0; margin: -37px 0 0 0; background: url(../img/pagina_fotos/marco-borsato.jpg) no-repeat left top; }


/* --------------------------------	*/
/* pagina navigatie				 	*/
/* --------------------------------	*/
.maincontent .pagina_navigatie li	{
	display				: inline !important;
	padding				: 2px 4px !important;
	border				: none !important;
	line-height			: 1;
}

.maincontent .pagina_navigatie li.navigatie_item	{
	font-weight			: bold !important;
	margin				: 0 2px !important;
	text-align			: center;
}

.maincontent .pagina_navigatie li.navigatie_item	{
	border				: 1px solid #e57b07 !important;
	background			: #FFF !important;
}

.maincontent .pagina_navigatie li.navigatie_huidige_pagina {
	color				: #FFF !important;
	background			: #e57b07 !important;
}


/* --------------------------------	*/
/* Sidebar						 	*/
/* --------------------------------	*/
.sidebar {
	width				: 245px;
	float				: right;
	background			: url(../img/sidebar_bg.gif) no-repeat left bottom;
	margin				: 0 14px 0 0;
	display				: inline;
}

.sidebar .wrapper {
	background			: url(../img/sidebar_bg_top.gif) no-repeat left top;
	padding				: 10px 0;
	width				: 245px;
}

.sidebar .blok {
	padding				: 15px;
	text-align			: left;
}

.sidebar .blok li {
    list-style-type     : square;
    margin              : 0 0 0 10px;
}



.sidebar h3 {
	font-size			: 1.3em;
	margin				: 0 0 5px 0; 
}

.sidebar h3 a	{
	color				: #333333;
}

.sidebar #flash_projecten_in_uitvoering	{
	overflow			: hidden;
	height				: 90px;
}

.sidebar #flash_projecten_in_uitvoering li	{
	height				: 90px;
}

/* Demo aanvraag */
.sidebar .demo_aanvraag,
.sidebar .nieuwsbrief_ontvangen,
.sidebar .locatie,
.sidebar .blog_tags {
	width				: 243px;
	background			: #4d3c34;
	color				: #FFF;
	margin				: 0 1px;
}

.sidebar .locatie {
	padding				: 0 0 3px 0;
}

.sidebar .locatie #googlemaps {
	margin				: 6px;
}

.sidebar .demo_aanvraag h3,
.sidebar .nieuwsbrief_ontvangen h3,
.sidebar .blog_tags h3,	
.sidebar .locatie h3 {	
	display				: block;
	width				: 243px;
	height				: 40px;
	text-indent			: -900em;
}

.sidebar .demo_aanvraag h3	{
	background			: url(../img/titel_demoaanvraag.gif) no-repeat left top;
}

.sidebar .nieuwsbrief_ontvangen h3	{
	background			: url(../img/titel_nieuwsbrief_ontvangen.gif) no-repeat left top;
}

.sidebar .blog_tags h3	{
	background			: url(../img/titel_blog_tags.gif) no-repeat left top;
}

.sidebar .locatie h3	{
	background			: url(../img/titel_locatie.gif) no-repeat left top;
}

.sidebar .formmodule h4 {
	display				: none;	
}

.sidebar .formmodule .melding	{
	background			: white;
	padding				: 5px;
	margin				: 5px 10px 5px 0;
	color				: #E57B07;	
	border				: 2px solid #E57B07;
}

.sidebar .demo_aanvraag form,
.sidebar .nieuwsbrief_ontvangen form,
.sidebar .contact_routeplanner form {
	padding				: 10px 10px 10px 21px;
}

.sidebar .demo_aanvraag p,
.sidebar .nieuwsbrief_ontvangen p,
.sidebar .blog_tags p {
	padding				: 0 10px 0 21px;	
}

.sidebar . form legend,
.sidebar .nieuwsbrief_ontvangen form legend {
	display				: none;
}

.sidebar . form label,
.sidebar .nieuwsbrief_ontvangen form label {
	display				: block;
	margin				: 5px 0 0 0;
}

#content .sidebar . form input,
#content .sidebar .nieuwsbrief_ontvangen form input {
	border				: 0;
	width				: 200px;
}

#content .sidebar .form input.button,
#content .sidebar .nieuwsbrief_ontvangen form input.button {
	width				: auto;
}

/* Locatie / Google Maps */
.sidebar .locatie	{
	margin				: 0 0 2em 1px;	
}

/* Contactpersonen */
.sidebar .contactpersonen li {
	margin				: 0 0 10px 0;
	list-style-type		: none;
}

/* Blog tags */
.sidebar .blog_tags a {
	color 				: white;
}

.sidebar .blog_tags p {
	padding				: 10px 10px 10px 21px;
	text-align			: center;
}

.sidebar ul.blok li {
	padding-bottom 		: 5px;
}


/* --------------------------------	*/
/* Projecten in uitvoering - Home	*/
/* --------------------------------	*/
.home .projecten_in_uitvoering {
	width				: 683px;
	float				: left;
	margin				: 13px 0 0 11px;
	background			: url(../img/proj_in_uit_bottom.gif) no-repeat left bottom;
	position			: relative;
}

.home .projecten_in_uitvoering .inhoud {
	width				: 657px;
	background			: url(../img/proj_in_uit_top.gif) no-repeat left top;
	padding				: 13px
}

.home .projecten_in_uitvoering .projecttitle {
	width				: 647px;
	height				: 23px;
	background			: #e1e1e1;
	float				: left;
	z-index				: 2;
	padding				: 5px 0 2px 10px;
}

.home .projecten_in_uitvoering h3 {
	font-size			: 1.6em;
	color				: #333;
	line-height			: normal;
	font-weight			: normal;
}

.home .projecten_in_uitvoering #nav {
	position			: relative;
	height				: 23px;
	padding				: 3px 0 0 0;
}

.home .projecten_in_uitvoering #nav a {
	display				: block;
	float				: left;
	text-decoration		: none;
	padding				: 0 4px;
	border				: 1px solid #e57b07;
	margin				: 0 2px 0 0;
	background			: #FFF;
}

.home .projecten_in_uitvoering #nav a.activeSlide {
	color				: #FFF;
	background			: #e57b07;
}

.home .projecten_in_uitvoering .rss {
	float				: right;
	position			: relative;
	top					: -20px;
_top: 0;
_margin-top: -20px;
	left				: -10px;
	width				: 20px;
	height				: 20px;
	background			: url(../img/rss.gif) no-repeat center top;
	text-indent			: -900em;
}

.home .projecten_in_uitvoering .rss:hover {
	background			: url(../img/rss_hover.gif) no-repeat center top;
}

.home .projecten_in_uitvoering ul {
	clear				: both;
	padding				: 15px 0 5px 0;
	height				: 57px;
	overflow			: hidden;
}

.home .projecten_in_uitvoering ul li {
	clear				: both;
	margin				: 0;
	padding				: 10px 0;
	width				: 640px;
}

.home .projecten_in_uitvoering ul .afbeelding {
	width				: 200px;
	float				: left;
	text-align			: center;
}

.home .projecten_in_uitvoering ul .info {
	width				: 430px;
	float				: left;
}

.home .projecten_in_uitvoering ul .info .titel {
	display				: block;
	float				: left;
	color				: #000;
}

.home .projecten_in_uitvoering ul .info .url {
	display				: block;
	float				: right;
}

.home .projecten_in_uitvoering ul .info span {
	display				: block;
	clear				: both;
}

/* Enkele referenties */
ul.enkele_referenties	{
	text-align			: center;
	clear				: both;
	padding				: 15px 0 5px 0;	
	min-height			: 70px;
_height				: 70px; 
	width				: 200px;	
}

ul.enkele_referenties li { width: 200px; }

/* --------------------------------	*/
/* Uitgelicht - Home				*/
/* --------------------------------	*/
/*.uitgelicht {
	width				: 215px;
	background			: url(../img/uitgelicht_bottom_bg.gif) no-repeat left bottom;
	margin				: 0 0 20px 25px;
	float				: left;
	display				: inline;
}

.uitgelicht .inhoud {
	background			: url(../img/uitgelicht_top_bg.gif) no-repeat left top;
	padding				: 11px 0 10px 1px;
}

.uitgelicht .inhoud .uitgelichttitle {
	background			: url(../img/uitgelicht_titel_bg.gif) repeat-x left top;
	height				: 26px;
	width				: 198px;
	_width				: 178px;
	padding				: 0;
}

.uitgelicht .inhoud h3 {
	color				: #FFF;
	text-indent			: 20px;
	font-weight			: normal;
	font-size			: 1.4em;
}

.uitgelicht .inhoud h3 a {
	color				: #FFF;
	text-decoration		: none;
	font-weight			: bold;
	line-height			: 1.5em;
}

.uitgelicht .inhoud .info {
	width				: 185px;
	margin				: 10px auto 10px auto;
}

.uitgelicht .inhoud .info img {
	float				: right;
	margin				: 6px 0 0 3px;
}*/


/* --------------------------------	*/
/* 3 Buckets - Home					*/
/* --------------------------------	*/
.three_buckets {
	display				: inline;
	position			: relative;
	float				: left;
	width				: 683px;
	margin				: 0 0 20px 13px;
	text-align			: left;
}

.three_buckets .nieuws, 
.three_buckets .vacatures, 
.three_buckets .weblog {
	background			: url(../img/uitgelicht_bottom_bg.gif) no-repeat left bottom;
	float				: left;
	width				: 215px;
}

.three_buckets .inhoud {
	background			: url(../img/uitgelicht_top_bg.gif) no-repeat left top;
	padding				: 11px 0 0 1px;
	position			: relative;
}

.three_buckets ul	{
	margin				: 40px 15px 20px 20px;
	list-style			: square;
	list-style-image	: url(../img/list_item.gif);
	clear				: both;
}

.three_buckets ul li	{
	margin				: 10px 0 0 0;
	line-height			: 1.4em;
	font-size			: 0.9em;
	clear				: both;
}

.three_buckets ul a	{
	color				: #666;
	font-size			: 1.1em;
}

.three_buckets ul a:hover	{
	color				: #e57b07;
}

/* Icons */
.three_buckets .inhoud .icon_nieuws {
	background			: url(../img/nieuws_kop.gif) no-repeat left top;
	width				: 62px;
	height				: 57px;
	position			: absolute;
	top					: -16px;
	right				: 2px;
}

.three_buckets .inhoud .icon_vacatures {
	background			: url(../img/vacatures_kop.gif) no-repeat left top;
	width				: 75px;
	height				: 51px;
	position			: absolute;
	top					: -14px;
	right				: 7px;
}

.three_buckets .inhoud .icon_weblog {
	background			: url(../img/blog_kop.gif) no-repeat left top;
	width				: 60px;
	height				: 48px;
	position			: absolute;
	top					: -11px;
	right				: 7px;
}

.three_buckets .buckettitle {
	background			: #4d3c34;
	height				: 22px;
	width				: 178px;
	padding				: 4px 0 0 20px;
	float				: left;
}

.three_buckets h3 {
	color				: #FFF;
	font-weight			: normal;
	line-height			: normal;
	font-size			: 1.4em;
}

.three_buckets h3 a {
	color				: #FFF;
	text-decoration		: none;
}

.three_buckets .rss {
	position			: absolute;
	display				: block;
	top					: 19px;
	right				: 2px;
	width				: 20px;
	height				: 20px;
	background			: url(../img/rss.gif) no-repeat center top;
	text-indent			: -900em;
}

.three_buckets .rss:hover {
	background			: url(../img/rss_hover.gif) no-repeat center top;
}

.three_buckets .nieuws, 
.three_buckets .vacatures {
	display				: inline;
	margin				: 0 17px 0 0;
}

.three_buckets .weblog .foto,
.blok ul.contactpersonen .foto {
	display				: block;
	background			: url(../img/blog_home_foto_bg.gif) no-repeat right bottom;
	
	padding				: 0 5px 5px 2px;
	margin				: 3px 0 0 3px;
	float				: right;
}


/* --------------------------------	*/
/* Twitter homepage					*/
/* --------------------------------	*/
#twitter {
	display				: inline;
	float				: right;
	width				: 264px;
	margin				: 0 15px 0 0;
	background			: url(../img/twitter-bg.png) no-repeat left bottom;
}

#twitter .inhoud {
	position			: relative;
	padding				: 11px 1px 0 1px;
	background			: url(../img/twitter-bg.png) no-repeat right top;
}

/* titel */
#twitter .inhoud .titel {
	height				: 22px;
	padding				: 4px 0 0 20px;
	background			: #1d4fa9;
}

#twitter .inhoud h3 {
	color				: #FFF;
	font-weight			: normal;
	line-height			: normal;
	font-size			: 1.4em;
}

#twitter .inhoud h3 a {
	color				: #FFF;
	text-decoration		: none;
}

/* icon */
#twitter .icon-twitter {
	display				: block;
	position			: absolute;
	left				: 190px;
	top					: -12px;
	width				: 47px;
	height				: 56px;
	background			: url(../img/twitter-bird.gif) no-repeat left top;
}


/* rss */
#twitter .rss {
	display				: block;
	position			: absolute;
	top					: 19px;
	right				: 2px;
	width				: 20px;
	height				: 20px;
	text-indent			: -900em;
	background			: url(../img/rss.gif) no-repeat center top;
}

#twitter .rss:hover {
	background			: url(../img/rss_hover.gif) no-repeat center top;
}

/* lijst */
#twitter ul {
	padding				: 4px 9px 0 9px;
}

#twitter ul li {
	margin				: 5px 0;
	padding				: 7px;
	border				: 1px solid #FFF;
	line-height			: 1.5em;
	color				: #000;
	background			: #f1f6fa;
}

#twitter ul li span {
	display				: block;
	text-align			: right;
	color				: #1d4fa9;
}

/* volg ons */
#twitter .volg-ons {
	float				: right;
	width				: 110px;
	height				: 35px;
	margin				: 0 9px 4px 0;
	text-indent			: -900em;
	background			: url(../img/twitter-volg-ons.png) no-repeat left top;
}


/* --------------------------------	*/
/* Wij werken voor - Home			*/
/* --------------------------------	*/
.wij_werken_voor {
	clear				: both;
	background			: url(../img/wij_werken_voor_bg.gif) no-repeat left top;
	width				: 965px;
	height				: 88px;
	clear				: both;
	margin				: 10px 0 0 13px;
	padding				: 11px 0 0 1px;
	position			: relative;
}

.wij_werken_voor .werkenvoortitle {
	background			: #4d3c34;
	height				: 22px;
	width				: 250px;
	padding				: 4px 0 0 0;
}

.wij_werken_voor h3 {
	text-indent			: 20px;
	color				: #FFF;
	font-size			: 1.4em;
	font-weight			: normal;
	line-height			: normal;
}

.wij_werken_voor ul {
	margin				: 0 0 0 30px;
	width				: 670px;
	float				: left;
	display				: inline;
}

.wij_werken_voor ul li {
	float				: left;
	margin				: 1px 1px 0 0;
	position			: relative;
}

.wij_werken_voor ul li.logo-dusseldorp	{
	padding-top			: 14px;	
}


/* Ballonnetje */
.wij_werken_voor ul li div {
	display				: none;
	position			: absolute;
	top					: -170px;
	left				: -25px;
	padding				: 13px 0 0 13px;
	background			: url(../img/wij_werken_voor_ballon.gif) no-repeat left bottom;
	width				: 170px;
	height				: 169px;
	z-index				: 100;
}

.wij_werken_voor ul li:hover div,
.wij_werken_voor ul li.hover div {
	display				: block;
}

.wij_werken_voor ul li div img {
	border				: 1px solid #ccc;
}

.wij_werken_voor ul li.logo-virupa div 		{ left: 0; }
.wij_werken_voor ul li.logo-doc div 		{ left: -10px; }
.wij_werken_voor ul li.logo-tj div 			{ left: -30px; }
.wij_werken_voor ul li.logo-westhoff div 	{ left: -25px; }
.wij_werken_voor ul li.logo-achterhoek div 	{ left: -10px; }
.wij_werken_voor ul li.logo-graafschap div 	{ left: -40px; }
.wij_werken_voor ul li.logo-kab div 		{ left: -35px; }

/* Toegankelijk */
.website_toegankelijk {
	display				: block;
	float				: left;
	width				: 255px;
	font-size			: 0.9em;
	text-align			: center;
	margin				: -14px 0 0 0;
	color				: #9f9f9f;
	line-height			: 0.9em;
}

.home .website_toegankelijk img {
	margin				: 0 0 3px 0;
}

.home .website_toegankelijk {
	width				: 215px;
}


/* --------------------------------	*/
/* Nieuws / Artikelen			 	*/
/* --------------------------------	*/
#artikelen	{
	zoom				: 1;
}

#artikelen ul li {
	border-bottom		: 5px solid #f9f9f9;
	padding				: 0 0 15px 0;
	position			: relative;
	margin				: 0 0 25px 0;
}

#artikelen li .datum {
	float				: left;
	background			: #EEE;
	border				: 1px solid #DCDCDC;
	padding				: 4px 5px 3px 1px;
	color				: #333;
	text-align			: right;
	width				: 48px;
	margin				: 10px 0 0 0;
}

#artikelen li .datum strong {
	color				: #EE820C;
	display				: block;
	font-size			: 1.9em;
	font-weight			: normal;
	padding				: 4px 0 7px 0;
}

#artikelen li .datum span {
	display				: block;
}

#artikelen li .info {
	float				: left;
	border-left			: 1px solid #DCDCDC;
	padding				: 10px 5px;
	margin				: 0 0 0 -1px;
}

#artikelen li .info img {
	position			: absolute;
	left				: 10px;
	top					: 10px;	
}

#artikelen li .info .inhoud {
	width				: 485px;
	position			: relative;
	left				: 90px;
}

#artikelen h4 {
	font-weight			: normal;
	margin				: 0 0 4px 0;
}

#artikelen h4 a.titel {
	font-weight			: normal;
	text-decoration		: none;
	font-size			: 1.5em;
}

#btn_terug	{
	display				: block;
	border-top			: 5px solid #F9F9F9;
	margin				: 10px 0;
	padding				: 5px 0;	
}

#artikel ul  {
	margin				: 0 0 15px 30px;
	list-style			: square;
}

/* --------------------------------	*/
/* Errorpage					 	*/
/* --------------------------------	*/
.maincontent .errorpage h3	{
	margin				: 15px 0 20px 0;
}

.maincontent .errorpage ul li	{
	margin				: 0 0 5px 0 !important;
}


/* --------------------------------	*/
/* support / Artikelen			 	*/
/* --------------------------------	*/
.maincontent #artikelen.support li .info {
	border-left			: 0;
}


/* --------------------------------	*/
/* BLOG / Artikelen			 		*/
/* --------------------------------	*/
#blogartikelen ul li {
	border-bottom		: 5px solid #f9f9f9;
	padding				: 0 0 15px 0;
	position			: relative;
	margin				: 0 0 25px 0;
}

#blogartikelen .infoblok {
	float				: left;
}

#blogartikelen li .datum {
	display				: block;
	background			: #EEE;
	border				: 1px solid #DCDCDC;
	padding				: 4px 5px 3px 5px;
	color				: #333;
	text-align			: right;
	width				: 44px;
	margin				: 10px 0 0 2px;
}

#blogartikelen li .datum strong {
	color				: #EE820C;
	display				: block;
	font-size			: 1.9em;
	font-weight			: normal;
	padding				: 4px 0 7px 0;
}

#blogartikelen li .datum span {
	display				: block;
}

#blogartikelen li .info {
	float				: left;
	border-left			: 1px solid #DCDCDC;
	padding				: 10px 5px;
	margin				: 0 0 0 -1px;
}

#blogartikelen li .info .inhoud {
	width				: 595px;
	_width				: 590px;
	position			: relative;
	left				: 10px;
}

#blogartikelen h4 {
	font-weight			: normal;
	margin				: 0 0 4px 0;
}

#blogartikelen h4 a {
	font-weight			: normal;
	text-decoration		: none;
	font-size			: 1.5em;
}

#blogartikelen li .pasfoto {
	border				: 1px solid #DCDCDC;
	margin				: 2px 0 0 4px;
}

#blogartikelen  .rss {
	display				: block;
	position			: absolute;
	left				: 90px;
	top					: 0;
	width				: 32px;
	height				: 26px;
	background			: url(../img/rss.gif) no-repeat center 4px;
	text-indent			: -900em;
}

#blogartikelen  .rss:hover {
	background			: url(../img/rss_hover.gif) no-repeat center 4px;
}


/* --------------------------------	*/
/* Overzicht (Branches / Diensten)	*/
/* --------------------------------	*/
.maincontent .overzicht {
	padding				: 20px 0;
}

.maincontent .overzicht li {
	width				: 315px; 
	float				: left; 
	margin				: 0 15px 10px 0;
	background			: url(../img/overzicht_item_bg.gif) no-repeat left bottom;
	padding				: 0;	
	display				: inline;
	min-height			: 190px;
_height					: 200px;
}

.maincontent .overzicht li .wrapper {
	width				: 315px; 
	padding				: 15px 0 15px 0;
	background			: url(../img/overzicht_item_bg.gif) no-repeat right top;	
}

/*
.maincontent .overzicht li div h4 {
	width				: 298px;
	padding				: 4px 5px 5px 10px;
	margin				: 0 1px;
	background			: #4d3c34 url(../img/overzicht_item_titel_bg.gif) repeat-x left top;
	color				: #FFF;
}

.maincontent .overzicht li div h4 a {
	color				: #FFF;
	text-decoration		: none;
	font-size			: 1.2em;
}

.maincontent .overzicht li div h4 a:hover {
	color				: #e57b07;
}
*/

.maincontent .overzicht li div h4 {
	padding				: 0 15px;
	color				: #e57b07;
}

.maincontent .overzicht li div h4 a {
	color				: #e57b07;
	text-decoration		: none;
	font-size			: 1.3em;
}

.maincontent .overzicht li div img {
	float				: left;
	margin				: 15px 10px 10px 15px;
}

.maincontent .overzicht li div .omschrijving {
	float				: right;
	width				: 200px;
	padding				: 10px 20px 5px 0;
}

/* --------------------------------	*/
/* ons team						 	*/
/* --------------------------------	*/
#onsteam {		
	padding				: 200px 0 25px 20px;
	position			: relative;
	overflow			: hidden;
	width				: 684px;
}

#onsteam .profiel_foto {		
	height				: 250px;
	width				: 704px;
	background			: url(../img/pagina_fotos/ons_team.jpg) left top;
	position			: absolute;
	top					: 0;
	left				: 0;
	z-index				: 10;
}

/* medewerker profiel */
#onsteam .profiel {		
	float				: left;
	background			: url(../img/intro_pagina_kop.png) no-repeat left top;
	width				: 304px;
	padding				: 20px;
	position			: relative;
	z-index				: 100;
}

#onsteam .mail-mij {
    display             : block;
    width               : 56px;
    height              : 56px;
    background          : url(../img/mail-mij.png);
    overflow            : hidden;
    text-indent         : -900em;
    position            : absolute;
    top                 : 6px;
    right               : 6px;
    z-index             : 10;
}

#onsteam .profiel h3 {		
	margin				: 0 0 5px 0;
	width				: auto;
}

#onsteam .profiel p.functie {		
	font-size			: 1.1em;
	margin				: 0 0 10px 0;
}

#onsteam .profiel img.foto {		
	float				: left;
}

#onsteam .profiel .blogs {		
	width				: 149px;
	padding				: 0 0 0 20px;
	float				: right;
	background			: url(../img/onsteam_blogs_bg.gif) no-repeat left top;
}

#onsteam .profiel .blogs h4 {		
	display				: none;
}

#onsteam .profiel .blogs ul {		
	width				: 149px;
	padding				: 35px 0 15px 0;
	background			: url(../img/onsteam_blogs_onder_bg.gif) no-repeat left bottom;
}

#onsteam .profiel .blogs ul li {		
	padding				: 5px 10px;
	line-height			: 1.2em;
	color				: #a7a9ac;
}

#onsteam .profiel .blogs ul li a {		
	color				: #a7a9ac;
	text-decoration		: none;
}

#onsteam .profiel .blogs ul li a span.titel {		
	text-decoration		: underline;
}

#onsteam .profiel .blogs ul li a span.datum {		
	font-size			: 0.9em;
	display				: block;
}

#onsteam .profiel p.spreuk {		
	font-size			: 1.4em;
	padding				: 15px 10px 0 10px;
	clear				: both;
	color				: #ee820c;
	text-align			: center;
}

#onsteam .profiel div.omschrijving {		
	padding				: 15px 0 0 0;
	clear				: both;
	text-align			: justify;
}

#onsteam .profiel div.omschrijving p 	{
	margin				: 0 0 15px 0;
}

#onsteam .profiel div.omschrijving blockquote	{
	margin				: 0 0 15px 30px;
}

#onsteam .profiel div.omschrijving ul	{
	margin				: 0 0 15px 30px;
	list-style			: square;
}

#onsteam .profiel div.omschrijving ol	{
	margin				: 0 0 15px 30px;
	list-style			: decimal;
}


/* medewerkers overzicht */
#onsteam .medewerkers {		
	float				: right;
	position			: relative;
	z-index				: 100;
	padding-top			: 70px;
	width				: 325px;
}

#onsteam .medewerkers h3 {		
	margin				: 0 0 10px 0;
	width				: auto;
}

#onsteam .medewerkers ul li {		
	float				: left;
	width				: 70px;
	height				: 70px;
	border				: solid 2px #fff;
	margin				: 0 6px 6px 0;
	overflow			: hidden;
}

#onsteam .medewerkers ul li.actief {		
	border				: solid 2px #333;
}

/* --------------------------------	*/
/* Referenties					 	*/
/* --------------------------------	*/
#referentieoverzicht .referentiefilter {		
	padding				: 1px;
	margin				: 15px 10px;
	z-index				: 0;
}

#referentieoverzicht .referentiefilter form {
	border				: 1px solid #DDD;
	background			: #FFF;
	padding				: 6px 10px;
}

#referentieoverzicht .referentiefilter select {
	display				: inline;
}

#referentieoverzicht .referentiefilter fieldset {
	width				: 550px;
	border				: 1px solid #FFF;
}

#referentieoverzicht .referentiefilter fieldset.zoek_referentie {
	margin				: 0 0 10px 0;
	border-bottom		: 1px solid #DDD;
	padding				: 5px 0 15px 0;
}

#referentieoverzicht .referentiefilter fieldset.zoek_beginletter {
	float				: left;
	width				: 570px;
}

#referentieoverzicht .referentiefilter .zoek_beginletter ul	{
	padding				: 0;	
}

#referentieoverzicht .referentiefilter legend {
	display				: none;
}

#referentieoverzicht .referentiefilter label {
	color				: #999;
}

#referentieoverzicht .referentiefilter .button {
	float				: right;
	cursor				: pointer; 
	background			: #FFF; 
	border				: 1px solid #333; 
	color				: #333; 
	display				: block; 
	padding				: 3px 0; 
	text-decoration		: none;
	font-size			: 1em;
	width				: 72px;
	text-align			: center;
	margin				: 13px 0 0 0;
}

#referentieoverzicht .referentiefilter li {
	float				: left;
	margin				: 0 1px 0 0;
	width: auto;
}

#referentieoverzicht .referentiefilter fieldset.zoek_referentie li {
	margin				: 0 10px 0 0;
	width				: auto;
}

#referentieoverzicht .referentiefilter li a {
	float				: left;
	color				: #999;
	padding				: 2px 0;
	font-size			: 1.2em;
	font-weight			: bold;
	text-decoration		: none;
	border				: 1px solid #FFF;
	width				: 18px;
	text-align			: center;
}

#referentieoverzicht .referentiefilter li a:hover {
	border				: 1px solid #e57b07;
	color				: #333;
}

#referentieoverzicht .referentiefilter li.actief a,
#referentieoverzicht .referentiefilter li.actief a:hover {
	color				: #FFF;
	background			: #4d3c34;
	border				: 1px solid #4d3c34;
}

/* beginletter zonder referenties */
#referentieoverzicht .referentiefilter .zoek_beginletter .niet_actief	{
	color				: #dfdfdf;
	padding				: 2px 0;
	font-size			: 1.2em;
	font-weight			: normal;
	text-decoration		: none;
	border				: 1px solid #FFF;
	width				: 18px;
	text-align			: center;
	display				: block;
	float				: left;
}

#referentieoverzicht .referentiefilter .toonalles {
	display				: block;
	background			: #FFF;
	color				: #333;
	border				: 1px solid #333;
	text-decoration		: none;
	padding				: 2px 0;
	font-size			: 1em;
	width				: 70px;
	text-align			: center;
}

#referentieoverzicht .referentiefilter .toonalles:hover {
	color				: #333;
}

/* Referentieoverzicht */
#referentieoverzicht {
	padding				: 0;
} 

#referentieoverzicht ul {
	padding				: 10px 0 0 0;
	zoom:1;
} 

#referentieoverzicht li {
	float				: left;
	display				: inline;
	width				: 330px;
} 

#referentieoverzicht a {
	color				: #333;
	text-decoration		: none;
}

#referentieoverzicht a:visited {
	color				: #999;
}

#referentieoverzicht a:hover {
	color				: #e57b07;
}

#referentieoverzicht a span.plaats {
	color				: #999;
	padding-left		: 10px;
}

/* Nieuwste werk */
#referentieoverzicht .ons_nieuwste_werk {	
	background			: #f5f5f5 url(../img/bg_referenties_laatste_projecten.gif) repeat-x left bottom;
	text-align			: center;
	width				: 702px;
	position			: relative;
	margin				: 0 auto;
}

#referentieoverzicht .ons_nieuwste_werk h3	{
	background			: #4d3c34;
	color				: white;
	font-weight			: normal;
	line-height			: 1.7em;
	font-size: 1.5em;
	width				: auto;
	margin-bottom		: 0;
}

#referentieoverzicht ul.nieuwstewerk {
	width				: 625px;
	margin				: 0 auto;
	padding				: 10px;
}

#referentieoverzicht ul.nieuwstewerk li {
	margin				: 0 5px 0 0;
	display				: inline;
	width				: 200px;
	text-align			: center;
}

#referentieoverzicht ul.nieuwstewerk li a {
	text-decoration		: none;
	font-size			: 1.0em;
	color				: #E57B07;
	display				: block;
}

#referentieoverzicht ul.nieuwstewerk li a:hover	{
	text-decoration		: underline;
}

#referentieoverzicht ul.nieuwstewerk li a img {
	margin				: 0 0 5px 0;
}

#referentieoverzicht .overzicht_onze_klanten h3 {
	border-bottom		: 5px solid #F9F9F9;
	margin				: 15px 0 5px;
	padding				: 15px 0 5px;
}

#referentieoverzicht .overzicht_onze_klanten h3.first	{
	margin-top: 0;	
}


/* --------------------------------	*/
/* referenties kaart weergave	 	*/
/* --------------------------------	*/
#referentiekaart	{
	border				: solid 1px #333;
	height				: 500px;
}


/* --------------------------------	*/
/* Sitemap						 	*/
/* --------------------------------	*/
ul.sitemap ul	{
	margin				: 3px 0 10px 10px;
	padding				: 0 0 0 10px;
	list-style			: square;	
}


/* --------------------------------	*/
/* Module images				 	*/
/* --------------------------------	*/
.module_images {
	clear				: both;
	overflow			: hidden;
	padding				: 10px;
	margin				: 5px 0;
}

.module_images a {
	display				: block;
	float				: left;
	border				: 1px solid #CCC;
	background-color	: #EEE;
	padding				: 10px;
	margin				: 0 5px 0 0;
	text-decoration		: none;
	color				: #666;
}

.module_images a img {
	border				: 1px solid #DDD;
}

.module_images a span {
	display				: block;
	background			: #F9F9F9;
	border				: 1px solid #DDD;
	margin				: 5px 0 0 0;
	padding				: 2px 3px;
	text-align			: center;
	width				: 124px;
	min-height			: 36px;
	_height				: 36px;
}

.referentie_detail .module_images a span {
	width				: 119px;
}


/* --------------------------------	*/
/* Tevredenheidsonderzoek IVO	 	*/
/* --------------------------------	*/
.infowrapper .crudfieldsetlegend	{
	display				: none;	
}

.infowrapper table.tabel tr td	{
	padding				: 6px 0;
} 

.infowrapper table.tabel td	{
	text-align			: left;	
}

.infowrapper table.tabel td	label	{
	margin-bottom		: 6px;
}

.infowrapper table.tabel input, .infowrapper table.tabel textarea	{
	border				:1px solid #C6C7C6;
}

.infowrapper table.tabel .button	{
	background:#614f47 url(../img/button_bg.gif) repeat-x scroll left bottom;
	border:1px solid #4D4D4D !important;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin:3px 0 0;
	padding:3px 15px;
}


/* --------------------------------	*/
/* Footer						 	*/
/* --------------------------------	*/
#footer	{
	padding				: 15px 0 15px 0;
	color				: #9f9f9f;
	font-size			: 0.9em;
	line-height			: 1.1em;
	clear				: both;
	position			: relative;
	zoom				: 1;
}

.home #footer	{
	padding				: 15px 0 15px 55px;
}

#footer a {
	color				: #9f9f9f;
}

#footer a:hover {
	color				: #333;
}

#footer address {
	font-style			: normal;
	float				: left;
	margin				: 12px 0 0 40px;
	width				: 592px;
}

.home #footer address {
    float               : none;
    clear               : both;
    width               : 570px;
	margin				: 0 auto;
    padding             : 5px 0 0;
}

#footer address .fn,
#footer address .type {
	display				: none;
}

/* Bottomnav. links in footer */
#footer ul.bottomnav {
	clear               : both;
    width               : 230px;
	margin				: 0 auto;
	padding				: 10px 0;
}

.home #footer ul.bottomnav {
    padding             : 0;
}

#footer ul.bottomnav li {
	float				: left;
	border-right		: 1px solid #9f9f9f;
	padding				: 0 5px;
}

#footer ul.bottomnav li.last {
	border-right		: none;
}

/* social-media-icons. social media icons in footer */
#footer ul.social-media-icons {
    position            : absolute;
    right               : 12px;
    top                 : 105px;
}

#onsteam ul.social-media-icons {
    margin              : 10px 0 0 0;
}

.home #footer ul.social-media-icons {
    top                 : 0;
}

#footer ul.social-media-icons li,
#onsteam ul.social-media-icons li {
    float               : left;
}

#footer ul.social-media-icons li a,
#onsteam ul.social-media-icons li a {
    display             : block;
    width               : 28px;
    height              : 40px;
    text-indent         : -900em;
    line-height         : 90em;
    overflow            : hidden;
}

#footer ul.social-media-icons li.twitter a,
#onsteam ul.social-media-icons li.twitter a { background: url(../img/social-media-icons.gif) no-repeat 0 5px; }
#footer ul.social-media-icons li.linkedin a,
#onsteam ul.social-media-icons li.linkedin a { background: url(../img/social-media-icons.gif) no-repeat -29px 5px; }
#footer ul.social-media-icons li.facebook a,
#onsteam ul.social-media-icons li.facebook a { background: url(../img/social-media-icons.gif) no-repeat -58px 5px; }

#footer ul.social-media-icons li.twitter a:hover,
#onsteam ul.social-media-icons li.twitter a:hover { background: url(../img/social-media-icons.gif) no-repeat 0 2px; }
#footer ul.social-media-icons li.linkedin a:hover,
#onsteam ul.social-media-icons li.linkedin a:hover { background: url(../img/social-media-icons.gif) no-repeat -29px 2px; }
#footer ul.social-media-icons li.facebook a:hover,
#onsteam ul.social-media-icons li.facebook a:hover { background: url(../img/social-media-icons.gif) no-repeat -58px 2px; }

#footer p {
	clear				: both;
	text-align			: center;
	padding				: 5px 14px;
}

#footer .balk {
	width				: 966px;
	height				: 77px;
	padding				: 11px 14px 0 14px;
	background			: url(../img/footer_bg.gif) no-repeat 14px top;
}

#footer .balk .footertitle {
	background			: #4d3c34;
	height				: 22px;
	width				: 250px;
	padding				: 4px 0 0 0;
}

#footer .balk h3 {
	text-indent			: 20px;
	color				: #FFF;
	font-size			: 1.6em;
	font-weight			: normal;
	line-height			: normal;
}

/* Link Google AdWords */
.link_google_adwords {
	display				: block;
	position			: absolute;
	top					: 55px;
	right				: 20px;
	width				: 79px;
	height				: 31px;
	text-indent			: -900em;
	background			: url(../img/google_adwords.gif) no-repeat left top;
}

.home .link_google_adwords {
	top					: 45px;
}


/* --------------------------------	*/
/* Google Maps					 	*/
/* --------------------------------	*/
#googlemaps	{	
	width				: 230px;
	height				: 275px;
	line-height			: 1.4em;
	color				: #000;
}

#googlemaps a	{
	color				: #EE7A01;
}

/* support pagina */
.sidebar #support input.button,
.maincontent #blogartikelen	input.button 	{
	cursor				: pointer;
	background			: #614f47 url(../img/button_bg.gif) repeat-x left bottom;
	color				: #fff;
	font-weight			: bold;
	padding				: 3px 15px;
	border				: 0;
}