body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	width:100%;
	background-image:url(images/bg.jpg);
	background-attachment:fixed;
	text-align:center;	
}

#container {    
z-index: 1;
position:relative;
width:879px;
margin:0 auto;
text-align:left;
top: 5px;
}

img {
	border: none;
}

#knopjesboven{   width: 826px;
	 	 position:absolute;
	 	 height:37px;
	 	 left: 53px;
	 	 top: 0px;
	 	 z-index: 1;
                }

#header {
	width: 826px;
	position:relative;
	height:231px;
	left: 53px;
	top: 37px;
	z-index: 1;
}
       #foto {
         width: 546px;
	 	 position:absolute;
	 	 height:231px;
	 	 left: 0px;
	 	 top: 0px;
	 	 background-image:url(images/fototop.jpg);
	 	 background-position: top;
	 	 background-repeat: no-repeat;
	 	 z-index: 1;
                }

         #rood { width: 280px;
	 	 position:absolute;
	 	 height:231px;
	 	 left: 546px;
	 	 top: 0px;
	 	 z-index: 1;
	 	 background-color:#b3081b;
	 	 color: #c7bfae;
               }

		#rood table{
			color: white;
			}

#gelebalk { width: 826px;
	    position:absolute;
	    height:31px;
	    left: 53px;
	    top: 268px;
	    z-index: 2;
	    background-color:#f7b320;
                }

    #knopjesklein{   width:280px;
	 	     position:absolute;
	 	     height:30px;
	 	     left: 546px;
	 	     top: 0px;
	 	     z-index: 1;
                }

    #slogan{        width: 235px;
	 	     position:absolute;
	 	     height:31px;
	 	     left: 160px;
	 	     top: 0px;
	 	     z-index: 1;
		     background-image: url(images/slogan.jpg);
		     background-repeat: no-repeat;
		     background-position: top;	 	     
                }             

#logosub {
	position:absolute;
	width:209px;
	height: 220px;
	left: 0px;
	top: 173px;
	background-image: url(images/sublimixlogo.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -99999px;
	z-index: 2;
}                

#pagina {
		background-color:#ffffff;
		width: 787px;
         top:68px;
         left:60px;
		 height:850px;
		 margin-bottom:50px;
		 position:relative;
		 padding-left:30px;
	 	padding-bottom:18px;		/*for footer*/
	 	border-left: solid 1px #b3081b;
	 	border-right: solid 1px #b3081b;
	 	z-index:1;
}

			#bigpicture img{
				max-width:400px;
				max-height:400px;
				border-width: 5px;
				border-color: red;
				border-style: solid;
				}

            #royal {
			 max-width:400px;
			 position:relative;
			 margin-left:-250px;
	 	     margin-top:530px;
	 	     padding: 0px;
	 	     z-index: 2;
			 height: 250px;
	  }

	      #tekst { width:520px;
	 	     position:relative;
	 	     left: 250px;
	 	     top: 20px;
	 	     padding: 0px;
	 	     z-index: 2;
			 min-height: 450px;
		 }
		   #mailtekst { width:620px;
	 	     position:relative;
	 	     left: 150px;
	 	     top: 20px;
	 	     padding: 0px;
	 	     z-index: 2;
			 min-height: 450px;
		 }


            #tekst1 { width:520px;
	 	     position:relative;
	 	     left: 250px;
	 	     top: 80px;
	 	     padding: 0px;
	 	     z-index: 1;
	  }

            #tekst3 { width:520px;
	 	     position:relative;
	 	     left: -20px;
	 	     top: 80px;
	 	     padding: 0px;
	 	     z-index: 1;
	 	     font-size: 10px;
	 }	  

        #product1 {  width: 236px;
	 	     position:absolute;
	 	     height:123px;
	 	     left: 12px;
	 	     top: 100px;
	 	     _top: 180px;
	 	     z-index: 2;
         }

         #product2 { width: 236px;
	 	     position:absolute;
	 	     height:123px;
	 	     left: 12px;
	 	     top: 220px;
	 	     _top: 300px;
	 	     z-index: 2;
          }

             #product3 {  width: 236px;
	 	     position:absolute;
	 	     height:123px;
	 	     left: 14px;
	 	     top: 343px;
	 	     _top: 180px;
	 	     z-index: 2;
         }

         #alleprod { width: 236px;
	 	     position:absolute;
	 	     height:250px;
	 	     left: 12px;
	 	      top: 90px;
	 	     z-index: 2;
	 	     padding-top: 10px;
	 	     background-image: url(images/bgprodmenu.jpg);
		     background-repeat: no-repeat;
		     background-position: top;
         } 

         #tips { width: 236px;
	 	     position:absolute;
	 	     height:250px;
	 	     left: 10px;
	 	      top: 380px;
	 	     _top: 420px;
	 	     z-index: 7;
	 	     background-image: url(images/bgprodmenu.jpg);
		     background-repeat: no-repeat;
		     background-position: top left;
		     padding-left: 15px;
          }

                #tipsgr{ width: 236px;
	 	     position:absolute;
	 	     height:260px;
	 	     left: 14px;
	 	      top: 350px;
	 	     _top: 430px;
	 	     z-index: 2;
	 	     background-image: url(images/subliemgr.jpg);
		     background-repeat: no-repeat;
		     background-position: top left;
		     padding-left: 15px;
     }   
				.royal{
				margin-left:-100px;
				top:500px;
				margin-bottom:0px;
				right:50px;
				}

.lagen {
	visibility:hidden;
	position:absolute;
}

.plagen{
visibility:visible;
position:absolute;
}          

         

         #recept {   width: 485px;
                     height: 210px;
		     background-image: url(images/bgrecept1.jpg);
		     background-repeat: no-repeat;
		     background-position: top;	
		     padding-top: 40px;
		     padding-left: 15px;
		     padding-right: 15px;
		     position: absolute;
         } 

         #receptkl {   width: 485px;
                     height: 190px;
		     background-image: url(images/receptkl.jpg);
		     background-repeat: no-repeat;
		     background-position: top;	
		     padding-top: 40px;
		     padding-left: 15px;
		     padding-right: 15px;
		     position: absolute;
         }           

          

#footer {
	margin:0 auto;
	margin-top:0px;
	height:26px;
	position:relative;
	width:825px;
	left: 30px;
	top:12px;
	font-size:10px;
	background-image: url(images/footerbg.gif);
	background-repeat: no-repeat;
	background-position: top;	
}

#logo{ 
           height:18px;
           position: absolute;
           text-align:left;
           right:10px;
           top:9px;
}

#logo a{
	width:100%;
	height:100%;
	display:block;
}

td   {font-size: 11px;}
           

span  {color:#f7b320;

       font-weight: bold;

}



#lijstkader{

background-color:#CCCCCC;

color:#333333;

border:1px solid #b3081b;

}





selected {  color: #f7b320;

	outline: none;

	text-decoration: none;}



a {     color: #b3081b;

	outline: none;

	text-decoration: none;

	cursor:hand;

  }

  

a:hover {   color: #f7b320;

	    outline: none;

	    text-decoration: none;

		

         }

         

a:visited { color: #b3081b;

	    outline: none;

	    text-decoration: none;

	  }

	  

a:visited:hover { color: #f7b320;

	          outline: none;

	          text-decoration: none;

	        }	  

	  

a.vragen  {     color: #b3081b;

	outline: none;

	text-decoration: underline;

  }

  

 a.vragen:hover {   color: #f7b320;

	    outline: none;

	    text-decoration: underline;

         }

         

 a.vragen:visited { color: #b3081b;

	    outline: none;

	    text-decoration: underline;

	  }

	  

 a.vragen:visited:hover { color: #f7b320;

	          outline: none;

	          text-decoration: underline;

	        }       

h3   { font-size: 11px;

       color: #f7b320;

       margin: 0px;

       padding: 0px;

       }  

  

h2  { font-size: 12px;

      color: #868279;

      margin: 0px;

      padding-0px;

     }

     

     

h1   { font-size: 11px;

       padding: 0px;

       color: #b3081b;

       

     }

     

h4    { font-size: 11px;

       padding: 0px;

       color: #b3081b;

       

     }

.nutritab    { font-size: 11px;

       margin: 0px;

       padding: 0px;

       color: #b3081b;

       

     }

.nutritab2    { font-size: 10px;

       margin: 0px;

       padding: 0px;

       color: #f7b320;

       

     }     

 

 .vr {color: ##f7b320;}

     

     

input { background: transparent;

        border: solid 1px #f7b320;

        font-family: Verdana;

        color: #868279;

        }



textarea { background: transparent;

        border: solid 1px #f7b320;

        font-family: Verdana;

        color: #868279;

        }      

     

     

.inhoud {

       list-style-type: square;

}



table.nutri td { border-bottom: solid 1px #f7b320;}





.rood   {color:#b3081b;}     

#Info {

	font-weight:normal;

	color:#868279;

}  

/* Navigation

-------------- */

ul#navkl {

	padding:0;

	margin:0;

	float:right;

	position:absolute;

	top: 0px;     /* set the exact position of the navigation */

	left: 0px;		/* set the exact position of the navigation */

	width:280px;

	height:30px;



}

ul#navkl li {

	padding:0;

	margin:0;

	text-indent:-9999px;	

	list-style-type:none;

	float:left;

}

ul#navkl li a {

	border:0;

	display:block;

	text-decoration:none;

	background-image: url(images/knopjeskl.jpg);

}

li#bestellen a {

	width:100px;

	height:30px;

}

li#home a {

	width:92px;

	height:30px;

}

li#contact a {

	width:88px;

	height:30px;

}

li#bestellen a {	

	background-position:-0px 0px;

}

li#bestellen a.selected,li#bestellen a:hover {	

	background-position:-0px 30px;

}



li#home a {	

	background-position:-100px 0px;

}

li#home a.selected,li#home a:hover {	

	background-position:-100px 30px;

}

li#contact a {	

	background-position:-192px 0px;

}

li#contact a.selected,li#contact a:hover {	

	background-position:-192px 30px;

}



/* Navigation2

-------------- */

ul#navboven {

	padding:0;

	margin:0;

	float:right;

	position:absolute;

	top: 0px;     /* set the exact position of the navigation */

	left: 0px;		/* set the exact position of the navigation */

	width:826px;

	height:37px;



}

ul#navboven li {

	padding:0;

	margin:0;

	text-indent:-9999px;	

	list-style-type:none;

	float:left;

}

ul#navboven li a {

	border:0;

	display:block;

	text-decoration:none;

	background-image: url(images/knopjes.jpg);

}



li#bedrijf a {

	width:67px;

	height:37px;

}

li#producten a {

	width:91px;

	height:37px;

}

li#nutrition a {

	width:129px;

	height:37px;

}

li#vraag a {

	width:138px;

	height:37px;

}

li#verkoop a {

	width:124px;

	height:37px;

}

li#tevredenheid a {

	width:174px;

	height:37px;

}

li#groothandel a {

	width:103px;

	height:37px;

}









li#bedrijf a {	

	background-position:0px 0px;

}

li#bedrijf a.selected,li#bedrijf a:hover {	

	background-position:-0px 37px;

}

li#producten a {	

	background-position:-67px 0px;

}

li#producten a.selected,li#producten a:hover {	

	background-position:-67px 37px;

}

li#nutrition a {	

	background-position:-158px 0px ;

}

li#nutrition a.selected,li#nutrition a:hover {	

	background-position:-158px 37px;

}



li#vraag a {	

	background-position:-287px 0px ;

}

li#vraag a.selected,li#vraag a:hover {	

	background-position: -287px 37px;

}

li#verkoop a {	

	background-position:-425px 0px;

}

li#verkoop a.selected,li#verkoop a:hover {	

	background-position:-425px 37px;

}

li#tevredenheid a {	

	background-position:-549px 0px ;

}

li#tevredenheid a.selected,li#tevredenheid a:hover {	

	background-position:-549px 37px;

}



li#groothandel a {	

	background-position:-723px 0px ;

}

li#groothandel a.selected,li#groothandel a:hover {	

	background-position: -723px 37px;

}



/* toegevoegde eigenschappen */



.hoeveelheid{

width:(1px);

display:inline;

}



#aantallen table {

border-collapse:collapse;

border:1px;

border-style:inset;

border-color:#FF9933;

}



#aantallen td{

border-bottom:1px solid #FF9933; 

}



#plusmin{

width:60px;

margin-top:2px;

}



.button{

	z-index:10000;

	}