/* 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{ 
width:975px;
min-height:570px;
height:auto !important;
height:570px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background:#fff url(../images/background-body.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{
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);}



#navigatie-home{
float:left;
width:300px;
min-height:370px;
height:auto !important;
height:370px;
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 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 .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:370px;
height:auto !important;
height:370px;
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{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:#708090; text-align:center;}
h4{padding:0; font:1.2em "Palatino Linotype", Georgia, "Trebuchet MS", Serif; 
color:#fff; font-weight:normal; margin:0; padding:2px; font-variant:small-caps; 
letter-spacing:.1em; background-color:#e2b500; text-align:center;}
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; font-variant:small-caps; 
letter-spacing:.1em; background-color:#708090; text-align:center;}

.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;}


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

#tekst{padding: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 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 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;}


#tekst-menukaart{padding:25px 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;}
#kantlijn-tabel td{width:60%; 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:370px;
height:auto !important;
height:370px;
border-right:1px solid #fff;}


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


#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;}


#kantlijnkader3{background-color:#fff;}

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

#kantlijnkader5{background-color:#fff; border:0; margin-top:25px;}
.openingstijden-kop{font-variant:small-caps; color:#b0000a; font-size:1.2em;
background-color:#b4cad1;}

#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;
border-top:1px solid #fff;}


#stijlerij a{color:#fff; text-decoration:none;}



/* 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}