/*
	Client: IZEN.be
	Date: 2008-2009	
	Copyright: Robarov
	Author: Jan Meeus
*/

* {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	background: #fff;
	background: #dfdfdf url(../i/layout/bg-body.jpg) top center repeat-y;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.4em;
	text-align: center; /* for ie 5 */
}
body.mceContentBody {text-align: left;}
#container {
	background: #fff;
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

/*--[ common ]----------------------------------------------------------------*/
h1, h2, h3 {
	line-height: 1em;
	color: #00529d;
	font-weight: normal;
}
h1 {
	font-size: 2.4em;
	margin-bottom: 0.3em;
	/*text-transform: uppercase;*/
}
h2 {
	font-size: 1.8em;
	margin-bottom: 0.3em;
}
h3 {
	font-size: 1.4em;
	color: #1a4682;
	margin-bottom: 0.3em;

}
h2.arrow, h3.arrow, h2.grey {
	text-transform: uppercase;
	padding: 4px 10px 11px 10px;
	line-height: 16px;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
}
h2.blue, h3.blue {background: #509ade url(../i/layout/bg-arrow-blue.gif) bottom left no-repeat;}
h2.green, h3.green {background: #8ccb4b url(../i/layout/bg-arrow-green.gif) bottom left no-repeat;}
.grey h2.blue, .grey h3.blue {background: #509ade url(../i/layout/bg-arrow-bluegrey.gif) bottom left no-repeat;}
.grey h2.green, .grey h3.green {background: #8ccb4b url(../i/layout/bg-arrow-greengrey.gif) bottom left no-repeat;}
h2.grey, .grey h2.grey, .grey h3.grey {background: none;color: #666;padding-bottom: 0px;}
#footer h3.green {background: #8ccb4b url(../i/layout/bg-arrow-greenblue.gif) bottom left no-repeat;}
h2.arrow a.modify {text-transform: none;}

small {font-size: 0.9em;}
em {
	font-style: normal;
}
ol {
	margin: 0 0 1em 2em;
}
p, ul, address {
	margin-bottom: 1em;
}
address {font-style: normal;}

form dl {
	width: 100%;
	margin-bottom: 10px;
}
form dt {
	text-align: right;
	width: 100px;
	clear: both;
	float: left;
	color: #999;
	padding: 4px 0;		
}
form dd {
	margin-left: 110px;
	padding: 4px 0;	
}

ul li {
	background: url(../i/layout/bullet.gif) 0 0.4em no-repeat;
	list-style-type: none;
	margin: 0 0 0.3em 0;
	padding: 0 0 0 10px;
}
img {border: 5px solid #eee;}
fieldset {border: 0px;}
.alignleft {
	margin: 0 15px 5px 0;
	float: left;
	display: inline;
}
.alignright {
	margin: 0 0 5px 15px;
	float: right;
	display: inline;
}
.imgbox {
	width: 270px;
}
.imgbox img {float: left;display: inline;margin-bottom: 10px;}
.imgbox #img338 img {margin-top: 50px;}

.imgbox #img389 img {margin-top: 260px;}
.imgbox #img390 img {margin-top: 60px;}
.imgbox #img456 img {margin-top: 20px;}

.left, .right {display: inline;}
.left {float: left;}
.right {float: right;}
.highlight { /* highlight important text */
	background: #FFC;
}
.clear, h2.clear, h3.clear { /* clear floated divs */
	clear: both;
}
.hide { /* hides text from broswer */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	float: left;
}

/*--[ links ]----------------------------------------------------------------*/
a {color: #70b22d;}
a:hover {color: #00539e;}
a.modify {color: #d6ebff;}
a.modify:hover {color: #fff;}

#copy a {color: #666;}
#copy a:hover {color: #333;}

#footer ul a, dl.detail a {color: #adeb6e;}
#footer ul a:hover, dl.detail a:hover {color: #0c4b85;}

p.button, p.slide_link  {
	vertical-align: middle;
	height: 20px;
}
p.button img {
	vertical-align: top;
	float: left;
	display: inline;
	border: 0px;
	margin-right: 2px;
}

p.button a, p.slide_link a, .shop-options a, #productbrowser a.button {
	background-image: url(../i/layout/bg-button.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #509ade;
	padding-right: 8px;
	height: 20px;
	line-height: 20px;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	display: block;
	float: left;
}
p.button a span, p.slide_link a span, .shop-options a span, #productbrowser a.button span {
	background-image: url(../i/layout/bg-button.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #509ade;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	display: block;
	float: left;
	display: inline;
	padding-left: 8px;
	cursor: pointer;
}
p.slide_link a, p.slide_link a span {background-image: url(../i/layout/bg-button-slide.gif);}

p.button a:hover, p.slide_link a:hover, .shop-options a:hover, #productbrowser a.button:hover {
	background-position: right -20px;
	color: #fff;
	background-color: #8CCB4B;
}
p.button a:hover span, p.slide_link a:hover span, .shop-options a:hover span, #productbrowser a.button:hover span {
	background-position: 0px -20px;
	background-color: #8CCB4B;
}

/*--[ header ]----------------------------------------------------------------*/
#header {
	background: #fff;
	position: relative;
	height: 145px;
	width: 960px;
}
#header h1 {
	background: transparent url(../i/layout/logo.gif) 0 0 no-repeat;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 120px;
	height: 100px;
	margin: 0px;
}
#header h1 img {border: 0px;}

#header h2 {
	color: #999;
	cursor: default;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	left: 150px;
	position: absolute;
	top: 40px;
}

#header form {
	clear: both;
	position: absolute;
	right: 0;
	float: right;
	top: 70px;
	height: 30px;
	background: #fff;
	float: right;
}
#header input {
	height: 16px;
	width: 164px;
	padding: 2px;
	border: 1px solid #ddd;
	color: #787878;
	display: inline;
	float: left;
	margin-left: 6px;
	vertical-align: middle;
}
#header form a {
	font-size: 11px;
}

#header .button {
	background: #ababab url(../i/layout/btn-search.gif) 0 0 no-repeat;
	border: 0px;
	width: 28px;
	padding: 20px 0 0;
	overflow: hidden;
	cursor: pointer;
	height: 20px;
	margin: 1px 0 1px 6px;
	float: left;
	display: inline;
}
#header form fieldset {float: left;}

#header form p {
	display: inline;
	float: left;
	width: auto;
	margin: 0;
	line-height: 22px;
	clear: none;
}

/*--[ nav ]----------------------------------------------------------------*/
#nav {
	background: #02488d url(../i/layout/bg-nav.gif) 0 0 no-repeat;
	position: absolute;
	top: 100px;
	left: 0px;
	margin: 0;
	height: 20px;
	width: 950px;
	padding: 7px 0 8px 10px;
}
#nav li {
	background: url(../i/layout/bg-nav-li.gif) top right no-repeat;
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
}
#nav a span {
	background: url(../i/layout/bg-nav-li.gif) 0 0 no-repeat;
	height: 20px;
	display: block;
	float: left;
	display: inline;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 10px;
	cursor: pointer;
}
#nav a {
	background: url(../i/layout/bg-nav-li.gif) top right no-repeat;
	display: block;
	padding-right: 10px;
	float: left;
	display: inline;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

#nav a:hover {color: #8CCB4B;}
#nav .active a span {background: #509ADE url(../i/layout/bg-nav-li.gif) 0 -20px no-repeat;}
#nav .active a, #nav .active a:hover {
	background: #509ADE url(../i/layout/bg-nav-li.gif) right -20px no-repeat;
	color: #fff;
}

#secnav {
	position: absolute;
	right: 0px;
	top: 43px;
	margin: 0px;
}
#secnav li {
	background: #fff;
	float: left;	
	display: inline;
	padding: 0 0 0 8px;
	margin: 0 0 0 8px;
	border-left: 1px solid #ddd;
}
#secnav a, #header form p a {
	font-weight: bold;
	color: #777;
	text-decoration: none;
}
#secnav a:hover, #secnav .active a, #header form p a:hover {color: #00529d;}


#lng, .site_switch {
	color: #fff;
	height: 20px;
	position: absolute;
	margin: 0;
	right: 0px;
	top: 5px;
}

.site_switch {
	right: 60px
}

.residentieel .site_switch { right: 0; }

#lng li {
	background: none;
	display: inline;
	padding: 0;
	margin: 0 0 0 5px;
	float: left;
}

#lng a, .site_switch a {
	background: #eee;
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: bold;
	float: left;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0 5px;
	width: 15px;
}

.site_switch a { width: auto; }


#lng a:hover, #lng .active a, .site_switch a:hover {
	background: #509ADE;
	color: #fff;
}
#lng .active { background: #8CCB4B; }

/*--[ secnav ]----------------------------------------------------------------*/
#subnav {
	position: absolute;
	width: 160px;
	top: 0px;
	left: 0px;
	clear: both;
}
#subnav ul {
	background: #eee url(../i/layout/bg-arrow-greengrey.gif) 0px 0px no-repeat;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 5px;
	display: none;
}
#subnav li.active ul {display: block;}
#subnav li {
	background: #509ade;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #fff;
}
#subnav li a {
	background: #509ade;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 10px;
	line-height: 16px;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	display: block;
	margin: 0px;
}
#subnav li a:hover {background: #8ccb4b;color: #fff;}
#subnav li.active a {
	background: #8ccb4b;
}
#subnav li li {
	background: #eee url(../i/layout/bullet-subnav.gif) 10px 5px no-repeat;
	border: 0px;
}
#subnav li li a, #subnav li.active li a:hover {
	background: #eee url(../i/layout/bullet-subnav.gif) 10px 5px no-repeat;
	color: #666;
	padding: 0 10px 0 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 1.0em;
}
#subnav li.active li a:hover {color: #333;}
#subnav li li.active a, #subnav li li.active a:hover {
	font-weight: bold;
	color: #71b22d;
}
#subnav li.active li a {
	padding-bottom: 0px;
	background: #eee url(../i/layout/bullet-subnav.gif) 10px 5px no-repeat;
}

/*--[ content ]----------------------------------------------------------------*/
#content {
	float: left;
	margin-bottom: 20px;
	width: 960px;
	position: relative;
}
#home #content {width: 640px;}

#vacatures #content {
	/* Minimum height fix */
	min-height: 600px;
}


#main {
	width: 580px;
	margin-left: 180px;
	float: left;
	display: inline;
	min-height: 340px;
	height: auto !important;
	height: 340px;
}
#shop #main {height: auto;}

#main.stretch, #main.stretch {width: 780px;}

/*--[ sidebar ]----------------------------------------------------------------*/
#sidebar {
	width: 180px;
	margin: -34px 0 0 0;
	float: right;
	z-index: 20;
	padding-left: 20px;
	position: relative;
	background: #fff;
}
#home #sidebar {width: 300px;margin: 0px;}

#sidebar strong {color: #00529d;}

#brochurebox li, #downloadbox li {
	background: url(../i/layout/bullet-page.gif) 0 0.2em no-repeat;
	padding-left: 15px;
}

/*--[ crumbs ]----------------------------------------------------------------*/
#nieuwsbrief #crumbs {
	margin-left: 0px;
}
#crumbs {
	background: #eee;
	font-size: 0.9em;
	color: #666;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	margin: 0 0 10px 180px;
	z-index: 10;
	position: relative;
}

#crumbs a {
	color: #666;
	float: left;
	padding: 0 10px;
	position: relative;
	margin-left: -10px;
	cursor: pointer;
	font-weight: normal;
	text-decoration: none;
}
#crumbs a:hover {color: #333;}
#crumbs span {
	background: #eee url(../i/layout/crumbs-sep.gif) 0 0 no-repeat;
	float: left;
	width: 14px;
	margin: 0 10px 0 0;
	position: relative;
	height: 0 !important;
	padding-top: 24px;
	overflow: hidden;
}
/*--[ contentfooter ]----------------------------------------------------------------*/
#contentfooter {
	width: 100%;
	float: left;
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #eee;
	clear: both;
	height: 20px;
	text-align: right;
}
#contentfooter li {
	background: #fff;
	float: right;
	display: inline;
	line-height: 16px;
	padding: 0;
	margin-left: 10px;
}
#contentfooter img {
	border: 0px;
	vertical-align: middle;
}
#contentfooter a {
	text-decoration: none;
	color: #666;
}
#contentfooter a:hover {color: #333;}


/* Pagination  */
#page-nav {
	background: #eee;
	color: #666;
	clear: both;
	margin: 10px 0 0 0;
	overflow: hidden;
	height: 24px;
	text-transform: uppercase;
	font-size: 0.9em;
	text-align: center;
}
#page-nav span {
	color: #999;
	cursor: default;
	padding: 8px;
	line-height: 24px;
}
#page-nav a {
	color: #666;
	border-right: 2px solid #fff;
	text-decoration: none;
	padding: 8px;
	line-height: 24px;
}
#page-nav a:hover {
	text-decoration: none;
	color: #333;
}

#page-nav .active {
	color: #333;
	font-weight: bold;
	cursor: default;
}
#page-nav .prev {padding-left: 20px;background: #eee url(../i/layout/prev.gif) 0% 50% no-repeat;border-right: 2px solid #fff;}
#page-nav .next {padding-right: 20px;background: #eee url(../i/layout/next.gif) 100% 50% no-repeat;border: 0px;}

/*--[ footer ]----------------------------------------------------------------*/
#footer {
	clear: both;
	width: 960px;
}
#footer #copy {
	clear: both;
	height: 1%; /* IE7 bugfix */
	background: #eee;
	color: #666;
	padding: 8px 10px;
	font-size: 0.9em;
	text-align: right;
	margin: 0px;
}

/*----------------
Home
----------------*/
#slideshow {
	background: #02488e url(../i/layout/bg-slideshow.jpg) 0 0 repeat-x;
	width: 640px;
	height: 250px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#slideshow .slide h1 {
	background: url(../i/layout/arrow.gif) top right no-repeat;
	font-size: 1.6em;
	letter-spacing: -0.8pt;
	color: #9cd164;
	line-height: 20px;
/*
	position: absolute;
	top: 20px;
	left: 10px;
*/
	margin: 0 0 10px 0;
	position: relative;
	width: 200px;
	padding-right: 20px;
	z-index: 1000;
}
#slideshow img {width: 420px;}
#slideshow strong {color: #92c9fa;}
#slideshow .slide  {
	background: #02488e url(../i/layout/bg-slideshow.jpg) 0 0 repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	padding: 20px 430px 0 10px;
	height: 230px;
	overflow: hidden;
	color: #fff;
}
#slideshow .hidden {display: none;}
#slideshow .slide img {
	position: absolute;
	top: 0px;
	right: 0px;
	border: 0px;
	z-index: 100;
}
#slideshow #slide_prev, #slideshow #slide_next, #browse_prev, #browse_next {
	position: absolute;
	bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	text-indent: -999em;
	overflow: hidden;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 16px;
	height: 16px;
	z-index: 200;
	outline: none;
}
#slideshow #slide_prev, #browse_prev {left: 165px;background-image: url(../i/layout/bg-prev.gif);}
#slideshow #slide_next, #browse_next {left: 190px;background-image: url(../i/layout/bg-next.gif);}
#slideshow #slide_prev:hover, #slideshow #slide_next:hover, #browse_prev:hover, #browse_next:hover {
	background-position: 0px -16px;
}
#slideshow .slide_link {
	z-index: 200;
}

#newsbox {
	clear: both;
	float: left;
	width: 640px;
	margin-bottom: 10px;
}
#newsbox div, #newsletterbox {
	width: 320px;
	float: left;
}
#newsbox div.right, #jobsbox {
	width: 300px;
	float: right;
}
#newsbox h3 {font-size: 1em;}
#newsbox h3 a {
	text-decoration: none;
	color: #00529d;
	font-weight: bold;
}
#newsbox h3 a:hover, #newsbox dt a:hover {color: #71b32d;}
#newsbox .left img {
	float: left !important;
	display: inline;
	margin: 5px 10px 5px 0 !important;
	height: 75px;
}
#newsbox dt a {
	color: #00529d;
	font-weight: bold;
	text-decoration: none;
}
#newsbox dd {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.4em;
	margin-bottom: 0.6em;
}
#newsbox p.button {
	float: left;
	display: inline;
	margin-right: 10px;
}
#newsletterbox {clear: both;}
#sidebar #momentsbox {
	margin: 0px;
	min-height: 260px;
	height: auto !important;
	height: 260px;
}
#footer #momentsbox {
	background: #509ade;
	width: 100%;
	float: left;
	padding-bottom: 5px;
}
#footer #momentsbox h3, #footer #momentsbox ul {padding-left: 180px;}

ul.imagelist {margin: 0px;}
ul.imagelist img {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
#footer ul.imagelist img {border-color: #6ab2f4;}
ul.imagelist p {
	padding: 5px 0 0 70px;
	margin: 0px;
}
#momentsbox p.button {padding: 0px;}
#faqbox a {text-decoration: none;}
#faqbox a:hover strong {color: #70b22d;}

ul.imagelist li {
	border-bottom: 1px solid #ddd;
	padding: 0 0 7px 0;
	float: left;
	display: inline;
	margin-bottom: 7px;
	width: 100%;
	background: none;
}
#footer ul.imagelist li {
	border: 0px;
	width: 260px;
	float: left;
	margin: 0px;
	color: #fff;
}

div.box {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
div.grey {
	background: #eee;
	padding: 0 10px;
	overflow: hidden;
	clear: both;
	width: 560px;
}
.stretch div.grey {width: 760px;}
#sidebar div.grey {
	width: 160px;
}
#home #sidebar div.grey {width: 280px;}

div.grey h2.arrow, div.grey h3.arrow {
	margin-left: -10px;
	margin-right: -10px;
}
div.grey table h3.arrow, div.grey #panelpreview h2 {margin: 0px;}

#contactbox p img {
	float: left;
	display: inline;
	border: 0px;
	margin-right: 10px;
}
#contactbox p.button img {margin-right: 2px;}

p#btn-gezinsbond,
p#btn-projectfilm,
p#btn-zonneboiler-engineering,
p#btn-opbrengstgarantie {
	background: #509ade url(../i/layout/btn-gezinsbond.gif) 0 0 no-repeat;
	width: 300px;
	height: 100px;
	clear: both;
	margin-bottom: 10px;
}
p#btn-gezinsbond a,
p#btn-projectfilm a,
p#btn-zonneboiler-engineering a,
p#btn-opbrengstgarantie a {
	background: #509ade url(../i/layout/btn-gezinsbond.gif) 0 0 no-repeat;
	width: 300px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
}
p#btn-gezinsbond a:hover {background: #8ccb4b url(../i/layout/btn-gezinsbond.gif) 0 -100px no-repeat;}
p#btn-opbrengstgarantie,
p#btn-opbrengstgarantie a { height: 120px; background: #fff url(../i/izen-opbrengstgarantie.jpg) 0 0 no-repeat; }
.fr p#btn-opbrengstgarantie,
.fr p#btn-opbrengstgarantie a { height: 120px; background: #fff url(../i/izen-opbrengstgarantie-fr.jpg) 0 0 no-repeat; }
p#btn-zonneboiler-engineering,
p#btn-zonneboiler-engineering a { height: 120px; background: #fff url(../i/izen-zonneboiler-engineering.jpg) 0 0 no-repeat; }
.fr p#btn-zonneboiler-engineering,
.fr p#btn-zonneboiler-engineering a { height: 120px; background: #fff url(../i/izen-zonneboiler-engineering-fr.jpg) 0 0 no-repeat; }
p#btn-projectfilm,
p#btn-projectfilm a { height: 120px; background: #fff url(../i/izen-projectfilm.jpg) 0 0 no-repeat; }
.fr p#btn-projectfilm,
.fr p#btn-projectfilm a { height: 120px; background: #fff url(../i/izen-projectfilm-fr.jpg) 0 0 no-repeat; }

p#btn-projectfilm a:hover,
.fr p#btn-projectfilm a:hover { background-position: 0 -120px; }
/*----------------
Nieuws, Infomomenten, Faq, Downloads, Realisaties
----------------*/
.newsitem, .faqitem, .calendaritem, .downloaditem, .realisationitem {
	background: #fff;
	width: 580px;
	float: left;
	padding: 10px 0;
	border-top: 3px solid #eee;
	position: relative;
}
.calendaritem, .realisationitem {min-height: 60px;height: auto !important;height: 60px;}
.newsitem h2, .faqitem h2, .calendaritem h2, .downloaditem h2, .realisationitem h2 {font-size: 1.4em;}
.faqitem h2, .calendaritem h2, .downloaditem h2, .realisationitem h2 {line-height: 20px;margin: 0px;text-transform: none;width: 440px;color: #888;}
.downloaditem h2, .downloaditem p {clear: both;width: 480px;}
.newsitem h2 a, .faqitem h2 a, .calendaritem h2 a, .downloaditem h2 a, .realisationitem h2 a {text-decoration: none;color: #00529d;}
.faqitem h2 a, .calendaritem h2 a, .downloaditem h2 a, .realisationitem h2 a, .prod-list h2 a, td a {color: #666;}
.calendaritem h2, .calendaritem .category, .realisationitem h2 {
	margin-left: 150px;
	width: 360px;
}
.realisationitem h2, .realisationitem p {
	margin-left: 70px;
	width: 440px;
}

.downloaditem h2 small {font-size: 0.8em;}
.calendaritem .date {
	background: #509ade url(../i/layout/bg-date.gif) top right no-repeat;
	color: #fff;
	position: absolute;
	left: 0px;
	top: 10px;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 2px 11px 2px 4px;
	width: 60px;
	text-align: center;
	font-weight: bold;
}
.calendaritem img, .realisationitem img {
	position: absolute;
	left: 80px;
	top: 10px;
	width: 50px;
	height: 50px;
	clear: both;
	-ms-interpolation-mode:bicubic; /* IE7 pic rendering fix */
}

.realisationitem img {left: 0px;}
/*.desc {width: 290px;}*/
.calendaritem .date span {display: block;height: 5px;line-height: 5px;color: #a8d2f9;}
.calendaritem p.button, .downloaditem p.button, .realisationitem p.button {position: absolute;top:10px;right: 0px;width: auto;}
.newsitem h2 a:hover, .faqitem h2 a:hover, .calendaritem h2 a:hover, .downloaditem h2 a:hover, .realisationitem h2 a:hover, .prod-list h2 a:hover, td a:hover {color: #71b32d;}

.news-img img, .calendar-img, .realisation-img {
	float: right;
	display: inline;
	margin: 0 0 10px 10px;
}
.newsitem img, .faq-img img {
	float: left !important;
	display: inline;
	margin: 3px 10px 5px 0 !important;
	height: 75px;
}

.newsitem p.button, .faqitem p.button, .calendaritem p.button, .downloaditem p.button {float: right;margin: 0px;}

#gallery, #relatedlinks {clear: both;}
#gallery ul, #relatedlinks ul {
	padding-top: 10px;
	border-top: 3px solid #eee;
	width: 580px;
	float: left;
	margin: 0 0 20px 0;
}
#gallery li {
	background: #fff;
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
	padding: 0px;
}
dl.detail {
	background: #509ade url(../i/layout/bg-arrow-blue.gif) bottom left no-repeat;
	padding: 4px 10px 11px 10px;
	margin-bottom: 0.5em;
	width: 270px;
	color: #fff;
}
dl.detail dt {
	width: 70px;
	float: left;
	margin: 0;
	text-align: right;
}
dl.detail dd {
	font-weight: bold;
	margin-left: 80px;
}

#main #realisationq {width: 560px;height: 30px;margin: 0;}
#main #realisationq input, #main #realisationq select {float: left; clear: none; display: inline;margin:0 10px 0 0;}

div.col2 {
	width: 580px;
	overflow: hidden !important;
}
.stretch div.col2 {
	width: 780px;
}
div.col2 ul {width: 600px;} .stretch div.col2 ul {width: 800px;}

div.col2 ul li {width: 280px;float: left; display: inline;margin-right: 20px;}
.stretch div.col2 ul li {width: 380px;overflow: hidden;}

/*----------------
Zoeken
----------------*/
#searchresults li {
	padding: 10px 0;
	border-top: 3px solid #eee;
	background: #fff;
}
#searchresults li a {text-decoration: none;color: #00539e;}
#searchresults a:hover {color: #70b22d;}

#searchresults li p {margin: 0px;}
#searchresults li p.more {
	color: #999;
}
#searchq {
	background: #eee;
	padding: 10px;
}
#searchq input, #searchq select {float: left;display: inline;}
#searchq select {width: auto;margin: 0 0 0 5px;}

#searchq input.btn {
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	display: inline;
}
.pages {
	padding: 1em 0;
	text-align: center;
	font-weight: bold;
}
.pages a {font-weight: normal;}

#searchagain {
	margin-top: 20px;
}

/*----------------
Sitemap
----------------*/
.sitetree {
	float: left;
	width: 780px;
}
.sitetree ul {margin-bottom: 20px;}
.sitetree li {
	padding: 0px;
	background: none;
	width: 190px;
	font-weight: bold;
	float: left;
	text-transform: uppercase;
}
.sitetree ul ul, .sitetree li li {
	float: none;
	width: auto;
	margin: 0px;
}

.sitetree li li {
	background: url(../i/layout/bullet.gif) 0 0.3em no-repeat;
	list-style-type: none;
	padding: 0 0 0 10px;
	font-weight: normal;
	text-transform: none;
}
.sitetree li a {text-decoration: none;color: #00539e;}
.sitetree li li a {color: #70b22d;}
.sitetree li a:hover {text-decoration: underline;color: #00539e;}


/*----------------
Shop
----------------*/
#shop #main {overflow: hidden;}
.prod-list {
	border-top: 3px solid #eee;
	padding-top: 10px;
	width: 600px;
}
.prod-list li {
	background: #fff;
	width: 200px;
	height: 190px;
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	position: relative;
}
.prod-list img {
	float: left;
	width: 170px;
	height: 128px;
}
.prod-list a {text-decoration: none;}
.prod-list h2 {
	position: absolute;
	top: 138px;
	left: 0px;
	width: 180px;
	margin: 0;
	font-size: 1em;
	line-height: 1.2em;
}
.prod-list p {
	position: absolute;
	bottom: 57px;
	right: 25px;
	background: #509ADE;
	color: #fff;
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	text-align: right;
}
#product-img {
	float: left;
	display: inline;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 270px;
	position: relative;
}
#product-img div {
	background: #eee;
	width: 270px;
	overflow: hidden;
	text-align: center;
}
#product-img img {
	display : block; /* Firefox bugfix extra padding bottom */
	margin: 0 auto;
	background: #eee;
}
#product-img p {
	margin: 0px;
}
#product-img p.deliv {
	float: left;
	width: 200px;
	padding: 4px 0;
}

#product-img p.price, #product-img p.promo {
	position: absolute;
	top: 5px;
	right: 5px;
	background: #509ADE;
	color: #fff;
	font-size: 1.4em;
	text-align: right;
	margin: 0px;
	float: right;
	padding: 6px 10px;
}
#product-img p.price del {font-size: 0.8em;}
#product-img p.promo {background: #a2ca50 url(../i/layout/bg-nav.gif) 0 0 repeat-x;}
/*
#product-data {
	float: right;
	width: 295px;
}
*/
#product-img .button {
	text-align: left;
	width: auto;
	overflow: visible;
	background: #509ADE url(../i/layout/icon-basket.gif) 0% 50% no-repeat;
	color: #fff;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 4px 10px 4px 26px;
	border: 0px;
	cursor: pointer;
}
#product-data h2 {clear: both;}
#product-img .btw {
	color: #999;
	margin: 0;
	font-size: 0.9em;
	line-height: 20px;
}
#frm_order div.options {
	float: left;
	display: inline;
	width: 180px;
	background: #F0F8E0;
	padding: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
}
#movies li {
	padding: 0px;
	background: none;
	margin-bottom: 10px;
}


#frm_order h3 {
	font-size: 1.1em;
	font-weight: bold;
}
#frm_order div {float: none; width: auto;margin-bottom: 0px;}

#frm_order .button {
 	clear:both;
}

#frm_order label {
	float: none;
	width: 180px;
	cursor: pointer;
	text-align: left;
	margin: 0px;
	clear: both;
	display: block;
}

div.options input {
	background: none;
	width: auto;
	margin: 0 5px 0 0;
	border: 0px;
	float: left;
}
.detail img {
	width: auto;
	margin: 0 auto;
}
#basketbox strong {color: #666;}
#basketbox .totalprice {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 0 10px 0;
	margin: -6px -10px 10px -10px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#basketbox .totalprice strong {
	font-size: 2.2em;
	line-height: 0.8em;
	display: block;
	color: #00529d;
}
#basketbox .totalprice span {text-transform: none;color: #999;}

#discountbox img {border: 0px;}


#productbrowser {
	width: 160px;
	position: relative;
	height: 110px;
	overflow: hidden;
	text-align: center
}
#productbrowser ul {
	width: 9999em;
	margin: 0;
}
#productbrowser img {border: 0px;}
#productbrowser a img {
	width: 65px;
	height: 65px;
}
#productbrowser li a {
	display: block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	border: 5px solid #ddd;
}
#productbrowser li a:hover {border-color: #8CCB4B;}
#productbrowser li {
	background: none;
	padding: 0;
	float: left;
	width: 85px;
	text-align: left;
}
#browse_prev, #browse_next {bottom: 10px;}
#browse_prev {left: 0px;}
#browse_next {right: 0px;left: auto;}
#productbrowser a.button {
	position: absolute;
	bottom: 8px;
	left: 40px;
}

/* Winkelmandje */ 
table {
	background: #eee;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	border: 0px;
}
#basketdetail th, #basketdetail td {
	padding: 4px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#basketdetail th {border-color: #fff;border-bottom: 0px;}
#basketdetail th.action, #Order #basketdetail th.subtotal {border-color: #8CCB4B;}
#basketdetail th.desc {border-left: 1px solid #8CCB4B;}
#basketdetail .action {text-align: center;}
#basketdetail th.price, #basketdetail th.quantity, #basketdetail th.subtotal {
	width: 66px;
	text-align: center;
}
#basketdetail td.price, #basketdetail  td.quantity, #basketdetail  td.subtotal, #basketdetail  tr.total .label, table.steps .label {text-align: right;}
#basketdetail .action {width: 20px;}
#basketdetail tr.total td {font-weight: bold;}
#basketdetail tr.total .label, table.steps .label {
	text-transform: uppercase;
	font-size: 0.9em;
}
#basketdetail td.desc {border-left: 1px solid #ccc;}
#basketdetail td.empty {background: #fff;border-bottom-color: #fff;}
#basketdetail tr.total td.empty {color: #999;font-weight: normal;}
	
#Order #basketdetail td.empty {background: #eee;border-bottom-color: #eee;}	

#basketdetail td input {padding: 0;}

.ncoltable1, .ncoltable1 td,
.ncoltable2, .ncoltable2 td,
.ncoltable3, .ncoltable3 td,
.ncollogoc table
 {border: 0px;}

table del {color: #999;font-size: 0.9em;}
td {background: #eee;vertical-align: middle;}
table a {text-decoration: none;}
td img {border: 0;display: inline;}
#basketdetail thead th {
	text-transform: uppercase;
	background: #8CCB4B;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
}
#basketdetail td.head {
	background: #8CCB4B;
	font-weight: bold;
	color: #fff;
}
td input.qty {
	width: 40px;
	text-align: right;
}
td input.NCOLINIM {
	border: 0px;
	padding: 0px;
	width: auto;
}
td label {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	text-align: left;
}
td select {
	width: auto;
}
td form div {
	float: none;
	margin: 0;
	width: auto;
}

p.question {
	margin: 0;
	font-weight: bolder;
}

#basket_item {
	width: 12px;
	height: 11px;
	border :none;
}
.shop-options {
	margin-left: 280px;
	float: left;
	display: inline;
}
.shop-options li {
	background: none;
	padding: 0;
	float: left;
	display: inline;
	margin-bottom: 0px;
	margin-right: 10px;
}
#submitlast {
	float: right;
	margin: 0;
}
#PaymentMethods label, #DeliveryMethods label {font-weight: bold;}
#PaymentMethods p.clear , #DeliveryMethods p.clear {margin: -5px 0 15px 110px;float: none;}


/*----------------
Wizard
----------------*/
#steps {margin: 0;}
#steps li {
	background: none;
	border-bottom: 1px solid #ccc;
	padding: 6px 10px 10px 10px;
	width: 160px;
	margin: -6px -10px 10px -10px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#steps li p {margin: 0;}
#steps li.active h4 {
	font-size: 2.2em;
	display: block;
	color: #00529d;
}

table.steps input {width: 40px;text-align: center;}
table.steps label input {width: auto;}
table.steps select {width: 50px;}
table.steps td {vertical-align: top;padding: 0 5px 10px 5px;}
table.steps td.quantity {vertical-align: middle;}
table.steps th.quantity {width: 50px;}
table.steps .price {width: 80px;text-align: right;}
table.steps td.total {width: 80px;text-align: right;}
table.steps .total, table.steps tr.subtotal td {font-weight: bold;}
table.steps tr.subtotal td {border-top: 1px solid #ccc;}
table.steps tr.total td { color: #00529D;font-size: 14px;}

.button .second {margin-left: 20px;}
p.highlight {padding: 10px;}

form #panelpreview  {width: 560px;text-align: center;}

#panelpreview table {
	width: auto;
	margin: 0 auto 20px auto;
	text-align: center;
}
#panelpreview td {padding: 0px;text-align: center;width: 45px; height: 70px;}
#panelpreview td img {float: left;}

form #panelerror {margin: 0px;}
#panelpreview .caution {cursor: help;}
#panelpreview #panelerror {
	background: url(../i/layout/bg-panelerror.jpg) top center no-repeat;
	text-align: center;
	font-weight: bold;
	height: 40px;
	margin: 0 auto;
	width: 230px;
	padding: 20px 20px 10px 20px;
	line-height: 14px;
	color: #f00;
}
form div.tooltip {
	width: 300px;
	padding: 10px;
	background: #f7f7f7;
	border: 5px solid #ddd;
	height: auto;
	left: 270px;

}
div.tooltip img {
	float: left;
	height: 70px;
	display: inline;
	margin-right: 10px;
}
div.tooltip p {margin: 0;}

/*----------------
Contact
----------------*/
form div {
	margin-bottom: 10px;
	width: 280px;
	overflow: hidden;
	position: relative;
	float: left;
}
form fieldset div {	height: 40px;margin-bottom: 0px;}
form fieldset div.checks {height: auto;margin-bottom: 10px;}
form div span {
	color: #999;
	position: absolute;
	right: 15px;
	text-align: right;
	top: 0px;
	z-index: 10;
	line-height: 20px;
}
form .block span {right: 295px;}

form div.textarea, form div.button, form div.block, form div.checks {
	width: 560px;
	clear: both;
	float: none;
}
form div.button {clear:both;width: 560px;float: left;}

label {
	display: block;
	cursor: pointer;
	float: left;
	width: 105px;
	text-align: right;
	padding: 2px 5px 2px 0;
}
.checks label, .checks p, .button p {
	float: none;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: auto;
}
.checks label, form p, form address {margin-left: 110px;}
form .nm {margin-left: 0px;margin-bottom: 0px;}
td label input {border: 0px;}

.checks label {height: 20px;}
.checks input {
	width: auto;
	border: none;
	margin-right: 3px;
	float: left;
}
input, textarea {
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px 4px;
	width: 150px;
	border: 1px solid #ccc;
	border-right-color: #bbb;
	border-bottom-color: #bbb;
}
#sidebar input {width: 150px;}
#sidebar select {
	width: 160px;
	margin-top: 10px;
}

select {width: 160px;}
textarea {
	width: 430px;
	overflow: auto;
	height: 120px;
}
form div.textarea {height: 150px;}
div.error p, p.error, span.error, label em, span.label em, em.error, td.error { color: #f00;}
div.error p, p.error {
	font-style: italic;
	margin-left: 110px;
	margin-right: 0px;
	margin-bottom: 0px;
}
td.error {font-style: italic;}
div.error input,  div.error textarea, td.error input {
	border-color: #e23b00;
	background: #fff3ef url(../i/layout/bg-error.gif) 0.4em 0.4em no-repeat;
	text-indent: 10px;
}
.errors, #success {
	clear: both;
	padding: 10px;
	background: #e23b00;
	margin : 0 0 10px 0px;
}
#success {
	background: #8ccb4b;
	margin : 0;
	margin-bottom: 10px;
}
.errors h3, #success h3 {
	clear: both;
	color: #fff;
	font-size: 1.0em;
	letter-spacing: 0px;
	margin: 0px;
	text-transform: none;
}
div.button input, input.btn, #sidebar input.btn {
	background: #509ade url(../i/layout/bg-button.gif) top center no-repeat;
	padding: 0 5px;
	border: 0px;
	width: auto;
	height: 20px;
	font-size: 0.9em;
	text-transform: uppercase;
	overflow: visible;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	margin-left: 110px;
	margin-bottom: 10px;
}
#sidebar input.btn {
	margin: 10px 0;
	float: none;
}
#sidebar form {float: left;}
div.button p {
	color: #999;
	clear:both;
}

#map {
	width: 580px;
	height: 300px;
	margin-bottom: 20px;
}