/* CSS DOCUMENT */
/* ECOVER MY HEALTHY HOME WEBSITE */
/* ©2007 DESIGN IS DEAD */


/* HEADER ............................................................... */
/* ...................................................................... */

a.SubNavLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #75BB16;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	}

a.SubNavLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #75BB16;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	}

a.SubNavLink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #75BB16;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	}

a.SubNavLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #40BBE9;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	}

.SubNavGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #75BB16;
	text-transform: uppercase;
	}

.SubNavBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #40BBE9;
	text-transform: uppercase;
	}

/* CONTENT .............................................................. */
/* ...................................................................... */

.TitleBlue {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 24px;
	color: #40BBE9;
	}

.TitleGreen {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 24px;
	color: #75BB16;
	}

.TitleBlue21 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 21px;
	color: #40BBE9;
	}

.TitleGreen21 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 21px;
	color: #75BB16;
	}

.TitlePink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F154B1;
	}
	
.Txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7A7B7C;
	}

.TxtBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7A7B7C;
	}

.TxtSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7A7B7C;
	}

.TxtPink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F154B1;
	}

.TxtDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	}

a.LinkTxt2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
	text-decoration: underline;
	}

a.LinkTxt2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
	text-decoration: underline;
	}

a.LinkTxt2:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
	text-decoration: underline;
	}

a.LinkTxt2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #494949;
	text-decoration: underline;
	}

a.LinkMore:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F154B1;
	text-decoration: underline;
	}

a.LinkMore:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F154B1;
	text-decoration: underline;
	}

a.LinkMore:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F154B1;
	text-decoration: underline;
	}

a.LinkMore:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #F154B1;
	}

/* GREEN PASSPORT ............................ */
.scoreTitle {
	/* width: 150px; */
	float:left;
	height: 26px;
	padding-top: 6px;
}
.scoreBg, .scoreBgAvg {
	width: 280px;
	margin-left: 120px;
	background-color:#CCCCCC;
	height: 18px;
}
.scoreBgAvg {
	margin-bottom: 20px;
}
.score {
	height: 20px;
}
.kitchen {
	background-color: #00b0f0;
}
.bathroomtoilet {
	background-color: #ff66cc;
}
.bedroom {
	background-color: #92d050;
}
.laundryroom {
	background-color: #EEEEEE;
}
.livingroom {
	background-color: #92d050;
}
.home {
	background-color: #00b0f0;
}

.scoreBig {
	float:left;
	width:128px;
	height:62px;
	margin-right: 20px;
	margin-bottom:10px;
	text-align:center;
}

.scoreBigLabel {
	float:left;
	width:128px;
	margin-right:20px;
	margin-bottom:10px;
	text-align:center;
}

.scoreBigFill {
	height:62px;
}

.scoreBigTxt {
	font-family:"Trebuchet MS";
	font-size:20px;
	text-align:center;
	color:#FFFFFF;
	line-height:62px;
	margin-top:0;
	margin-bottom:0;
}

.scoreBigFill#score_pollution {
	background-image:url(../images/green_passport/score_big_yellow.gif);
}
.scoreBigFill#score_waste {
	background-image:url(../images/green_passport/score_big_green.gif);
}
.scoreBigFill#score_climat {
	background-image:url(../images/green_passport/score_big_pink.gif);
}
.scoreBigFill#score_total {
	background-image:url(../images/green_passport/score_big_grey.gif);
}

/* FOOTER ............................................................... */
/* ...................................................................... */

.FooterTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	}

a.FooterLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: underline;
	}

a.FooterLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: underline;
	}

a.FooterLink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: underline;
	}

a.FooterLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	text-decoration: underline;
	}

/* HOME BLOKS ........................................................... */
/* ...................................................................... */
	
.BlokTitleBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00A4E1;
	}

.BlokTitleGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #85C335;
	}
	
.BlokTitleGreenSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #85C335;
	}

.BlokTitleCaps {
	text-transform: uppercase;
	}

.TitleCenter {
	text-align: center;
	}

.TitleRight {
	text-align: right;
	}

.LineHeight {
	line-height: 16px;
	}

.TxtLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7A7B7C;
	}

.TitleNews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00A4E1;
	}

.TitleFact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #75BB16;
	/*color: #589406;*/
	}

.Marge10 {
	margin-bottom: 10px;
	}
	
.homeBtnup {
	margin-top: -8px;
}

/* Pukkelpop Quiz ....................................................... */
/* ...................................................................... */

.PPTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

ul.PukkelpopSteps {
	margin: 0 auto;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 14px;
}

li.PukkelpopSteps {
	display:inline;
}

/* ECO BLOG ............................................................. */
/* ...................................................................... */

.SubTitleBlog {
	background: url(../images/EcoBlogBgrTitle.gif) no-repeat bottom;
	width: 210px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #00A4E1;
	margin-top: 30px;
	padding-left: 5px;
	padding-top: 12px;
	}
	

/* LINKS ................................................................ */
/* ...................................................................... */

.LinksBlokTitleBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #00A4E1;
	}

.LinksBlokTitleGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #85C335;
	}

.LinksBlokTitleGreenSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #85C335;
	}
	
span.Txt a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
	text-decoration: underline;
	}

span.Txt a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
	text-decoration: underline;
	}

span.Txt a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
	text-decoration: underline;
	}

span.Txt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #494949;
	text-decoration: underline;
	}
/* REGISTER FORM ........................................................ */
/* ...................................................................... */

.FormField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
}

.FormFieldHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
}
.HomeGoBtn {
	float:left;
}

.FormField2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.FormReset {
	cursor: pointer;	
}

.errMsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#75BB16;
}
.TitleDark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#centerit {
	width:450px;
	margin-left:150px;
}

#left{
	float:left;
	width:245px;
}
#left img{
	margin:10px;
}
#left div.TxtPos{
	width:235px;
	margin-bottom: 0;
}
#left .sendToFriend{
	margin-top:0;
}
#left .downloadPP{
	margin-top:0;
}
#left .profileType{
	font-family:"Arial Black";
	font-size:18px;
	color:#75bb16;
}
#right{
	float:right;
	width:450px;
	overflow:hidden;
}
#right div.TxtPos{
	width:450px;
}

.tableimg {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.ecotitel {
	color: #00A4E1;
}

/* ECOMOBIEL GALLERIJ (GALERIA) ......................................... */
/* ...................................................................... */

div#d_gal {
	margin:0 auto;
	width:760px;
	background-image:url(../images/gallery/bg_frame.gif);
	padding:20px 20px 0 20px;
}
div#d_gal div#d_img {
	height:340px;
	width:760px;
}
div#d_list {
	width:780px;
	margin:auto;
	background-image:url(../images/gallery/bg_frame.gif);
	background-position:bottom;
	padding:10px 0 0 20px;
	position:relative;
}
div#d_list a {
	display:block;
	width:23px;
	height:21px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:24px;
}
div#d_list a.prev {
	background-image:url(../images/gallery/bg_prev.gif);
	left:33px;
}
div#d_list a.next {
	background-image:url(../images/gallery/bg_next.gif);
	right:33px;
}
div#d_list div {
	width:650px;
	display:block;
	margin:0 0 0 55px;
	padding:0;
	height:50px;
	overflow:hidden;
}
.galleria {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	height:50px;
}
.galleria li {
	display:block;
	width:100px;
	height:50px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0;
}
.galleria li a {
	display:none
}
.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}
.galleria li div img {
	cursor:pointer
}
.galleria li.active div img, .galleria li.active div {
	display:block
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption {
	display:block;
	padding-top:.5em
}
* html .galleria li div span {
	width:400px
}

.EventPrice1Marge, .EventPrice2Marge, .EventPrice3Marge {
	color: #F154B1;
	}
	