html,body {  font-family: Verdana, sans-sérif;
             margin:0%;
             overflow: hidden;
             height: 100%;
             font-size: 11px;
             color: #4f4c4d;
             background-color: #4f4c4d;

             }
        
        
#container1  { width: 100%;
              height: 100%;
              z-index: 1;
              position: absolute;
              }
       
       #content  { width: 100%;
                   height: 340px;
                   margin-top: -130px;
                   margin-left: 0px;
                   top: 50%;
                   background-color:#a29c9e;
                   position: absolute;
                   color: #4f4c4d;
                   border-top: solid 1px #6c1733;
                   border-bottom: solid 1px #6c1733;
                 }
                 
                 
                 
                 
   #navigatie   {      width: 170px;
			height: 100%;
              		margin-left: -395px;
			left: 50%;
			top: 0px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			background-color: #6c1733;
                        }            

      
              
             
#container2  { width: 970px;
              height: 550px;
              z-index: 2;
              margin-left: -485px;
              margin-top: -255px;
              position: absolute;
              left: 50%;
              top: 50%;
              color: #4f4c4d;
             
              }
              
  #zandhoeve  { width: 88px;
             height: 329px;
             top: 135px;
             left: 0px;
             background-image: url(images/zandhoevelogo.jpg);
             background-position: bottom;
             background-repeat: no-repeat;
             text-indent: -99999px;
             position: absolute;
           }
#menu  {    width: 170px;
             height: 300px;
             top: 135px;
             left: 90px;
             text-indent: -99999px;
             position: absolute;
           }           
   #tekening  { width: 414px;
             height: 326px;
             top: 135px;
             left: 263px;
             background-image: url(images/tekening.jpg);
             background-position: bottom;
             background-repeat: no-repeat;
             text-indent: -99999px;
             position: absolute;
           } 
           
     #tekst  { width: 275px;
             height: 340px;
             top: 135px;
             left: 677px;
             position: absolute;
             text-align: center;
             valign: middle;
           }
  #fotobalk { width: 1100px;
             height: 153px;
             top: -20px;
             margin-left: 260px;
             position: absolute; 
             z-index:4;
             
           }          
           
   #tekeningkl  { width: 311px;
             height: 191px;
             top: 172px;
             left: 263px;
             background-image: url(images/zandhoevekl.jpg);
             background-position: bottom;
             background-repeat: no-repeat;
             text-indent: -99999px;
             position: absolute;
           } 
           
     #tekstgr  { width: 378px;
             height: 340px;
             top: 135px;
             left: 574px;
             position: absolute;
             text-align: left;
             valign: middle;
             font-size: 11px;
           }

        #tekstgr td { font-size: 11px;
		   font-family: verdana;
		   color: #4f4c4d;
		   vertical-align: top;
		   text-align: center;
           }          
           
#tekstfull { width: 700px;
             height: 300px;
             top: 140px;
             left: 268px;
             position: absolute;
             padding: 10px;
             text-align: left;
             background-color: #a29c9e;
             background-image: url(images/zandhoevexs.jpg);
             background-position: 300px 150px;
             background-repeat: no-repeat;
                 overflow-y: auto;
                   overflow-x: hidden;
                   scrollbar-face-color: #a29c9e;
                   scrollbar-base-color: #a29c9e;
                   scrollbar-darkshadow-color: #a29c9e;
                   scrollbar-3dlight-color: #a29c9e;
                   scrollbar-shadow-color: #a29c9e;
                   scrollbar-highlight-color: #a29c9e;
                   scrollbar-arrow-color: #e2f1ee;
                   scrollbar-track-color: #a29c9e;             
             
           }       
       #tekstfull td { font-size: 11px;
		   font-family: verdana;
		   color: #4f4c4d;
		   vertical-align: top;
           }
       #tekstfull hr {border: solid 1px #4f4c4d;}    
           
           
     #adres  { width: 711px;
             height: 70px;
             top: 475px;
             margin-left: 263px;
             position: absolute;
             valign: middle;
             color:#a29c9e;
           }  
     
#adres td {font-size: 11px;
           font-family: verdana;
           color: #a29c9e;
           width: 33%;
    }
                        
    #slideshowblok   {  width: 186px;
			height: 235px;
			margin-left: 780px;
			top: 101px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			background-image: url(images/bgslideshow.jpg);
			background-position: bottom;
                        background-repeat: no-repeat;
       
       
                         }
    #fotosblok   {      width: 186px;
			height: 329px;
			margin-left: 780px;
			top: 54px;
			padding-left: 0px;
			padding-top: 0px;
			position: absolute;
			background-image: url(images/bgfotos.jpg);
			background-position: bottom;
                        background-repeat: no-repeat;
       
       
                         }                           
  h1   {font-size: 14px;
         color: #6c1733;
         
          }                         
                    
  h2    {font-size: 14px;
          color: #4f4c4d;
          } 
  
  h3    {font-size: 11px;
          margin: 0px;
          padding: 0px;
         color: #6c1733;
         }
         
strong { color: #5d0925;  }        
         
                    
input { background: transparent;
        border: solid 1px #6c1733;
        font-family: verdana;
        color: #4f4c4d;
        }

textarea { background: transparent;
        border: solid 1px #6c1733;
        font-family: verdana;
        color: #4f4c4d;
        } 
        
        
.imgb{
	border:2px solid #5a5a5a;
	margin-left:2px;
	margin-right:1px;
}        
        
        
      
 
 a { color: #5d0925;
           text-decoration: none;
        
               }
               
               
               
a {outline: none;}               
 
 
  a:hover  {color: #a29c9e;
           text-decoration: none;}
           
           
           
           
           
                                                
/* Navigation
-------------- */
ul#nav {
	padding:0;
	margin:0;
	float:right;
	position:absolute;
	top: 19px;     /* set the exact position of the navigation */
	left: 0px;		/* set the exact position of the navigation */
	width:170px;
	height:300px;

}
ul#nav li {
	padding:0;
	margin:0;
	text-indent:-9999px;	
	list-style-type:none;
	float:left;
}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background-image: url(images/menu.jpg);
	
}

li#home a {
	width:170px;
	height:61px;
}

li#wie a {
	width:170px;
	height:36px;
}
li#kaart a {
	width:170px;
	height:36px;
}
li#menus a {
	width:170px;
	height:37px;
}
li#suggesties a {
	width:170px;
	height:35px;
}
li#feest a {
	width:170px;
	height:36px;
}
li#contact a {
	width:170px;
	height:60px;
}

li#home a {	
	background-position:0px 0px;
}
li#home a.selected,li#home a:hover {	
	background-position:170px 0px;
}
li#wie a {	
	background-position: 0px -61px;
}
li#wie a.selected,li#wie a:hover {	
	background-position: 170px -61px;
}
li#kaart a {	
	background-position:0px -97px;
}
li#kaart a.selected,li#kaart a:hover {	
	background-position:170px -97px;
}
li#menus a {	
	background-position:0px -132px;
}
li#menus a.selected,li#menus a:hover {	
	background-position:170px -132px;
}
li#suggesties a {	
	background-position:0px -169px;
}
li#suggesties a.selected,li#suggesties a:hover {	
	background-position:170px -169px;
}
li#feest a {	
	background-position:0px -204px;
}
li#feest a.selected,li#feest a:hover {	
	background-position:170px -204px;
}
	
li#contact a {	
	background-position: 0px -240px;
}
li#contact a.selected,li#contact a:hover {	
	background-position: 170px -240px;
}



/* Navigation
-------------- */
ul#menukaart {
	padding:0;
	margin:0;
	float:right;
	position:absolute;
	top: 445px;     /* set the exact position of the navigation */
	left: 117px;		/* set the exact position of the navigation */
	width:467px;
	height:22px;

}
ul#menukaart li {
	padding:0;
	margin:0;
	text-indent:-9999px;	
	list-style-type:none;
	float:left;
}
ul#menukaart li a {
	border:0;
	display:block;
	text-decoration:none;
	background-image: url(images/navkaart.jpg);
}

li#voorgerechten a {
	width:116px;
	height:22px;
}
li#hoofdgerechten a {
	width:117px;
	height:22px;
}
li#nagerechten a {
	width:117px;
	height:22px;
}
li#snacks a {
	width:117px;
	height:22px;
}



li#voorgerechten a {	
	background-position:0px 0px;
	 filter:alpha(opacity=80);
              opacity: 0.80;
}
li#voorgerechten a.selected,li#voorgerechten a:hover {	
	background-position:-0px 22px;
}
li#hoofdgerechten a {	
	background-position:-116px 0px;
	 filter:alpha(opacity=80);
              opacity: 0.80;
}
li#hoofdgerechten a.selected,li#hoofdgerechten a:hover {	
	background-position:-116px 22px;
}
li#nagerechten a {	
	background-position:-233px 0px;
	 filter:alpha(opacity=80);
              opacity: 0.80;
}
li#nagerechten a.selected,li#nagerechten a:hover {	
	background-position:-233px 22px;
}

li#snacks a {	
	background-position: -350px 0px;
	 filter:alpha(opacity=80);
              opacity: 0.80;
}
li#snacks a.selected,li#snacks a:hover {	
	background-position: -350px 22px;
}

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

#subs  {      
              width: 854px;
	      height: 80px;
	      top: 65px;
	      margin-left: 0px;
	      position: absolute;
	      z-index: 49;
	      }	
#subs hr { color: #ffffff;}

    .sub1      {   height:150px;
                   width: 112px;
                   position: absolute;
                   left:260px;
  	           top: 254px;
  	           background-color: #4f4c4d;
  	           visibility: hidden;
  	           color: #a29c9e;
  	           z-index: 49;
  	           line-height: 150%;
  	           filter:alpha(opacity=90);
                   opacity: 0.90;
                   padding: 2px 10px 10px 10px;
                   border: solid 1px #a29c9e;
  	           
  	         
  	      }
  	      
  .sub1 td  	{background-color: #a29c9e;
                 font-size: 11px;
		 font-family: verdana;
		 color: #4f4c4d;
		 vertical-align: middle;
		 width: 100%;
                  }      
  	      
 hr { border: dotted 1px #111111;} 	      

            	        #mousoutr  {             height:100%;
	  		                         width: 5px;
	  		                         position: absolute;
	  		                         right:0px;
	  		                         top: 0px;
	  		                         }
	  		                      
	  		             #mousouto  { height:1px;
	  		                          width: 100%;
	  		                          position: absolute;
	  		                          bottom:0px;
	  		                        }
	                         
	                              #mousoutt  { width:100%;
	  		                         height: 5px;
	  		                         position: absolute;
	  		                         
	  		                         top: 0px;
	  		                        
		                         }