html, body {
	padding: 0px;
	margin: 0px;
	background: #FFF url('bgFano.gif') repeat-x;
	height: 100%;
	font-family: Arial;
	font-size: 11px;
	min-width: 900px;
}	

body { behavior:url("/focus.htc"); }

a {
	text-decoration: none;
}
img {
	vertical-align: top;
	border: 0;
}	
strong {
	color: inherit;

}
#backgroundContainer {
	width: 914px;
	margin: 0 auto;
	min-height: 500px;
	margin-top: 30px;
	background: url('bgFanoY.png') repeat-y;
	padding: 0;
}
#backgroundContainer .schaduw {
	display: block;
	padding: 0;
	margin: 0;
	line-height: 0;
}
#container {
	width: 900px;
	margin: 0 auto;
	background: #FFF;
	min-height: 500px;

}
#searchForm {
	padding: 0;
	margin: 0px 0px 0px 0px;
}
#header {

	width: 900px;
	height: 150px;
}
#menu {

	height: 33px;
	width: 100%;
	display: inline;
}
#menuList {
	clear: both;
	display: block;
	width: 690px;
	list-style-type: none;
	padding: 0;
	height: 33px;
	background: url('bgMenu.jpg') repeat-x;
	padding-left: 210px;
	left: 0;
	margin: 0;

}
#menuList li {
	position: relative;
	display: inline;
	height: 33px;
	margin: 0px 0px 0px 0px;
	float: left;
	overflow: none;

}
#menuList li a {
	padding: 12px 8px 0 8px;
	height:21px;
	display: block;
	color: #FFF;
	white-space:nowrap;
}	


#menuList li.hover a, #menuList li.current a, #menuList li:hover a {
	color: #e32219;
	background: url('bgMenuTabRight.jpg') no-repeat top right	;

}	
#menuList li.hover, #menuList li.current, #menuList li:hover {
	background: url('bgMenuTab.jpg') no-repeat;
}

.subMenu {
	position: fixed;
	border: 1px solid #E7E7E7;
	border-top: 0;
	width: 124px;
	background: #E7E7E7 url('bgSubmenu.jpg') repeat-x;
	padding: 20px 13px 20px 13px;
	display: none;
	line-height: 22px;
}
.subMenu a {
	color: #666;
}
.subMenu a:hover {
	color: #e32219;
}	
#languages {
	text-align: right;
}
#search {
	float: right;
	padding-top: 15px;
	margin: 0px 15px 0px 0px;
	text-align: right;
}
#search input[type="text"] {
	vertical-align: bottom;
	margin-bottom: 0px;
	border: 1px solid #97bf11;
	padding: 2px;
	height: 21px;
	margin: 0;
}

#search #zoekwoord {
	vertical-align: bottom;
	margin-bottom: 0px;
	border: 1px solid #97bf11;
	padding: 2px;
	height: 21px;

}

#search input[type="text"]:focus {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter:alpha(opacity=100);
}
#search a {
	color: #FFF;
	font-size: 11px;
	font-weight: bolder;
}

#search input[type="image"] {
	vertical-align: bottom;
}
#search #searchButton {
	vertical-align: middle;
	display: inline;
}
#searchMenuContainer {
	@position: absolute !important;
	@margin-top: -1px !important;
}
#searchMenu {
	background: #dce7ad;
	padding: 10px;


}
#searchMenuContainer {
	width: 174px;
	height:60px;
	position: absolute;
	z-index: 100;
	display: none;
}

#searchMenu h1 {
	color: #666;
	padding: 0;
	margin: 0;
	font-family: "trebuchet ms";
	font-size: 18px;
	font-weight: normal;
	display: inline;
}


/* content */

#content {
	background: #FFF;
	margin-top: 1px;
	float: left;

}

#content .prijslijst .green {
	padding: 3px;
	background: #c5d882;
	padding-left: 30px;
	width: 70px;

}
#content .prijslijst .gray {
padding: 3px;
	background: #ecf3d9;
	width: 250px;
	padding-left: 5px;
}

#content .berekening .red {
	background: #e32219;
	color: #FFF;
	font-weight: bold;
}
#content .berekening td {
	padding: 3px 3px 3px 15px;
}

#content .berekening .green {
	background: #e8f0cf;
}

/* center */
#center ul {
	margin-left: 12px;
	list-style-position: outside;
	padding-left: 0;
}

#center .centerBox {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	min-height: 30px;
	width: 372px;
	padding: 15px;
	font-size: 11px;
}

#center .centerBox h2 {
	color: #336600;
	padding: 0;
	margin: 0;
	font-family: "trebuchet ms";
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

#center #greenbox {
	width: 164px;
	background: #97bf11;
	font-family: arial;
	color: #FFF;
	font-size: 11px;
	line-height: 16px;
	padding: 8px 15px 8px 15px;
	line-height: 20px;

}
#center #greenbox img {
	vertical-align: middle;
}

#greenbox a {
	color: #fff;
}

#center {
	line-height: 21px;
	font-family: arial
	font-size: 21px;
	min-height: 650px;
}

#center h1 {
	color: #336600;
	padding: 0;
	margin: 0;
	font-size:20px;
	width: 340px;
}
#center p {
	padding: 0;
	margin: 0;
}
#center #form input, #center #form textarea {
	width: 300px;
	border: 1px solid #97bf11;
	padding: 2px;
	font-family: arial;
	font-size: 11px;
	margin: 0;
}
#center #form textarea {
	width: 399px;
}

/* left side */

#left #leftMenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}


#left #leftMenu li {
	height: 21px;
	width: 163px;
	padding: 3px 3px 3px 5px;
}

#left #leftMenu li.current, #left #leftMenu li:hover, #left #leftMenu li.hover  {
	height: 21px;
	background: url('hoverBg.png') no-repeat;
}

#left #leftMenu li.hover a, #left #leftMenu li.current a, #left #leftMenu li:hover a {
	color: #FFF;

}

#left #leftMenu li a {
	color: #666;
}
#left #grayboxContainer {
	line-height: 0;
	margin-top: -10px;
	@margin-top: -23px !important;
}
#left #graybox {
	min-height: 237px;
	background: #eeecee url('smallgrayboxBg.png') repeat-x;
	padding: 20px 20px 5px 20px;
	width: 170px;
	line-height: 16px;
}
#left #graybox a {
	display: block;
}
#left #graybox h1, #left #graybox h2 {
	color: #757477;
	font-family: "trebuchet ms";
	font-size: 16px;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	display: inline;
}

#left #redbox {
	width: 171px;
	background: #e32219;
	font-family: arial;
	color: #FFF;
	font-size: 11px;
	line-height: 16px;
	padding: 33px 20px 29px 19px;
	font-style: italic;

}
#left #greenboxContainer {
	margin-top: -18px;
	clear: both;
}
#left #greenbox {

	background: #360;
	font-family: arial;
	color: #FFF;
	font-size: 11px;
	line-height: 16px;
	padding: 3px 20px 3px 19px;
	font-weight: bold;
		font-style: italic;
}

#left {
	float: left;
	width: 210px;
}
#center {
	float: left;
	width: 411px;
	padding: 30px;
	font-family: arial;
	color: #666;
	line-height: 17px;
	font-size: 11px;
}

#center a {
	color: #336600;
	text-decoration: underline;
}
#center div a, #center table a {
	text-decoration: none;
}
#center a:hover {

}
#center #productinfo, #center #voedingsinfo {
	width: 400px;
}
#center #voedingsinfoContainer {
	display: none;
}
#center #productinfo .green, #center #voedingsinfo .green {
	background: #dce7ad;
}
#center #productinfo td, #center #voedingsinfo td {
	padding: 2px 2px 2px 10px;
}

#right {
	float: left;
	width: 219px;
}

#right h3 {
	color: #97bf11;
	font-size: 16px;
	font-family: "trebuchet ms";
}

#right #greenboxRight {
	padding: 20px 15px 20px 15px;
	width: 189px;
	background: #336600;
}
#right #greenboxRight a {
	color: #444;
}
#right img {
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
}
/* footer */

#footerContainer {
	clear: both;
	width: 900px;
	margin: 0px auto;
	background: #FFF;
	
	background: #FFF;
}

#footer {
	width: 872px;
	clear: both;
	padding: 18px 10px 5px 18px;
	height: 11px;
	background: #e5e3e2;
	line-height: 0px;
	display: block;
	color: #000;
	text-align: right;
}
#footer a {
	color: #000;
}

/* breadcrumbs */

#breadcrumbs {
	color: #336600;
	font-size: 9px;
	margin-top: -10px;
	margin-bottom: 10px;
}

#breadcrumbs a {
	color: #666;
}

.readMore {
	color: #97bf11;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

.sIFR-replaced {
overflow:hidden; /* clips the absolutely positioned embed element. */
visibility:visible !important;
}

.sIFR-replaced embed {
position:absolute; /* places the embed element outside the document structure to allow for clipping. */
z-index: 0;
}

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}