@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }
body { margin:0; padding:0; background:#fcfcf5; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#4e4e50;  }
#header { height:156px; background:url(../images/header_bg.png) repeat-x; margin:0 0 35px 0; }
#header_container { width: 970px; margin:0 auto; position:relative;  }
#container { width: 970px; margin:0 auto;  }
#homepage, #homepage a { width: 800px; height:700px; margin:0 auto; font-size:22px;  color:#ffffff;text-decoration:none;font-weight: bold;}
#leftcol { width:200px; float:left; margin:0 40px 0 0; padding:50px 0 0 0; }
#middlecol { width:374px; float:left; margin:0 40px 0 0; padding:0 0 130px 0; }
#rightcol { width:316px; float:left; margin:0; padding:46px 0 130px 0; }
#footer { height:69px; background:url(../images/footer_bg.png) repeat-x; margin:0; position:relative; z-index:20 }


/* HEADER */
.logo { display:block; width:188px; height:227px; background:url(../images/pajottenlander.png); position:absolute; top:0px; left:0px; text-decoration:none; }
.logo span { position:relative; left:-9999px; }
.logo:hover { text-decoration:none; }

/* TEXT */
h1 { font-size: 30px; font-weight:normal; margin:0 0 13px 0; }
h2 { font-size:18px; }
a { color:#4e4e50;}
a:hover { color:#19368a;}
#middlecol p { text-align:justify;}

/* CATEGORIE KLEUREN */
/* geef categoriekleur aan current categorie */
  
#home ul li.current a, #home #leftnav ul li ul li.current a,  #home h1, #home strong { color:#8ab601; } /* groen */
#home ol li a {color:#8ab601;padding-top:5px; font-weight: bold; test-decoration:none;}
#bedrijf ul li.current a, #bedrijf #leftnav ul li ul li.current a,  #bedrijf h1, #bedrijf strong{ color:#d80100; } /* rood */
#activiteit ul li.current a, #activiteit #leftnav ul li ul li.current a, #activiteit h1, #activiteit strong { color:#660099 ; } /* mauve, aangepast naar paars */
#producten ul li.current a, #producten #leftnav ul li ul li.current a, #producten h1, #producten strong { color:#FF4F00; } /* oranje,aangepast naar feller */
#actualiteit ul li.current a, #actualiteit #leftnav ul li ul li.current a, #actualiteit h1, #actualiteit strong { color:#FCAC00 ; } /* geel, aangepast naar donkerder */
#recepten ul li.current a, #recepten #leftnav ul li ul li.current a, #recepten h1, #recepten strong { color:#FF0090 ; } /* blauw,aangepast naar fushia */
#verkooppunten ul li.current a, #verkooppunten #leftnav ul li ul li.current a, #verkooppunten h1, #verkooppunten strong { color:#1a7e0a; } /* groen */
#middlecol ul li a { color:#1a7e0a; } 
#B2B ul li.current a, #B2B #leftnav ul li ul li.current a, #B2B h1, #B2B strong { color:#005298; } /* donkermauve,aangepast naar petroleum blauw */

/* NAVIGATION */
#navigation { width:680px; position:absolute; top:105px; left:240px;}
#navigation ul { margin:0; padding:0; list-style:none; } 
#navigation ul li {margin:0; padding:0; background:none; float:left; display:block; list-style:none; } 
#navigation ul li a { display:block;  padding:0px 10px 10px 10px; color:#19368a; font-weight:bold;  text-decoration:none; margin:0; font-size:12px; }
#navigation ul li.last a { background: url(../images/nav_button_bg.png) top left no-repeat; } /* de laatste button heeft geen divider aan de rechterkant */
#navigation ul li a:hover { color:#0238e6; }
#navigation ul li.current { height:40px; background: url(../images/green_triangle.png) no-repeat; background-position:center 25px; }

/* DROPDOWN SUBMENU  */
#navigation li ul { display: block; position: absolute; width: 120px; left: -999%; background:#19368a; margin:0; color:#fff; padding:5px 0 10px 0; z-index:20} 
#navigation li li { float:none; display: block;border:none; height:auto; margin:0; padding:0;} 
#navigation li li a { font-weight:normal; background:none; height:auto; padding:3px 10px;  color:#fff; font-weight:bold; margin:0; } 
#navigation li li a:hover { background-color:#fff; border:none; margin:0; width:auto; color:#19368a; } 
#navigation li:hover ul {left: auto; top: 24px;}
#navigation li.sfhover ul {left: auto;}

/* LEFTNAVIGATION */
#leftnav { margin:0 8px 25px 8px;}
#leftnav ul { margin:0; padding:0; list-style:none; } 
#leftnav ul {	list-style-type:none;	text-align:left;		padding:0;	margin:0;}
#leftnav ul li {	border-bottom:1px solid #fff;	list-style-image: none;	padding:0;	margin:0 0 12px 0;}
#leftnav ul li a { font-size:12px; font-weight:bold;  color:#19368a; display: block; padding:2px 13px 4px 13px;    text-decoration:none;   }    
#leftnav ul li a:hover { background:#19368a;	color:#fff;}
#leftnav ul li.current a:hover { color:#fff; background:#19368a;}

/*  niveau 2 */
#leftnav ul li ul {	margin: 0;	padding:0;	}
#leftnav ul li ul li {	list-style-image:none;	list-style-type:none; margin:0; color:#19368a; }
#leftnav ul li ul li a { font-size:12px; font-weight: normal;   display: block;    padding:1px 13px 4px 30px;   text-decoration:none;	color:#19368a; text-transform:none;   }
#leftnav ul li.current ul li a { color:#19368a; } 



/* FIXED SUBMENU UNDER CURRENT CATEGORIE*/
#navigation li.current ul { width:733px; height:23px; position:absolute; top:27px; left:0px; margin:0; padding:0; border:none; z-index:10; background:none; }
#navigation li.current ul li {margin:0; padding:0; float:left; display:block; background: none; height:21px; }
#navigation li.current ul li a { font-size:12px; font-weight:bold; line-height:21px; display:block;  padding:0 12px; text-decoration:none; margin:0;} 
#navigation li.current ul li a:hover { color:#0238e6; background:none;  }
#navigation li.current ul li.current  { height:40px; background: url(../images/green_triangle.png) no-repeat; background-position:center 24px; }

/* CLEARS AND DIVIDERS */
.clear { clear:both; height:1px;}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear25 { clear:both; height:25px;}
.clear30 { clear:both; height:30px;}
.clear50 { clear:both; height:50px;}

/* search */
#searchbox { width:188px; margin:0 auto 18px auto;  }
#searchbox input, #searchbox textarea, #searchbox input.iefocus, #searchbox textarea.iefocus { border:none; color:#888888;  }
#searchbox input { width:128px; height:21px; background:url(../images/search_bg.png) no-repeat; padding: 2px 10px;}
#searchbox input.button_ok { width:29px; height:19px; background:url(../images/button_ok.png) no-repeat; color:#fbfbeb; font-size:11px; font-weight:bold; cursor:pointer; padding:0; margin:1px 0 0 0;  }
#searchbox table { }
#searchbox .loginbutton { color:#fff;}

/* LANGUAGE SELECTION */
#langselect { width:100px; height:20px; position:absolute; top:105px; right:8px; font-size:11px; text-align:right; color:#19368a; font-weight:bold; }
#langselect a { color:#19368a; font-weight:normal; text-decoration:none; }
#langselect a:hover { color:#0238e6; }

/* BLOCKS */
.promo { background:#8ab601; padding:15px 15px 5px 15px; color:#fff; margin:0 6px  }
p { margin:0 0 20px 0; }

/* IMAGEBOXES */
.imagebox_300x300 { width:316px; height:316px; background:url(../images/image300x300_bg.png) no-repeat; position:relative; margin:0 0 25px 0; }
.imagebox_300x300 img { width:300px; height:300px; position:absolute; top:7px; left: 7px; border:0px;}
#map_canvas { width:300px; height:300px; position:absolute; top:7px; left: 7px;  border:0px;}

.imagebox_300x150 { width:316px; height:166px; background:url(../images/image300x150_bg.png) no-repeat; position:relative; margin:0 0 25px 0; }
.imagebox_300x150 img { width:300px; height:150px; position:absolute; top:7px; left: 7px; border:0px;}

.imagebox_188x188 { width:200px; height:200px; background:url(../images/image188x188_bg.png) no-repeat; position:relative; margin:0 0 25px 0; }
.imagebox_188x188 img { width:188px; height:188px; position:absolute; top:6px; left: 6px; border:0px;}

.imagebox_188x94 { width:200px; height:105px; background:url(../images/image188x94_bg.png) no-repeat; position:relative; margin:0 0 25px 0; }
.imagebox_188x94 img { width:188px; height:94px; position:absolute; top:6px; left: 6px; border:0px;}

/* FOOTER */
#footer_image_box { width: 970px; height:5px; margin:0 auto; position:relative; z-index:10 }
#footer_image_box img { position:absolute; bottom:-69px; right:160px;}
#footer_container { width: 970px; margin:0 auto; position:relative; padding:4px 0 0 0; font-size:10px; }
#footer_container a { color:#4e4e50; text-decoration:none; }
#footer_container a:hover { text-decoration: underline; }
#footer_left { width:770px; float:left; margin:0 0 30px 0;}
#footer_right { width:200px; float:left; text-align:right;  }

/* TABLE */
.fiche { width:300px; margin:0 0 0 7px;  }
.fiche table { border:1px solid #8ab601; font-size:11px; margin:0 }
.fiche table th { background:#8ab601; color:#fff; font-weight:bold; padding:5px 7px;  }
.fiche table td { border-top:1px solid #8ab601; padding:5px 7px; }

.include { width:370px; margin:0 0 0 7px;  }
.include table { border:1px solid #8ab601; font-size:11px; margin:0 }
.include table th { background:#8ab601; color:#fff; font-weight:bold; padding:5px 7px;  }
.include table td { border-top:1px solid #8ab601;font-weight:bold; padding:5px 7px; }
.include input, include textarea { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; }