/* copyright De Stijlerij ontwerp & redactie - Jeannette Nieuwenhuizen */


body {
background-color: #f9f7de; /* creme */
font-family: "Lucida Sans Unicode", Verdana, Helvetica, Tahoma, Sans-Serif;
font-size:62.5%; /* 1em = 10px */
color:#8d826f; /* tekstkleur warm gray */
padding:0;
margin:0;}

/* alle divs */
* {margin:0; padding:0;}



img.download {vertical-align:middle;}

/* container */
#container{ 
width:970px;
height:565px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background:#f9f7de;}


#header
{width:968px; 
height:110px; 
text-align:right;
background:#ede8df url(../images/header.jpg);
border-top:1px solid #8d826f;
border-left:1px solid #8d826f;
border-right:1px solid #8d826f;}

#header-tekst{
font-size:12px;
padding:20px 25px 2px 10px;}


#banners{padding:15px 13px 0 0;}
#banners a{border:0px solid #d00056;}

#blok1{
float:left;
width:269px;
height:440px;
position:relative; 
background:#d00056;
border-left:1px solid #8d826f;}

#home{
width:269px;
height:20px;
position:relative; 
background:#ddd;}

#adres{
width:269px;
height:117px;
position:relative; 
background:#d00056 url(../images/adres.jpg) no-repeat;} 


#adres-tekst{
padding-top:10px;
padding-left:20px;
color:#f5f2c9;
font-size:11px;}


#openingstijden{
width:269px;
height:190px;
position:relative; 
background:transparent url(../images/openingstijden.jpg) no-repeat;} 

#openingstijden p{
margin:5px 10px 0px 17px;
color:#e391ac;}

#tijden{
width:240px;
padding:15px 0px 0px 17px;
color:#f5f2c9;
font-size:11px;
background:transparent;}

#vacatures{
width:269px;
height:113px;
position:relative; 
background:#d00056 url(../images/leeg.jpg) no-repeat;
/*border-top:1px solid #f5f2c9;*/} 


#vacatures-tekst{
padding-top:20px;
padding-left:20px;
color:#f5f2c9;
font-size:11px;}

#kaart{
width:269px;
height:113px;
position:relative; 
background:#e391ac url(../images/kaart.jpg) no-repeat;
/*border-top:1px solid #f5f2c9;*/} 


#kaart-link{
padding:0;
margin:0;}





#blok2{
float:left;
width:270px;
height:440px;
position:relative; 
background-color:#e391ac;}

#foto{
float:left;
width:270px;
height:330px;
position:relative;
background:#e391ac url(../images/foto.jpg) no-repeat;}


#maandaanbieding{
float:right;
width:270px;
height:110px;
position:relative;}







#blok3
{float:right;
width:429px;
height:440px;
background:#8d826f;
border-right:1px solid #8d826f;
overflow:auto;}






#blok3-tekst{
padding:20px 15px 5px 18px;
color:#f5f2c9;
font-size:12px;
line-height:1.4em;}


#blok3-route-tekst{
padding:60px 5px 5px 12px;
color:#f5f2c9;
font-size:12px;
line-height:1.7em;
background:#8d826f url(../images/route.jpg) no-repeat;}


#blok3-menukaart-tekst{
padding:60px 5px 5px 12px;
color:#f5f2c9;
font-size:12px;
line-height:1.7em;
background:#8d826f url(../images/menukaart-tekst.jpg) no-repeat;}

#blok3-menukaart-sint{
padding:60px 5px 5px 12px;
color:#f5f2c9;
font-size:12px;
line-height:1.7em;
background:#8d826f url(../images/menukaart-sint.jpg) no-repeat;}

#blok3-menukaart-hightea{
padding:60px 5px 5px 12px;
color:#f5f2c9;
font-size:12px;
line-height:1.7em;
background:#8d826f url(../images/menukaart-hightea.jpg) no-repeat;}


#blok3-menukaart-kerst{
padding:60px 5px 5px 12px;
color:#f5f2c9;
font-size:12px;
line-height:1.7em;
background:#8d826f url(../images/menukaart-kerst.jpg) no-repeat;}

#blok3-menukaart-kerstbrunch{
padding:60px 5px 5px 12px;
color:#f5f2c9;
font-size:12px;
line-height:1.7em;
background:#8d826f url(../images/menukaart-kerstbrunch.jpg) no-repeat;}



#blok3-menukaart-pasen{
padding:60px 5px 5px 12px;
color:#f5f2c9;
font-size:12px;
line-height:1.7em;
background:#8d826f url(../images/menukaart-pasen.jpg) no-repeat;}

#blok3-vacatures-tekst{
padding:60px 25px 5px 12px;
color:#f5f2c9;
font-size:12px;
line-height:1.7em;
background:#8d826f url(../images/vacatures-tekst.jpg) no-repeat;}


ul{
margin:0px 0px 17px 17px;
list-style-type:square;
list-style-position:outside;
font-size:inherit;}

p{margin-bottom:14px;}


a{color:#f5f2c9; text-decoration:underline;} 
a:visited{color:#f5f2c9;} 
a:hover{color:#f5f2c9; text-decoration:underline;}
a:active{color:#f5f2c9;}


h1, h2 {padding-bottom:2px; margin-top:10px; font: 13px Verdana, "Lucida Sans Unicode", Sans-Serif; color:#f5f2c9;
font-variant:small-caps; font-weight:normal; text-align:left; background-color:#e391ac;} 
h3 {padding:2px; margin-top:20px; font: 13px Verdana, "Lucida Sans Unicode", Sans-Serif; color:#f5f2c9;
font-variant:small-caps; font-weight:normal; text-align:left; border-bottom:1px solid #f5f2c9;} 

h4 {padding:2px; margin-top:20px; font: 13px Verdana, "Lucida Sans Unicode", Sans-Serif; color:#f5f2c9;
font-variant:small-caps; font-weight:normal; text-align:left; background-color:red;} 

.roze{
background: #d00056;
font-size:.9em;
}

#menu-vooraf td,
#menu-pannenkoeken1 td, #menu-pannenkoeken2 td, #menu-pannenkoeken3 td, #menu-pannenkoeken4 td, #menu-pannenkoeken5 td,
#menu-salades td,
#menu-hoofdgerechten1 td, #menu-hoofdgerechten2 td,
#menu-nagerechten1 td, #menu-nagerechten2 td, #menu-nagerechten3 td, 
#menu-voor-de-kleine-gasten1 td, #menu-voor-de-kleine-gasten2 td, #menu-voor-de-kleine-gasten3 td, #menu-voor-de-kleine-gasten4 td, 
#menu-voor-de-kleine-gasten5 td, 
#menu-dranken1 td, #menu-dranken2 td,#menu-dranken3 td, #menu-dranken4 td, #menu-dranken5 td, 
#menu-borrelhapjes td,#menu-poffertjes td, 
#menu-lunchgerechten1 td, #menu-lunchgerechten2 td, #menu-lunchgerechten3 td, #menu-lunchgerechten4 td, #menu-lunchgerechten5 td, #menu-ontbijt td, #menu-gebak td
{vertical-align:top; width:100%; padding-top:10px;}


.klein{
font-size:.9em;
}

.actie{
color:#e391ac; font-weight:bold;font-size:1.5em;
}

.route{padding:2px; margin-top:20px; font: 13px Verdana, "Lucida Sans Unicode", Sans-Serif; color:#f5f2c9;
font-variant:small-caps; font-weight:normal; text-align:left; background-color:#e391ac;}

#route1, #route2, #route3, #route4, #route5{display:none; width:390px; text-align:left;}
#route1 ul, #route2 ul, #route3 ul, #route4 ul, #route5 ul{list-style-type:square; list-style-position:outside; margin-bottom:50px;}









#footer{
clear:both;
width:968px;
height:15px;
text-align:right;
background:#f5f2c9;
border:1px solid #8d826f;}


#footer-content a{color:#8d826f; text-decoration:none;} 
#footer-content a:visited{color:#8d826f;} 
#footer-content a:hover{color:#8d826f; text-decoration:underline;}
#footer-content a:active{color:#8d826f;}

#footer-content{
font-size:1em;
padding:0 0 0 16px;
margin-right:20px;}




p i{font-style:italic;}
p b{font-weight:bold;}
.comment{color: red;}	
.center{text-align:center;}
a img{border:0 none transparent;}
.lichter{color:#e391ac;}



#stijlerij{padding-top:100px; text-align:right; padding-right:30px;}
#stijlerij a, stijlerij a:hover{color:#ccc;}

.page404{font-size:1.8em;}






















#menu-intro{
width:429px;
height:134px;
font:12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Sans-Serif;
/*border-bottom:1px solid #f5f2c9;*/
background:transparent;}


#menu-intro-tekst{
padding:20px 20px 5px 20px;
color:#f5f2c9;}



#menukaart-lang{
float:left;
width:429px;
height:306px;
background-color:#8d826f;
overflow:auto;} 

#menukaart-lang p{
margin-left:18px;
font-size:1.2em;}


#menu-items{
width:390px;
padding-top:40px;
padding-bottom:240px;
margin-left:17px;
list-style-type:square;
list-style-position:outside;
font-size:1.2em;}



#menu-items a{color:#f5f2c9;}









/*#menukaart-kort{
width:430px;
height:129px;
font:12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Sans-Serif;
/*border-bottom:1px solid #f5f2c9;}*/





/*#kort-a{float:left; width:215px; background-color:transparent; position:relative; padding-top:46px;}*/
/*#kort-b{float:right; width:215px; background-color:transparent; position:relative; padding-top:46px;}*/


/*#kort-a ul {list-style-type:none; margin-left:10px;} */
/*#kort-b ul{list-style-type:none; margin-left:0px;} */

/*#kort-a li, #kort-b li{margin:0; padding:0;} */


/*#kort-a a, #kort-b a{
display:block;
width:185px;
padding-left:7px;
border-bottom:1px solid #f5f2c9;
background-color:#d0006a;
text-decoration:none;} 
*/

/*#kort-a a:link, #kort-b a:link, #kort-a a:active, #kort-b a:active, #kort-a a:visited, #kort-b a:visited{color:#f5f2c9;}*/


/*#kort-a .actief, #kort-b .actief{
background-color:#e391ac;}*/



/*#kort-a a:hover, #kort-b a:hover{
border-bottom:1px solid #f5f2c9;
background-color:#e391ac;
color:#f5f2c9;} */








/*#iframe{
	width: 430px;
	height: 320px;
	border: 0 none transparent;
	overflow-x: hidden;
	overflow-y:visible;
}*/




