body	{
	background			: #0996db url(../img/bg.jpg) repeat-x center top;
	font				: 0.8em Tahoma;
	color				: #fff;
}

.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				: 955px;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 102px;
	background			: url(../img/header.jpg) no-repeat left top;
}

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 0;
}



/* --------------------------------	*/
/* topmenu						 	*/
/* --------------------------------	*/
#topmenu	{
	background			: url(../img/topmenu.jpg) no-repeat left top;
	height				: 28px;
	position			: absolute;
	right				: 0;
}

#topmenu li	{
	float				: left;
}

#topmenu li a	{
	display				: block;
	height				: 28px;
	width				: 100px;
	text-indent			: -99em;
	overflow			: hidden;
}

#topmenu li a.home		{ background: url(../img/topmenu.jpg) no-repeat 0 0; }
#topmenu li a.nieuws	{ background: url(../img/topmenu.jpg) no-repeat -101px 0; }
#topmenu li a.contact	{ background: url(../img/topmenu.jpg) no-repeat -203px 0; }


#topmenu li a.home:hover, #topmenu li.actief a.home	{ background: url(../img/topmenu.jpg) no-repeat 0 -28px; }
#topmenu li a.nieuws:hover, #topmenu li.actief a.nieuws	{ background: url(../img/topmenu.jpg) no-repeat -101px -28px; }
#topmenu li a.contact:hover, #topmenu li.actief a.contact	{ background: url(../img/topmenu.jpg) no-repeat -203px -28px; }

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: url(../img/menu.jpg) no-repeat left top;
	height				: 38px;
	position			: relative;
	z-index				: 2;
}

#menu li	{
	float				: left;
	position			: relative;
	height				: 38px;
}

#menu li a	{
	float				: left;
	display				: block;
	height				: 38px;
	width				: 100px;
	text-indent			: -99em;
	overflow			: hidden;
}

#menu li a.over				{	width: 187px; background: url(../img/menu.jpg) no-repeat 0 0; }
#menu li a.diensten			{	width: 118px; background: url(../img/menu.jpg) no-repeat -187px 0; }
#menu li a.pallets			{	width: 101px; background: url(../img/menu.jpg) no-repeat -305px 0; }
#menu li a.recycling		{	width: 119px; background: url(../img/menu.jpg) no-repeat -406px 0; }
#menu li a.inkoop			{	width: 143px; background: url(../img/menu.jpg) no-repeat -525px 0; }
#menu li a.epal				{	width: 173px; background: url(../img/menu.jpg) no-repeat -668px 0; }
#menu li a.ispm				{	width: 114px; background: url(../img/menu.jpg) no-repeat -841px 0; }

#menu li a.over:hover, #menu li.actief a.over			{	background-position: 0 -38px; }
#menu li a.diensten:hover, #menu li.actief a.diensten	{	background-position: -187px -38px; }
#menu li a.pallets:hover, #menu li.actief a.pallets		{	background-position: -305px -38px; }
#menu li a.recycling:hover, #menu li.actief a.recycling	{	background-position: -406px -38px; }
#menu li a.inkoop:hover, #menu li.actief a.inkoop		{	background-position: -525px -38px; }
#menu li a.epal:hover, #menu li.actief a.epal			{	background-position: -668px -38px; }
#menu li a.ispm:hover, #menu li.actief a.ispm			{	background-position: -841px -38px; }


#menu li ul	{
	position			: absolute;
	top					: 38px;
	left				: -999em;
	width				: 160px;
}

#menu li:hover ul,
#menu li.hover ul	{
	left				: 30px;
}

#menu li:hover ul.over,
#menu li.hover ul.over	{
	left				: 20px;
}


#menu li:hover ul.ispm,
#menu li.hover ul.ispm	{
	left				: -46px;
}

#menu li li	{
	height				: auto;
	margin				: 0 0 1px 0;
}

#menu li li a	{
	text-indent			: 0;
	color				: #172c62;
	text-decoration		: none;
	height				: auto;
	background			: #fff;
	font-size			: 11px;
	padding				: 5px 15px;
	width				: 130px;
	opacity				: 0.9;
}

#menu li li a:hover	{
	color				: #fff;
	background			: #0996db;
}

/* --------------------------------	*/
/* zijbalk_aanbiedingen			 	*/
/* --------------------------------	*/
#zijbalk_aanbiedingen	{
	width				: 298px;
	background			: url(../img/bg_aanbiedingen.jpg) repeat 0 0;
	position			: absolute;
	top					: 300px;
	right				: 20px;
	padding				: 15px;
	font				: normal 11px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	min-height			: 370px;
}

#zijbalk_aanbiedingen h3 a	{
	display				: block;
	text-indent			: -99em;
	overflow			: hidden;
	width				: 328px;
	height				: 54px;
	position			: absolute;
	top					: 0;
	left				: 0;
	background			: url(../img/header_aanbiedingen.jpg) no-repeat left top;
}

#zijbalk_aanbiedingen ul	{
	margin				: 60px 0 0 0;
}

#zijbalk_aanbiedingen ul li	{
	margin				: 0 0 15px 0;
}

#zijbalk_aanbiedingen ul li img	{
	float				: right;
	border				: 12px solid white;
	margin				: 5px 0 0 15px;
}

#zijbalk_aanbiedingen ul li a	{
	color				: #0996db;
	font-weight			: bold;
	text-decoration		: none;
}

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

#zijbalk_aanbiedingen ul li a.meer_info	{
	text-decoration		: underline;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	background			: url(../img/teaser_vervolg.jpg) no-repeat left top;
	padding				: 235px 0 0 0;
	font-size			: 11px;
	line-height			: 20px;
	min-height			: 300px;
}

#content h1	{
	font-size			: 1.5em;
	line-height			: 1.8em;
	margin				: 0 0 20px 0;
	font-weight			: normal;
	width				: 290px;
}

/* sifr */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash #content h1 {
	visibility			: hidden;
	line-height			: normal;
	font-size			: 25px;
}


#content a 			{ color: #172c61; font-weight: bold; }
#content a:visited 	{ color: #30457c; }
#content a:hover 	{ color: #30457c; }

/* iwes opmaak */
#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 input, 
#content select, 
#content textarea	{
	border				: solid 1px #000;
	font				: 1em Tahoma;
	padding				: 2px;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #172c62;
	color				: #fff;
	font-weight			: normal;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding	{
	font-style			: italic;
}



/* --------------------------------	*/
/* aanbiedingen					 	*/
/* --------------------------------	*/
ul#aanbiedingen	li {
	width				: 436px;
	float				: left;
	padding				: 15px;
}

ul#aanbiedingen	li:hover, 
ul#aanbiedingen	li.hover {
	background			: #14417a;
}

ul#aanbiedingen	li img {
	float				: right;
	border				: 12px solid #f3eeee;
	margin				: 5px 0 0 15px;
}

ul#aanbiedingen	li h3 a {
	text-decoration		: none;
	font-size			: 12px;
}

ul#aanbiedingen	li:hover h3 a, 
ul#aanbiedingen	li.hover h3 a {
	color				: #0996db;
}

ul#aanbiedingen	li:hover a.meer_info, 
ul#aanbiedingen	li.hover a.meer_info {
	color				: #0996db;
}

ul#aanbiedingen li .afmeting_prijs	{
	font-weight			: bold;
}



/* --------------------------------	*/
/* product						 	*/
/* --------------------------------	*/
#product	{
	width				: 620px;
	float				: left;
}

.productinfo	{
	float				: left;
	width				: 310px;
	margin				: 0 30px 0 0;
}

.productinfo p.afmeting	{
	margin				: 10px 0;
	font-weight			: bold;
}

.productinfo p.prijs	{
	margin				: 20px 0;
	font-weight			: bold;
	font-size			: 16px;
}

.productinfo p.prijs strong	{
	font-size			: 20px;
}

.productimg	{
	float				: left;
	width				: 260px;
	text-align			: right;
}

.productimg a	{
	text-decoration		: none;
}

.productimg img.product	{
	border				: 10px solid #fff;
}

.interesse	{
	float				: right;
	background			: url(../img/productinteresse.jpg) no-repeat right top;
	padding				: 85px 0 0 0;
	width				: 325px;
	text-align			: center;
}

.interesse h5	{
	display				: none;	
}

#content .interesse .formulier .input	{
	width				: 200px;
}

#content .interesse .formulier div.label	{
	text-align			: right;
	padding				: 0 10px 0 0;
	width				: 60px;
}



/* --------------------------------	*/
/* nieuws						 	*/
/* --------------------------------	*/
ol#nieuwsoverzicht	{
	width				: 510px;
}

ol#nieuwsoverzicht li	{
	padding				: 15px;
}

ol#nieuwsoverzicht	li:hover, 
ol#nieuwsoverzicht	li.hover {
	background			: #14417a;
}

ol#nieuwsoverzicht	li h4 a {
	text-decoration		: none;
	font-size			: 12px;
}

ol#nieuwsoverzicht	li:hover a, 
ol#nieuwsoverzicht	li.hover a {
	color				: #0996db;
}

ol#nieuwsoverzicht	li:hover a.meer_info, 
ol#nieuwsoverzicht	li.hover a.meer_info {
	color				: #0996db;
}

/* pagina navigatie*/
#content .pagina_navigatie {
	padding				: 10px 0;
	clear				: both;
}

#content .pagina_navigatie li {
	float				: left;
	margin				: 0 3px 0 0;
}

#content .pagina_navigatie li {
	padding				: 0;
}

.pagina_navigatie li.navigatie_item {
	padding				: 0;
}

#content .pagina_navigatie li.huidige_pagina {
	padding				: 1px 5px;
	font-weight			: bold;
	color				: #172c63;
	border				: 1px solid #172c63;
}

#content .pagina_navigatie a {
	float				: left;
	background			: #172c63;
	color				: #ffffff;
	text-decoration		: none;
	padding				: 2px 6px;
}

#content .pagina_navigatie a:hover {
	background			: #7ec7ea;
	color				: #172c63;
}



/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
.formmodule h4	{
	margin				: 0 0 1em 0;
	font-size			: 1.2em;
	color				: #003B81;
}

.formmodule ul.error {
	color				: #FF0000;
	list-style			: square;
}

.formmodule fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.formmodule input, .formmodule select, .formmodule textarea	{
	border				: solid 1px #999;
	font				: 1em Tahoma;
} 

.formmodule .button	{
	background			: #003B81;
	color				: white;
	font-weight			: bold;
	border				: outset 1px;
	cursor				: pointer;
} 

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

.formmodule .fout	{
	border				: solid 1px #F00;
}

.formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #F00;
} 

.formmodule ul.formulier {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.formmodule ul.formulier li	{
	padding				: 6px;
	clear				: both;
} 

.formmodule li.even	{
} 

.formmodule li.oneven	{
} 

.formmodule label	{
	cursor				: pointer;
	margin-bottom		: 6px;
} 

.formmodule label.fout	{
	border				: none;

}

.formmodule li.melding	{

}

.formmodule acronym	{
	color				: #00F;
	cursor				: help;
	border-bottom		: 1px solid #fff;
} 

.interesse .formulier .verplicht, .interesse .formulier .melding	{
	text-align			: right;
}

/* velden op een rij... */
/* kan ook per rij door zoiets als dit te maken voor div.label en div.veld:   .formmodule li.kolomNaam div.label */
.formmodule div.label	{
	float				: left;
	width				: 60px;
	padding				: 2px 0;
}
.formmodule div.veld	{
	margin-left			: 60px;
}

.formmodule ul.formulier li.buttons	{
	padding-left		: 67px;
	text-align			: left;
} 

/* buttons bij interesse formulier */
.interesse ul.formulier li.buttons	{
	padding-left		: 80px;
} 


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

#googlemaps	{
	width				: 540px;
	height				: 300px;
	background			: #eee;
	text-align			: left;
	font				: 1em Tahoma;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}

/* --------------------------------	*/
/* locaties					 		*/
/* --------------------------------	*/
#content .locaties_container ul	{
	margin				: 10px 0 0 0;
	padding				: 0;
	list-style			: none;
}

#content .locaties_container ul li	{
	width				: 160px;
	float				: left;	
	padding				: 10px;
}


#content .locaties_container	li:hover, 
#content .locaties_container	li.hover {
	background			: #14417a;
}

#content .locaties_container	li h4 a {
	text-decoration		: none;
	font-size			: 12px;
}

#content .locaties_container	li:hover a, 
#content .locaties_container	li.hover a {
	color				: #0996db;
}

#content .locaties_container	li:hover a.meer_info, 
#content .locaties_container	li.hover a.meer_info {
	color				: #0996db;
}


/* --------------------------------	*/
/* recycling_stappen			 	*/
/* --------------------------------	*/
#content ol.recycling_stappen	{
	list-style		: none;
	margin			: 0;
	color			: #fff;
}

#content .recycling_stappen li	{
	width			: 172px;
	float			: left;
	margin			: 0 0 10px 0;
	padding			: 9px;
	text-align		: center;
}

#content .recycling_stappen li:hover,
#content .recycling_stappen li.hover,
#content .recycling_stappen li.actief	{
	background		: #14417a;
}

#content .recycling_stappen li h3 {	
	margin			: 15px 0 0 0;
}

#content .recycling_stappen li h3 a	{	
	font			: bold 16px Tahoma;	
	color			: #14417a;
	text-decoration	: none;
}

#content .recycling_stappen li:hover h3 a,
#content .recycling_stappen li.hover h3 a,
#content .recycling_stappen li.actief h3 a	{
	color			: #fff;
}

#content .recycling_stappen li img	{
	border			: 10px solid #fff;
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	background			: #172c62 url(../img/bg_footer.jpg) repeat-x left top;
	margin				: 30px 0 0 0;
	font-size			: 11px;
	height				: 100px;
	text-align			: center;
}

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

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

#footer ul 	{
	width				: 955px;
	margin				: 0 auto;
	color				: #172c61;	
	font-weight			: bold;
	padding				: 8px 0 5px 0;
}

#footer ul li a	{
	color				: #172c61;
	text-decoration		: none;
	padding				: 0 0 0 2px;
}

#footer ul li	{
	float				: left;
}	

#footer address	{
	width				: 955px;
	margin				: 0 auto;
	padding				: 20px 0 10px 0;
	font-style			: normal;
}

#footer .copyright	{
	display				: block;
	width				: 955px;
	margin				: 0 auto;
}