/* CSS document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

p { line-height: 15px; padding-bottom: 15px; }

a {
	text-decoration: none;
	color: #003572;
}

a:hover {
	text-decoration: underline;
	color: #003572;
}

a:focus, a:active {
	outline: 0;
	 -moz-outline: none;
}

img {
	border: none;
}

h1 {
	color: #003572;
	font-size: 19px;
	font-weight: bold;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
}

h2 {
	color: #003572;
	font-size: 19px;
	font-weight: bold;
	padding: 0;
	padding-bottom: 15px;
	margin: 0;
}

h3 {
	color: #003572;
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.smaller { font-size: 13px; padding-bottom: 5px; padding-top: 10px; }
.smaller2 { font-size: 13px; padding-bottom: 10px; padding-top: 0px; }
.smallera { font-size: 11px; }

h4 {
	color: #003572;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

h5 {
	color: #003572;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	padding-top: 10px;
	margin: 0;
}

h6 {
	color: #003572;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 8px;
	margin: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #003572;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #003572;
	text-decoration: underline;
}

.largebold {
	color: #003572;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 18px;
}

.largebold2 {
	color: #003572;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 18px;
}

.height1 { height: 85px; }
.bgblue { background-color: #ebeff9; }
.imgright { float:right; width: 170px; padding-left: 10px; }
.imgrightn { float:right; width: 170px; padding-left: 10px; }
.boldpdf { font-weight: bold; font-size: 14px; text-align: center; color: #003572; text-decoration: underline; }
.boldtxt { font-weight: bold; }
.boldlink { font-weight: bold; text-decoration: underline; }
ul.boldlist { font-weight: bold; line-height: 20px; padding: 15px 0; }
p.infoewaste { position: absolute; top: 320px; left: 20px; }
/**************************************/


/* Algemeen lay-out */
#container {
	width: 850px;
	height: 100%;
	padding-top: 18px;
	margin: 0 auto;
}

#logo {
	width: 289px;
	height: 53px;
	float: left;
}

#righthead {
	/* height: 16px; 66px */
	padding-top: 15px;
	float: right;
}

#righthead .rightbox {
	float: right;
}

.topbox {
	width: 180px;
	height: 20px;
}

#righthead ul, #righthead li {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#righthead ul {
	width: 185px;
	float: left;
}

#righthead li {
	display: inline; 
}

#righthead li a,#righthead li a.last {
	color: #003572;
	text-decoration: none;
	border-right: 1px solid #003572;
	padding-right: 5px;
	padding-left: 4px;
}

#righthead li a.last { border-right: none; }

#bannertop {
	background: url(../images/topbanner.gif) top repeat-x;
	width: 850px;
	height: 23px;
	display: block;
}

/* Kolommen */
#left {
	width: 270px; /* 270px */
	height: 100%;
	padding: 0;
	display: block;
	float: left;
	position: relative;
}

#left ul li, #middle ul li, #middleandright ul li, #middleandright2 ul li, #right ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type: none;
}

#left p.envi {
	padding-top: 215px;
}

#left p.envi img, #left p.envi2 img { padding: 0 10px; }


#left p.envi2 {
	padding-top: 195px;
}

ul.bold {
	padding: 5px 0 15px 0;
	font-weight: bold;
}

ul.bold li {
	line-height: 20px;
}

#left .spacer {
	display: block;
	width: 270px;
	height: 8px;
}

#left .spacer1 {
	display: block;
	width: 270px;
	height: 140px;
}

#left .spacer2 {
	display: block;
	width: 270px;
	height: 110px;
}

#left .spacer3 {
	display: block;
	width: 270px;
	height: 130px;
}

a.ewastea {
	background: url(../images/downloadicon.gif) top left no-repeat;
	height: 21px;
	display: block;
	padding-top: 4px;
	padding-left: 35px;
}
	

.vlaktop {
	background: #fff url(../images/vlaktop.gif) bottom left no-repeat;
	width: 240px;
	height: 8px;
	display: block;
}

.vlakbtm {
	background: #fff url(../images/vlakbtm.gif) top left no-repeat;
	width: 240px;
	height: 5px;
	display: block;
}

.vlakwrapper {
	background: url(../images/vlakbg.gif) left repeat-y;
	width: 240px;
	height: 100%;
}

.vlak {
	background: #fff url(../images/vlakin.gif) top repeat-x;
	width: 217px; /* 225px */
	padding: 4px;
	margin: 0 auto;
}

.vlakprod {
	background: #fff url(../images/vlakin.gif) top repeat-x;
	width: 217px; /* 225px */
	padding: 4px;
	margin: 0 auto;
}

.vlakprod p { 
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: normal;
}

.vlakprod h4 {
	font-weight: bold;
	padding: 5px 0 10px 5px;
	margin: 0;
}

.vlakprod h4 a {
	color: #003572;
	font-size: 15px;
	text-decoration: none;
}

.vlakprod h4 a:hover {
	color: #003572;
	font-size: 15px;
	text-decoration: underline;
}

#middle {
	width: 400px; /* 424px */
	height: 100%;
	padding: 0 24px 10px 0;
	float: left;
}

#middleandright {
	width: 556px; /* 424px + 156px */
	height: 100%;
	padding: 0 24px 10px 0;
	float: left;
}

#middleandright2 {
	width: 580px; /* 424px + 156px */
	height: 100%;
	padding: 0 0px 10px 0;
	float: left;
}

#right {
	width: 156px; /* 156px */
	height: 100%;
	padding: 0;
	float: left;
	text-align: center;
}

#right img {
	padding-top: 2px;
	padding-bottom: 10px;
}

.line {
	background-color: #003572;
	height: 2px;
	width: 580px;
	display: block;
	margin: 10px 0;
}

table.prods {
	width: 400px;
	height: 100%;
	padding: 0;
	margin: 0;
}

.box {
	padding: 10px;
	border: 1px solid #003572;
}

.boxcolor {
	background-color: #003572;
	color: #000;
	padding: 10px;
	border: 1px solid #003572;
}

.boxcolor ul li { color: #fff; }

table.prods td.bold { font-weight: bold; padding: 5px; padding-left: 0px; }

table.prods a {
	color: #000;
	text-decoration: underline;
}

table.prods a:hover {
	color: #888;
	text-decoration: underline;
}

#middleleft {
	width:  412px; /* 422px */
	padding-right: 10px;
	float: left;
}

.lightblue {
	background-color: #F1F7FE;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #003572;
}


h4.assort a {
	background: url(../images/btnarrow.png) center right no-repeat;
	display: block;
	height: 15px;
	width: 210px;
}


#middleleft h1, #middleleft h2, #middleleft h3, #middleleft h4, #middleleft h5 { padding: 0; margin: 0; }
#middleleft h2 { font-size: 13px; }
#middleleft h3, #middleleft h4 {font-size: 11px; color: #000; padding-bottom: 18px; font-weight: normal;}
#middleleft h3 a, #middleleft h4 a { color: #000; text-decoration: none; display: block; width: 350px; height: 14px; padding-top: 3px; padding-right: 62px; }
#middleleft h3 a:hover, #middleleft h4 a:hover { color: #003572; text-decoration: none; background: url(../images/btnarrow.png) center right no-repeat; font-weight: bold; }
#middleleft h2.large { font-size: 16px; padding-bottom: 10px; }


h4.assort2 { font-size: 14px; }

#middleright {
	width:  158px;
	float: left;
}


#middleright .rightbox {
	background: url(../images/rightbg.gif) left repeat-y;
	width: 158px;
	height: 100%;
}

#middleright .rightboxinner {
	width: 142px; /* 158px */
	padding-left: 8px;
	padding-right: 8px;	
	height: 100%;
}

#middleright .righttop{
	background: url(../images/rightbgtop.gif) top left no-repeat;
	width: 158px;
	height: 15px;
	display: block;
}

#middleright .rightbtm {
	background: url(../images/rightbgbtm.gif) top left no-repeat;
	width: 158px;
	height: 6px;
	display: block;
}

.imgtxt {
	width: 240px;
	margin: 0 auto;
	margin-bottom: 8px;
	text-align: center;
	border: 1px solid #003572;
}

#left img.space { padding-bottom: 10px; }

.imgtxt p {
	padding: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0;
	line-height: normal;
}

.bgbox {
	background: url(../images/bgbox.gif) top left no-repeat;
	width: 137px; /* 157px */
	height: 77px; /* 93px */
	padding-top: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	text-align: left;
}

.bgbox p {
	text-align: center;
}

.bgbox h3 {
	padding: 0;
	margin: 0;
	line-height: normal;
	font-size: 11px;
	padding-bottom: 8px;
}

.bgbox h3 a {
	width: 137px;
	display: block;
	color: #003572;
	text-decoration: none;
}

.bgbox h3 a:hover {
	width: 137px;
	display: block;
	color: #003572;
	text-decoration: underline;
}

#bottom {
	width: 580px; /* 424px + 156px */
	height: 100%;
	padding: 0 0 10px 0;
	float: right;
}

.backtopspace {
	width: 580px;
	height: 40px;
	display: block;
}

.backtop {
	width: 580px;
	height: 25px;
	padding-top: 10px;
	border-top: 2px solid #003572;
	text-align: right;
	color: #003572;
}

.backtop a, .backtop a:hover {
	background: url(../images/btnarrow2.png) center right no-repeat;
	width: 75px;
	padding-right: 20px;
	height: 16px;
	font-size: 11px;
	color: #003572;
	text-decoration: none;
}

.backtop a:hover { text-decoration: underline; }

.backimgbox {
	background: url(../images/backimg.gif) left top no-repeat;
	width: 115px; /* 127px */
	height: 140px; /* 150px */
	padding: 6px;
	padding-top: 4px;
	padding-bottom: 10px;
	float: left;
}

.backimgboxl {
	background: url(../images/backimgL.gif) left top no-repeat;
	width: 115px; /* 127px */
	height: 160px; /* 170px */
	padding: 6px;
	padding-top: 4px;
	padding-bottom: 10px;
	float: left;
}


.backimgbox p {
	line-height: normal;
	padding: 0;
	margin: 0;
	font-size: 9px;
	color: #000;
	text-align: center;
}

.backimgboxspacer {
	width: 24px;
	height: 150px;
	float: left;
	display: block;
}

.toppadding { padding-top: 140px; display: block; }
.padding1 { padding-top: 65px; display: block; }
.padding2 { padding-top: 100px; display: block; }
.padding3 { padding-top: 35px; display: block; }

.imglogobox {
	background: url(../images/logopartners.jpg) top left no-repeat;
	width: 405px;
	height: 180px;
	padding: 15px;
	padding-top: 20px;
	display: block;
	text-align: center;
}

.imglogobox p { text-align: center; padding: 0; line-height:normal; color: #666; }
#flashbanner { padding: 40px 0 0 10px; }
/**************************************/


/* Main menu */
.mainmenu{
	background: url(../images/menubg.gif) top repeat-x;
	width: 600px; /* 850px */
	height: 43px;
	padding-left: 250px; /* 270px */
}

.mainmenu ul, .mainmenu li {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.mainmenu li {
	display: inline;
}

.mainmenu li.border {
	background: url(../images/menuborder.gif) top center no-repeat;
	width: 1px;
	height: 43px; /* 43px */
	padding: 0 4px;
	display: block;
	float: left;
}

.mainmenu li a, .mainmenu li a.last {
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	display: block;
	height: 38px; /* 43px */
	padding: 5px 15px 0 15px;
	text-decoration: none;
}

.mainmenu li a.last { background: none; }

.mainmenu li a:hover, .mainmenu li a.active, .mainmenu li a.last:hover, .mainmenu li a.last-active {
	background: url(../images/menubgactive.gif) top repeat-x;
	color: #003572;
	text-decoration: none;
}
/**************************************/

/* Pagina's */
ul.pagelist {
	width: 140px;
	float: left;
	padding-top: 4px;
}

ul.pagelist li {
	display: inline;
	float: left;
	border-right: 1px solid #000;
}

ul.pagelist li a {
	padding: 0 5px;
}

ul.pagelist a.active {
	color: #000;
	font-weight: bold;
}

ul.pagelist li.last { border: none; }

a.prev {
	background: url(../images/btnprev.gif) left center no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	font-weight: bold;
	float: left;
	text-indent: -9999px;
}

a.next {
	background: url(../images/btnnext.gif) left center no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	font-weight: bold;
	float: left;
	text-indent: -9999px;
}

a.prevl {
	background: url(../images/btnprevl.gif) left center no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	font-weight: bold;
	float: left;
	text-indent: -9999px;
}

a.nextl {
	background: url(../images/btnnextl.gif) left center no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	font-weight: bold;
	float: left;
	text-indent: -9999px;
}

/* Footer  */
#footer {
	width: 850px;
	height: 12px;
	color: #003572;
	margin: 0 auto;
	padding-top: 2px;
	padding-bottom: 8px;
	font-size: 10px;
	text-align: center;
	border-top: 2px solid #003572;
}
#footer p {
	padding: 0;
	line-height: normal;
}

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

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

#footer span { padding: 0 5px; }
	
/**************************************/

/* Contact Formulier Styles */
.subcontainer {
	padding-top: 15px;
	padding-bottom: 5px;
}

.alert, .error { color: #003572; }
.alertdot { color: #003572; padding: 0 0 0 5px; }

ol.forms {
	float: left;
	list-style: none;
	width: 100%;
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	width: 100%;
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.5em;
	padding-right: 10px;
	text-align: left;
	width: 120px;
}

ol.forms input { width: 39%; }
ol.forms textarea {
	height: 8em; 
	width: 20em;
}

ol.forms .error { 
	display: block;
	margin: 0.15em 0 0 140px;
}

ol.forms li.buttons {
	padding-left: 130px;
	width: 89%;
}