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

body{margin:0;
padding:0;
	background:url(images/jannekesbg.gif);
	font: normal 76%/1.6em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#666;}
	
img{
	border:none;
	padding:0;
	margin:0;}
	
ul, ol {margin: 0; padding-left: 0; list-style:none}
ul li li, ol li ul li {list-style: none;}
ol li {list-style: decimal;}
	
p,h1,h2,h3,h4,h5,h6 {
        margin-bottom:10px;
        font-size:1em;
        }

h1 span, span h2, .hide {
        display:none;
        }
		

a {
    color:#666;
        text-decoration:none;
        }


a:hover {
        color:#99CC00;
        text-decoration:none;
        }

        
#header h1 a {
        background: url(../img/cookfreshfood-logo.gif) no-repeat;
        width:130px;
        height:130px;
        display:block;
        position : absolute;
        top: 0px;
        left: 0px;
        }





h2      {
        font-size:1.3em;
        }
        
h3 {
        font-size:1.2em;
        }


.rood {
        color:#f90b0b;
        }       
        
.paars {
        color:#811386;
        }
        
.oranje {
        color:#fb7f00;
        }
		
.style10 {
  color: #990000
}

h2.zoekk {
 		  width:150px;
        height:12px;
        padding-bottom:6px;
        padding-left:3px;
		margin-bottom:10px;
        background:#C96;
        color:white;
        font-size:1em;
		line-height:1.5em;
        }
		
h2.olijf-groen {
        width:498px;
        height:12px;
        padding-bottom:6px;
        padding-left:3px;
		margin-bottom:12px;
        background:#fb7f00;
        color:white;
        font-size: 1em;
		line-height:1.5em;
        }
		
h2.groen {
		float:left;
        width:169px;
        height:12px;
        padding-bottom:6px;
        padding-left:3px;
		margin-bottom:12px;
        background:#060;
        color:white;
        font-size:1em;
		line-height:1.5em;
        }
		
h2.olijf {
		float:left;
        width:169px;
        height:12px;
        padding-bottom:6px;
        padding-left:3px;
		margin-bottom:12px;
        background:#A7AC3C;
        color:white;
        font-size:1em;
		line-height:1.5em;
        }
		
h2.oranje {
		float:left;
        width:169px;
        height:12px;
        padding-bottom:6px;
        padding-left:3px;
		margin-bottom:12px;
        background:#fb7f00;
        color:white;
        font-size:1em;
		line-height:1.5em;
        }
		

#container{
	float:all;
	width:960px;
	margin:0 auto;}
	
#content{
	float:left;
	width:900px;
	padding:15px 30px 50px 30px;
	background:#fff}

#left{
	float:left;
	width:500px;}
	
#left_plus{
	float:left;
	width:660px;
	margin-right:50px;}
	
#middle{
	float:left;
	width:170px;
	margin-left:40px;}
	
#right{
	float:left;
	width:150px;
	margin-left:40px;}

#logo{
	float:left;
	width:130px;
	height:130px;
	background: url(images/cookfreshfood-logo.gif)}
	
#logo a{
	float:left;
	width:130px;
	height:130px;
	background: url(images/cookfreshfood-logo.gif);
	border:none;}

#banner{
}
	
.clearer{
	clear:both;}
	
/* 1. Level suckerfish */
#navigatie-top, #navigatie-top UL {float:left; width:830px; padding:0; margin:0;  list-style:none;background:#e6e6e6;}
#navigatie-top { padding-left:130px; }
#navigatie-top LI { float:left; padding:3px 30px 3px 30px; list-style:none; width:130px;  }
#navigatie-top LI.last { background-image:none;}
#navigatie-top LI A { display:block; color:#666; font-size:12px; font-weight:normal; }
#navigatie-top LI:hover , #navigatie-top LI.sfhover {position:static;  background: #99CC00;}
#navigatie-top LI.submenu:hover {background: #99CC00 url(images/pijltje.gif) no-repeat right center;}
#navigatie-top LI.act { }
#navigatie-top LI.act A {color:#fff;}
/* 2. Level suckerfish */
#navigatie-top LI UL { position:absolute; width:160px; left:-999em; margin:3px 0 0 -30px; z-index:4;}
HTML>BODY #navigatie-top LI UL { margin-left:0px; z-index:4}
#navigatie-top LI UL LI { width:190px; background:#e6e6e6;  padding:0px 0 0 0px; margin-left:-30px; z-index:4; }
#navigatie-top LI:hover UL LI A, #navigatie-top LI.sfhover UL LI A {color:#555; padding:4px 2px 4px 2px;}
#navigatie-top LI UL LI:hover, #navigatie-top LI UL LI.sfhover  {background: #99CC00;}
#navigatie-top LI UL LI.act2 { }
#navigatie-top LI UL LI a {font-size:10px;}
#navigatie-top LI UL LI a:hover, #navigatie-top LI UL LI.sfhover {color:#fff;}

#navigatie-top LI:hover UL, #navigatie-top LI.sfhover UL { left:auto;}
#navigatie-top A { text-decoration:none; text-align:center;}
#navigatie-top A:hover { text-decoration:none; color:#fff;}


#header {
	float:left;
	width:960px;
	padding:0;
        margin:0;
		height:130px;
        }

#footer{
	float:left;
	width:800px;
	padding-left:160px;
	background:#CCC}
	
#left_plus .item{
	float:left;
	display:inline-block;
	width: 180px;
	padding:19px;
	text-align:center;
	height:140px;}
	
	
#left_plus .block{
	float:left;
	width: 660px;}
	
#in_thumb{
	float:left;
	width:500px;
	list-style:none;
	margin:0;
	padding:0;}
	
#in_thumb li{
	float:left;
	width:240px;
	margin:0 4px 0 4px;
	list-style:none;
}
	
	
div.item_gall{
	float:left;
	width:475px;
	margin-bottom:20px;
	padding:10px;
	border: 1px solid #bbb}
	
div.item_gall .gall_l{
	float:left;
	width:220px;
	padding:10px 15px;
	}
	
div.item_gall .gall_r{
	float:left;
	width:215px;
	color:#666;
	}
	
#social{
	float:left;
	width:160px;
	padding:10px 5px 5px 5px;
	border: #bbb 1px solid;
	margin:20px 0 20px -15px}
	
#di{float:left;
width:70px;
	height:30px;}

#fb a{
	float:left;
	background: url(images/facebook-icon.gif);
	width:25px;
	height:25px;}
	
#tw a{
	float:left;
	background: url(images/twitter-icon.gif);
	width:25px;
	height:25px;
	margin-left:7px;}
	
#rss a{
	float:left;
	background: url(images/rss-icon.gif);
	width:25px;
	height:25px;
	margin-left:7px;}
	
#google_translate_element{margin-left:-15px;}

#adds2{margin-left:15px;}

.i_img{float:left;width:200px;padding:20px}

#gal_box{
	
	border:1px solid #bbb;
	padding:10px;
	margin-top:116px;
	
	min-height:500px;}