/*
-------------------------------------------------+
Client: ZEN RENEWABLES
Date: 09/07/2008
Copyright: Robarov
Author: Jan Meeus
-------------------------------------------------+
*/
* {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	background: #eceded url(../i/layout/bg-body.jpg) 0px 0px repeat-x;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  76%;
	line-height: 1.4em;
	text-align: center;
}
body.mceContentBody {text-align: left;}
body#home {color: #fff;}

#container {
	background: #fff;
	margin: 0px auto;
	text-align: left;
	width: 960px;
}
#home #container {background: #FDBE11 url(../i/layout/bg-container-home.jpg) 0 0 repeat-y;}

/*--[ common ]----------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-weight: normal;
	line-height: 1em;
}
h1 {
	color: #3d1953;
	font-size: 1.8em;
	margin-bottom: 1em;
	letter-spacing: 0.6pt;
	font-style: italic;
}
h2 {
	color: #3d1953;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.3em;
	letter-spacing: 0.3pt;
}

h3 {
	color: #3d1953;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
p {margin-bottom: 1em;}
ol {margin: 0px 0px 1em 2em;}
ul, dl {margin-bottom: 1em;}
ul li {
	background: transparent url(../i/layout/bullet.gif) 0em 0.3em no-repeat;
	list-style-type: none;
	padding: 0px 0px 0px 14px;
}
img, fieldset {border: none;}
.alignleft {
	display: inline;
	float: left;
	margin: 0px 15px 5px 0px;
}
.alignright {
	display: inline;
	float: right;
	margin: 0px 0px 5px 15px;
}
.highlight {background: #ffc;}
.clear {clear: both;}
.hide {
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 0px;
}
.col {width: 280px;}
.left, .right {display: inline;}
.left {float: left;}
.right {float: right;}
.col img {margin-bottom: 1em;}

dt {
	width: 60px;
	float: left;
	margin: 0;
	font-weight: bold;
}
dd {
	margin-left: 70px;
}


/*--[ links ]----------------------------------------------------------------*/
a {color: #d71921;}
/*#content a:visited {color: #e85157}*/
a:hover {color: #3d1953;}
#footer a {color: #fff;text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/*--[ header ]----------------------------------------------------------------*/
#header {
	background: url(../i/layout/bg-header.jpg) top right no-repeat;
	height: 150px;
	position: relative;
}
#home #header {
	background-image: url(../i/layout/bg-header-home.jpg);
	height: 215px;
}
#header h2 {
	background: #fff url(../i/layout/zen-logo.gif) 0px 0px no-repeat;
	width: 220px;
	height: 80px;
	left: 60px;
	top: 35px;
	margin: 0px;
	padding: 0px;
	position: absolute;
}
#header h2 a {
	width: 220px;
	height: 80px;
	display: block;
	float: left;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9000em;
}
#home #header h2 {top: 105px;}
#header p {font-size: 1.2em;}
#lng {
	position: absolute;
	z-index: 10;
	left: 820px;
	top: 40px;
	margin: 0px;
	color: #B7B1BF;
}
#lng a {
	color: #ffd57c;
	text-decoration: none;
}
#lng a:hover {color: #fff;}
#lng a.active {
	font-weight: bold;
}
#prtnr {
	background: url(../i/layout/bg-prtnr.gif) 0 0 no-repeat;
	position: absolute;
	right: 150px;
	top: 33px;
	width: 145px;
	height: 32px;
	z-index: 10;
}
#prtnr a {
	background: url(../i/layout/bg-prtnr.gif) 0 0 no-repeat;
	width: 150px;
	height: 32px;
	display: block;
	float: left;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9000em;
}
#prtnr a:hover {background-position: 0px -32px;}
#prtnr.active a {background-position: 0px -64px;}

#header #flash {
	z-index: 1;
	width: 640px;
	height: 200px;
	position: absolute;
	top: 0px;
	right: 0px;
}

/*--[ navigation ]----------------------------------------------------------------*/
#nav {
	right: 0px;
	margin: 0px;
	position: absolute;
	top: 115px;
	width: 640px;
}
#nav li {
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 128px;
}
#nav a {
	background-repeat: no-repeat;
	float: left;
	text-indent: -9000em;
	overflow: hidden;
	cursor: pointer;
	height: 35px;
	width: 128px;
	display: block;
	text-decoration: none;
}
.nl #nav.eindgebruikers li, .nl #nav.eindgebruikers li a {background-image: url(../i/layout/bg-nav-enduser-nl.gif);}
.fr #nav.clients-particuliers li, .fr #nav.clients-particuliers li a {background-image: url(../i/layout/bg-nav-enduser-fr.gif);}
.nl #nav.professionelen li, .nl #nav.professionelen li a {background-image: url(../i/layout/bg-nav-pro-nl.gif);}
.fr #nav.professionels li, .fr #nav.professionels li a {background-image: url(../i/layout/bg-nav-pro-fr.gif);}
#n1, #n1 a {background-position: 0px 0px;}#n1 a:hover {background-position: 0px -35px;}#n1.active a {background-position: 0px -70px;}
#n2, #n2 a {background-position: -128px 0px;}#n2 a:hover {background-position: -128px -35px;}#n2.active a {background-position: -128px -70px;}
#n3, #n3 a {background-position: -256px 0px;}#n3 a:hover {background-position: -256px -35px;}#n3.active a {background-position: -256px -70px;}
#n4, #n4 a {background-position: -384px 0px;}#n4 a:hover {background-position: -384px -35px;}#n4.active a {background-position: -384px -70px;}
#n5, #n5 a {background-position: -512px 0px;}#n5 a:hover {background-position: -512px -35px;}#n5.active a {background-position: -512px -70px;}

p#homelink {
	background: #fff url(../i/layout/bg-footer-links-li.gif) 0% 50% no-repeat;
	position: absolute;
	font-size: 1.2em;
	right: 690px;
	padding-left: 14px;
	top: 150px;
}
p#homelink a {
	text-indent: 0px;
	color: #818285;
	height: auto;
	text-decoration: none;
	width: auto;
	float: none;
}
p#homelink a:hover {color: #674A78;}

/*--[ sidebar ]----------------------------------------------------------------*/
#sidebar {
	background: #fff;
	padding-top: 36px;
	float: left;
	width: 220px;
	padding: 30px 40px 0 60px;
	margin-bottom: 20px;
}
#home #sidebar {background: none;}

.nl #sidebar ul.eindgebruikers, .fr #sidebar ul.clients-particuliers {background: #fff  url(../i/layout/bg-endusers-sidebar.jpg) 0 0 no-repeat;}
.nl #sidebar ul.professionelen, .fr #sidebar ul.professionels {background: #fff  url(../i/layout/bg-pro-sidebar.jpg) 0 0 no-repeat;}

#sidebar ul {
	padding-top: 36px;
	border-bottom: 1px solid #febd10;
	width: 220px;
	margin: 0px;
	float: left;
}
#sidebar ul ul {
	background: #fff;
	padding: 0px;
	border-bottom: 0px;
	width: 220px;
}
#sidebar li {
	background: #fff;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #febd10;
	text-align: right;
	font-size: 1.2em;
	width: 220px;
	float: left;
	line-height: 1em;
}
#sidebar li a {
	text-decoration: none;
	color: #818285;
	width: 200px;
	display: block;
	padding: 10px;
}
#sidebar li a:hover {color: #644c74;}
#sidebar li.active {
	background: #fff0d0 url(../i/layout/bg-sidebar-li-active.jpg) 0 0 repeat-y;
	font-weight: bold;
}
#sidebar li.active a {color: #58585a;}
#sidebar li ul {
	display: none;
}
#sidebar li.active ul {
	border-top: 1px solid #febd10;
	display: block;
}
#sidebar li.active li {font-weight: normal;}
#sidebar li li a {
	padding: 5px 10px;
}
#sidebar li li, #sidebar li li.active {
	background: #e1e2e3 url(../i/layout/bg-sidebar-li-li.jpg) 0 0 repeat-y;
	font-size: 0.9em;
	border-color: #fff;
}
#sidebar li li a:hover, #sidebar li li.active a {color: #674A78;}
#sidebar li li.active {font-weight: bold;}

/*--[ content ]----------------------------------------------------------------*/
#content {
	background: #fff url(../i/layout/bg-content.jpg) 0px 0px repeat-x;
	padding: 30px 40px 0px 20px;
	width: 580px;
	float: left;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#home #content {
	background: none;
	width: 820px;
	padding: 30px 80px 0px 60px;
}
/*--[ home ]----------------------------------------------------------------*/
#box {
	width: 500px;
	float: left;
	text-align: center;
}
#box .box {
	width: 240px;
	height: 280px;
	margin-bottom: 20px;
}
#box p {
	font-size: 1.2em;
	line-height: 1.6em;
	}

#box h2 {
	width: 240px;
	height: 0px !important;
	line-height: 230px;
	overflow: hidden;
	padding-top: 230px;
	margin: 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#box ul {
	width: 240px;
	height: 50px;
}

#box ul li {
	width: 80px;
	height: 50px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#box ul li a {
	text-indent: -999em;
	overflow: hidden;
	display: block;
	height: 50px;
	width: 80px;
}
#box ul li, #box ul li a {background-repeat: no-repeat;}

#home.nl .box.left h2 {background-image: url(../i/layout/eindgebruikers-nl.jpg);}
#home.fr .box.left h2 {background-image: url(../i/layout/eindgebruikers-fr.jpg);}
#home.nl .box.right h2 {background-image: url(../i/layout/professionelen-nl.jpg);}
#home.fr .box.right h2 {background-image: url(../i/layout/professionelen-fr.jpg);}

#home.nl .box.left li, #home.nl .box.left li a {background-image: url(../i/layout/eindgebruikers-list-nl.gif);}
#home.fr .box.left li, #home.fr .box.left li a {background-image: url(../i/layout/eindgebruikers-list-fr.gif);}
#home.nl .box.left li, #home.nl .box.right li a {background-image: url(../i/layout/professionelen-list-nl.gif);}
#home.fr .box.left li, #home.fr .box.right li a {background-image: url(../i/layout/professionelen-list-fr.gif);}

.n1, .n1 a {background-position: 0px 0px;} .n1 a:hover {background-position: 0px -50px;}
.n2, .n2 a {background-position: -80px 0px;} .n2 a:hover {background-position: -80px -50px;}
.n3, .n3 a {background-position: -160px 0px;}.n3 a:hover {background-position: -160px -50px;}

#newsbox {
	width: 300px;
	float: right;
}
#newsbox h3 a {
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-decoration: none;
}
#newsbox p {
	border-bottom: 1px solid #fff;
	padding-bottom: 1em;
}

/*--*/
#calendarbox {
	width: 300px;
	float: right;
}
#calendarbox h3 a {
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-decoration: none;
}
#calendarbox p {
	border-bottom: 1px solid #fff;
	padding-bottom: 1em;
}

/*--[ forms ]----------------------------------------------------------------*/
form div {margin-bottom: 10px;}
label {
	display: block;
	float: left;
	width: 90px;
	margin-right: 10px;
	text-align: right;
	padding: 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 {margin-left: 100px;}
.button p {font-style: italic;color: #999;}
.checks input {
	width: auto;
	border: none;
}
input, textarea {
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px 4px;
	width: 240px;
	border: 1px solid #d9d7ce;
	border-right-color: #c2c0b6;
	border-bottom-color: #c2c0b6;
}
.col label {width: 70px;}
.col input {width: 160px;}

textarea {
	width: 400px;
	overflow: auto;
	height: 120px;
}
div.error p, p.error, span.error, label em, span.label em, em.error { color: #f00;}
div.error p, p.error {
	font-style: italic;
	margin-left: 100px;
	margin-right: 0px;
}

div.error input,  div.error textarea {
	border-color: #e23b00;
	background: #fff3ef url(../i/layout/bg-error.gif) 0.4em 0.4em no-repeat;
	text-indent: 10px;
}
input.button, div.button a {
	background: #503363;
	color: #fff;
	margin-left: 100px;
	padding: 5px 10px;
	width: auto;
	text-decoration: none;
	overflow: visible;
	border: none;
}
div.button a {margin: 0px;}

.col input.button {margin-left: 80px;}
.errors, #success, .info {
	clear: both;
	padding: 20px;
	background: #e23b00;
	margin : 0 0 10px 0px;
}

.info {
	background: #FEBA12;
}

#success {
	background: #7CB439;
	margin : 0;
	margin-bottom: 10px;
}
.errors h3, #success h3 {
	clear: both;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 0px;
	margin: 0px;
}

#contactinfo {
	width: 160px;
	float: left;
}
#map {
	float: right;
	width: 400px;
	height: 280px;
	margin-bottom: 20px;
}
.hcard {
	background: url(../i/layout/hcard.gif) 0 0 no-repeat;
	padding-left: 30px;
}
#contactus {clear: both;}

/*--[ news ]----------------------------------------------------------------*/
.newsitem, .calendaritem {
	width: 580px;
	float: left;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.newsitem h2 a, .calendaritem h2 a {
	color: #3d1953;
	text-decoration: none;
}
.calendaritem h2 span {
	font-size: 0.7em;
	color: #999;
	margin-left: 10px;
}
.newsitem h2 a:hover, .calendaritem h2 a:hover {
	color: #d71921;
}
.news-img img, .calendar-img img {
	width: 65px;
	float: right;
	display: inline;
	margin: 0 0 5px 15px;
}
.newsitem .more, .calendaritem .more {
	background: transparent url(../i/layout/bullet.gif) 100% 50% no-repeat;
	padding-right: 14px;
	font-size: 0.9em;
	margin: 0px;
	text-align: right;
	clear: both;
}

#downloads li {
	padding: 5px 0 5px 40px;
	line-height: 18px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	font-size: 0.9em;
}
#downloads a, .newsitem .more a, #downloads span {
	font-weight: bold;
	color: #777;
	text-decoration: none;
}
#downloads small {font-size: 0.9em;color: #666;}
#downloads a:hover, .newsitem .more a:hover {
	text-decoration: underline;
	color: #333;
}
#downloads .restricted span, #downloads .restricted small {color: #999;}

.pdf {background-image: url(../i/layout/pdf.gif);}.pdf.restricted {background-image: url(../i/layout/pdf-re.gif);}.pdf.inactive {background-image: url(../i/layout/pdf-ia.gif);}
.doc {background-image: url(../i/layout/doc.gif);}.doc.restricted {background-image: url(../i/layout/doc-re.gif);}.doc.inactive {background-image: url(../i/layout/doc-ia.gif);}
.rar {background-image: url(../i/layout/rar.gif);}.rar.restricted {background-image: url(../i/layout/rar-re.gif);}.rar.inactive {background-image: url(../i/layout/rar-ia.gif);}
.zip {background-image: url(../i/layout/zip.gif);}.zip.restricted {background-image: url(../i/layout/zip-re.gif);}.zip.inactive {background-image: url(../i/layout/zip-ia.gif);}
.xls {background-image: url(../i/layout/xls.gif);}.xls.restricted {background-image: url(../i/layout/xls-re.gif);}.xls.inactive {background-image: url(../i/layout/xls-ia.gif);}
.eps {background-image: url(../i/layout/eps.gif);}.eps.restricted {background-image: url(../i/layout/eps-re.gif);}.eps.inactive {background-image: url(../i/layout/eps-ia.gif);}
.jpg {background-image: url(../i/layout/jpg.gif);}.jpg.restricted {background-image: url(../i/layout/jpg-re.gif);}.jpg.inactive {background-image: url(../i/layout/jpg-ia.gif);}
.ppt {background-image: url(../i/layout/ppt.gif);}.ppt.restricted {background-image: url(../i/layout/ppt-re.gif);}.ppt.inactive {background-image: url(../i/layout/ppt-ia.gif);}
.png {background-image: url(../i/layout/png.gif);}.png.restricted {background-image: url(../i/layout/png-re.gif);}.png.inactive {background-image: url(../i/layout/png-ia.gif);}

#gallery {
	margin-bottom: 20px;
	width: 260px;
	overflow: hidden;
}
#gallery ul {
	margin: 0px;
	width: 300px;
}
#gallery li {
	background: #eee;
	display: inline;
	margin: 0 25px 15px 0;
	float: left;
	padding: 0px;
	height: 70px;
	width: 70px;
	text-align: center;
}
#gallery li a {
	display: block;
	height: 70px;
	width: 70px;
	overflow: hidden;
}
#gallery img {height: 70px;}

#movies {
	clear: both;
}

/*--[ dealer-map ]----------------------------------------------------------------*/
#dealer-map{position:relative;}
#dealer-map ul{margin:0px;padding:0px;}
#dealer-map li {
	background:url(../i/layout/dealer-bullet.gif) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	padding:0px;
	position:absolute;
	margin:0px;
	text-indent:-9999px;
	overflow:hidden;
}
#dealer-map li.show {
	width:auto;
	height:auto;
	background-color:#fff;
	background-image: none;
	padding:10px 20px 10px 10px;
	border: 1px solid #666;
	text-indent:0px;
	overflow:visible;
	z-index: 1000;
}

#dealer-map li.noshow  {
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	z-index: 100;
}
#dealer-map li.show p{margin:0px;}
#dealer-map li.show a{font-size: 0.9em;}
#dealer-map li.show h3 a{font-size: 1em;}

#dealer-list li {
	background: #fff;
	padding: 10px;
	margin: 0 10px 10px 0;
	height:12em;
	border: 1px solid #ECEDED;
	width: 250px;
	float: left;
	overflow: hidden;
	display: inline;
}
#dealer-list dl {
	width: 250px;
	float: left;
	margin: 0px;
}
/*--[ sitemap ]----------------------------------------------------------------*/
.sitetree {
	float: left;
	width: 580px;
}
.sitetree li {
	padding: 0px;
	background: none;
	width: 190px;
	font-weight: bold;
	float: left;
}
.sitetree ul ul, .sitetree li li {
	float: none;
	width: auto;
	margin: 0px;
}

.sitetree li li {
	background: transparent url(../i/layout/bullet.gif) 0em 0.3em no-repeat;
	padding: 0px 0px 0px 14px;
	font-weight: normal;
}
.sitetree li a {color: #666;text-decoration: none;}
.sitetree li li a {color: #3d1953;}
.sitetree li a:hover {
	text-decoration: underline;
	color: #d71921;
}

/*--[ footer ]----------------------------------------------------------------*/
#footer {
	clear: both;
	width: 960px;
}
#home #footer {
	background: #fdb614;
	position: relative;
}

#footer-links {
	width: 220px;
	padding: 0 40px 0 60px;
	text-align: right;
}
#footer-links p {margin: 0px;}
#footer-links li {
	background: #fff url(../i/layout/bg-footer-links-li.gif) 0% 50% no-repeat;
	display: inline;
	padding: 0 0 0 14px;
	clear: both;
	margin: 0px;
	font-weight: bold;
	font-size: 1.2em;
}
#home #footer-links li {
	background:  url(../i/layout/bg-footer-links-li-home.gif) 0% 50% no-repeat;
	padding-left: 16px;
	float: left;
	clear: none;
	margin-right: 20px;
}
#home #footer-links {
	width: auto;
	text-align: left;
	position: absolute;
	left: 300px;
	top: 10px;
	margin: 0px;
}
#footer-links a {
	color: #3d1953;
}
#footer-links a:hover {
	color: #d71921;
	text-decoration: none;
}

#copy {
	background: #feba12 url(../i/layout/bg-copy.jpg) 0 0 no-repeat;
	color: #fff;
	padding: 0.5em 1em;
	margin: 0px;
	height: 1.4em;
	line-height: 1.4em;
}
#home #copy {
	background: #FCAA1A url(../i/layout/bg-copy-home.jpg) 0 0 no-repeat;
	height: 40px;
	padding: 10px 1em;
}
#copy span {
	float: right;
	margin-top: -1.4em;
}
#home #copy span {
	float: none;
	margin-top: 0;
	display: block;
}

#robacms {
	background: #333;
	color: #555;
	font-size: 0.9em;
	clear: both;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 1em;
	line-height: 1em;
	padding: 0.5em;
	text-align: right;
}
#robacms a {
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #888;
}
#robacms a:hover {color: #fff;}