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


body {
background-color:#708090; 
font-family:"Palatino Linotype", Georgia, "Trebuchet MS", Serif;
font-size:62.5%; /* 1em = 10px */
color:#054523; /* tekstkleur */
padding:0;
margin:0;}

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


img.download {vertical-align:middle;}


/* container */
#container, #container-hightea, #container-paviljoen, #container-leeg{ 
width:975px;
min-height:700px;
height:auto !important;
height:700px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background:#fff url(../images/background-container.jpg) no-repeat;
background-attachment:scroll;
background-position: bottom left;}

#container-hightea{
background:#fff url(../images/background-container-hightea.jpg) no-repeat;
background-attachment:scroll;
background-position: bottom left;}

#container-paviljoen{
background:#fff url(../images/background-container-paviljoen.jpg) no-repeat;
background-attachment:scroll;
background-position: bottom left;}

#container-leeg{
background:#fff url(../images/background-container-leeg.jpg) no-repeat;
background-attachment:scroll;
background-position: bottom left;}

#header-home, #header-bootverhuur, #header-reparatie-onderhoud, #header-zomerstalling, #header-winterstalling, #header-eten, #header-omgeving, #header-nel, #header-contact, 
#header-vacatures, #header-menukaart, #header-high-tea, #header-workshops, #header-appeltaart,  #header-arrangementen, #header-opscheppen
{float:left;
width:973px;
height:200px;
text-align:center;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;}


#header-home{background:#b4cad1 url(../images/header-home.jpg);}
#header-bootverhuur{background:#b4cad1 url(../images/header-bootverhuur.jpg);}
#header-reparatie-onderhoud{background:#b4cad1 url(../images/header-reparatie-onderhoud.jpg);}
#header-zomerstalling{background:#b4cad1 url(../images/header-zomerstalling.jpg);}
#header-winterstalling{background:#b4cad1 url(../images/header-winterstalling.jpg);}
#header-eten{background:#b4cad1 url(../images/header-eten.jpg);}
#header-omgeving{background:#b4cad1 url(../images/header-omgeving.jpg);}
#header-nel{background:#b4cad1 url(../images/header-nel.jpg);}
#header-contact{background:#b4cad1 url(../images/header-contact.jpg);}
#header-vacatures{background:#b4cad1 url(../images/header-vacatures.jpg);}
#header-menukaart{background:#b4cad1 url(../images/header-menukaart.jpg);}
#header-high-tea{background:#b4cad1 url(../images/header-high-tea.jpg);}
#header-workshops{background:#b4cad1 url(../images/header-workshops.jpg);}
#header-arrangementen{background:#b4cad1 url(../images/header-arrangementen.jpg);}
#header-opscheppen{background:#b4cad1 url(../images/header-opscheppen.jpg);}
#header-appeltaart{background:#b4cad1 url(../images/header-appeltaart.jpg);}


#navigatie-home{
float:left;
width:300px;
min-height:480px;
height:auto !important;
height:480px;
border-left:1px solid #fff;} 




#menu{
width:300px;
position:relative;
list-style-type:none;
font: 13px "Palatino Linotype", Georgia;
text-align:right;
margin:20px 0 0 0;
line-height:2.5em;} 
 
 

#menu .actief{
padding-left:20px; 
text-align:left; 
border-bottom:1px solid #b0000a;
border-top:1px solid #b0000a;
background-color:#e4e9ed;}

#menu-a, #menu-b, #menu-c{
width:300px;
position:relative;
list-style-type:none;
font: 13px "Palatino Linotype", Georgia;
text-align:right;
line-height:1.8em;} 
 
#menu-a{margin:20px 0 0 0;}

#menu-b, #menu-c{margin:10px 0 0 0;}

 
#menu-a a, #menu-b a, #menu-c a{
text-decoration:none;
color:#333;
display:block;
border-bottom:1px solid #e9e9e9; /* grijs */
padding:0 5px 0 0;
padding-right:30px;
background-color:transparent;} 


#menu-a .actief, #menu-b .actief, #menu-c .actief{
padding-left:20px; 
text-align:left; 
border-bottom:1px solid #b0000a;
border-top:1px solid #b0000a;
background-color:#e4e9ed;}



/* content */
#content{
width:492px;
min-height:480px;
height:auto !important;
height:480px;
float:left;
position:relative; 
border-left:1px solid #b0000a;}



h1{padding:0; font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#b0000a; font-weight:normal; margin:0 0 13px 0; font-variant:small-caps; 
letter-spacing:.1em;}

h2{padding:0; font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#b0000a; font-weight:normal; margin:26px 0 13px 0; font-variant:small-caps; 
letter-spacing:.1em;}

h3{
font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#fff; font-weight:bold; font-variant:small-caps; 
letter-spacing:.1em;
text-align:right; 
padding-right:30px;
line-height:1.7em;
border-bottom:1px solid #b0000a;
border-top:1px solid #b0000a;
background-color:#729714;}

h4{
font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#fff; font-weight:normal; font-variant:small-caps; 
letter-spacing:.1em;
line-height:1.7em;
text-align:center; 
background-color:#e2b500;}


h5{padding:0; font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#b0000a; font-weight:normal; margin:0 0 7px 0; font-variant:small-caps; 
letter-spacing:.1em; padding-left:3px;} 


h6{padding:0; font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#fff; font-weight:normal; margin:26px 0 0 0; padding:2px 0 2px 2px; font-variant:small-caps; letter-spacing:.1em; background-color:#708090; text-align:center;
line-height:1.5em;}


.kop-menu{padding:0; font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#fff; font-weight:normal; margin:26px 0 0 0; padding:2px; font-variant:small-caps; 
letter-spacing:.1em; background-color:#b0000a; text-align:center;}


#jachthaven-menu{
font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#fff; font-weight:bold; font-variant:small-caps; 
letter-spacing:.1em;
text-align:right; 
padding-right:30px;
line-height:2em;
border-bottom:1px solid #b0000a;
border-top:1px solid #b0000a;
background-color:#729714;}

#cafe-menu{
font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#fff; font-weight:bold; font-variant:small-caps; 
letter-spacing:.1em;
line-height:2em;
text-align:right; 
padding-right:30px;
border-bottom:1px solid #b0000a;
border-top:1px solid #b0000a;
background-color:#e2b500;}




#nieuws{margin:20px 0;}
#nieuws td{background-color:#e4e9ed; padding:5px;}
.uitroepteken{color:#b0000a; font-size:3em; font-weight:bold;}
	
/* tekst */

#tekst{padding:25px 25px 35px 25px;	
font-size:1.3em; line-height:1.5em;}

#tekst-workshops{padding:25px 25px 85px 25px;	
font-size:1.3em; line-height:1.5em;}


a {color:#708090; text-decoration:underline;} 
a:visited {color:#708090;} 
a:hover {color:#708090; text-decoration:underline;}
a:active {color:#708090;}

#tekst table{width:100%; margin-bottom:12px;}
#tekst td{vertical-align:top; padding:2px;}

#tekst-workshops table{width:100%; padding:0; margin:0;} 
#tekst-workshops td{width:50%; vertical-align:top; padding:2px 0 2px 4px;}

#details, #details-2, #details-3, #details-4{
border-top:1px dotted #708090; margin-top:12px;}


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

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


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

#tekst img{border:1px solid #444;}


p{margin-bottom:18px;}
p i{font-style:italic;}
p b{font-weight:bold;}
.center{text-align:center;}
.kop{font-weight:bold;}
.comment{color: blue;}	
.tel-reserveren{color:#b0000a; font-weight:bold; font-size:1.4em; letter-spacing:.1em;}
.opening{color:#b0000a; font-size:1.3em;}
.alert{color:#b0000a;}

#tekst-menukaart{padding:5px 10px 25px 25px;
font-size:1.3em; line-height:1.5em;}

#tekst-menukaart table{width:100%; background-color:#e4e9ed;}
#tekst-menukaart td{width:80%; vertical-align:top; padding:2px;}
#tekst-menukaart td .rechts-uitlijnend, 
.rechts-uitlijnend{text-align:right;}
#tekst-menukaart td .inspringend{padding-left:10px;}
#tekst-menukaart img{border:0 none transparent; padding:10px;}





#kantlijn{
position:relative;
float:right;
width:180px;
min-height:480px;
height:auto !important;
height:480px;
border-right:1px solid #fff;}


#kantlijn p{
padding-left:3px;
margin-bottom:9px;}

#kantlijn-tabel{line-height:1.1em;}
#kantlijn-tabel td{width:60%; vertical-align:top; padding:2px;}



#kantlijnkader, #kantlijnkader2, #kantlijnkader3, #kantlijnkader4, #kantlijnkader5{
width:165px;
margin:25px 0 12px 0;
padding:3px;
font-size:1.2em;
line-height:1.5em;
border:1px solid #b0000a;
background-color:#e4e9ed;}

#appeltaart{
width:165px;
margin:5px 0 12px 0;
padding:3px;
font-size:1.1em;
line-height:1.5em;
border:1px solid #b0000a;
background-color:#e9e9e9;}

#schuitjevaren{
width:165px;
margin:5px 0 12px 0;
padding:3px;
font-size:1.1em;
line-height:1.5em;
border:1px solid #b0000a;
background-color:#e9e9e9;}


#tabel-taart-menu .groen{background-color:#729714;}

#kantlijnkader3{background-color:#fff;}

#kantlijnkader4{background-color:#e2b500;}
#kantlijnkader4 a{color:#b0000a; font-size:1.3em;}

#kantlijnkader5{background-color:#fff; border:0; margin-top:5px;}



#agenda{border:0; 
width:165px;
margin:0 0 12px 0;
padding:3px;
font-size:1.2em;
line-height:1.5em;}

#agenda a{font-weight:bold;}



.openingstijden-kop{font-variant:small-caps; color:#b0000a; font-size:1.2em;
background-color:#b4cad1;}

#kantlijn img,
#kantlijnkader img{border:0;}


.right{text-align:right;}

#weer{
width:165px;
padding:15px 5px 0 0;}

#stijlerij{
clear:both;
width:975px;
height:20px;
margin-left:auto;
margin-right:auto;
text-align:right;
font-size:1.1em;
background-color:#708090;
color:#b4cad1;
border-top:1px solid #fff;}


#stijlerij a{color:#fff; text-decoration:none; padding-left:20px;}



/* SLIDESHOW */
#slide{margin-bottom:16px;}
#slideshow {background-color:#fff; list-style-type:none;}
#slideshow span{display:none;}
#wrapper {width:440px; margin:50px auto; display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:440px; height:295px; padding:0; background:#fff;}
#information {position:absolute; left:1px; bottom:-2px; width:440px; height:0; 
background-color:#708090; color:#fff; overflow:hidden; z-index:200;} /*balk onderschrift*/
#information h3 {padding:7px 0 0 7px; font:13px Georgia; color:#fff;}
#information p {padding:7px 0 0 7px;}
#image {width:440px; height:295px;} 
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:297px; cursor:pointer; z-index:150;}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat;}
#thumbnails {margin:15px 0 15px 0;}
#slideleft {float:left; width:20px; height:102px; /* hoogte overal ruimer dan hoogte thumb ivm border */
background:url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {background-color:transparent;}
#slideright {float:right; width:25px; height:102px; background:url(../images/scroll-right.gif) center center no-repeat;}
#slideright:hover {background-color:transparent;}
#slidearea {float:left; position:relative; width:386px; margin-left:5px; height:102px; 
overflow:hidden;}
#slider {position:absolute; left:0; height:102px;}
#slider img {cursor:pointer; border:1px solid #666; padding:1px}