html, body{
margin:0;
padding:0;
background: url("images/pattern2.jpg") repeat;
text-align:center;
}

#container{
text-align:left;
width:883px;
height:100%;
margin:0 auto;
padding:0;
}

a:link{
color: #fc8403;
text-decoration: none;
}

a:link:hover{
color: #fcab00;
text-decoration: none;
}

a:visited{
color: #fc8403;
text-decoration: none;
}

a:active{
color: #fc8403;
text-decoration: none;
}


/* menu

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

#menu{
position: absolute;
top: 83px;
margin-left: 35px;
width:500px;
height:50px;
float:left;
text-align:left;
}

#menu ul{
width:100%;
height:100%;
float:right;
list-style:none;
margin:0;
padding:0;
}

#menu li{
display:inline;
}

#menu li #current a{
margin-top: 1px;
padding-top: 11px;
width: 94px;
height: 48px;
color:#fff;
background: url("menu/normal.png") no-repeat ; 
}


#menu li a{
margin-top: 18px;
padding-top: 11px;
width: 94px;
height: 48px;
color:#fff;
font: 13px Arial;
float: left;
text-align:center;
text-decoration:none;
float: left;
background: url("menu/normal.png") no-repeat ; 
}

#menu li a:hover{
margin-top: 1px;
padding-top: 11px;
width: 94px;
height: 48px;
}

#menu li a.active{
padding:13px;
background:#fff;
color:#c1cc32;
}



/* Foto kader

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



#fotokader{
position: absolute;
top: 132px;
width:879px;
height:256px;
float:left;
background: url("images/fotokade2r.png") no-repeat ; 
}

.StationContainer_Untitled {  

width: 800px;

height:213px;}









/*===== XFade Gallery Elements Begin =====*/



.XFade_Gallery {

	position:relative;

        float: left;

	width:202px;

	height:152px;

	

}



.XFade_Gallery_Img {

	position:absolute;

	top: 0px;

left: 0px;

}



/* Totale Inhoud

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


#inhoud{
position: absolute;
top: 387px;
text-align:left;
width:882px;
height:800px;
}


#inhoud #content{
position: relative;
top:0px;
width:554px;
height:699px;
float:left;
background: url("images/contentbackground.png") no-repeat ; 
}


#inhoud #content #boven{
position: relative;
top:0px;
width:554px;
height:311px;
float:left;
}



#inhoud #content #boven .titel{
position: relative;
top:23px;
left: 34px;
color:#4d0000;
font:bold 14px Arial;
float: left;
text-align:center;
text-decoration:none;
letter-spacing: -1.0px
}


#inhoud #content #boven .titel2{
position: relative;
top:23px;
left: 34px;
color:#4d0000;
font:bold 14px Arial;
float: left;
text-align:center;
text-decoration:none; 
letter-spacing: -1.0px
}


#inhoud #content #boven .fotos{
position: relative;
top:50px;
width:485px;
height:120px;
left: 35px;
float: left;
}

#inhoud #content #boven .fotos .fotol{
float: left;
width:236px;
height:97px;
background: #fff;
}


#inhoud #content #boven .fotos .fotor{
float: right;
width:236px;
height:97px;
background: #fff;
}

#inhoud #content #boven .fotos img{
padding: 2px;
}

#inhoud #content #boven .tekst{
position: relative;
top:40px;
width:489px;
height:120px;
left: 35px;
float: left;
color:#fff;
font: 10px Arial;
float: left;
text-align:left;
text-decoration:none;
}

#inhoud #content #boven .datum{
position: absolute;
top:271px;
left: 483px;
width:42px;
height: 49px;
}

#inhoud #content #boven .datum img{
width:42px;
height: 49px;
}

#inhoud #content #boven .datum2{
position: absolute;
top:270px;
left: 483px;
width:42px;
height: 49px;  
}

#inhoud #content #boven .datumtekst{
position: relative;
top:158px;
left: 2px;
width: 25px;
height: 15px;
float: left;
color:#fff;
font:bold 14px Arial;
text-align:center;
text-decoration:none;
}

#inhoud #content #boven .datumtekst2{
position: relative;
top:157px;
left: 2px;
width: 25px;
height: 15px;
color:#fff;
font:bold 14px Arial;
float: left;
text-align:center;
text-decoration:none;
}




/* INHOUD RECHTS
--------------------------------------------------------- */




#inhoud #rechts{
position: relative;
top:1px;
width:325px;
height:280px;;
float:left;
background: url("images/rechtsbg.png") no-repeat ; 
}


#inhoud #rechts #video{
position: relative;
top:0px;
width:325px;
height:240px;
float:left; 
}



#inhoud #rechts #video .titelvid{
position: relative;
top: 22px;
left: 85px;
width:295px;
height:20px;
float:left; 
}

#inhoud #rechts #video .titelvid .videotekst{
color:#fff;
font:bold 13px Arial;
float: left;
text-align:center;
text-decoration:none;
letter-spacing: -0.1px
}


#inhoud #rechts #video .videoscherm{
position: relative;
top:29px;
left: 31px;
width:265px;
height:158px;
float:left;
}




#inhoud #rechts #video .videolinks{
position: relative;
top:35px;
left: 36px;
width:250px;
height:25px;
float:left;
}


#inhoud #rechts #video .videolinks .link1 a{
color:#fff;
font:bold 12px Arial;
float: left;
text-align:center;
text-decoration:none;
padding-right: 5px;
}

#inhoud #rechts #video .videolinks .link2 a{
color:#fff;
font:bold 12px Arial;
float: right;
text-align:center;
text-decoration:none;
padding-right: 5px;
}




/* Links
--------------------------------------------------------- */



.verwijzing{
margin-top: 40px;
width:325px;
height:22px;
float:left; 
color:#fff;
float: right;
}


.verwijzing a{
width:325px;
height:18px;
float:left; 
color:#fff;
font:11px Arial;
text-align:center;
background: url("images/linkbg.png") repeat;
}
.verwijzing a:active{
color:#fff;
}

.verwijzing a:visited{
color:#fff;
}


.verwijzing a:hover{
color:#fc8403;
}


.verwijzing .space{
width:325px;
height:40px;
float:left; 
background: url("images/linkbg.png") repeat;
}


#inhoud #footer{
position: absolute;
top:674px;
left: 5px;
width:545px;
height:20px; 
color:#fff;
font:10px Arial;
text-align:center;
}



/* KAART PAGINA 2
--------------------------------------------------------- */


#kaart{
position: absolute;
top: 387px;
text-align:left;
width:880px;
height:699px;
background: url("images/dinnerwijnbg.png") no-repeat;
padding-bottom: 80px;
}



#kaart #dinner{
position: absolute;
left: 99px;
top: 101px;
width:440px;
height:520px;
}

#kaart #dinner .fotokaart img{
margin-right: 5px;
margin-bottom: 18px;
width:237px;
height:302px;
float: left;
border: 2px solid #790e14;
}



#kaart #dinner .download img{
border: 0px solid #fff;
}


#kaart #wijn{
position: absolute;
left: 540px;
top: 101px;
width:237px;
height:302px;
}

#kaart #wijn .fotokaart img{
margin-right: 5px;
margin-bottom: 18px;
width:237px;
height:302px;
float: left;
border: 2px solid #790e14;
}


#kaart #wijn .download img{
border: 0px solid #fff;
}


#kaart #footer{
position: absolute;
top:674px;
left: 5px;
width:870px;
height:20px; 
color:#fff;
font:10px Arial;
text-align:center;
}




/* CONTACT PAGINA 3
--------------------------------------------------------- */



#inhoud #contact{
position: relative;
top:0px;
width:554px;
height:699px;
float:left;
background: url("images/CONTACTbackground.png") no-repeat ; 
}

#inhoud #contact #boven{
position: relative;
top:0px;
width:554px;
height:311px;
float:left;
}



#inhoud #contact #boven .fillin{
position: relative;
top: 40px;
left: 34px;
float: left;
width: 240px;
height: 600px;
float: left;
}

#inhoud #contact #boven .titel{
position: relative;
top:23px;
width: 554px;
left: 34px;
color:#4d0000;
font:bold 14px Arial;
float: left;
text-align:left;
text-decoration:none;
letter-spacing: -1.0px;
}

#form1{
   width: 100%;
   height: 100%;
   float: left;
}


.text_form{
   font-size: 11px;
   font-family: helvetica, arial, sans-serif;
   color: #fff ;
}

.text_form2{
   font-size: 11px;
   font-family: helvetica, arial, sans-serif;
   color: #fff ;
   padding-top: 30px;
}

.text_form3{
   font-size: 11px;
   font-family: helvetica, arial, sans-serif;
   color: #fff ;
   padding-top: 30px;
}



#textfield1{
   position: absolute;
   left: 3px; 
   top: 20px;
   margin-top: 3px;
   margin-bottom: 3px;
   width: 200px;
   height: 17px;
   background: #fff;
   float: left;
   border: #700a10 2px solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c; 
}

#textfield2{
   position: absolute;
   left: 3px; 
   top: 65px;
   margin-top: 5px;
   margin-left: 0px;
   width: 200px;
   height: 17px;
   background: #fff;
   float:left ;
   border:#700a10 2px solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c ;
}

#textfield3{
   margin-left: 0px;
   width: 200px;
   height: 50px;
   background: #fff;
   float: left;
   border:#700a10 2px solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c ;
   position: absolute;
   left: 3px; 
   top: 116px;
}


#textfield1:focus{
  color: #253c4c ;
  background: #d8d8d8;
}


#textfield2:focus{
  color: #253c4c ;
  background: #d8d8d8;
}

#textfield3:focus{
  color: #253c4c ;
  background: #d8d8d8;
}

#button{
   width: 48px;
   height: 25px;
   position: relative;
   left: 00px;
   top: 70px;
   float: left ;
   border: 2px #700a10 solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #283f4f;
   background: #d8d8d8;
   text-align: center;
}


#button hover{

}


#inhoud #contact #boven .adres{
  position: relative;
  top:80px;
  left: 60px;
  width:200px;
  height:200px;
  float:left;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #fff;
text-align: center;
}



#inhoud #contact #fotoadres img{
  position: absolute;
  top:320px;
  left: 40px;
border: 2px solid #700a10;
}



/* Over te Pas PAGINA 5
--------------------------------------------------------- */

#inhoud #tepas{
position: relative;
top:0px;
width:554px;
height:699px;
float:left;
background: url("images/tepasbackground.png") no-repeat ; 
}

#inhoud #tepas #boven{
position: relative;
top:0px;
width:554px;
height:311px;
float:left;
}

#inhoud #tepas #boven .titel{
position: relative;
top:23px;
width: 554px;
left: 34px;
color:#4d0000;
font:bold 14px Arial;
float: left;
text-align:left;
text-decoration:none;
letter-spacing: -1.0px;
}


#inhoud #tepas #boven .tekst{
position: relative;
top:40px;
width:489px;
height:120px;
left: 35px;
float: left;
color:#fff;
font: 10px Arial;
float: left;
text-align:left;
text-decoration:none;
}



#inhoud #tepas #boven .tepasfoto{
position: absolute;
top:190px;
left: 32px;
width:489px;
height:120px;
padding-bottom: 20px;
}

#inhoud #tepas #boven .tepasfoto img{
left: 32px;
width:489px;
height:120px;
padding-bottom: 20px;
}


/* Over te Pas PAGINA 4 reserveer
--------------------------------------------------------- */



#inhoud #reserveer{
position: relative;
top:0px;
width:554px;
height:699px;
float:left;
background: url("images/reserveerbg.png") no-repeat ; 
}

#inhoud #reserveer #boven{
position: relative;
top:0px;
width:554px;
height:311px;
float:left;
}



#inhoud #reserveer #boven .fillin{
position: relative;
top: 40px;
left: 34px;
float: left;
width: 440px;
height: 360px;
float: left;
color: #fff;
font: 10px Arial;
}

#inhoud #reserveer #boven .titel{
position: relative;
top:23px;
width: 554px;
left: 34px;
color:#4d0000;
font:bold 14px Arial;
float: left;
text-align:left;
text-decoration:none;
letter-spacing: -1.0px;
}



.textfield{
   margin-left: 20px;
   margin-top: 3px;
   margin-bottom: 3px;
   width: 200px;
   height: 17px;
   background: #fff;
   float: left;
   border: #700a10 2px solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c; 
}

.textfield:focus{
  color: #253c4c;
  background: #d8d8d8;
}

#textfield{
   margin-left: 20px;
   margin-top: 3px;
   margin-bottom: 3px;
   width: 200px;
   height: 17px;
   background: #fff;
   float: left;
   border: #700a10 2px solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c; 
}

#textfield:focus{
  color: #253c4c;
  background: #d8d8d8;
}



#textfield4{
   margin-top: 10px;
   margin-left: 20px;
   width: 200px;
   height: 40px;
   background: #fff;
   float: left;
   border: #700a10 2px solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c; 
}

#textfield4:focus{
  color: #253c4c;
  background: #d8d8d8;
}


#kiesvlak{
   margin-left: 20px;
   background: #fff;
   float: left;
   border: #700a10 2px solid;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c; 
}


#button2{
   width: 50px;
   height: 25px;
   margin-left: 0px;
   position: relative;
   left: 105px;
   top: 20px;
   float: left ;
   border: 2px #700a10 solid;
   font-size: 12px;
   font-family: arial, sans-serif;
   color: #283f4f;
   background: #d8d8d8;
   text-align: center;
}

.button2{
   width: 50px;
   height: 25px;
   margin-left: 0px;
   position: relative;
   left: 105px;
   top: 20px;
   float: left ;
   border: 2px #700a10 solid;
   font-size: 12px;
   font-family: arial, sans-serif;
   color: #283f4f;
   background: #d8d8d8;
   text-align: center;
}


#inhoud #reserveer #boven .mededeling{
position: relative;
width: 554px;
left: 40px;
top: 10px;
color:#fff;
font: 10px Arial;
float: left;
text-align:left;
text-decoration:none;
}






/* Dinerkaart

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


#container2{
width:100%;
margin:0 auto;
padding:0;
text-align: left;
}


#links{
position: relative;
top: 0px;
left: 0px;
width: 280px;
}


#links #logo{
position: relative;
top: 0px;
left: 0px;
width: 280px;
height: 230px;
background: url("images/dinerlogo.png") no-repeat;
}

#links #logo2{
position: relative;
top: 0px;
left: 0px;
width: 280px;
height: 230px;
background: url("images/wijnlogo.png") no-repeat;
}


#links #specialiteit{
position: relative;
top: 0px;
left: 0px;
width: 280px;
height: 100%;
background: #000;
float: left;
}



#specialiteit .special{
width: 280px;
height: 100%;
color:#fff;
font: 11px Arial;
float: left;
text-align:center;
text-decoration:none;
padding-bottom: 20px;
background: #000;
}


#specialiteit .roken{
width: 240px;
height: 100%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 60px;
color:#ec008c;
font: 12px Arial;
float: left;
text-align:center;
text-decoration:none;
background: #000;
}

.space2{
position: relative;
top: 0px;
width: 330px;
height: 50px;
color:#fff;
font:bold 15px Arial;
float: left;
text-align:center;
background: #000;
}


.gerechtnaam{
position: relative;
top: 0px;
width: 330px;
height: 50px;
color:#fff;
font:bold 15px Arial;
float: left;
text-align:center;
margin-bottom: 0px;
background: #000;
}


.gerecht{
position: relative;
top: 0px;
width: 330px;
color:#fff;
font: 12px Arial;
float: left;
text-align:center;
text-decoration:none;
background: #000;
padding-bottom:40px;
}



#koude{
position: absolute;
top: 0px;
left: 290px;
width: 330px;
height: 100%;
float: left;
opacity:0.5;
filter: alpha(opacity=50)
}


#koude:hover{
opacity:1.0;
filter: alpha(opacity=100)
}


#tussen{
position: absolute;
top: 0px;
left: 630px;
width: 330px;
height: 100%;
float: left;
opacity:0.5;
filter: alpha(opacity=50)
}

#tussen:hover{
opacity:1.0;
filter: alpha(opacity=100)
}

#hoofd{
position: absolute;
top: 0px;
left: 970px;
width: 330px;
float: left;
background: #000;
opacity:0.5;
filter: alpha(opacity=50)
}


#hoofd:hover{
opacity:1.0;
filter: alpha(opacity=100)
}





.textarea{
width:100px;
height:200px;
}