/* ----------------------------------------------------------- */
/* Copyright 2000-2009 (Non-)verbaal, http://www.nonverbaal.nl */
/* ------------------------------------------------------------*/
@import url("reset.css");
@import url("clearfix.css");
@import url("sIFR-screen.css");
@import url("calendar.css");
@import url("calendar.adobe_cs3.css");
@import url("dialogs.css");
@import url("form.css");
@import url("sfeer.css");

body {
	background: white;
	width:100%;
	height: 100%;
	font: 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom: 20px;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:link,
a:visited {  text-decoration: underline; }

a:hover,
a:active { text-decoration: none; }

h1 {
	margin-bottom: 1em;
	color: #71BF43;
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
		color: #71BF43;
	line-height: 1.9em;
}

p {
	line-height: 1.7em;
	margin-bottom: 1.3em;
}

ul {
	list-style: disc;
	margin: 1.1em 2.2em;
	line-height: 1.6em;
}

ol {
	list-style: decimal;
	margin: 1.1em 2.2em;
	line-height: 1.6em;
}

table th { font-weight: 700; }

table th,
table td {
	padding: .5em;
}

strong {
	font-weight : bold;
}

em { font-style: italic; }

/* Basic structure ------------------------------------------- */
/* ------------------------------------------------------------*/

div#container { position: relative; width: 968px; margin: 0 auto; background : url(../images/bg.jpg); background-position : center; background-repeat : repeat-y; }

div#main {
	float: left;
	width: 964px;
	margin: 92px 0px 20px 2px;
	background : url(../images/sfeer/1.jpg) no-repeat top right;
}

div#main-inner {
	margin: 0px 0px 0px 27px;
	position: relative;
}

div#header {
	position: absolute;
	width: 964px;
	height: 92px;
	margin: 0px 0px 0px 2px;
	top: 0;
	left: 0;
	font-size: 1.1em;
	background: url(/www/images/bg-header.jpg) no-repeat 100% top;
}

div#footer {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1.1em;
	background : url(../images/footer.jpg);
	background-position : bottom;
	background-repeat : no-repeat;
}

/* Content vars -------------------------------------------- */
/* ------------------------------------------------------------*/
div#inner { overflow:hidden; position:relative; width: 922px; clear: both; margin-top: 58px; font-size:1.1em; line-height: 1.7em; }
div#wrap { float:right; position:relative; width:712px; }
div#lrwrap { float:right; position:relative; width:715px; }
div#mwrap { float:left; position:relative; width:715px; }
div#lwrap { float:left; position:relative; width:800px; }
div#xlwrap { float:left; position:relative; width:915px; }
div#content { float:left; overflow:hidden; position:relative; width:502px; }
div#content.wide { width:715px; }
div#content.lwide {	width:800px;}
div#content.xlwide { width:915px; }
div#shortcuts { float:right; overflow:hidden; width:200px; }
div#sidebar { float:left; width:200px; }


/* Shared classes -------------------------------------------- */
/* ------------------------------------------------------------*/


/* User-info------------------------------------------ */
/* ------------------------------------------------------ */
#user-info { position: relative; width: 945px; }
#user-info a { color: white; }
#user-info ul { margin: 0; list-style: none; line-height: normal; float: right; padding: 5px; }
#user-info ul li { display:inline; padding: 0 7px; background: transparent url(/www/images/icon/li.gif) right center no-repeat; }
#user-info ul li.last { background: none; padding-right: 0px; }

/* Logo ---------------------------------------------------- */
/* ------------------------------------------------------------*/
div#logo   { width: 100%; height: 61px; }
div#logo a  { display : block; width: 317px; height: 61px; background : url(../images/logo.jpg); text-indent: -9999px; outline: none; }

/* Bread ---------------------------------------------------- */
/* ------------------------------------------------------------*/
div.bread { margin: .4em 0em 1.1em 0em; }
div.bread ul { list-style: none; margin: 0; }
div.bread ul li { display: inline; color: #58585A; }
div.bread ul li a { color: #58585A; text-decoration: underline; }
div.bread ul li a:hover { text-decoration: none; }


/* Header ---------------------------------------------------- */
/* ------------------------------------------------------------*/
div#nav { position: absolute; top: 200px; left: 20px; z-index: 2000; }
div#nav ul { list-style: none; margin: 0; }
div#nav ul li { float: left; }
div#nav ul li a { display: block; height: 36px; text-indent: -9999px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; background-repeat: no-repeat; background-image: url(/www/images/nav.png); }

#nav-mijn-dagboek a { background-position: 0px 0px; width: 129px; }
#nav-mijn-gegevens a { background-position: -129px 0px; width: 132px; }
#nav-help a { background-position: -261px 0px; width: 73px; }

#nav-mijn-dagboek a:hover { background-position: 0px -40px; }
#nav-mijn-gegevens a:hover { background-position: -129px -40px; }
#nav-help a:hover { background-position: -261px -40px; }

body#mijn-dagboek #nav-mijn-dagboek a { background-position: 0px -40px; }
body#mijn-gegevens #nav-mijn-gegevens a { background-position: -129px -40px; }
body#help #nav-help a { background-position: -261px -40px; }

div#nav a:hover { position: relative; }
div#nav li:hover { position: relative; }
div#nav li ul { visibility: hidden; position: absolute; left: 0; }

div#nav ul ul li { float: none; margin-left: 6px; }
div#nav ul ul a { background-image : url(../images/bg-dropdown.png); text-indent: 0; width: 183px; height: 15px; padding: 7px 5px 8px 12px; color: #58585A; text-decoration : none; }
div#nav ul ul li a { background-position: 0px -40px !important; }
div#nav ul ul li a:hover { color: white; background-position: -200px -40px !important; }
div#nav ul ul li.first a { background-position: 0px -0px !important; }
div#nav ul ul li.first a:hover { background-position: -200px -0px !important; }
div#nav ul ul li.last a { height: 18px; background-position: 0px -124px !important; }
div#nav ul ul li.last a:hover { background-position: -200px -124px !important; }

div#nav ul ul li.last a { border-bottom: none; }
div#nav li:hover > ul { visibility: visible; }
div#nav ul a:hover ul { visibility: visible; }

div#nav :hover ul ul, 
div#nav :hover ul :hover ul ul,
div#nav :hover ul :hover ul :hover ul ul,
div#nav :hover ul :hover ul :hover ul :hover ul ul { position: absolute; left:-9999px; top:0;}

div#nav :hover ul :hover ul,
div#nav :hover ul :hover ul :hover ul,
div#nav :hover ul :hover ul :hover ul :hover ul,
div#nav :hover ul :hover ul :hover ul :hover ul :hover ul { left: 175px; border-left:1px solid #DADADA; top: 0 !important; height: auto; }

div#subnav { position:absolute; left:0px; top:0px; width:200px; }
div#subnav ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; }
div#subnav ul li { float:left; width:200px; }
div#subnav ul li a { background-image:url(/www/images/subnav.jpg); background-repeat:no-repeat; display:block; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; }

#subnav-mijn-dagboek a { background-position: 0px 0px; height:26px; }
#subnav-voor-wie a { background-position: 0px -26px; height:26px; }
#subnav-hoe-werkt-het a { background-position: 0px -52px; height:26px; }

body#over-de-eetmeter #subnav-mijn-dagboek a, #subnav-mijn-dagboek a:hover { background-position: -200px 0px; }
body#voor-wie #subnav-voor-wie a, #subnav-voor-wie a:hover { background-position: -200px -26px; }
body#hoe-werkt-het #subnav-hoe-werkt-het a, #subnav-hoe-werkt-het a:hover { background-position: -200px -52px; }


/* Footer ---------------------------------------------------- */
/* ------------------------------------------------------------*/
div#footer-inner { text-align : right; }
div#footer ul { list-style: none; margin: 0; padding: 0; }
div#footer ul li { display: inline; background: url(/www/images/li.gif) no-repeat left center; padding-left: 1em; margin-right: 1em; }
div#footer ul li.first { padding: 0; background: none; }
div#footer,
div#footer a { font-weight: 400; color: #9F9992; }

/* Notices,& Messages ---------------------------- */
/* ------------------------------------------------------ */
div#overlay { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background: white; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; color: #FFFFFF; z-index: 10000; }
div.msg { font: 130% Verdana, Geneva, Arial, Helvetica, sans-serif; width: 500px; background:#FFF6BF url(/www/images/icon/info.png) no-repeat scroll 15px 50%; border:2px #FFD324 solid; margin:1em 0; padding: 0.3em 0.3em; text-align:left; z-index: 20000; position: absolute; top: 50px; left: 50%; margin-left: -255px; }
div.msg div { margin:2em 2em 1.6em 60px; }
div.msg#message { background:#E0ECFF url(/www/images/icon/info.png) no-repeat scroll 15px 50%; border:1px solid #A5C9FF; color:#113355; }
div.msg#error { background:#FFDACA url(/www/images/icon/warning.png) no-repeat scroll 15px 50%; border:1px solid #FF7349; color:#000; }
div.msg a { background : url(../images/icon/remove.png); height: 16px; width: 16px; background-repeat:no-repeat; display:block; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; float: right; }
div.msg a:hover { background-position: 0px -16px; }

div.warning { margin: 0 0 10px 0; padding: 20px 10px 5px 10px; background:#FFDACA url(/www/images/icon/warning.png) no-repeat scroll 15px 15px; border:1px solid #FF7349; color:#000; }
div.warning p { margin: 0; }
div.warning p em { font-style: normal; font-weight: bold; padding: 0px 2em 0em 40px; }

/* plotr */
#flotr-container { clear: both; display:block; width:100%; height: 450px; }

/* Customs ---------------------------------------------------- */
/* ------------------------------------------------------------*/
.registration-trigger a { font-size: 1.3em; line-height: 1.5em; font-weight: bold; color: white; }

div.lightgreen ,
div.lightgreen a { color: white; }

a.frmbutton { height: 30px; background-repeat:no-repeat; display:block; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; }
a.frmbutton:hover { background-position: 0px -30px; }

a.frmbutton#stap2 { width: 78px; background-image : url(../images/buttons/stap2.png); }
a.frmbutton#registreren { width: 108px; background-image : url(../images/buttons/registreren.png); }
a.frmbutton#aanmelden { width: 102px; background-image : url(../images/buttons/aanmelden.png); }
a.frmbutton#bekijk_lijst { width: 255px; background-image : url(../images/buttons/bekijk_lijst.png); }
a.frmbutton#print_lijst { width: 255px; background-image : url(../images/buttons/print_lijst.png); }
a.frmbutton#opslaan { width: 89px; background-image : url(../images/buttons/opslaan.png); }
a.frmbutton#verzenden { width: 101px; background-image : url(../images/buttons/verzenden.png); }
a.frmbutton#voeg_toe { width: 90px; background-image : url(../images/buttons/voeg_toe.png); }
a.frmbutton#inloggen { width: 90px; background-image : url(../images/buttons/inloggen.png); }
a.frmbutton#volgend_dagdeel { width: 138px; background-image : url(../images/buttons/volgend_dagdeel.png); }
a.frmbutton#vorig_dagdeel { width: 125px; background-image : url(../images/buttons/vorig_dagdeel.png); }
a.frmbutton#download { width: 93px; background-image : url(../images/buttons/download.png); }
a.frmbutton#print_overzicht { width: 114px; background-image : url(../images/buttons/print_overzicht.png); }
a.frmbutton#print_advies { width: 114px; background-image : url(../images/buttons/print_advies.png); }
a.frmbutton#vorige_pagina { width: 120px; background-image : url(../images/buttons/vorige_pagina.png); }
a.frmbutton#bereken_mijn_advies { width: 146px; background-image : url(../images/buttons/bereken_mijn_advies.png); }
a.frmbutton#qck_kies { width:119px; background-image : url(../images/buttons/qck_kies.png); }

div.prev_page_holder { margin: 10px 0px 10px 10px; }

a.trashcan { margin-left: 5px; height: 16px; width: 16px; background-repeat:no-repeat; background-image : url(../images/icon/trash.png); display:block; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; }
a.trashcan:hover { background-position: 0px -16px; }

a.save { height: 16px; width: 16px; background-repeat:no-repeat; background-image : url(../images/icon/save.png); display:block; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; }
a.save:hover { background-position: 0px -16px; }

/* dagboek - invullen */
div#diary-nav { z-index: 2000; }
div#diary-nav ul { list-style: none; margin: 0; }
div#diary-nav ul li { float: left; }
div#diary-nav ul li a { display: block; height:124px; text-indent: -9999px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-indent:-9999px; background-repeat: no-repeat; background-image: url(/www/images/nav-dagboek-invullen.png); }
div#diary-nav ul li#dn-t6 { width: 149px; height:124px; background-image: url(/www/images/nav-dagboek-invullen-right.png); }

#dn-t1 a { background-position: 0px 0px; width: 98px; }
#dn-t2 a { background-position: -98px 0px; width:107px; }
#dn-t3 a { background-position: -205px 0px; width:104px; }
#dn-t4 a { background-position: -309px 0px ; width:96px; }
#dn-t5 a { background-position: -405px 0px ; width:137px; }

#dn-t1 a.active ,
#dn-t1 a:hover { background-position: 0px -149px; }
#dn-t2 a.active ,
#dn-t2 a:hover { background-position: -98px -149px; }
#dn-t3 a.active ,
#dn-t3 a:hover { background-position: -205px -149px; }
#dn-t4 a.active ,
#dn-t4 a:hover { background-position: -309px -149px; }
#dn-t5 a.active ,
#dn-t5 a:hover { background-position: -405px -149px; }

div#diary-header { position : absolute; top:158px; left: 28px; font-weight: bold; font-size: 1.5em; color: white; }
div#product-picker{ background-image : url(/www/images/bg-product-picker.jpg); width: 691px; height: 48px; display : block; }
div#product-picker div { float: left; height: 31px; padding-top: 17px; }
div#product-picker div#pr1 { width: 196px; padding-left: 15px; }
div#product-picker div#pr2 { width: 178px; padding-left: 74px; }
div#product-picker div#pr2 select { width: 165px; }
div#product-picker div#pr3 { width: 60px; padding-left: 52px; }
div#product-picker div#pr4 { width: 82px; height: 35px; padding: 13px 0px 0px 8px; }

div#product-overview { background : url(/www/images/bg-product-overview.jpg) no-repeat; width: 671px; min-height: 210px; padding: 38px 0px 0px 20px; color: #000000; }
div#product-overview-empty { background : url(/www/images/bg-product-overview-empty.jpg) no-repeat; width: 631px; min-height: 92px; padding: 38px 30px 0px 30px; color: #000000; }
div#product-overview td { padding: 3px; margin: 0px; }
div#product-overview td.po1 { width: 325px; }
div#product-overview td.po2 { width: 50px; text-align:center;}
div#product-overview td.po2 span { margin: 0 auto; float: left; }
div#product-overview td.po3 { width: 130px; text-align : center; }
div#product-overview td.po4 { width: 70px; text-align : center; }
div#product-overview td.po5 { width: 25px; padding-left: 20px; }

div#product-part-day { width: 658px; margin: 0px 0px 0px 15px; }
div#product-part-day a#volgend_dagdeel,
div#product-part-day a#bereken_mijn_advies{ float: right; }

div#product-info-box { float:right; overflow:hidden; width: 200px; height: 303px; background-image : url(/www/images/bg-product-info-box.png); }
div#product-info-box div#product-info-selector { width: 180px; height: 30px; margin: 45px 0px 0px 20px; }
div#product-info-box div#product-info-selector select { width: 160px; }

div#daily-picker{ background-image : url(/www/images/bg-daily-picker.png); width: 898px; height: 48px; display : block; }
div#daily-picker div { float: left; height: 31px; padding-top: 17px; }
div#daily-picker div#pr1 { width: 196px; padding-left: 15px; }
div#daily-picker div#pr2 { width: 178px; padding-left: 74px; }
div#daily-picker div#pr2 select { width: 145px; }
div#daily-picker div#pr3 { width: 60px; padding-left: 52px; }
div#daily-picker div#pr4 { width: 130px; padding-left: 78px; }
div#daily-picker div#pr4 select { width: 112px; }
div#daily-picker div#pr5 { width: 82px; height: 35px; padding: 13px 0px 0px 8px; }

div#download-picker{ background-image : url(/www/images/download-picker.png); width: 678px; height: 48px; display : block; }
div#download-picker div { float: left; height: 31px; padding-top: 17px; }
div#download-picker div#pr1 { width: 80px; padding-left: 70px; }
div#download-picker div#pr2 select { width: 145px; }
div#download-picker div#pr2 { width: 335px; padding-left: 65px; }
div#download-picker div#pr2 select { width: 322px; }
div#download-picker div#pr3 { width: 114px; padding: 13px 0px 0px 14px; }


/* datepicker */
div#datepicker { width: 134px; height: 24px; margin-bottom: 10px; }
div#datepicker .pickerImg { position: absolute; margin-left: -10px; margin-top: -2px; cursor: pointer; }

div#day-or-period { height: 157px; }
div#choose_period { width: 190px; height: 60px; display : block; float: left; }
div.ad-label { width: 50px; height: 20px; display : block; float: left; clear: left; }
div#datepicker.adv-datepicker { width: 140px; height: 20px; display : block; float: left; }
div#qck-ga { width: 119px; height: 50px; display : block; float: left; padding-top: 10px; }
div#msg-loading { width: 300px; height: 35px; display : block; float: left; padding: 25px 0px 0px 0px; text-align : center; }

/* Tables -------------------------------------------------- */
/* ------------------------------------------------------------*/
div.green-table { position:relative; font-size:10px; /**/ background-image : url(../images/table/header-small.gif); background-repeat : no-repeat; padding: 2px 0px 0px 0px; }
div.green-table h2 { color: white; margin: 0px 0px 0px 15px; }
div.green-table.scroll { width: 915px; overflow: auto; overflow-y:hidden }

div.green-table table { background-color : #E6E6E6; }

div.green-table table th,
div.green-table table td { padding: 1px; } /* padding: 8px; */

div.green-table table th { color: gray; }

div.green-table table tr.sub-th { background : #C5D7A9; color: #7AB51D; font-weight : bold; }
div.green-table table tr.sub-th td.td-white  { background : #D7E9BB; }

div.green-table table tr.sub-th td.first { padding-left: 15px; }

div.green-table table td.first { padding-left: 20px; }

div.green-table table tr.row-equal { background : #DBE1D2; }
div.green-table table tr.row-equal td.td-white { background : #F1F7E8; }

div.green-table table tr.row-not-equal td.td-white { background : white; }

div.green-table table th.top-left { background-image : url(../images/table/top-left.jpg); background-repeat : no-repeat; }
div.green-table table th.top-right { background-image : url(../images/table/top-right.jpg); background-repeat : no-repeat; background-position : top right; }
div.green-table table td.bottom-left { background-image : url(../images/table/bottom-left.jpg); background-repeat : no-repeat; background-position : bottom left; }
div.green-table table td.bottom-right { background-image : url(../images/table/bottom-right.jpg); background-repeat : no-repeat; background-position : bottom right; }

div.green-table table tr.first td.td-white { background-image : url(../images/table/th-sub-top-left); background-repeat : no-repeat; background-position : top right; }
div.green-table table tr.last td.td-white{ background-image : url(../images/table/equal-last-bottom-right); background-repeat : no-repeat; background-position : bottom right; }

div.green-table table tr.sub-th td.td-gray { background-image : url(../images/table/white-right.jpg); background-repeat : repeat-y; background-position : right; }
div.green-table table tr.first td.td-gray { background-image : url(../images/table/white-top-right.jpg); background-repeat : no-repeat; background-position : top right; }
div.green-table table tr.sub-th td.last { background-image : none; }

div.green-table table tr.row-not-equal td.td-gray { background-image : url(../images/table/row-not-equal-white.jpg); background-repeat : repeat-y; background-position : right; }
div.green-table table tr.row-not-equal td.last { background-image : none; }

div.green-table table tr.row-equal td.td-gray { background-image : url(../images/table/row-equal-white.jpg); background-repeat : repeat-y; background-position : right; }
div.green-table table tr.row-equal td.last { background-image : none; }

div.green-table table tr.last td.td-gray { background-image : url(../images/table/white-bottom-right.jpg); background-repeat : no-repeat; background-position : bottom right; }
div.green-table table tr.last td.last { background-image : none; }

div.green-table table tr.subtotal  { border-top: 1px solid #C5D7A9; font-weight: bold; color: gray; }
div.green-table table tr.subtotal td.td-white { background : white; }
div.green-table table tr.subtotal td.td-gray { background-image : url(../images/table/row-not-equal-white.jpg); background-repeat : repeat-y; background-position : right; }

div.green-table table tr.subtotal td.td-white{ background-image : url(../images/table/equal-last-bottom-right); background-repeat : no-repeat; background-position : bottom right; }
div.green-table table tr.subtotal td.td-gray { background-image : url(../images/table/white-bottom-right.jpg); background-repeat : no-repeat; background-position : bottom right; }
div.green-table table tr.subtotal td.last { background-image : none; }

#overview-scroll {float:left; width:587px; overflow: auto; overflow-y:hidden;	}	
#overview-fixed {float:left; width:328px;}