/* Structure */
body { background-color: #b4c2b4; }
div#site { position: relative; padding: 1em 0; }
div#site div#logo { position: absolute; background: url(../images/logo.png) no-repeat; height: 262px; width: 350px; margin: -15px 0 0 -35px; z-index: 2; }
div#site div#top { background: url(../images/background-top.png) no-repeat center; height: 24px; padding: 0 7px; }
div#site div#header { background: url(../images/background-header.png) repeat-y center; padding: 0 7px; height: 265px; }
div#site div#header div#section_header { padding-left: 17px; }
div#site div#header div#menu { padding-top: 10px; }
div#site div#main-top { background: url(../images/background-main-top.png) no-repeat center; height: 27px; padding: 0 7px; }
div#site div#main { background: url(../images/background-main.png) repeat-y center; padding: 0 7px; }
div#site div#main-left { float: left; width: 570px; margin-left: 40px; }
div#site div#main-right { float: left; width: 280px; margin-left: 20px; }
div#site div#main-bottom { background: url(../images/background-main-bottom.png) no-repeat center; height: 22px; clear: both; padding: 0 7px; }
div#site div#bottom-main { background: url(../images/background-header.png) repeat-y center; text-align: center; padding-top: 4px; padding: 0 7px; }
div#site div#bottom { background: url(../images/background-bottom.png) no-repeat center; height: 20px; padding: 0 7px; }

/* Blokjes */
.blokje-button { /* Do not remove me */ }

div#site div#main div.donkergroen-top strong,
div#site div#main div.middelgroen-top strong,
div#site div#main div.lichtgroen-top strong{ font-size: 1.5em; color: #273F20; line-height: 1.5em; }
div#site div#main div.lichtgroen-top a.blokje-button,
div#site div#main div.middelgroen-top a.blokje-button,
div#site div#main div.donkergroen-top a.blokje-button { display: block; background: url(../images/button-block.png) no-repeat center center; color: #FFF; font-weight: bold; text-align: center; padding: 10px 0; font-size: 1.2em; text-decoration: none; margin-top: 1em; }

div#site div#main div.donkergroen-top { background: url(../images/blokje-donkergroen-top.png) no-repeat; padding: 20px 20px 0 20px; width: 239px; float: right; }
div#site div#main div.donkergroen-top.wide { background: url(../images/blokje-donkergroen-top-570.png) no-repeat; padding: 20px 20px 0 20px; width: 530px; float: right; }
div#site div#main div.donkergroen-bottom { background: url(../images/blokje-donkergroen-bottom.png) no-repeat; height: 23px; width: 279px; float: right; margin-bottom: 1em; }
div#site div#main div.donkergroen-bottom.wide { background: url(../images/blokje-donkergroen-bottom-570.png) no-repeat; height: 23px; width: 570px; float: right; margin-bottom: 1em; }

div#site div#main div.middelgroen-top { background: url(../images/blokje-middelgroen-top.png) no-repeat; padding: 20px 20px 0 20px; width: 239px; float: right; }
div#site div#main div.middelgroen-bottom { background: url(../images/blokje-middelgroen-bottom.png) no-repeat; height: 23px; width: 279px; float: right; margin-bottom: 1em; }

div#site div#main div.lichtgroen-top { background: url(../images/blokje-lichtgroen-top.png) no-repeat; padding: 20px 20px 0 20px; width: 239px; float: right; }
div#site div#main div.lichtgroen-top ul { margin-left: 0; list-style: none; }
div#site div#main div.lichtgroen-top ul li { margin-left: 0; padding-left: 12px; background: url(/modules/News/templates/default/images/arrow.gif) no-repeat 2px 6px; }
div#site div#main div.lichtgroen-bottom { background: url(../images/blokje-lichtgroen-bottom.png) no-repeat; height: 81px; width: 279px; float: right; margin-bottom: 1em; }

/* Toolbox */
body .nopadding, body table td.nopadding, body table th.nopadding, .container table.nopadding td { padding: 0; }
body .nomargin, body table td.nomargin, body table th.nomargin { margin: 0; }
.container table.noborder, .container table.noborder td { border: 0; }
body .left { float: left; }
body .right { float: right; }
body .nofloat { float: none; }
.container .align-center { text-align: center; }
.container div.izi-form .span-8 label { width: 310px; }
.container div.izi-form textarea { display: block; }

.container .strong { font-weight: bold; }

/* Disable bluetrip external link icons */
a[href^="http:"], a[href^="http:"]:visited { background-image: none; padding-right: 0px; }

/* Markup text at top in tables (when using images next to text) */
body table td, body table th { vertical-align: top;}
body table { border-collapse: separate; }

/* Markup headers */
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #273f20;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
}

.container button,
.container a.button,
.container a.button:link,
.container a.button:hover {
  border: 1px solid #52654D; 
  background: #72B05E;
  color: #FFF;
  font-weight: bold;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Modules */
span.news-latestnews-date { display: none; }

.container div.izi-form { width: 100%; }
div.izi-form textarea.span-12 { width: 470px; }
div.izi-form input.span-2 { width: 70px; }
div.izi-form div.clear { margin: 0; }

/* Text */
.container { color: #52654c; }
.container a,
.container a:link,
.container a:hover,
.container a:active,
.container a:focus { color: #52654c; }
.container a:hover { text-decoration: none; }

div#site div#bottom-main,
div#site div#bottom-main a,
div#site div#bottom-main a:link,
div#site div#bottom-main a:active,
div#site div#bottom-main a:hover,
div#site div#bottom-main a:focus { color: #dee4e2; font-size: 1.1em; }

/* Menu */
div#menu { position: relative; }
div#menu ul { margin: 0 0 0 20px; }
div#menu ul li { margin: 0; display: block; float: left; list-style: none; }
div#menu ul li a { display: block; text-decoration: none; margin-right: 8px; background: url(../images/button-menu.png) no-repeat center top; width: 145px; height: 28px; padding: 0; text-align: center; color: #FFF; font-weight: bold; font-size: 1.4em; line-height: 1.5em; }
div#menu ul li.current a,
div#menu ul li a:hover,
div#menu ul li a:focus { background-position: center bottom; }

div#menu ul li ul { display: none; position: absolute; z-index: 2; padding-top: 6px; margin: 0; }
div#menu ul li:hover ul { display: block; }
div#menu ul li ul li { float: none; width: 200px; background: url(../images/background-submenu-middle.png) repeat-y; }
div#menu ul li ul li.first,
div#menu ul li ul li:hover.first { height: 12px; background: url(../images/background-submenu-top.png) no-repeat; }
div#menu ul li ul li.last,
div#menu ul li ul li:hover.last { height: 12px; background: url(../images/background-submenu-bottom.png) no-repeat; }
div#menu ul li:hover ul li a,
div#menu ul li.current ul li a { background: transparent; margin: 0; text-align: left; width: auto; }
div#menu ul li ul li a { height: auto; padding: 3px 13px; font-size: 1em; }
div#menu ul li ul li:hover { background: #4C7C63; }

/* tinyMCE */
body#tinymce, body#tinymce td, body#tinymce pre { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; }
body#tinymce { background: white; }

.container div.izi-form label { width: 200px; padding-left: 0; }
img.print_only,
input.you-cannot-see-me { display: none; }
