body	{
	background			: #FFFFFF url(../img/bg.gif) repeat-x left -30px;
	font				: 0.7em Arial, sans-serif;
}

html, body	{
	height				: 100%;
	min-height			: 100%;
}

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

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix
	{ 
		height			: 1%;
	}
	
	.clearfix
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 994px;
	background			: #fff url(../img/nieuws-bg.gif) right 124px no-repeat; /*154*/
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	z-index				: 20;
	height				: 124px;/*154*/
	background			: url(../img/header-logo-buropoint.gif) 630px 49px no-repeat;/*79*/
}

/* --------------------------------	*/
/* top-menu							*/
/* --------------------------------	*/
#top-menu {
	position			: relative;
	top					: 67px;/**97*/
	left				: 68px;
	width				: 500px;
}

#top-menu li {
	position			: relative;
	float				: left;
	display				: inline;
	text-indent			: -9000em;
	padding				: 0 1px;
}

#top-menu li a {
	display				: block;
	background			: url(../img/header-menu-items.gif) no-repeat;
	height				: 18px;
	margin				: 0 4px;
}

#top-menu li a.home 		{	width : 52px;		background-position	: -9px top; }
#top-menu li a.acties 		{	width : 57px;		background-position	: -72px top; }
#top-menu li a.nieuws 		{	width : 63px;		background-position	: -140px top; }
#top-menu li a.webshop 		{	width : 76px;		background-position	: -213px top; }
#top-menu li a.contact 		{	width : 68px;		background-position	: -298px top; }

#top-menu li:hover a.home,
#top-menu li.hover a.home,
#top-menu li.actief a.home 		{	background-position	: -9px bottom; }

#top-menu li:hover a.acties,
#top-menu li.hover a.acties,
#top-menu li.actief a.acties 	{	background-position	: -72px bottom; }

#top-menu li:hover a.nieuws,
#top-menu li.hover a.nieuws,
#top-menu li.actief a.nieuws 	{	background-position	: -140px bottom; }

#top-menu li:hover a.webshop,
#top-menu li.hover a.webshop,
#top-menu li.actief a.webshop  	{	background-position	: -213px bottom; }

#top-menu li:hover a.contact,
#top-menu li.hover a.contact,
#top-menu li.actief a.contact 	{	background-position	: -298px bottom; }


/*submenu*/
#top-menu ul {
	position			: absolute;
	left				: -999em;
	top					: 18px;
	z-index				: 34;
	width				: 193px;
}

#top-menu li:hover ul,
#top-menu li.hover ul {
	left				: -12px;
}

#top-menu ul li {
	display				: block;
	width				: 193px;
	height				: auto;
	overflow			: hidden;
}

#top-menu ul li a {
	padding				: 10px 17px 8px 24px;
	width				: auto;
	text-indent			: 0;
	background			: #001d43 url(../img/submenu-border-bottom.gif) left bottom no-repeat;
	color				: #fff;
	text-decoration		: none;
	height				: auto;
	overflow			: hidden;
}

#top-menu ul li a:hover,
#top-menu ul li a.actief {
	color				: #E5C109;
}

#top-menu ul li.first {
	padding-top			: 8px;
} 

#top-menu ul li.last a {
	background			: none;
}

#top-menu ul li.last {
	background			: url(../img/header-submenu-bottom-bg.gif) 5px bottom no-repeat !important;
	padding-bottom		: 8px;
}

#top-menu ul li.firstlast {
	background			: url(../img/header-submenu-bottom-bg.gif) 5px bottom no-repeat !important;
	padding-bottom		: 8px;
	margin-top			: 8px;
} 

#top-menu ul li.firstlast a {
	background			: none;
}

/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	position			: relative;
	z-index				: 10;
	min-height			: 618px;
	background			: url(../img/links-menu-bg.jpg) 52px top  repeat-y;	
	float				: left;
}


/* --------------------------------	*/
/* links						 	*/
/* --------------------------------	*/
#links {
	float				: left;
	width				: 330px;
	background			: url(../img/main-bg.gif) left top no-repeat;
	min-height			: 726px;
}

#links a.logo	{
	display				: block;
	position			: relative;
	top					: 17px;
	left				: 25px;
	z-index				: 0;
	height				: 151px;
}


/* --------------------------------	*/
/* links-menu						*/
/* --------------------------------	*/
#links-menu {
	width				: 250px;
	position			: relative;
	left				: 60px;
	clear				: right;
}

#links-menu li a {
	display				: block;
	background			: url(../img/links-menu-items.gif) no-repeat;
	width				: 236px;
	height				: 73px;	
	text-indent			: -9000em;
	overflow			: hidden;
}

#links-menu li a.kantoorartikelen 		{ background-position	: left top; }
#links-menu li a.project-inrichting 	{ background-position	: left -76px; }
#links-menu li a.kantoor-apparatuur 	{ background-position	: left -150px; }
#links-menu li a.automatisering 		{ background-position	: left -223px; }
#links-menu li a.service-diensten		{ background-position	: left -298px; }


#links-menu li:hover a.kantoorartikelen,
#links-menu li.hover a.kantoorartikelen,
#links-menu li.actief a.kantoorartikelen { background-position	: right top; }

#links-menu li:hover a.project-inrichting,
#links-menu li.hover a.project-inrichting,
#links-menu li.actief a.project-inrichting { background-position	: right -76px; }

#links-menu li:hover a.kantoor-apparatuur,
#links-menu li.hover a.kantoor-apparatuur,
#links-menu li.actief a.kantoor-apparatuur { background-position	: right -150px; }

#links-menu li:hover a.automatisering,
#links-menu li.hover a.automatisering,
#links-menu li.actief a.automatisering { background-position	: right -223px; }

#links-menu li:hover a.service-diensten,
#links-menu li.hover a.service-diensten,
#links-menu li.actief a.service-diensten { background-position	: right -298px; }

/*submenu */
#links-menu li ul {
	display				: block;
	position			: relative;
	margin				: 0 0 10px 0;
}

#links-menu li ul li {
	text-indent			: 0;
	vertical-align		: middle;
	padding				: 0 0 0 48px;
}

#links-menu li ul li a {
	display				: block;
	height				: auto;
	width				: 155px;
	color				: #001E44;
	text-indent			: 0;
	text-decoration		: none;
	padding				: 4px 0px 4px 10px;
	background			: none;
	line-height			: 1.4em;
}

#links-menu li ul li a:hover,
#links-menu li ul li.actief a {
	background			: #001E44;
	color				: #fff;
}

#links .slogan {
	background			: url(../img/zo-werkt-het.gif) left 10px no-repeat;
	width				: 167px;
	height				: 66px;
	text-indent			: -9000em;
	overflow			: hidden;
	margin				: 0 0 0 95px;
}


/* --------------------------------	*/
/* rechts						 	*/
/* --------------------------------	*/
#rechts {
	float				: right;

	overflow			: hidden;
	width				: 650px;	
}


/* --------------------------------	*/
/* subheader-container			 	*/
/* --------------------------------	*/
#subheader-container {
	position			: relative;
	overflow			: hidden;
	z-index				: 1;
}


/* --------------------------------	*/
/* subheader					 	*/
/* --------------------------------	*/
#subheader	{
	width				: 650px;
	float				: right;
	background			: url(../img/subheader-kantoor-bg.jpg) 5px top  no-repeat;	
	height				: 280px;
	clear				: both;
	z-index				: 20;
	overflow			: hidden;	
}

.contact #subheader {
	height				: 330px;
	background			: url(../img/contact-subheader-bg.jpg) 5px bottom  no-repeat;
}

/* nieuws */
#subheader .nieuws {
	height				: 247px;
	width				: 335px;
	margin				: 0 0 0 295px;
	background			: url(../img/nieuws-bg.png) repeat;	
	position			: relative;
}

#subheader .nieuws li,
#subheader .nieuws span.datum,
#subheader .nieuws strong {
	float				: left;
	width				: 272px;
}

#subheader .nieuws span.datum,
#subheader .nieuws strong {
	width				: 70px;
	font-size			: 1.2em;
}

#subheader .nieuws strong {
	width				: 195px;
	font-weight			: normal;
}

#subheader .nieuws span.datum {
	color				: #e7c00e;
	font-weight			: bold;
}

#subheader .nieuws ul {
	margin				: 0 0 0 25px;
	padding				: 50px 0 0 0;
}

#subheader .nieuws li {
	border-bottom		: solid 1px #5C7184;
	padding				: 16px 0 16px 0 ;
}

#subheader .nieuws li a {
	color				: #000;
	text-decoration		: none;
	z-index				: 432;
}

#subheader .nieuws li a:hover {
	text-decoration		: underline;
}

#subheader .nieuws li.last {
	border-bottom		: none;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	width				: 600px;
	height				: auto;
	float				: right;
	padding				: 30px 6px 30px 0;
	clear				: right;
	font-size			: 1.1em;
	line-height			: 1.7em;
	color				: #001D3F
}

#content h1	{
	font-size			: 1.4em;
	margin-bottom		: 20px;
}

#content a 			{ color: #000; }
#content a:hover 	{ color: #666; }

/* iwes opmaak */

#content .iwes a:visited 	{ color: #999; }
#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 {
	list-style			: none;
	margin				: 0;
}

#content .formmodule li {
	width				: 560px;
	float				: left;
	display				: inline;
	padding				: 1px 0;	
}

#content .formmodule .label {
	clear				: left;
	width				: 100px;
	float				: left;
}


#content .formmodule .label {
	color				: #001e43;
	font-size			: 1em;
	font-weight			: 600;
}

#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #d6d6d6;
	font				: 1em Arial;
	padding				: 2px;
}

#content textarea	{
	overflow			: auto;
}

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

#content input.button 	{
	cursor				: pointer;
	color				: #fff;
	font-weight			: bold;
	background			: url(../img/button-verzenden.gif) no-repeat;
	width				: 116px;
	height				: 20px;
	border				: 0;
	text-indent			: -9000em;
	overflow			: hidden;
	font-size			: 0;
	line-height			: 999em;
	margin				: 5px 0 0 0;
}

#content input.veldfocus,
#content textarea.veldfocus {
	background			: #eff6ff;
}

#content .buttons input.veldfocus {
	background			: #fff url(../img/button-verzenden.gif) no-repeat;
}

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

#content formmodule .verplicht {
	color				: #001e43;
}

#content .terug {
	display				: block;
	margin-top			: 50px;
}


/* --------------------------------	*/
/* Pagina navigatie	 				*/
/* --------------------------------	*/
#content .pagina_navigatie	{
	padding				: 10px 0;
	float				: left;
}

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

#content .pagina_navigatie ul	{
	display				: inline;
}

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

#content .pagina_navigatie ul li.navigatie_huidige_pagina	{
	background			: #fff;
	color				: #000;
	padding				: 2px 5px;
	margin				: 0 5px 0 0;
}

#content .pagina_navigatie ul li a	{
	padding				: 2px 5px;
	background			: #001d43;
	color				: #FFF;
	text-decoration		: none;
}

#content .pagina_navigatie ul li.actief a, 
#content .pagina_navigatie ul li a:hover	{
	background			: #eff6ff;
	color				: #000;
}


/* --------------------------------	*/
/* Nieuwsoverzicht 					*/
/* --------------------------------	*/
#nieuwsoverzicht {
	margin-top			: 20px;
}

#nieuwsoverzicht li {
	float				: left;
	margin				: 0 10px 10px 0;
	display				: inline;
	width				: 555px;
	background			: url(../img/nieuwsoverzicht-item-bg.gif) right bottom no-repeat;
	height				: 126px;
	overflow			: hidden;	
}

#nieuwsoverzicht li .datum {
	float				: left;
	width				: 80px;
	margin				: 0px 0 0 0;
	background			: #e9c71c;
	color				: #001E43;
	padding				: 5px;
	text-align			: center;
}

#nieuwsoverzicht li .bericht {
	float				: left;
	width				: 425px;
	padding				: 0 0 0 10px;
	height				: 94px;
	overflow			: hidden;	
}

#nieuwsoverzicht li:hover,
#nieuwsoverzicht li.hover {
	background			: url(../img/nieuwsoverzicht-item-bg.gif) left bottom no-repeat;
	color				: #fff;
}

#nieuwsoverzicht li a {
	text-decoration		: none;
}

#content #nieuwsoverzicht li:hover a,
#content #nieuwsoverzicht li.hover a,
#content #nieuwsoverzicht li:hover a.leesmeer {
	color				: #fff;
	background			: none;	
	text-decoration		: none;	
}

#nieuwsoverzicht li a:visited span {
	background			: #EFF6FF;
	color				: #001E43;
	text-decoration		: none;	
}


#nieuwsoverzicht li a.leesmeer {
	float				: right;
	margin				: 4px 0 0 0;
	color				: #000;
	font-weight			: bold;
	text-decoration		: none;
	padding				: 0 25px 0 0;
	background			: none;
}

#nieuwsoverzicht li h2 {
	padding				: 10px 0 0 0;
}

#nieuwsoverzicht li h2 a {
	background			: none;
	color				: #000;
	font-size			: 1.5em;
	font-weight			: normal;
	padding				: 10px 0 5px 0;
	float				: none;
	text-decoration		: none;
}



/* --------------------------------	*/
/* Actievoerzciht 					*/
/* --------------------------------	*/
#actieoverzicht {
	margin-top			: 20px;
}

#actieoverzicht li {
	float				: left;
	margin				: 0 10px 10px 0;
	display				: inline;
	width				: 555px;
	background			: url(../img/nieuwsoverzicht-item-bg.gif) right bottom no-repeat;
	height				: 126px;
	overflow			: hidden;	
}

#actieoverzicht li .afbeelding {
	float				: left;

	margin				: 0px 0 0 0;
	background			: #e9c71c;
	color				: #001E43;
	text-align			: center;
}

#actieoverzicht li .bericht {
	float				: left;
	width				: 425px;
	padding				: 0 0 0 10px;
	height				: 94px;
	overflow			: hidden;	
}

#actieoverzicht li:hover,
#actieoverzicht li.hover {
	background			: url(../img/nieuwsoverzicht-item-bg.gif) left bottom no-repeat;
	color				: #fff;
}

#actieoverzicht li a {
	text-decoration		: none;
}

#content #actieoverzicht li:hover a,
#content #actieoverzicht li.hover a,
#content #actieoverzicht li:hover a.leesmeer {
	color				: #fff;
	background			: none;	
	text-decoration		: none;	
}

#actieoverzicht li a:visited span {
	background			: #EFF6FF;
	color				: #001E43;
	text-decoration		: none;	
}

#actieoverzicht li a.leesmeer {
	float				: right;
	margin				: 4px 0 0 0;
	color				: #000;
	font-weight			: bold;
	text-decoration		: none;
	padding				: 0 25px 0 0;
	background			: none;
}

#actieoverzicht li h2 {
	padding				: 10px 0 0 0;
}

#actieoverzicht li h2 a {
	background			: none;
	color				: #000;
	font-size			: 1.5em;
	font-weight			: normal;
	padding				: 10px 0 5px 0;
	float				: none;
	text-decoration		: none;
}


/* --------------------------------	*/
/* #acties-detail 					*/
/* --------------------------------	*/
#acties-detail .fotos {
	float				: left;
	width				: 160px;
}

#acties-detail ul {
	margin-top			: 10px;
}

#acties-detail li {
	float				: left;
	width				: 80px;
}

#acties-detail li.rechts {
	float				: right;
	text-align			: right;
}

#acties-detail li img {
	margin-bottom			: 5px;
}

#acties-detail .acties-content {
	float				: left;
	width				: 360px;
	margin				: 0 0 0 20px;
}


/* --------------------------------	*/
/* webshop		 					*/
/* --------------------------------	*/
#webshop {
	margin-top			: 20px;
}

#webshop a {
	margin				: 3px 30px;
}

#webshop a.button-webshop {
	display				: inline;
	height				: 162px;
	width				: 212px;
	background			: url(../img/webshop-button-webshop.gif) left top no-repeat;
	text-indent			: -9000em;
	overflow			: hidden;
	float				: right;
}

#webshop a:hover.button-webshop {
	background			: url(../img/webshop-button-webshop.gif) right top no-repeat;
}


#webshop a.button-inloggen {
	display				: inline;
	height				: 162px;
	width				: 212px;
	background			: url(../img/webshop-button-inloggen.gif) left top no-repeat;
	text-indent			: -9000em;
	overflow			: hidden;
	float				: right;
}

#webshop a:hover.button-inloggen {
	background			: url(../img/webshop-button-inloggen.gif) right top no-repeat;
}


/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap	{
	margin				: 0 0 20px 0;
}

#sitemap ul	{
	margin				: 0 0 0 1.5em;
	padding				: 0;
	list-style			: square;
}

#sitemap ul ul	{
	margin				: 0 0 0 2.5em;
}

#sitemap li	{
	margin				: 0 0 2px 0;
}

#sitemap a	{
	text-decoration		: none;
}

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

#sitemap a.map	{
	font-weight			: bold;
}





/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps,
iframe.googlemaps_subheader		{
	overflow			: hidden; 
}

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


#googlemaps a	{
	color				: #58585A;
}

#googlemaps #routeplanner_form br {
	display				: none !important;
}

#googlemaps {
	height				: 435px;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: url(../img/footer-bg.gif) 55px top no-repeat;
	height				: 70px;
	clear				: left;
}

#footer address {
	font-style			: normal;
	color				: #7f8ea1;
	padding				: 35px 0 0 60px;
	width				: 570px;
}

#footer address a {
	font-style			: normal;
	color				: #7f8ea1;
	text-decoration		: none;
}

#footer address a:hover {
	color				: #000;
}	

#footer address span {
	padding				: 0 4px;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	top					: -45px;
	padding				: 10px 0;
	float				: left;
	font-style			: normal;
	color				: #7f8ea1;
	left				: 700px;
	padding				: 32px 0 0 0;	
}

#amimpact a {
	text-decoration		: none;
	font-style			: normal;
	color				: #7f8ea1;
	margin				: 0 4px;	
}

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

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

#amimpact .copyright {
	width				: 175px;
	float				: left;
	
}

#amimpact .webdesign {
	float				: left;
	width				: 111px;
}


/* 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;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height:1.7em;
}