html, body { margin: 0; padding: 0; background: #ffff00 url('../images/bodyBg.gif') repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #004d00; }
:focus {outline:0;}
:link:focus, :visited:focus {-moz-outline: none;}

form { margin: 0; padding: 0;  background: url('/images/filler.gif') no-repeat; }

#container { margin: 27px auto; padding: 0 0 21px 0; width: 996px; background: #b10d00 url('../images/containerBg.gif') no-repeat bottom left; }

a { color: #CC0000; outline: none; }
a img { border: 0; }

hr { margin:  0; padding: 0; background: none; border: none; border-bottom: 1px solid #7AA27A; }

/* -----------------------------------------------------------------------------
/* Header
/* -- */

#header { height: 183px; background: url('../images/headerBg.gif') no-repeat; position: relative; }
#header h1 { margin: 0; padding: 10px; }

#header #incentive { position: absolute; right: 40px; top: 18px; margin: 0; padding: 0; }
#header #incentive li { padding: 0 0 0 20px; color: #FFFF00; line-height: 24px; font-size: 13px; background: url('../images/tick.gif') 0 2px no-repeat; list-style: none; } 


#header #menu { position: absolute; margin: 0; padding: 0; height: 39px; width: 758px; top: 133px; left: 216px; z-index: 1; }
#header #menu li { list-style: none; float: left; position: relative; cursor: default; }
#header #menu li a, #header #menu li span { color: #FFFFFF; font-size: 12px; display: block; line-height: 39px; text-decoration: none; padding: 0 15px; border-left: 1px solid #b43930; border-right: 1px solid #94160c;  }
#header #menu li a { cursor: pointer; }
#header #menu li.first a, #header #menu li.first span { border-left: none;  } 
#header #menu li.last a, #header #menu li.last span { border-right: none; } 

#header #menu li:hover { background: #bf4138; }
#header #menu li a:hover { background: #ae271d; }

#header #menu li ul { position: absolute; margin: 0 50px 0 0; padding: 0; top: 39px; left: 0px; display: none;  background: #bf4138; }
#header #menu li ul li { cursor: pointer; float: none; background: #bf4138; padding: 0; }
#header #menu li ul li a { display: block; font-size: 12px; line-height: 27px; border-top: 1px solid #c8574e; border-bottom: 1px solid #ab3b32; white-space: nowrap; }
#header #menu li ul li.over a,
#header #menu li ul li:hover a,
#header #menu li ul li a:hover  { background: #ae271d; border-top: 1px solid #b63f36; border-bottom: 1px solid #9a231a; }
#header #menu li:hover ul, #header #menu li.over ul { display: block; }


/* -----------------------------------------------------------------------------
/* Side
/* -- */

#side { width: 216px; min-height: 149px; overflow: hidden; float: left; }

#side .block { background: #004e00 url('../images/greenTop.gif') no-repeat top left;  width: 200px; margin: 20px 0 20px 16px;  }
#side .block .inside { background: url('../images/greenBottom.gif') no-repeat bottom left; min-height: 24px; text-align: center; color: #FFFFFF; padding: 5px 4px 5px 6px;  }
#side .block .inside p{ margin: 0; padding: 5px 0; }
#side .block .inside a{ color: #FFFFFF; }
#side .block .inside a.bookNow { display: block; height: 30px; background: url('../images/reserveerNu.gif') no-repeat; text-indent: -999em; width: 119px; margin: 0 auto;  }

#side .blockAlt { background: #ffff00 url('../images/yellowTop.gif') no-repeat top left;  width: 200px; margin: 20px 0 20px 16px }
#side .blockAlt .inside { background: url('../images/yellowBottom.gif') no-repeat bottom left; min-height: 24px; text-align: center; color: #000000; padding: 5px  }

#side .campings { list-style: none; margin: 0; padding: 0; }
#side .campings li { list-style: none; margin: 0; padding: 0; }
#side .campings li a{ display: block; text-indent: -999em; }
#side .campings li.deValkenhof 		a{ height: 140px; background: url('../images/campingDeValkenhof.gif') no-repeat center center; }
#side .campings li.dOldeLantschap 	a{ height: 120px; background: url('../images/campingtdOldeLantschap.gif') no-repeat center center;}
#side .campings li.tKuierpadtien	a{ height: 140px; background: url('../images/campingtKuierpadtien.gif') no-repeat center center; }
#side .campings li.ruinen			a{ height: 140px; background: url('../images/campingRuinen.gif') no-repeat center center; }

/* -----------------------------------------------------------------------------
/* Content
/* -- */

#content { background: #FFF url('../images/contentBg.gif') no-repeat left bottom; float: left; width: 758px; overflow-x: hidden; min-height: 760px; height: auto !important; height: 760px; padding: 0 0 30px 0; }
#content div.text { padding: 30px 40px 0px 40px; clear: both; line-height: 18px; }
#content div.text div.image {display:block;float:left;margin:0 20px 20px 0;text-align:center;}
#content h1 { color: #b10d00; font-weight: normal; margin: 20px 0; padding: 0; font-size: 21px; }
#content h2 { font-size: 16px; }
#content h1:first-child { color: #b10d00; font-weight: normal; margin: 0 0 20px 0; padding: 0; }
#content img.right { margin: 0 0 20px 20px; }
#content img.left  { margin: 0 20px 20px 0; }

/* forms */
#content form table td { padding: 5px 0; vertical-align: top; }
#content form table th { text-align: left; vertical-align: top; padding: 5px 0 0 0; }
#content form table th span { font-size: 10px; color: #999999; }
#content fieldset { margin: 20px 0; padding: 20px; }
#content legend   { color: #b10d00; }
#content input.text { width: 300px; }

/* lastminute */
#content table.lastminute { width: 100%; }
#content table.lastminute td { padding: 5px; vertical-align: top; border-bottom: 1px solid #E0EAE0; }
#content table.lastminute th { text-align: left; background: #E0EAE0; padding: 5px; }
#content table.lastminute td.information { width: 500px; }
#content table.lastminute td.information p { margin: 0; padding: 0 0 10px 0; }

/* links */
#content .link {clear:both;}
#content .link img {float:left;margin:0 10px 0 0;}

/* pager */

#content .guestbook { margin: 15px 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #ECC5C2 }
#content .guestbook p { margin: 5px 0; padding: 0; }
#content .guestbook span { color: #666666; }

#content .pager ul { margin: 10px 0 0 40px; padding: 0; }
#content .pager ul li { display: inline; list-style: none; }
#content .pager ul li span { background: #CCC; color: #999; padding: 2px 5px;  } 
#content .pager ul li a { background: #CC0000; color: #FFFFFF; text-decoration: none; padding: 2px 5px; font-weight: normal; }
#content .pager ul li a.active,
#content .pager ul li a:hover { background: #CC3333; color: #FFFFFF; }

/* (no)vacancies */
.jobs h1 {padding-bottom:10px !important;}
.jobs .last {border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px;}
.vacancie {border-top:1px solid #ccc;padding:20px 0 0 0;margin:20px 0 10px 0;}
.jobs h2, .vacancie h3, .vacancie h4, .vacancie div {padding:0;margin:0;}
.vacancie div p {padding:0;margin:0 0 10px 0;}
.no-vacancies div {padding-bottom:20px;}

/* accordion */
h4.accordion-toggler {color:#CC0000;font-weight:normal;cursor:pointer;text-decoration:underline;}

/* messages */
#messages {margin:0 40px;border-bottom:1px solid green;}

/* -----------------------------------------------------------------------------
/* Footer
/* -- */

#footer { margin: 0 auto 27px auto;  width: 996px;  background: #FFFF00; line-height: 18px; overflow: hidden; white-space: nowrap;}
#footer, #footer a { color: #222; }

#footer .logo a{ width: 186px; height: 143px; background: url(../images/vakantieInDrenthe.gif) repeat-y top right; display: block; text-indent: -999em; }

#footer ul { float: left; margin: 0 15px 0 0 ; padding: 0 14px 0 0; min-height: 150px; height: auto !important; height: 160px; background: url(../images/dotGreenRed.gif) repeat-y top right;  }
#footer ul.last { background: none; padding: 0; margin: 0; width: 205px; overflow: hidden; }
#footer ul li { list-style-type: none; }
#footer ul li h4 { margin: 0; padding: 0; color: #b10d00; font-size: 12px; }

/* -----------------------------------------------------------------------------
/* links/elements with icons
/* -- */

.icon { padding: 2px 0 2px 20px; margin: 2px 0; }
.map { background: url('/assets/images/shared/calendar.png') no-repeat; }
.pdf { background: url('/assets/images/shared/pdf.png') no-repeat; }