/* Start of CMSMS style sheet 'Culinair - style' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
   font-size: 72.01%;
   line-height: 160%;
   background-color: #ccc;
   color: #fff;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #fff; 
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #fff;
}

/*****************
basic layout 
*****************/
/* center wrapper, min max width */
div#pagewrapper {
   border: 0px solid black;
   margin: 0 auto;     /* this centers wrapper */
   width: 960px;
   color: #fff;
   background: #550015 url(images/content-bg.jpg) no-repeat left center;
}


div#header {
   height: 135px; /* adjust according your image size */
   background: transparent url(images/header.jpg) no-repeat left top;           
}

div#header img {
   margin: 10px 0 0 80px;
}

div#content {
   background: #550015;
   width: 780px;
   margin: 0 auto;
   padding: 10px;
}

div#main {
   margin-left: 182px; 
   background: #220008;
   padding: 10px;
}

div#main-home {
   width: 635px; 
   margin: 20px auto; 
   background: #210008; 
   padding: 10px;
}

div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 172px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
   padding: 0px;
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #000;
   height: 55px;
   background: transparent url(images/footer.jpg) no-repeat left top;
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#footer p a {
   color: #000; /* needed becouse footer link would be same color as background otherwise */
}

/*****************
boxen
*****************/
span#foto-kop {
   font-size: 18px; 
   position: absolute; 
   left: 13px; 
   bottom: 8px; 
   z-index: 2;
}

span#foto-kop h2 {
   font-size: 18px;
}

div#box-culinair {
   float: left; 
   width: 165px; 
   height: 235px; 
   margin-right: 80px;
   margin-left: 60px; 
   background: url(images/culinair.jpg) no-repeat left top;
   overflow: hidden;
   position: relative;
}

div#box-buitenhotel {
   float: left; 
   width: 165px; 
   height: 235px; 
   margin-right: 80px; 
   background: url(images/buitenhotel.jpg) no-repeat left top;
   overflow: hidden;
   position: relative;
}

div#box-bourgogne {
   width: 165px; 
   height: 235px; 
   margin-right: 20px; 
   background: url(images/bourgogne.jpg) no-repeat left top;
   overflow: hidden;
   position: relative;
}

div#box-culinair-sub {
   float: left; 
   padding: 3px;
   width: 159px; 
   height: 88px; 
   margin-right: 80px;
   margin-left: 60px; 
   background: url(images/culinair-sub.jpg) no-repeat left top;
   overflow: hidden;
   color: #000;
   font-size: 11px;
}

div#box-buitenhotel-sub {
   float: left; 
   padding: 3px;
   width: 159px; 
   height: 88px; 
   margin-right: 80px; 
   background: url(images/buitenhotel-sub.jpg) no-repeat left top;
   overflow: hidden;
   font-size: 11px;
   color: #000;
}

div#box-bourgogne-sub {
   padding: 3px;
   width: 159px; 
   height: 88px; 
   margin-right: 20px; 
   background: url(images/bourgogne-sub.jpg) no-repeat left top;
   overflow: hidden;
   color: #000;
   font-size: 11px;
}

div#box-culinair-sub a,
div#box-bourgogne-sub a,
div#box-buitenhotel-sub a {
color: #000;
}


/********************
CONTENT STYLING
*********************/
/* HEADINGS */
h1 {
   color: #fff; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
h2 {
   color: #fff; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h3 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h4 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

ul#custom_album {
list-style: none;
margin: 0;
}

ul#custom_album li {
float: left;
width: 200px;
height: 150px;
overflow: hidden;
padding: 10px;
text-align: center;
background: #848d69;
}

ul#custom_album li:hover {
background: #550015;
}

ul#custom_album li a {
display: block;
}

/********************
CALENDAR
*********************/

div#calendar {
width: 50%; float: left; height: 240px; text-align: center;
}

div#calendar table {
width: 80%; border: 1px solid white; margin-left: auto; margin-right: auto;
}

div#calendar td.month {
text-align: center; border-bottom: 1px solid black; font-size: 130%; padding-top: 5px; padding-bottom: 5px;
}

div#calendar td.weekday {
padding: 2px; border: 1px solid white;
}

div#calendar td.day {
padding: 2px; border: 1px solid white;
}

td#res {
background-color: #550015;
}

td#nonres {
background-color: #848d69;
}

td#nonres-othermonth {
background-color: #848d69;
visibility: hidden;
}

td#nonres a {
display: block;
color: #000;
}
td#nonres a:hover {
background: #8a7843;
}

div#quotes {
  float: right;
  margin: 50px 10px 0 0;
  width: 550px;
  color: #787878;
}

div#quotes a {
  color: #787878;
  text-decoration: none;
}

div#quotes a:hover {
  text-decoration: underline;
}
/* End of 'Culinair - style' */