/*css ontwikkel*/
html, body, #wrapper {
    min-height: 100%; /*Sets the min height to the height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior screws up modern browsers*/
    margin: 0;
    padding: 0;
}
html {overflow-y: scroll;}
html { overflow: -moz-scrollbars-vertical; }
:-moz-any-link:focus {outline: none; }

html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(../images/lucht.jpg);
	background-attachment: fixed;
	/*background-color:#0099CC; */
 	color: #333333;
}
table{
	font-size:11px;
}
#wrapper {
    position: absolute;
    top: 0;
    left: 0;
}
#main {
    height: auto;
    padding: 0;
    padding-bottom: 97px;
    width: 100%;
    margin: 0 auto;
    }
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	background-image:url(../images/grass.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:25;
}
/* cookout */
div.contentholder{
	font-size:11px;
	position:relative;
	margin-top:0;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width: 956px;
}
.marge{
	width:948px;
	margin:4px 4px 0 4px;
	position:relative;
}
.homerow{
	height:288px;
	margin:0;
	text-align:left;
}
.logos{
	margin:5px 0px 5px 0px;
	padding:0px;
}
.clear{
	line-height: 0%; font-size: 0;
	height: 0; visibility: hidden;
	clear:both;
}
.hometitle{
	margin:9px 0 0 15px;
}
.hometitle h4 {
	text-transform: uppercase;
	height:32px; overflow: hidden;
	line-height:16px;
	font-size: 13px;
}
.hometitle a {
	color: #000;‘
	text-decoration: none;
}
.hometitle a:hover {
	color: #ff6100;
}
.homerow2{
	height:216px;
	margin:4px 0 0 0;
	text-align:left;
	float:left; display:inline;
}
.homeTopHolder{
	height:auto;
	background:url(../images/bg_menu_home.gif) repeat-y;
	float:left; display:inline;
	border:0;
	margin:0;
}
/* menu homepage */
.menu{
	width:182px;
	background:#404040;
	float:left; display:inline;
}
/* menu rest */
.menu_td{
	width:182px;
	height:auto;
	background:#404040;
	text-align:left;
}
/* menu subs */
#nav td { font-size: 6px; height: 20px; padding: 0px; border: 0px; }
#nav .submenu ul,
#nav .submenu li {
	margin: 0; padding: 0;
	list-style: none;
}
#nav .submenu ul {
	position: relative;
	top: -2px;
	padding: 3px 0;
	border-top: 2px solid #b8f700;
	border-bottom: 2px solid #b8f700;
}
#nav .submenu li {
	padding: 5px 0 5px 13px;
	background: url(../images/bullet_submenu.gif) no-repeat 2px 10px;
	line-height: 13px;
	font-size: 11px;
}
#nav .submenu li a {
	text-decoration: none;
	color: #c6c6c6;
}
#nav .submenu li a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#nav .submenu li.active a {
	font-weight: bold;
	text-decoration: none;
	color: #b8f700;
}


.flashhomepage{
	width:556px;
	height:282px;
	margin:0 2px 2px 2px;
	background:#ffffff;
}
.subnav{
	width:206px;
	height:282px;
	float:right; display:inline;
	background: #404040;
}
.subnav_vervolg{
	width:206px;
	/*height:282px; */
	background:#d8d8d8;
	text-align:left;
}
.welcomebanner{
	width:412px;
	height:137px;
	float:right; display:inline;
	padding:30px 0 0 352px;
	background:url(../images/welkom_banner.jpg) no-repeat;
}
/* tijdelijke banner */
.tempWelcomebanner{
	position: relative;
	width:544px;
	height:auto; min-height: 82px;
	float:right; display:inline;
	padding:10px 190px 30px 30px;
	background-image:url(../images/tempwelkom_banner_tw.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-weight:bold;
	line-height:18px;
}
* html .tempWelcomebanner { /* IE6 hack for min-height */
	height: 82px;
}
.tempWelcomebanner #buttonThuiswinkel {
	position: absolute;
	bottom: 10px; right: 18px;
	width: 160px; height: 65px;
}

.welcometxt{
	width:180px;
	float:left; display:inline;
	color:#404040;
	line-height:15px;
}
.merkenbalk{
	width:100%;
	background:#d8d8d8;
	margin:4px 0 4px 0;
	float:left; display:inline;
 }
.offerlinks{
	float:left; display:inline;
	margin:10px 0 0 6px;
}
.offerprices{
	float:right; display:inline;
	margin:10px 0 10px 0;
	text-align:center;
	line-height:18px;
	height: 37px;
}
.offerimage{
	width:236px;
	height:190px;
}
.tomatoes{
	background-image:url(../images/tomatoes.jpg);
	background-repeat:no-repeat;
	height:212px;
	width:499px;
	float:left; display:inline;
}

.usp_nl, .usp_de {
	background-image:url(../images/nl/usp.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:212px;
	width:447px;
	float:left; display:inline;
	margin:0 0 0 2px;
}

.usp_de {background-image:url(../images/de/usp.gif); }
	
.popularBar 
{
	width: 100%;
	height:106px;
	float:left;
	display:inline;
	margin:10px 0 10px 0;
}

.topbanner{
	width:556px;
	background-color:#d8d8d8;
	padding:0;
	}
.middlecontent{
	position:absolute;
	left:188px;
	top:0;
	width:556px;
	background-color:#FF9900;
	padding:0;
	}
.middlecontent_td{
	width:556px;
	background-color:#ffffff;
	padding:0;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 11px;
	text-align: left;
	height: 100%;
	}
.productoptions{
	font-size:11px;
	height:20px;
	border-bottom:solid 1px #d8d8d8;
	margin-bottom:4px;
}
.productdetailoptions{
	font-size:11px;
	height:20px;
	border-bottom:solid 1px #d8d8d8;
	margin-bottom:4px;
	padding-left:5px;
}
.detail_info{
	margin:22px 25px 16px 0;
}
.detail_infotekst{
	padding-top:10px;
	width:460px;
}
/* pagecount div */
.pagecount{
	background-color:#d8d8d8;
	padding: 4px  0 6px 10px;
	margin:0 0 2px 0;
	color:#000000;
	/*border:solid 1px #000000;*/
}
/* links */
a.pagecountlink:link, a.pagecountlink:visited{
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	text-decoration:underline;
}
a.pagecountlink:hover{
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#ff3c00;
	text-decoration:none;
}
a.pagecountactivelink{
	font-family:Tahoma, sans-serif;
	font-weight:bolder;
	font-size:11px;
	color:#ff3c00;
	text-decoration:none;
}
a.submenu:link, a.submenu:visited{
	color: #b8f700;
	text-decoration: underline;
}
a.submenu:hover {
	color: #ffffff;
	text-decoration: underline;
}
a.oranje:link, a.oranje:visited{
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#ff3c00;
	text-decoration:underline;
	font-weight:bold;
	line-height:18px;
}
a.oranje:hover{
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#ff3c00;
	text-decoration:none;
	font-weight:bold;
	line-height:18px;
}
a.oranjenormal:link, a.oranjenormal:visited{
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#ff3c00;
	text-decoration:underline;
	line-height:18px;
}
a.oranjenormal:hover{
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#ff3c00;
	text-decoration:none;
	line-height:18px;
}
a.grijs:link, a.grijs:visited {
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#404040;
	text-decoration:none;
}
a.grijs:hover {
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#404040;
	text-decoration:underline;
}

a.grijs2:link, a.grijs2:visited {
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#404040;
	text-decoration:underline;
}
a.grijs2:hover {
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#404040;
	text-decoration:none;
}
a.fatlink:link, a.fatlink:visited{
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}
a.fatlink:hover, a.fatlink:active{
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#b8f700;
	text-decoration:none;
}
a.darkgreylink:link, a.darkgreylink:visited{
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#404040;
	text-decoration:underline;
}
a.darkgreylink:hover, a.darkgreylink:active{
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#404040;
	text-decoration:none;
}

.productdata{
	font-size:11px;
	height:20px;
	border-bottom:solid 1px #d8d8d8;
	margin-bottom:4px;
	padding-left:6px;
}
#masterdiv{
	margin:0;
	padding:0;
}
.infoDIV{
	line-height:18px;
}
.betaalmethode{
 margin:0 14px 0 14px;
}
.guide{
 margin:10px 0 0 14px;
	line-height:19px;
}
.filterresults{
	margin:10px 0 10px 0;
	color:#ff3c00;
}
.bigline{
	 height:4px;
	 width:100%;
	 background:#d8d8d8;
	 margin:0 0 0 0;
	 float:left; display:inline;
}
.big_line_a{
		height:6px;
		background-color:#d8d8d8;
		margin:0 2px 6px 2px;
}
.big_line_b{
		height:6px;
		background-color:#d8d8d8;
		margin:8px 2px 8px 2px;
	}
.line2{
	background-image:url(../images/line2.gif);
	background-repeat:repeat-x;
	height:1px;
	margin:6px 0 6px 0;
	}
.line3{
	background-image:url(../images/line1.gif);
	background-repeat:repeat-x;
	height:1px;
	margin:10px 0 10px 0;
	}
.line4 {
	position:relative;
	margin-top: 12px;
	margin-bottom: 12px;
	background-image: url(../images/line1.gif);
	background-repeat:repeat-x;
}
.line5 {
	position:relative;
	margin-top: 12px;
	background-image: url(../images/line1.gif);
	background-repeat:repeat-x;
}
.line6{
	height:1px;
	width:228px;
	margin:0 0 0 4px;
	background:#d8d8d8;
}
.pakketitem{
	margin:0;
	width:86px;
	height:86px;
	border:solid 1px #fff;
}
.pakketitemover{
	margin:0;
	width:86px;
	height:86px;
	border:solid 1px #d8d8d8;
	cursor:pointer;
}
.tdselect_title{
	font-size:10px;
	margin:0;
	height:16px;
	padding-left:2px;
}
.tdselect{
	margin:0;
	height:16px;
	padding-left:3px;
	
}

.tdselect A
{
	color: #333333;
	text-decoration: none;
}

.tdselectover{
	margin: 0;
	height:16px;
	cursor:pointer;
	background-color:#ff3c00;
	padding-left:3px;
	color:#FFFFFF;
}
.tdselectover A 
{
	color: #FFFFFF;
	text-decoration: none;
}


.recept{
	margin:20px 20px 20px 15px;
	}
.winkelmand_table{
}
/* ===============
 * TEXT FORMATTING
 */
td.brand {
	margin:0;
	padding:0px;
	height:50px;
	width:98px;
}
ul {
	list-style:square;
	margin-left: 0;
	padding-left: 14px;
}
/*p{ 	font-family:Tahoma, sans-serif; font-size:11px; margin:0; line-height:16px; }*/
p { margin: 0 0 1em 0 }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1{ font-size: 12px; }
h2{ color: #000000; font-size: 16px; }
h3{ color: #000000; font-size: 14px; font-weight:bold; }
h4{ color: #404040; font-size: 13px; font-weight:bold; }
h5{ color: #ff3c00; font-size: 12px; }
h6{ color: #ff3c00; font-size: 14px; font-weight:bold; }
.copyright{
	color:#69767d;
	font-size:11px;
}
.oranje { color:#ff3c00; }
.tenbold { font-size:10px; font-weight:bold; }
.vanprijs
{
	display: inline;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	background-image:url(../images/vanprijs.gif);
	background-repeat:repeat-x;
	background-position:0 7px;
	text-align:right;
	margin-left:10px;
}
.vanprijsHome{
	margin:0;
	text-decoration:line-through;
	color:#000000;
	font-size:11px;
	font-weight:bold
}
.voorprijs{margin:0; padding:0; font-size: 10px; font-weight:bold; color:#ff3c00}
.prijs{margin:0; padding:0; font-size: 10px; font-weight:bold;}

.overzichttitel {margin:0; padding:0 5px 0 0; font-size: 12px; font-weight:bold;}
.overzichttitel a { color: black; text-decoration: none; }
.overzichttitel a:hover { color: #ff3c00; text-decoration: none; }
.overzichtvanprijs {
	font-weight:bold;
	font-size:10px;
	/*background-image:url(/images/vanprijs.gif);
	background-repeat:repeat-x;
	background-position:0 7px;*/
	text-align:right;
	margin-left:5px;
	text-decoration:line-through;
}
.overzichtprijs {margin:0; padding:0; font-size: 12px; font-weight:bold;}
.overzichtvoorprijs {margin:0; padding:0; font-size: 12px; font-weight:bold; color:#ff3c00}
.subnavtekst {
	color: #ffffff;
}
/* ===============
 * PLOATIES
 */
.homelogos{
	padding:4px;
	border:solid 1px #d8d8d8;
	display:block;
}
.homelogos:hover{
	padding:4px;
	border:solid 1px #B8B8B8;
	display:block;
}
.logobalk{
	margin:0 auto 0 auto;
}

.plus{
	margin:0;
}
.line1{
	margin:5px 0 5px 0;
	}
/* ===============
* FORMS
*/
form{margin:0;}
.aantalselect{
width:40px;
height:18px;
font-size:11px;
border:solid 1px #d8d8d8;
}
.inputnormal, .inputmiddle, .inputsmaller, .inputsmall, .inputxsmall, .inputwachtwoord, .inputwachtwoord2{
	height:18px;
	border:solid 1px #d8d8d8;
	color:#727272;
	padding:2px 0 0 4px;
	font-size:11px;
	margin:1px 0 1px 0;
}
.inputnormal{	width:184px; }
.inputmiddle{	width:152px; }
.inputsmaller{	width:70px; }
.inputsmall {	width:52px; }
.inputxsmall {	width:27px; }

.inputwachtwoord{
	width:152px;
	background-image:url(../images/bg_password.gif);
	background-repeat:no-repeat;
	}
.inputwachtwoord2{
	width:184px;
	background-image:url(../images/bg_password.gif);
	background-repeat:no-repeat;
}

.selectday, .selectdate, .selectyear{
	height:20px;
	border:solid 1px #d8d8d8;
	font-size:11px;
	color:#727272;
	margin:0;
}
.inputmessage{
	width:300px;
	height:120px;
	border:solid 1px #d8d8d8;
	color:#727272;
	padding:2px 0 0 4px;
	font-family:Tahoma, sans-serif;
	font-size:11px;
	margin:1px 0 1px 0;
}
.selectday{ width:40px;}
.selectdate{ width:56px;}
.selectyear{ width:50px;}
.inputmessage:focus, .inputsmaller:focus, .inputmiddle:focus, .inputxsmall:focus, .inputsmall:focus, .inputwachtwoordout:focus, .inputwachtwoordon:focus, .selectday:focus, .selectdate:focus, .selectyear:focus, .inputnormal:focus{
	color: #000000;
}
/* roemeense tags */
/*.h1{ font-size: 12px; }
.h2{ color: #000000; font-size: 16px; font-weight:bold;}
.h3{ color: #000000; font-size: 14px; font-weight:bold; }
.h4{ color: #404040; font-size: 13px; font-weight:bold; }
.h5{ color: #ff3c00; font-size: 12px; text-decoration:line-through;}
.h6{ color: #ff3c00; font-size: 14px; font-weight:bold; }
*/
.test a{
font-family:'Verdana'; 
text-indent:2px; 
font-size:11.5px; 
color:#ababab;  
text-decoration:none; 
font-weight:bolder;
height:15px;
}

.test a:hover {
font-family:'Verdana'; 
text-indent:2px; 
font-size:11.5px; 
color:#FFFFFF;  
text-decoration:none; 
font-weight:bolder;
height:22px;
/*border-bottom: 4px solid #b8f700;
*/
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#b8f700;
}

.valSummary{
	color: #ff0000;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
}
.marginButton{
	margin: 10px;
}
.detail_infotekst a{
	color: #ff3c00 !important;
}

.bATR_Img_NP
{
	border: 0px;
}

/* ===================== NEW STYLES 2009 ===================== */

/* carrousel */
#carrousel {
	position: relative;
	margin: 0 0 0 2px;
	width: 556px; height: 280px;
	overflow: hidden;
	background: #fff;
}
#carrousel #slidePager {
	position: absolute;
	right: 0; top: 0;
	width: 103px; height: 282px;
	background: #d8d8d8;
	overflow: hidden;
}
#slidePager ol,
#slidePager li {
	margin: 0; padding: 0;
	list-style: none;
}
#slidePager ol {
	margin: 9px 0 0 3px;
}
#slidePager li {
	margin: 0 0 9px 0;
}
#slidePager li a {
	display: block;
	width: 90px; height: 82px;
	text-align: right;
	opacity: .45; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=45); /* IE lt 8 */
	-ms-filter: "alpha(opacity=45)"; /* IE 8 */
	-khtml-opacity: .45; /* Safari 1.x */
	-moz-opacity: .45; /* FF lt 1.5, Netscape */
}
#slidePager li a.activeSlide {
	background: url(../images/carrousel_arrow.gif) no-repeat left center;
	opacity: 1.00; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.00; /* Safari 1.x */
	-moz-opacity: 1.00; /* FF lt 1.5, Netscape */
}
#slidePager img {
	border: 1px solid white;
}
#carrousel #slideImages {
	width: 453px; height: 282px;
	overflow: hidden;
}
#slideImages ol,
#slideImages li {
	margin: 0; padding: 0;
	list-style: none;
}
#slideImages li {
	position: relative;
	width: 453px; height: 282px;
	overflow: hidden;
}
#slideImages img {
	border: none;
}
#slideImages .text {
	position: absolute;
	bottom: 12px; left: 0;
	width: 313px; height: 71px;
	padding: 7px 130px 7px 10px;
	background: #b8f700;
	cursor: pointer;
}
#slideImages h2 {
	text-transform: uppercase;
	font-size: 14px;
}
#slideImages h2 a {
	text-decoration: none;
	color: black;
}
#slideImages .description {
	margin: 3px 0;
	line-height: 14px;
	font-size: 11px;
}
#slideImages .action a {
	text-decoration: underline;
	font-weight: bold;
	color: #ff3c00;
}
#slideImages .action a:hover {
	text-decoration: none;
}
#slideImages .price {
	position: absolute;
	right: 20px; top: 0;
	width: 70px; height: 65px;
	padding: 14px 7px 6px 7px;
	background: #fff;
	text-align: center;
}
#slideImages .price strike {
	display: block;
	margin: 5px 0;
	font-weight: bold;
	font-size: 13px;
	color: #ff3c00;
}
#slideImages .price strong {
	font-weight: bold;
	font-size: 16px;
	color: #000;
}

/* searchBox */
.searchBox {
	margin: 0 0 15px 0;
}
.searchBox input {
	vertical-align: middle;
}
.searchBox input.textfield {
	width: 115px;
	margin: 0 2px 0 0; padding: 3px;
	border: 1px solid #8f8f8f;
	font-size: 11px;
}

/* mainTitle */
.mainTitle h1 a {
	text-decoration: underline;
	color: #33332c;
}
.mainTitle h1 a:hover {
	text-decoration: underline;
	color: #ff3c00;
}

.grayLine {
	margin: 0 0 2px 0;
	line-height: 0%; font-size: 0;
	height: 9px; overflow: hidden;
	background: #d8d8d8;
}

/* groupLister */
.groupLister {
	position: relative;
	width: 558px;
	margin-left: -2px;
}
.groupLister ul,
.groupLister li {
	margin: 0; padding: 0;
	list-style: none;
}
.groupLister li {
	float: left; display: inline;
	width: 184px; height: 228px;
	margin: 0 0 2px 2px;
}
.groupLister li a {
	display: block;
	width: 174px; height: 218px;
	padding: 5px;
	background: #d8d8d8;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
.groupLister li a:hover {
	text-decoration: none;
	background: #b8f700;
	color: #000;
}
.groupLister li a img {
	border: none;
}
.groupLister li a strong {
	display: block;
	width: 168px; height: 36px;
	margin: 5px 0 0 4px;
	text-transform: uppercase;
	line-height: 18px;
	font-size: 13px;
}

/* partsLister */
table.partsLister {
}
.partsLister .image {
	height: 224px;
	overflow: hidden;
}
.partsLister .title {
	width: 164px; height: 36px;
	overflow: hidden;
}
.partsLister .title a {
	text-decoration: none;
	color: black;
}
.partsLister .title a:hover {
	text-decoration: none;
	color: #ff3c00;
}
.partsLister .description {
	line-height:17px;
	height:50px;
}

/* lister */
.listerItem {
	margin:16px 10px 0 0;
	padding: 0 0 10px 0;
	border-bottom:solid 1px #d8d8d8;
}


.tempWelcomebanner #divToTitelText {	
	position: absolute;
	bottom: 40px;
	left: 203px;
	height: 50px;	width: 350px;
	color: black;
	font-size: 14px;
}

.tempWelcomebanner #divToMagazine {	
	position: absolute;
	bottom: 24px;
	left: 187px;
	height: 50px;	width: 157px;
}
.tempWelcomebanner #divToMagazine a {
	display: block;	
	height: 50px;	width: 157px;
	text-indent: -999em;
	text-decoration: none;
	background: url(../images/btnToMagazine.png) no-repeat left top;	
}
	* html .tempWelcomebanner #divToMagazine a {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btnToMagazine_off.png');
		cursor: pointer;		
	}
.tempWelcomebanner #divToMagazine a:hover {	
	background: url(../images/btnToMagazine.png) no-repeat left bottom;
}	
	* html .tempWelcomebanner #divToMagazine a:hover {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btnToMagazine_over.png');
		background-position: left top;
		cursor: pointer;
	}	

.tempWelcomebanner #divToThuiswinkel {
	position: absolute;
	bottom: 33px;
	left: 600px;
	height: 39px;
	width: 112px
}

.contentnormal{
	font: 11px/150% Tahoma, Arial, Helvetica, sans-serif;
}