/* copyright De Stijlerij ontwerp & redactie - Jeannette Nieuwenhuizen */


body {
background:#323e4a; /* grijsblauw */
font-family: Verdana, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif;
font-size:62.5%; /* 1em = 10px */
color:#edecde; /* ivoor */
padding:0;
margin:0;}

/* alle divs */
* {margin:0; padding:0;}


img.download {vertical-align:middle;}


#container{ 
width:960px;
min-height:575px;
height:auto !important;
height:575px;
margin-left:auto;
margin-right:auto;
background-color:#323e4a;}



#header{
width:964px;
height:120px;
text-align:left;
background-color:#edecde;}


#menu{
width:964px;
height:120px;
list-style-type:none;
background-color:#38404c;} 
 
 
#menu a{
position:relative;
float:left;
color:#5f9422;
height:120px;
font-weight:bold;
text-decoration:none;
display:inline;
background-color:transparent;} 



#menu a:hover{color:#fc0;} /* groen */
#menu .actief{font-weight:bold; font-size:1.1em;}

#menu img{border: 0 none transparent;}

#tabs-tekst{
clear:left;
width:960px;
height:20px;
border-bottom:1px solid #edecde;
background-color:#b7dce7;}


#tab01, #tab02, #tab03, #tab04, #tab05, #tab06, #tab07, #tab08{
float:left;
width:120px;
height:16px;
padding-top:4px;
text-align:center;}



#tab01, #tab05{background-color:#b7dce7;}
#tab02, #tab06{background-color:#eeb443;}
#tab03, #tab07{background-color:#edecde;}
#tab04, #tab08{background-color:#cc0;}



#tab01 a, #tab02 a, #tab03 a, #tab04 a, #tab05 a, #tab06 a, #tab07 a, #tab08 a{
color:#38404c;
font-size:12px;
font-weight:bold;
font-family:tahoma, verdana, arial;}




#alert p{
font-size:1.2em;
padding:10px;
color:#323e4a;}

#alert{
width:250px;
min-height:175px;
height:auto !important;
height:175px;
border:3px solid #b7dce7;
background-color:#b7dce7;
margin:220px 0 0 750px;} 

#alert a{text-decoration:underline;
color:#eeb443;
}

#content-index{
width:719px;
height:439px;
float:left;
position:relative;
background-color:#323e4a;
border-right:1px solid #edecde;
border-left:1px solid #edecde;} 

#zijlijn{
width:238px;
height:439px;
float:right;
position:relative;
background-color:#edecde;
border-right:1px solid #edecde;}



#nieuwsblok-a{
width:238px;
height:150px;
position:relative;
color:#fff;
background-color:#323e4a;}


#nieuwsblok-b{
width:238px;
height:90px;
position:relative;
color:#fff;
background-color:#323e4a;}


#tekst-nieuwsblok-a,
#tekst-nieuwsblok-b{padding:7px 5px 2px 13px; font-size:1.1em;}

#tekst-nieuwsblok-a a, #tekst-nieuwsblok-b a{
color:#eeb443;}

.groot{font-size:1.6em; color:#323e4a;}

.glasmenuprijs{font-size:1.4em;}

#header-nieuwsblok-a{
height:20px; width:225px;
font-variant:small-caps;
background-color:#eeb443; 
padding:4px 0 0 13px;}

#header-nieuwsblok-b{
height:20px; width:225px;
font-variant:small-caps;
background-color:#b7dce7;
padding:4px 0 0 13px;}


#tweets{width:238px;
height:199px;
position:relative;
background-color:#323e4a;}





#content-openingstijden, #content-contact{
width:958px;
height:439px;
float:left;
position:relative;
background-color:#323e4a;
border-right:1px solid #edecde;
border-left:1px solid #edecde;}



#content-veerhuys, #content-menukaart, #content-arrangementen, #content-cadeaubon, #content-sfeerfotos{
width:958px;
min-height:439px;
height:auto !important;
height:439px;
float:left;
position:relative;
background-color:#323e4a;
border-right:1px solid #edecde;
border-left:1px solid #edecde;}


#content-index{background:#323e4a url(../images/content-index.jpg) no-repeat;}
#content-veerhuys{background:#323e4a url(../images/content-veerhuys.jpg) no-repeat;}
#content-cadeaubon{background:#323e4a url(../images/content-cadeaubon.jpg) no-repeat;}
#content-menukaart{background:#323e4a url(../images/content-menukaart.jpg) no-repeat;}
#content-arrangementen{background:#323e4a url(../images/content-arrangementen.jpg) no-repeat;}
#content-sfeerfotos{background:#323e4a url(../images/content-sfeerfotos.jpg) no-repeat;}
#content-openingstijden{background:#323e4a url(../images/content-openingstijden.jpg) no-repeat;}
#content-contact{background:#323e4a url(../images/content-contact.jpg) no-repeat;}

#content-omgeving{
width:958px;
min-height:480px;
height:auto !important;
height:480px;
float:left;
position:relative;
border-right:1px solid #edecde;
border-left:1px solid #edecde;
border-bottom:1px solid #edecde;
background:#323e4a url(../images/content-omgeving.jpg) no-repeat;}


.underline{text-decoration:underline;}


h1{color:#323e4a; font:1.5em bold Verdana, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif;
margin-bottom:56px; text-align:center;}

h2{background-color:#323e4a; font:1.2em Verdana, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif;
color:#fff; border:1px solid #fff; margin-bottom:2px; font-variant:small-caps; text-align:center; padding:3px; letter-spacing:.2em;} 

h2:hover{text-decoration:none;}


h3{background-color:#edecde; font:1.2em Verdana, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; width:400px; color:#323e4a; border:1px solid #fff; margin-bottom:2px; font-variant:small-caps; text-align:center; letter-spacing:.1em;
margin-left:auto; margin-right:auto;}


h4{background-color:#b7dce7; font:1.2em Verdana, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; width:400px; color:#323e4a; border:1px solid #fff; margin-bottom:2px; font-variant:small-caps; text-align:center; letter-spacing:.1em;
margin-left:auto; margin-right:auto;} 


h5{background-color:#eeb443; font:1.2em Verdana, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; width:400px; color:#323e4a; border:1px solid #fff; margin-bottom:2px; font-variant:small-caps; text-align:center; letter-spacing:.1em;
margin-left:auto; margin-right:auto;} 

h6{background-color:#cc0; font:1.2em Verdana, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; width:400px;
color:#323e4a; border:1px solid #fff; margin-bottom:2px; font-variant:small-caps; text-align:center; letter-spacing:.1em;
margin-left:auto; margin-right:auto;} 


h7{background-color:#edecde; font:1.2em Verdana, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; width:400px;
color:#323e4a; border:1px solid #fff; margin-bottom:2px; font-variant:small-caps; text-align:center; letter-spacing:.1em;
margin-left:auto; margin-right:auto;}



#linkermarge
{float:left;
position:relative;
width:195px;
min-height:439px;
height:auto !important;
height:439px;}

#rechtermarge
{float:right;
position:relative;
width:195px;
min-height:439px;
height:auto !important;
height:439px;}



#tekstvlak{width:568px; float:left; position:relative;}
#tekst{padding:90px 20px 40px 20px; font-size:1.1em; line-height:1.5em;}


#tekst-midden{
width:300px;
margin-left:auto;
margin-right:auto;
}


a {color:#cc0; text-decoration:none; font-weight:normal;} /* groen */
a:visited {color:#cc0; font-weight:normal;} 
a:hover {color:#cc0; text-decoration:underline; font-weight:normal;}
a:active {color:#cc0;}



#tekst ul{
list-style-type:square;
list-style-position:outside;
margin:0px 0px 15px 15px;}

#tekst ul li{margin-bottom:0px;}


#tekst ol{
color: #c10435;
list-style-type: decimal;
list-style-position: outside;
margin: 0px 0px 15px 22px;} 


#tekst-openingstijden, #tekst-contact{text-align:center; padding-top:90px; font-size:1.1em; line-height:1.5em;}

#tabel-openingstijden, #tabel-contact{
border-top:1px solid #edecde;
border-bottom:1px solid #edecde;
margin-left:auto;
margin-right:auto;
margin-top:12px;
margin-bottom:18px;}

#tabel-omgeving{
border-top:1px solid #edecde;
border-bottom:1px solid #edecde;
width:515px; 
text-align:left;
margin-top:12px;
margin-bottom:18px;}



#tabel-openingstijden{width:280px;}

#tabel-contact{width:340px;}
#tabel-openingstijden td{text-align:right; width:50%;}

#tabel-contact td{text-align:right; width:50%; padding-bottom:18px; vertical-align:top;}
#tabel-omgeving td{text-align:right; width:80%; padding-top:8px; padding-bottom:8px; vertical-align:top;}

#tabel-openingstijden .left, #tabel-contact .left, #tabel-omgeving .left
{text-align:left;}


#tekst-menukaart{padding:90px 20px 40px 20px; font-size:1.1em; line-height:1.5em;}
#tekst-menukaart img{border:1px solid #fff;}
#tekst-menukaart img a{border:1px solid #ccc;}

#content-arrangementen img{border:1px solid #fff;}
#content-arragementen img a{border:1px solid #c00;}


#tekst-menukaart p{width:400px; margin-left:auto; margin-right:auto;}

#menukaart-pannenkoeken, #menukaart-lunch, #menukaart-diner, #menukaart-drank, 
#menukaart-kind, #menukaart-glasmenu, 
#arrangementen-hightea, #arrangementen-sinterklaasbrunch, 
#arrangementen-kind, #arrangementen-buffet, #arrangementen-glaszomer 
{text-align:center; margin-bottom:3px;}

#menukaart-pannenkoeken a,  #menukaart-lunch a, #menukaart-kind a, #menukaart-diner a, #menukaart-drank a, #menukaart-glasmenu a, 
#arrangementen-hightea a, #arrangementen-sinterklaasbrunch a, 
#arrangementen-kind a, #arrangementen-buffet a, #arrangementen-glaszomer a
{text-align:center; text-decoration:none;}


#buffet img, #hightea img, #glaszomer img, #kinderarrangement img, #glasmenu img,
#sinterklaasbrunch img {float:left; margin:6px 15px 5px 0;}



#tabel-menukaart-1, #tabel-menukaart-2, #tabel-menukaart-3, #tabel-menukaart-4, #tabel-menukaart-5, #tabel-menukaart-6, 
#tabel-menukaart-7, #tabel-menukaart-8, #tabel-menukaart-9, #tabel-menukaart-10, #tabel-menukaart-11, #tabel-menukaart-12, 
#tabel-menukaart-13, #tabel-menukaart-14, #tabel-menukaart-15, #tabel-menukaart-16, #tabel-menukaart-17, #tabel-menukaart-18, 
#tabel-menukaart-19, #tabel-menukaart-20, #tabel-menukaart-21, #tabel-menukaart-22, #tabel-menukaart-23, #tabel-menukaart-24, 
#tabel-menukaart-25, #tabel-menukaart-26, #tabel-menukaart-27, #tabel-menukaart-28, #tabel-menukaart-29, #tabel-menukaart-30,
#tabel-menukaart-31, #tabel-menukaart-32, #tabel-menukaart-33, #tabel-menukaart-34, #tabel-menukaart-35, #tabel-menukaart-36 
{width:400px; margin-left:auto; margin-right:auto; margin-bottom:18px;}

#tabel-menukaart-1 td, #tabel-menukaart-2 td, #tabel-menukaart-3 td, #tabel-menukaart-4 td, #tabel-menukaart-5 td, #tabel-menukaart-6 td, 
#tabel-menukaart-7 td, #tabel-menukaart-8 td, #tabel-menukaart-9 td, #tabel-menukaart-10 td, #tabel-menukaart-11 td, #tabel-menukaart-12 td, 
#tabel-menukaart-13 td, #tabel-menukaart-14 td, #tabel-menukaart-15 td, #tabel-menukaart-16 td, #tabel-menukaart-17 td, #tabel-menukaart-18 td, 
#tabel-menukaart-19 td, #tabel-menukaart-20 td, #tabel-menukaart-21 td, #tabel-menukaart-22 td, #tabel-menukaart-23 td, #tabel-menukaart-24 td, 
#tabel-menukaart-25 td, #tabel-menukaart-26 td, #tabel-menukaart-27 td, #tabel-menukaart-28 td, #tabel-menukaart-29 td, #tabel-menukaart-30 td,
#tabel-menukaart-31 td, #tabel-menukaart-32 td, #tabel-menukaart-33 td, #tabel-menukaart-34 td, #tabel-menukaart-35 td, #tabel-menukaart-36 td
{text-align:right; width:20%; vertical-align:bottom;}


#tabel-menukaart-1 .left, #tabel-menukaart-2 .left, #tabel-menukaart-3 .left, #tabel-menukaart-4 .left, #tabel-menukaart-5 .left, 
#tabel-menukaart-6 .left, #tabel-menukaart-7 .left, #tabel-menukaart-8 .left, #tabel-menukaart-9 .left, #tabel-menukaart-10 .left, 
#tabel-menukaart-11 .left, #tabel-menukaart-12 .left, #tabel-menukaart-13 .left, #tabel-menukaart-14 .left, #tabel-menukaart-15 .left, 
#tabel-menukaart-16 .left, #tabel-menukaart-17 .left, #tabel-menukaart-18 .left, #tabel-menukaart-19 .left, #tabel-menukaart-20 .left, 
#tabel-menukaart-21 .left, #tabel-menukaart-22 .left, #tabel-menukaart-23 .left, #tabel-menukaart-24 .left, #tabel-menukaart-25 .left, 
#tabel-menukaart-26 .left, #tabel-menukaart-27 .left, #tabel-menukaart-28 .left, #tabel-menukaart-29 .left, #tabel-menukaart-30 .left,
#tabel-menukaart-31 .left, #tabel-menukaart-32 .left, #tabel-menukaart-33 .left, #tabel-menukaart-34 .left, #tabel-menukaart-35 .left, 
#tabel-menukaart-36 .left
{text-align:left; width:80%; vertical-align:top;}

#tekst-menukaart p {text-align:center; font-style:italic;}




#tekst-sfeerfotos{padding:90px 10px 40px 10px; font-size:1.1em; line-height:1.5em; text-align:center;}
#tekst-sfeerfotos img{border:1px solid #fff; margin:3px;}



p{margin-bottom:18px;}
p i{font-style:italic;}
p b{font-weight:bold;}
p u{text-decoration:underline;}
.kop{font-weight:bold; font-size:1.1em;}
.megakop{font-weight:bold; font-size:2em;}
.comment{color:red;}	
.center{text-align:center;}
.cursief{font-style:italic;}
.lichter{color:#ccc; text-align:center;}
.lichter a{font-weight:normal; text-decoration:underline; color:#ccc;}
.klein{
font-size:.9em;
}



/* uitklapteksten */ 
#pannenkoeken-sub, #lunchkaart-sub, #dinerkaart-sub, #drankenkaart-sub, #bittergarnituur, #wijn, #bier, #koffiethee, #frisdrank, #alcohol, #glasmenu, 
#hightea, #kinderarrangement, #kindergerechten, #pannenkoeken, #poffertjes, #wafels, #tostis, #leerdammer-tegeltje, #warme-gerechten, #gebak,#nagerechten, #sandwiches, 
#uitsmijter, #salades, #voorgerechten, #soepen, #hoofdgerechten, #ijs-desserts, #pannenkoekenspecialiteiten, #glaszomer, #buffet, #sinterklaasbrunch
{display:none; margin-bottom:12px;}

#glasmenu p{
font-style:normal;
}


/* footer */
#footer{
clear:both;
width:960px;
height:20px;
text-align:center;
border-top:1px solid #edecde;}




#credits{color:#b7dce7; padding:4px 20px 0 0;}
#credits a{color:#b7dce7; font-weight:normal;}