* { margin: 0; }

body {
	background: url(../img/bg/body-top.gif) repeat-x #e4f4ff;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #002d88;
	}

a { color: #002d88; text-decoration: none; outline: none;}
a img { border: 0; }
a:hover { text-decoration: underline; outline: none;}
a:active { outline: none; /* hide dotted outline in Firefox */}

h2 { font-size: 17px; font-weight: bold; font-style: italic; text-transform: uppercase; margin: 0 0 10px; }
h3 { font-size: 17px; font-weight: normal; margin: 0 0 5px; color: #00366e; }
h4 { font-size: 12px; }
h4 a:hover { color: #5d8800; text-decoration: none; }
input, textarea, select { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; padding: 0; border: 0; }

#container {
	width: 997px;
	margin: 0 auto;
	}

#header {
	width: 997px;
	height: 228px;
	background: url(../img/bg/header.jpg) no-repeat;
	}
	#header a.logo { width: 550px; height: 50px; margin: 87px 0 0 11px; display: inline; text-indent: -9999px; float: left; }
	
	#mainmenu {
		width: 997px;
		height: 35px;
		clear: both;
		}
		#mainmenu { padding: 11px 0 0 3px; list-style: none; }
		#mainmenu li { float: left; }
		#mainmenu li a { height: 35px; background: url(../img/bg/mainmenu.jpg); float: left; text-indent: -9999px; }
		#mainmenu .home a { width: 121px; }
		#mainmenu .home a:hover { background-position: 0 -35px; }
		#mainmenu .code a { width: 158px; background-position: -121px 0; }
		#mainmenu .code a:hover { background-position: -121px -35px; }
		#mainmenu .acts a { width: 158px; background-position: -279px 0; }
		#mainmenu .acts a:hover { background-position: -279px -35px; }
		#mainmenu .wnkl a { width: 172px; background-position: -437px 0; }
		#mainmenu .wnkl a:hover { background-position: -437px -35px; }
		#mainmenu .favs a { width: 122px; background-position: -609px 0; }
		#mainmenu .favs a:hover { background-position: -609px -35px; }
		#mainmenu .cont a { width: 108px; background-position: -731px 0; }
		#mainmenu .cont a:hover { background-position: -731px -35px; }
	
	#lang {
		padding: 9px 0 0 10px;
		list-style: none;
		float: left;
		}
		#lang li { float: left; }
		#lang li a { width: 27px; height: 27px; margin: 0 6px 0 0; float: left; background: url(../img/icons/lang.jpg); text-indent: -9999px; }
		#lang .nl a:hover { background-position: 0 -27px; }
		#lang .be a { background-position: 27px 0; }
		#lang .be a:hover { background-position: -27px -27px; }
	
	#submenu {
		padding: 0;
		margin: 7px 0 0;
		list-style: none;
		float: right;
		}
		#submenu li { padding: 0 11px 0 10px; display: inline; background: url(../img/bg/submenu-break.gif) no-repeat right; float: left; }
		#submenu li a { width: 40px; height: 28px; display: block; float: left; text-indent: -9999px; }
		#submenu .sear a { background: url(../img/icons/submenu-search.gif) no-repeat center; }
		#submenu .home a { background: url(../img/icons/submenu-home.gif) no-repeat center; }
		#submenu .cont a { background: url(../img/icons/submenu-contact.gif) no-repeat center; }
		#submenu .sear a:hover { background: url(../img/icons/submenu-search.gif) no-repeat center #fff; }
		#submenu .home a:hover { background: url(../img/icons/submenu-home.gif) no-repeat center #fff; }
		#submenu .cont a:hover { background: url(../img/icons/submenu-contact.gif) no-repeat center #fff; }
		#submenu .cont { background: none; }
	
	#search {
		float: right;
		margin: 7px 20px 0 0;
		display: inline;
		}
		#search input { float: left; }
		#search .field { width: 157px; height: 18px; padding: 5px 0 5px 8px; margin: 0 5px 0 0; background:url(../img/bg/search-field.gif) no-repeat top right; }
		#search .field:focus { background-position: bottom right; }
		#search .btn { width: 27px; height: 27px; background: url(../img/icons/input-btn.gif); cursor: pointer; }
		#search .btn:hover { background-position: bottom; }

#content {
	overflow: hidden;
	}
	
	#leftcontent {
		width: 356px;
		float: left;
		}
		#leftcontent a { font-weight: bold; }
		
		#leftcontent .spotlights { width: 326px; height: 275px; padding: 10px 15px; background: url(../img/bg/spotlights.jpg); color: #000; }
		#leftcontent .spotlights h2 { margin: 0 0 34px; }
		#leftcontent .spotlights .actie p a { color: #000; float: right; }
		#leftcontent .spotlights .actie a img { margin: 0 10px 0 0; padding: 1px; background: #fff; border: 1px solid #b5df68; float: left; }
		#leftcontent .spotlights .actie a:hover img { border: 1px solid #68a6df; }
		#leftcontent .spotlights table { width: 326px; height: 86px; margin: 0 0 10px; text-align: center; }
		
		#leftcontent .nieuwsbrief { width: 326px; height: 126px; padding: 10px 15px; background: url(../img/bg/nieuwsbrief.jpg); }
		#leftcontent .nieuwsbrief .field { width: 157px; height: 18px; padding: 5px 0 5px 8px; margin: 15px 5px 0 0; background: url(../img/bg/nieuwsbrief-field.gif) no-repeat top right; }
		#leftcontent .nieuwsbrief .field:focus { background-position: bottom right; }
		#leftcontent .nieuwsbrief .btn { width: 27px; height: 27px; margin: 15px 0 0; background: url(../img/icons/input-btn.gif) bottom; cursor: pointer; }
		#leftcontent .nieuwsbrief .btn:hover { background-position: top; }
		
		#leftcontent .item { width: 326px; padding: 0 15px; background: url(../img/bg/item-left.gif); }
		#leftcontent .item h2 { width: 324px; height: 35px; padding: 11px 16px 0 16px; margin: 0 -15px; background: url(../img/bg/item-left-h2.gif); }
		#leftcontent .item label { width: 100px; float: left; clear: both; }
		#leftcontent .item span { width: 226px; float: left; }
		#leftcontent .item .fr { margin: 0 -11px 0 0; }
		#leftcontent .item .leesverder a { margin: 40px 0 0; float: left; }
		#leftcontent .item .bottom { width: 356px; height: 12px; margin: 0 -15px; background: url(../img/bg/item-left-bottom.gif); overflow: hidden; clear: both; }
		
		#leftcontent .ad { width: 356px; padding: 5px 0; text-align: center; }
	
	#rightcontent {
		width: 641px;
		float: left;
		}
		#rightcontent p { margin: 0 0 15px; }
		
		#rightcontent .left { width: 431px; float: left; }
		#rightcontent .right { width: 210px; float: left; }
		
		#rightcontent .item-left { width: 401px; padding: 0 15px; background: url(../img/bg/right-item-left.gif); }
		#rightcontent .item-left h2 { width: 415px; height: 35px; padding: 11px 0 0 16px; margin: 0 -15px; background: url(../img/bg/right-item-left-h2.gif); }
		
		#rightcontent .item-left .bottom { width: 431px; height: 12px; margin: 0 -15px; background: url(../img/bg/right-item-left-bottom.gif); overflow: hidden; clear: both; }
		#rightcontent .item-left .rubriek { padding: 0; list-style: none; }
		#rightcontent .item-left .rubriek li { width: 200px; height: 67px; padding: 10px 0 0 0; background: url(../img/bg/rubriek.gif) bottom right; float: left; }
		#rightcontent .item-left .rubriek li a { display: block; }
		#rightcontent .item-left .rubriek li a:hover { color: #54aa15; }
		#rightcontent .item-left .rubriek a span { font-size: 17px; padding: 0 0 0 22px; background: url(../img/icons/rubriek-arrow.gif) no-repeat left; }
		#rightcontent .item-left .rubriek a:hover span { background: url(../img/icons/rubriek-arrow-hover.gif) no-repeat left; }
		#rightcontent .item-left .rubriek a img { margin: 0 7px 0 5px; float: right; border: 0; }
		#rightcontent .item-left .rubriek a:hover img { border: 0; }
		#rightcontent .item-left .rubriek .right { width: 190px; padding: 10px 0 0 10px; background-position: bottom left; }
		
		#rightcontent .item-left a img { margin: 0 10px 0 0; padding: 1px; background: #fff; border: 1px solid #68a6df; float: left; }
		#rightcontent .item-left a:hover img { border: 1px solid #b5df68;  }
		
		#rightcontent .item-right-green, #rightcontent .item-right-brown { width: 180px; padding: 0 15px; background: url(../img/bg/right-item-right.gif); }
		#rightcontent .item-right-green h2 { width: 178px; height: 35px; padding: 11px 16px 0 16px; margin: 0 -15px; background: url(../img/bg/right-item-right-h2-green.gif); color: #192700; }
		#rightcontent .item-right-brown h2 { width: 178px; height: 35px; padding: 11px 16px 0 16px; margin: 0 -15px; background: url(../img/bg/right-item-right-h2-brown.gif); color: #4e4c37; }
		#rightcontent .item-right-brown img { margin: 5px 0 0 126px; position: absolute; }
		#rightcontent .item-right-green ul, #rightcontent .item-right-brown ul { padding: 0; list-style: none; }
		#rightcontent .item-right-green li, #rightcontent .item-right-brown li { width: 180px; height: 29px; display: block; }
		#rightcontent .item-right-green li a { width: 155px; height: 24px; padding: 5px 0 0 25px; display: block; background: url(../img/icons/green-arrow.gif) no-repeat 10px 10px; color: #4e4c37; }
		#rightcontent .item-right-green li a:hover { background: url(../img/icons/green-arrow-hover.gif) no-repeat 10px 10px; font-weight: bold; }
		#rightcontent .item-right-green .alt { background: url(../img/bg/bar-green.gif); }
		#rightcontent .item-right-brown li a { width: 155px; height: 24px; padding: 5px 0 0 25px; display: block; background: url(../img/icons/brown-arrow.gif) no-repeat 10px 10px; color: #4e4c37; }
		#rightcontent .item-right-brown li a:hover { background: url(../img/icons/brown-arrow-hover.gif) no-repeat 10px 10px; font-weight: bold; }
		#rightcontent .item-right-brown .alt { background: url(../img/bg/bar-brown.gif); }
		#rightcontent .item-right-green .bottom, #rightcontent .item-right-brown .bottom { width: 210px; height: 12px; margin: 0 -15px; background: url(../img/bg/right-item-right-bottom.gif); overflow: hidden; clear: both; }
		
		#rightcontent .item-wide-green, #rightcontent .item-wide-blue { width: 611px; padding: 0 15px; background: url(../img/bg/right-item-wide.gif); }
		#rightcontent .item-wide-green h3 { width: 609px; height: 35px; padding: 11px 16px 0 16px; margin: 0 -15px; background: url(../img/bg/right-item-wide-h2-green.gif); color: #192703; }
		#rightcontent .item-wide-blue h3 { width: 609px; height: 35px; padding: 11px 16px 0 16px; margin: 0 -15px; background: url(../img/bg/right-item-wide-h2-blue.gif); }
		#rightcontent .item-wide-green h3 span a, #rightcontent .item-wide-blue h3 span a { color: #000; font-size: 12px; float: right; }
		#rightcontent .item-wide-green img, #rightcontent .item-wide-green a img, #rightcontent .item-wide-blue img, #rightcontent .item-wide-blue a img { padding: 1px; margin: 0 10px 0 0; background: #fff; border: 1px solid #b6d3f3; float: left; }
		#rightcontent .item-wide-green a:hover img, #rightcontent .item-wide-blue a:hover img { border: 1px solid #68a6df; }
		#rightcontent .item-wide-green .bottom, #rightcontent .item-wide-blue .bottom { width: 641px; height: 12px; margin: 0 -15px; background: url(../img/bg/right-item-wide-bottom.gif); overflow: hidden; clear: both; }
		
		#rightcontent .post { width: 611px; margin: 0 0 5px; border-bottom: 1px solid #defe99; color: #4e4c37; overflow: hidden; }
		#rightcontent .post p span { font-size: 15px; font-weight: bold; }
		#rightcontent .item-wide-green ul { padding: 0; margin: -10px 0 0; list-style: none; float: right; }
		#rightcontent .item-wide-green ul li { float: left; }
		#rightcontent .item-wide-green ul li a { width: 60px; height: 60px; text-align: center; float: left; }
		#rightcontent .item-wide-green ul li a span { margin: 35px 0 0; display: block; background: #fff; cursor: pointer; }
		#rightcontent .item-wide-green ul .rea a { background: url(../img/icons/react-up.gif) no-repeat top; }
		#rightcontent .item-wide-green ul .rea a:hover { background: url(../img/icons/react-over.gif) no-repeat top; }
		#rightcontent .item-wide-green ul .quo a { background: url(../img/icons/quote-up.gif) no-repeat top; }
		#rightcontent .item-wide-green ul .quo a:hover { background: url(../img/icons/quote-over.gif) no-repeat top; }
		#rightcontent .item-wide-green blockquote { width: 601px; padding: 0 5px; margin: 0 0 15px; background: url(../img/bg/quote.gif); }
		#rightcontent .item-wide-green blockquote strong { text-transform: uppercase; }
		#rightcontent .item-wide-green blockquote .top { width: 611px; height: 5px; margin: 0 -5px; background: url(../img/bg/quote-top.gif); overflow: hidden; }
		#rightcontent .item-wide-green blockquote .bottom { width: 611px; height: 5px; margin: 0 -5px; background: url(../img/bg/quote-bottom.gif); overflow: hidden; }
		
		#rightcontent .item-wide-blue .list { width: 611px; height: 26px; padding: 0; margin: 0 0 10px; list-style: none; background: url(../img/bg/list.gif); overflow: hidden;  }
		#rightcontent .item-wide-blue .list li { margin: 0 3.5px; font-weight: bold; font-size: 14px; float: left; }
		#rightcontent .item-wide-blue .list li a { padding: 4px; float: left; }
		#rightcontent .item-wide-blue .list li a:hover { color: #f00; text-decoration: none; }
		#rightcontent .item-wide-blue .producten { width: 611px; }
/*		#rightcontent .item-wide-blue .item { width: 140px; padding: 0 4px; margin: 0 2px 4px; display: inline; background: url(../img/bg/content-item.gif); text-align: center; float: left; overflow: hidden; }*/
		#rightcontent .item-wide-blue .item { width: 140px; padding: 0 4px; margin: 0 2px 4px; display: inline; background: url(../img/bg/content-item.gif); text-align: center; float: left; overflow: hidden; }
		#rightcontent .item-wide-blue .item p { margin: 0; }
		#rightcontent .item-wide-blue .item a img { border: 0; padding-left:17px  }
		#rightcontent .item-wide-blue .item .top { width: 148px; height: 5px; margin: 0 -4px; background: url(../img/bg/content-item-top.gif); overflow: hidden; }
		#rightcontent .item-wide-blue .item .bottom { width: 148px; height: 5px; margin: 0 -4px; background: url(../img/bg/content-item-bottom.gif); overflow: hidden; }
		
		#rightcontent .code { width: 611px; padding: 0 15px; background: url(../img/bg/code.gif); }
		#rightcontent .code h3 { width: 595px; height: 28px; padding: 9px 0 0 46px; margin: 0 -15px; background: url(../img/bg/code-h3.gif); }
		#rightcontent .code a.btn { width: 194px; height: 22px; padding: 3px 0 0; margin: 0 0 5px; display: block; text-align: center; color: #fff; font-size: 14px; font-weight: bold; background: url(../img/bg/btn.gif); clear: both; }
		#rightcontent .code a:hover.btn { background-position: bottom; text-decoration: none; }

		#rightcontent .code a.btn2 { width: 194px; height: 22px; padding: 3px 0 0; margin: 0 0 5px; display: block; text-align: center; color: #fff; font-size: 14px; font-weight: bold; background: url(../img/bg/btn.gif); clear: both; background-position: bottom; text-decoration: none;}

		#rightcontent .code form { width: 517px; margin: 10px 0; background: url(../img/bg/code-form.gif); float: left; overflow: hidden; }
		#rightcontent .code form input { width: 505px; padding: 0 5px; margin: 0 1px; }
		#rightcontent .code form input.alt { background: #cddffd; }
		#rightcontent .code form .top2 { width: 517px; height: 5px; background: url(../img/bg/code-form-top.gif); overflow: hidden; }
		#rightcontent .code form .bottom2 { width: 517px; height: 5px; background: url(../img/bg/code-form-bottom.gif); overflow: hidden; }
		#rightcontent .code .korting { width: 89px; height: 56px; padding: 8px 0 0; margin: 10px 0 0; background: url(../img/bg/korting.gif); text-align: center; float: right; }
		#rightcontent .code .korting span { font-size: 24px; }
		#rightcontent .code .bottom { width: 641px; height: 7px; margin: 0 -15px; background: url(../img/bg/code-bottom.gif); overflow: hidden; }
		
		#rightcontent .reactie { width: 611px; padding: 0 15px; background: url(../img/bg/reactie.gif); position: relative; }
		#rightcontent .reactie h3 { width: 641px; height: 27px; margin: 0 -15px 10px; background: url(../img/bg/reactie-h3.gif); text-indent: -9999px; }
		#rightcontent .reactie .img { width: 99px; height: 65px; background: url(../img/bg/reactie-img.gif); position: absolute; right: 4px; top: 4px; }
		#rightcontent .reactie .field { width: 134px; height: 17px; padding: 4px 8px; background: #f6ffe4; }
		#rightcontent .reactie .bericht { width: 284px; height: 120px; padding: 4px 8px; margin: 10px 0; background: #f6ffe4; }
		#rightcontent .reactie .field:focus, #rightcontent .reactie .bericht:focus { background: #fff; }
		#rightcontent .reactie .btn { width: 95px; height: 18px; margin: -20px 0 0; background: url(../img/bg/reactie-btn.gif); float: right; cursor: pointer; }
		#rightcontent .reactie .btn:hover { background-position: bottom; }
		#rightcontent .reactie .bottom { width: 641px; height: 18px; margin: 0 -15px; background: url(../img/bg/reactie-bottom.gif); clear: both; }

#footer {
	width: 967px;
	height: 47px;
	padding: 22px 15px 0;
	margin: 0 0 30px;
	background: url(../img/bg/footer.gif);
	color: #000;
	clear: both;
	overflow: hidden;
	}
	#footer p { padding: 10px 0 0; float: right; }
	#footer a { color: #000; font-weight: bold; }
	#footer a:hover { color: #002d88; }
	#footer img { margin: 0 0 0 10px; float: right; }

.fr { float: right; }
.fl { float: left; }
.imgr { float: right; margin: 0 0 0 10px; }
.imgl { float: left; margin: 0 10px 0 0; }
.clear { clear: both; }
.break { width: 100%; height: 1px; background: #e5edf8; border: 0; margin: 0 0 10px; overflow: hidden; clear: both; }