/**************************************/
/*              GLOBALS               */
/**************************************/
body { background: #c1c1c1 url(/service/html/Image/gradient) repeat-x; color: #333333; }
div#site { width: 950px; margin: 0 auto; }
div#site div#navigator-left { float: left; padding: 220px 10px 0 0; }
div#site div#navigator-right { float: right; padding: 220px 0 0 10px; }
div#site div.container { float: left; padding: 8px; }
div#site.home { width: 1102px; }
div#site.home div#main { margin-left: 66px; }
div#site.home div#footer { margin-left: 66px; }

div#site div#logo { padding: 18px 0 29px 18px; float: left; display: inline; }
div#site div#logo a img { vertical-align: middle; }
div#site div#caption { float: left; padding: 29px 0 0 20px; display: inline; }
div#site div#caption h1 { margin: 0; bottom: 0; color: #757374; }
div#site div#address { padding: 5px; float: right; display: inline; }
div#site div#address table tbody td { padding: 4px; text-align: right; font-weight: bold; color: #757374; }
div#site div#address table tbody td a { padding: 0; }
div#site div#address table tbody td a img { vertical-align: middle; }
div#site div#carousel { height: 312px; }
div#site div#header { background: url(../images/background.home.png) no-repeat; margin-bottom: 0; }
div#site div#header h2 { color: #fff; font-weight: bold; margin: 0; padding: 10px 0 20px 0; }

div#site.xmas div#header { background-image: url(../images/background.xmas.png); }
div#site.oranje div#header { background-image: url(../images/background.oranje.png); }
div#site.blauw div#header { background-image: url(../images/background.blauw.png); }
div#site.groen div#header { background-image: url(../images/background.groen.png); }
div#site.paars div#header { background-image: url(../images/background.paars.png); }

div#site div#main { background: url(../images/background.main.png) repeat-y; display: inline; }
.container div div#section_footer div.SnippetsModule div.loadAction { float: none; }
.container div#section_footer table.kunnen-wij-u-helpen { margin: 30px auto 0 auto; }
.container div#section_footer table.kunnen-wij-u-helpen tr td { padding: 1em; }
.container div#section_footer table.kunnen-wij-u-helpen tr td p { margin: 0; font-size: 175%; line-height: 110%; color: #a7a6a6; }

/* Toolbox */
.container .nopadding, body table.nopadding td, body table.nopadding th, body table td.nopadding, body table th.nopadding { padding: 0; }
.container .nomargin, body table.nomargin td, body table.nomaring th, body table td.nomargin, body table th.nomargin { margin: 0; }
.container .noborder,
.container table.noborder tbody,
.container table.noborder tbody td,
.container table.noborder thead th,
.container table tbody td.noborder,
.container table thead th.noborder { border: none; }
.container .left { float: left; }
.container .right { float: right; }
.container .nofloat { float: none; }
.container .clear { margin: 0; padding: 0; height: 0; }

/* 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: #494F57;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: lighter;
  line-height: 1.2em;
}

/*************************************************/
/*   Template specifieke kleuren (optioneel)     */
/*************************************************/
body div#menu.blauw,
body div.blauw strong,
body div.blauw h1,
body div.blauw h2,
body div.blauw h3,
body div.blauw h4,
body div.blauw h5,
body div.blauw h6,
body div.blauw a,
body div.blauw a:link,
body div.blauw a:visited,
div#menu a.blauw {
  border-color: #5687c6;
  color: #5687c6;
}
body div.blauw div.PortfolioModule div.navigator a.active { background: #5687c6; }

body div#menu.groen,
body div.groen strong,
body div.groen h1,
body div.groen h2,
body div.groen h3,
body div.groen h4,
body div.groen h5,
body div.groen h6,
body div.groen a,
body div.groen a:link,
body div.groen a:visited,
div#menu a.groen {
  border-color: #9dc03c;
  color: #9dc03c;
}
body div.groen div.PortfolioModule div.navigator a.active { background: #9dc03c; }

body div#menu.paars,
body div.paars strong,
body div.paars h1,
body div.paars h2,
body div.paars h3,
body div.paars h4,
body div.paars h5,
body div.paars h6,
body div.paars strong,
body div.paars a,
body div.paars a:link,
body div.paars a:visited,
div#menu a.paars {
  border-color: #6f4099;
  color: #6f4099;
}
body div.paars div.PortfolioModule div.navigator a.active { background: #6f4099; }

body div#menu.oranje,
body div.oranje strong,
body div.oranje h1,
body div.oranje h2,
body div.oranje h3,
body div.oranje h4,
body div.oranje h5,
body div.oranje h6,
body div.oranje strong,
body div.oranje a,
body div.oranje a:link,
body div.oranje a:visited,
div#menu a.oranje {
  border-color: #faa21b;
  color: #faa21b;
}
body div.oranje div.PortfolioModule div.navigator a.active { background: #faa21b; }

body div#menu.home,
body div.home strong,
body div.home h1,
body div.home h2,
body div.home h3,
body div.home h4,
body div.home h5,
body div.home h6,
body div.home a,
body div.home a:link,
body div.home a:visited,
div#menu a.home {
  border-color: #faa21b;
  color: #faa21b;
}
body div.home div.PortfolioModule div.navigator a.active { background: #faa21b; }

body div#menu.xmas,
body div.xmas strong,
body div.xmas h1,
body div.xmas h2,
body div.xmas h3,
body div.xmas h4,
body div.xmas h5,
body div.xmas h6,
body div.xmas a,
body div.xmas a:link,
body div.xmas a:visited,
div#menu a.xmas {
  border-color: #faa21b;
  color: #faa21b;
} 
body div.xmas div.PortfolioModule div.navigator a.active { background: #faa21b; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
div#site a:hover,
div#site a:focus { text-decoration: none; }
div#menu ul { margin: 0px; list-style: none; font-size: 1.4em; font-weight: lighter; }
div#menu ul li { margin: 0px; display: inline;  }
div#menu ul li a { display: block;  float: left; text-decoration: none; margin-right: 20px; }
div#menu ul li.current a { border-bottom: 3px solid; }

div#site div#menu { text-align: center; border-top-width: 1px; border-top-style: solid; margin: 40px 40px 0 40px; }
div#site div#menu a { padding: 0 2.5em; line-height: 2em; font-size: 120%; text-decoration: none; font-weight: bold; }
div#site div#menu a:hover, div#site div#menu a:focus { text-decoration: underline; }

div#breadcrumbs { margin-bottom: 1em; }

/**************************************/
/*               FOOTER               */
/**************************************/
div#site div#footer { height: 13px; margin-bottom: 10px; text-align: center; background: url(../images/background.footer.png) no-repeat; }

div#copyright { text-align: center; }
div#copyright a { color: #333; }

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

/* Over IZI pagina blokjes */
.container div.over-izi { background-repeat: no-repeat; height: 97px; width: 219px; padding: 10px 10px 10px 130px; color: #FFF; overflow: hidden; margin-bottom: 1.5em; }
.container div.over-izi a,
.container div.over-izi a:link,
.container div.over-izi a:active,
.container div.over-izi a:visited,
.container div.over-izi a:hover,
.container div.over-izi a:focus,
.container div.over-izi strong { color: #FFF; }

/* IZI CMS pagina blokjes */
.container div.module-blokje { background: url(/data/upload/images/moduleblokje.jpg) no-repeat; height: 104px; width: 144px; padding: 10px; color: #FFF; overflow: hidden; margin-bottom: 1.5em; margin-right: 1.5em; }
.container div.module-blokje a,
.container div.module-blokje a:link,
.container div.module-blokje a:active,
.container div.module-blokje a:visited,
.container div.module-blokje a:hover,
.container div.module-blokje a:focus,
.container div.module-blokje strong { color: #FFF; }

/* Snippers module */
.container div.SnippetsModule div.loadAction { float: left; }

/* Newsletter module */
.container div.NewsletterModule div.subscribeAction table tbody tr td { padding: 4px; }
.container div.NewsletterModule div.subscribeAction input { width: 200px; }