@charset "utf-8";
/* CSS Document */

/* STRUCTURE */
* { margin:0; padding:0;}
body { background:#8e99b0; font-family:"trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#022a47;}
#header { width:780px; height:216px; background: url(images/header.png) no-repeat; margin:0 auto;} 
#container { width:780px; background:url(images/container_bg.png) repeat-y; margin:0 auto;} 
#footer { width:780px; height:48px; background: url(images/footer.png) no-repeat; margin:0 auto;}

#leftcol { width:159px; float:left; margin: 0 0 0 40px; display:inline;} 
#middlecol { width:541px; float:left; } 

/* DEFAULT CLASSES */
h1 { font-size:24px; margin: 0 0 10px 0; background:#022a47; padding: 2px 15px; color:#fff;}
h1.home { font-size:20px; background:#fff; color:#022a47; padding:0;}
h2 { font-size:20px; border-bottom:1px dotted #022a47; margin: 0 0 10px 0;}
h3 { font-size:18px;}
p { margin:0 0 15px 0;}
ul { margin: 0 0 0 35px; list-style:square;}
ol { margin: 0 0 0 35px;}
li { margin:0 0 3px 0;}
ol li { margin:0 0 10px 0;}

/* SPECIAL */
.clear { clear:both;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.middlecol_padding { padding:10px 40px;}
img.align_right { float:right; margin:0 0 10px 20px;}
img.align_left { float:left; margin:0 20px 10px 0;}
img.align_middleleft { float:left; margin:10px 20px 10px 0;}
img.align_middleright { float:left; margin:10px 0 10px 20px;}


/* IMAGES HOMEPAGE */
.imagesblock a { display:block; width:269px; height:170px; float:left; margin: 1px 0 0 1px; border:none;}
.imagesblock a span { position:absolute; left:-9999px;}
.imagesblock a.glas { background:url(images/image_homepage_glas.jpg) no-repeat;}
.imagesblock a.hout { background:url(images/image_homepage_hout.jpg) no-repeat;}
.imagesblock a.afval { background:url(images/image_homepage_afval.jpg) no-repeat;}
.imagesblock a.containers { background:url(images/image_homepage_containers.jpg) no-repeat;}
.imagesblock a:hover { background-position:bottom;}

/* NAVIGATION */
ul#nav { list-style:none; margin:0 0 20px 0; padding:0;  }
ul#nav li { margin:0; padding:0; display:inline;  text-align:left; font-size:14px; background:none; }
ul#nav li a { display:block; text-decoration:none; color:#485672; font-size:13px; font-weight:bold; padding:8px 10px 8px 15px; border-bottom:1px solid #485672; border-top:1px solid #fff; margin:0; text-align:left; }
ul#nav li a:hover { background:#dde2e6; }
ul#nav li a.current { background:#dde2e6;  }
/* subnavigation */
ul#nav ul { list-style:none; padding:0 }
ul#nav ul li a { display:block; background:url(../Images/bullet.gif) 0 -32px no-repeat; text-decoration:none; padding:5px 10px 5px 12px; border-bottom:1px solid #fff;}
ul#nav ul li a:hover { background: #0c1373 url(../Images/bullet.gif) 0 -12px no-repeat; }
ul#nav ul li a.current { color:#1521ba; background: url(../Images/bullet.gif) 0 8px no-repeat; }


/* formulier*/
.frmLine {	padding-bottom:		10px;	margin-left: 20px;}
.clsInputText {		width:			300px;	font-family:	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size:			12px;	color: #444444;}
.clsInputTextSmall {	width:			40px;	font-family:		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size:			12px;	color: #444444;}
.clsInputTextarea {		width:			300px;	height:			100px;	color: #444444;	font-family:		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size:		12px;}