/* ------------------------------------------------------ */
/* Copyright 2008 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/
@import url("reset.css");
@import url("clearfix.css");
@import url("form.css");

body { background-color: #FFF; background-image : url(../images/_shared/background_body.jpg); background-repeat : repeat-x; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }

/* altijd handig */
.clearfix { clear: both; visibility:hidden; height:0; }
.hidden { position: absolute; left: -999em; }
.block { margin: 12px 0 10px 0; padding: 0 }

/* linkjes */
a { color: #EE3439; }
a:hover { text-decoration: none; }
a.black { color: black; }
a.gray { color: #666; }
a.top_link{	float:right;}
div#login a{ color:#A2DD04; }
h1, h2{ font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; letter-spacing: -.05em; line-height: 1em; }

.sIFR-active h1,
.sIFR-active h2{ visibility: hidden; font-family: Verdana; line-height: 1em; }
h1,.sIFR-active h1 {color:#577908; font-size:32px;}
h2,.sIFR-active h2 {color:#0F3E0F;font-size:14px; margin-top:10px;}
.sIFR-active h3 {}
.sIFR-active h4 {}

h3{ font-size:1.4 em; font-weight:bold; }
/* overige algemene tags */
strong { font-weight: bold; }
hr { height: 1px; margin: 15px 0px 15px 0px; color: black; border-bottom: 1px solid #CECECE; display : block; }
p 	{ margin: 5px 0px 15px; }
ol{ margin:10px 0px; padding-left:25px; list-style-type:decimal; }
div#content ul { list-style: disc; margin: 1.1em 2.2em; vertical-align:middle}
div#overlay{ position: absolute; top: 175px; width: 100%; background: url(../images/spacer.gif) repeat left top;}
.ajaxLoading{ width: 300px;	height: 50px; padding: 50px 0; margin: 0 auto; background: #FFF url(../images/spacer.gif) repeat left top; text-align:center;}

/* structuur */
div#container 		{ width: 958px; margin: 16px auto; padding-top: 4px; background-image: url(../images/_shared/shadow_header.png); background-position: top left; background-repeat : no-repeat; }
div#inner 			{ width: 950px;padding: 0px 4px; background-color: transparent; background-position: top left; background-repeat:repeat-y; background-image:url(../images/_shared/background_inner.png);}
div#header 			{ position:relative; width: 940px; height:174px; padding-top:4px; margin: 0px 5px; background-color:#FFF; background-image: url(../images/_shared/background_header.jpg); background-position : center 4px; z-index: 2000; background-repeat : no-repeat; }
div#login			{ position:absolute; right:7px; top:12px; width:177px; padding:5px 5px 2px 5px; color:#fff; background-color:#557502; border:5px solid #FFF; }
div#quicknav { position:absolute; right:250px; top:125px; width:177px; height:110px; padding:5px; color:#fff; background-color:#C3D8B6; border:5px solid #FFF; }
div#quicknav a { float:left; height: 39px; width:171px; margin-top: 10px; background-color:transparent; background-position: left top; background-repeat:no-repeat; }
a#nieuwe_gebruiker{ background-image: url(../images/buttons/normal/nieuwe_gebruiker.jpg); }
a#direct_inloggen{ background-image: url(../images/buttons/normal/direct_inloggen.jpg); }
div#quicknav a span{ display:none; }


div#content			{ position:relative; z-index:1; width: 906px; margin: 0px 5px; padding:16px; padding-bottom:50px; border: 1px #A2C28C solid; background-color:#FFF; background-position: right top; background-repeat: repeat-y; background-image: url(../images/_shared/background_content.jpg); font-size: 1.1em; line-height: 1.5em; }
div#sfeer			{ position:absolute; height:274px; width:292px; top:81px; right:0; background-color:transparent; background-position: right center; background-repeat: no-repeat; background-image: url(../images/bg/bg_sfeer_home.jpg); }
div#content_footer 	{ position:absolute; width: 922px; height: 30px; right:0; bottom:0; background-color: #FFF; background-image: url(../images/_shared/background_content_bottom.jpg); background-position : right top; background-repeat : repeat-y; }
div#menu_bottom		{ width: 940px; margin: 0 5px; height:48px; background-color: #FFF; clear:both; }
div#footer 			{ width: 958px; height: 4px; background-image: url(../images/_shared/shadow_footer.png); background-position: top center; background-repeat : no-repeat; }
div#animatie_1		{ position:absolute; width: 126px; height: 184px; text-align: right;}
div#intro { width: 906px; position:relative; margin: 0px 5px; padding:16px; border: 1px #D18D8E solid; border-top:none; background-color:#FFF; }
div#content_footer a.redlink { float:left; height:24px; padding: 6px 6px 0 6px; color:#FFF; background:#EE3439; text-decoration:none; margin:auto;}
div#content_footer a.redlink:hover {text-decoration:underline;}
div#content_footer a.right {float:right;}
div#col_left { width:460px; float: left; }
div#col_right { float: right; width:436px; clear: right; }


body#home div#content	{padding-right:474px; width:448px;}

/*** Menu ***/
#nav { position:absolute; z-index:2000; top: 142px; left: 0; }
#nav ul { padding: 0; margin: 0; list-style: none; }
#nav a { position:relative; display:block; height: 32px; text-decoration: none; background-color: transparent; background-repeat: no-repeat; background-image: url(../images/_menu/menu.jpg); }
#nav li { float: left; }
#nav li ul { position: absolute; left: -999em; width: 10em; }
#nav li:hover ul, #nav li.over ul { left: auto; z-index: 3000; }
#nav li a span { display:none;}

/* submenu */
#nav li ul li { position: relative; }
#nav li ul li a { background-image : none; background : white; border: 1px solid #A2C28C; border-bottom: 0px; color: #1B481B; font-weight: bold; font-size: 1.1em; text-decoration : none; width: 200px; height: 15px; padding: 5px; }
#nav li ul li a:hover { background-color : #93C804; text-decoration : underline; }
#nav li ul li a.last { border-bottom: 1px solid #A2C28C; }
				
#menu_1 a { background-position: -15px 0px; width: 81px; }
#menu_2 a { background-position: -96px 0px; width: 69px; }
#menu_3 a { background-position: -165px 0px; width: 142px; }
#menu_4 a { background-position: -307px 0px; width: 161px; }
#menu_5 a { background-position: -468px 0px; width: 142px; }
#menu_6 a { background-position: -610px 0px; width: 69px; }
#menu_7 a { background-position: -679px 0px; width: 91px; }

#menu_1 a:hover, #menu_1.active a { background-position:  -15px -32px;}
#menu_2 a:hover, #menu_2.active a { background-position:  -96px -32px;}
#menu_3 a:hover, #menu_3.active a { background-position: -165px -32px;}
#menu_4 a:hover, #menu_4.active a { background-position: -307px -32px;}
#menu_5 a:hover, #menu_5.active a { background-position: -468px -32px;}
#menu_6 a:hover, #menu_6.active a { background-position: -610px -32px;}
#menu_7 a:hover, #menu_7.active a { background-position: -679px -32px;}

/*** Menu Bottom ***/
#menu_bottom { background-image : url(../images/_menu/menu_bottom.gif); }
#menu_bottom #menub ul		{ height:48px; }
#menu_bottom #menub li		{ float:left; }
#menu_bottom #menub li a 	{ position:relative; display:block; height: 48px; text-decoration: none; }
#menu_bottom #menub li a span { display:none;}

#menu_bottom #menub_1 a { width: 176px; }
#menu_bottom #menub_2 a { width: 176px; }
#menu_bottom #menub_3 a { width:  80px; }
#menu_bottom #menub_4 a { width: 200px; }
#menu_bottom #menub_5 a { width: 100px; }

/* Form styles */
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
div#errors { float: right; /* Needed to solve the Peekaboo bug in IE6 */ margin: 25px 0 10px 0; padding: 5px 10px 15px 10px; border: #FC6 1px solid; background-color: #FFC; display: none; }
div.message { position: relative; display:block; /* Needed to solve the Peekaboo bug in IE6 */ font-weight: bold; color: #EE3439; margin: 0 auto; padding: 17px 10px; border: #FC6 1px solid; background-color: #FFC; width: 882px; }

/*** - ZOEKEN - ***/
div#zoeken{ display:block; height:67px; margin-top:2px; background-color:#E4EAEA; }
div#zoeken blockquote{ float:right; height:37px; width:355px; color:#fff; border-left:2px solid #fff; background-color:#85B603; font-size:1.1em; font-weight:bold; padding: 15px; }
div#zoeken input{ background-color:#FFF; height:1.6em; width:270px; border:1px solid #C4DFE9; color:#000; padding:0.15em 0; font-size:0.9em; margin-left:10px; vertical-align: middle; }
div#zoeken button{ background-image:none; background-color:transparent; border:none; color:#577908; cursor:pointer; font-weight:bold; padding: 0.15em; margin-top:20px; }
a#zoekOpTrefwoord { float:left; height: 67px; width:159px; background-color:transparent; background-position: left top; background-repeat:no-repeat; background-image: url(../images/buttons/normal/zoek_trefwoord.jpg); }
div#zoeken a span{display:none;}

div#categorie { position:relative; display:block; margin-top:2px; }
div#categorie #zoekPerProductGroep { float:left; height: 67px; width:158px; background-color:transparent; background-position: left top; background-repeat:no-repeat; background-image: url(../images/labels/zoek_productgroep.jpg); }

div#categorie a#scrollLeft{ float:left; width:65px;height:67px; background-color:transparent; background-position: left top; background-repeat:no-repeat; background-image: url(../images/buttons/normal/left.jpg)}
div#categorie a#scrollLeft:hover{ background-image: url(../images/buttons/over/left.jpg)}
div#categorie a#scrollRight{ position:absolute;width:85px;height:67px; background-color:#transparent; background-position: left top; background-repeat:no-repeat; background-image: url(../images/buttons/normal/right.jpg);z-index:99;}
div#categorie a#scrollRight:hover{ background-image: url(../images/buttons/over/right.jpg)}
div#categorie #list		{ float:left; width: 600px; height: 63px; overflow: hidden; border-top: 2px solid #E4EAEA; border-bottom: 2px solid #E4EAEA; background-color:#FFF; z-index:1; }
div#categorie .section_content { width: 10000px; z-index:2;}
div#categorie .section	{ float:left;}
div#categorie .section a	img{ border-right: 2px solid #E4EAEA; }
div#categorie a span{display:none;}

/*** - CATEGORIE - ***/
div#product_selectie { clear:both; float:left; width:906px; margin-top:2px; background-color:#E4EAEA}
div#product_selectie select {border: 1px solid #C4DFE9;}
div#product_selectie #cat_icon { float: left; margin-left:13px; width: 160px; height: 64px; background-image : url(../images/bg/r2_arrows.gif); background-position: right top; background-repeat : no-repeat; }
div#product_selectie #select_prod_holder { float: left; border-right: 2px solid white; padding:20px 16px 24px 0; }
div#product_selectie #select_eenheid_holder { float: left; border-right: 2px solid white; padding:20px 12px 24px; }
div#product_selectie #select_aantal_holder { float: left; padding:20px 12px 24px 12px; }
a#bereken_cal { float: right; border-left: 2px solid white; width: 118px; height: 64px; background-color:transparent; background-position: left top; background-repeat:no-repeat; background-image: url(../images/buttons/normal/bereken_cal_en_vet.jpg); }
a#bereken_cal:hover { background-image: url(../images/buttons/over/bereken_cal_en_vet.jpg); }
a#bereken_cal span { display:none; }

#tbl_overzicht { display:block; border: 2px solid #E4EAEA; border-top: 2px solid #FFF; clear:both; }
#tbl_overzicht th{ border-right: 2px solid #FFF; border-bottom: 1px solid #FFF; color: #666; font-weight: bold; background: #E4EAEA; padding: 4px; }
#tbl_overzicht th#last { border-right: none; }
#tbl_overzicht td { border-right: 2px solid #E4EAEA; border-bottom: 2px solid #E4EAEA; background-color: #FFF; padding: 4px; }
#tbl_overzicht td.tips { text-align : center; }
#tbl_overzicht td.trash { text-align : center; }
#tbl_overzicht td.trash a { display:block; margin: 0 auto; width: 13px; height: 17px; background-color:transparent; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/trash_tray.gif); }
#tbl_overzicht td a span{ display:none; }
#tbl_overzicht tr:hover td { background-color: #FFF; }

#tbl_overzicht.green th{color: #FFF;  background: #85B603;}
#tbl_overzicht.green td{color: #666;  font-weight:bold}

.title_vergelijk_gerecht { width: 50%; height: 25px; float: left; }
.select_vergelijk_gerecht { width: 50%; height: 25px; float: left; text-align : right; }
.gerecht_selected { color: #013300; }

#nieuwe_invoer{ background-color:transparent; background-repeat:repeat-y; background-position:left top; background-image:url(../images/_shared/background_bottom_invoer.jpg); display:block; clear:both; height:64px; margin-top:2px; width: 100%; background : #85B603; }
#nieuwe_invoer div.invoer	{ border-right:2px solid #FFF; float:left; height:45px; padding:19px 12px 0; margin:0 auto; }
#nieuwe_invoer div.invoer input,
#nieuwe_invoer div.invoer select{ border:#577908 1px solid;}

#nieuwe_invoer div.units label,
#nieuwe_invoer div.invoer label{ color:#FFF; font-weight:bold; }

a#opslaan {
	float: right;
	width: 206px;
	height: 64px;
	background-color:transparent;
	background-position: left top;
	background-repeat:no-repeat;
	background-image: url(../images/buttons/normal/opslaan.jpg);
	border-left: 2px solid white;

}
a#opslaan:hover { background-image: url(../images/buttons/over/opslaan.jpg); }
a#opslaan span { display:none; }

#nieuwe_invoer div.units	{ background-color:#85B603; border-right:2px solid #FFF; float:left; height:45px; min-width: 350px; padding:19px 0px 0px 12px; margin:0 auto; }
a#nieuw_gerecht { border-left:2px solid #FFF; float: right; width: 118px; height: 64px; background-color:transparent; background-position: left top; background-repeat:no-repeat; background-image: url(../images/buttons/normal/nieuw_gerecht.jpg); }
a#nieuw_gerecht:hover { background-image: url(../images/buttons/over/nieuw_gerecht.jpg); }
a#nieuw_gerecht span { display:none; }

/* overige */
#content .col1 { float:left; width: 406px; margin:0 15px;}
#content .col2 { float:right; width: 406px; margin:0 15px;}

#zoekbox { display: block; clear:both; width:894px; padding: 4px; background : #B6B6B6; margin: 4px auto 0px; font-weight:bold; color: #666; }
#resultaatbox { display: block; padding: 8px 0; padding-bottom:20px; background: white; margin: 0 auto; color: #B6B6B6; }
#resultaatbox .highlight{ background-color: #BFFC21; }
#suggest li { width:25%; float:left; display:block; }
#suggest li a { color: #666; }
#suggest li.one {width:80%;}

#tip { display : block; padding: 5px; clear: both; background : #EE3439; border-top: 2px solid white; color: white; }
#tip strong { color: white; }

.voorkeursproduct {color: #009900;}
.middenwegproduct {color: #FF9900;}
.bij_uitzondering {color: #EE3439;}

ul#faq_links { margin: 20px 0px 20px 25px; }
div#faq_content { padding: 10px 16px 0px 16px; }
div.faq_item { margin: 0px 0px 10px 0px; padding: 5px 10px 15px 10px; border: #F1F0F2 1px solid; background-color: #FCFCFC; }

a.butt_logout { line-height: 20px; }

.info_holder { position: relative; display: none; left: -415px; top: -10px; }
.info_verschillen { position : absolute; z-index:10; width: 380px; border: 1px solid #C0E0FE; background : white; padding: 10px; text-align : left; }