body        { background: #082931 url(/service/html/Image/gradient/1/800/14677f/082931/down) repeat-x; color: #2A638C; margin-top: 0px; }
div#site    { background-color: white; padding: 0; position: relative; }
div#header  { background: #10637B url(../images/header.png) no-repeat; height:190px; width:950px; margin:0px 0px 25px 0px }
div#logo    { position:absolute; height:79px; cursor: pointer; width:362px; top:30px; left:560px; background: url(../images/logo.png) no-repeat}
div#main    { font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Toolbox */
body .noborder, body table.noborder, body table.noborder th, body table.noborder td { border: none; }
body .nopadding, body table.nopadding th, body table.nopadding td, body table td.nopadding, body table th.nopadding { padding: 0; }
body .nomargin, body table.nomargin, body table td.nomargin, body table th.nomargin { margin: 0; }
body .left { float: left; }
body .right { float: right; }
body .nofloat { float: none; }
.strong,
.bold { 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 .container h1 { font-size:1.5em}
body .container h2 { font-size:1.3em}
body .container h3 { font-size:1.1em;}
body .container a { color: #606161; text-decoration:none; }
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1em;
  color: #2A638C;
  padding-bottom:10px;
  text-decoration: none;
}

div.blok1 {
  background: #E4E0ED;
  padding: 10px;
}
div.blok1 h3 { margin-top: 0; }
div.blok1 p { margin-bottom: 0; }

/**************************************/
/*              HEADER                */
/**************************************/
div#section_header p { margin: 0; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
body .container div#main div#menu    { margin:160px 0px 0px 0px; height:30px; z-index: 1; position: relative; }
body .container div#main div#menu ul { margin: 0; padding:0; list-style: none; font-size: 1.25em; font-weight: bold; }
body .container div#main div#menu ul li { padding:0; margin-left: 5px; float:left; position: relative; }
body .container div#main div#menu ul li a { display: block; line-height: 22px; color: #555; float: left; text-decoration: none; padding: 2px 10px 6px 10px; background-color:#FFF; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; }
body .container div#main div#menu ul li a:hover   { color:#000; }
body .container div#main div#menu ul li.current a { color:#000; }

body .container div#main div#menu ul.sub { visibility: hidden; overflow: hidden; list-style: none; padding: 0; margin: 30px 2px 0 0px; z-index: 1; position: absolute; border: 1px solid #ccc; border-top: 0px; background: #ffffff url(/service/html/Image/gradient/1/30/f4f4f4/ffffff/down) repeat-x; left: 0; width: 200px; }
body .container div#main div#menu ul.sub li { float: none; margin: 0; padding: 0; }
body .container div#main div#menu ul.sub li a:link, div#menu ul.sub li a:visited,
body .container div#main div#menu ul.sub li a { width: 200px; color: #2A638C; font-family: helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: normal; height: 25px; line-height: 25px; display: block; background-color: transparent; text-align: left; padding: 3px 20px 2px 15px; margin: 0; }
body .container div#main div#menu ul.sub li a:hover { background-color: #2A638C; color: white; }

.container div#footer div#footerMenu    { height:25px; background-color:#C6D6DE; text-align:center; padding-top:5px; }
.container div#footer div#footerMenu ul { margin: 0;  padding:0; list-style: none; font-size: 1.125em; display:inline; }
.container div#footer div#footerMenu ul li { display: inline; }
.container div#footer div#footerMenu ul li a,
.container div#footer div#footerMenu ul li a:hover,
.container div#footer div#footerMenu ul li.current a { color:#5685A7 }

/******** Top menu **********/
div#top ul.menu { list-style: none; padding: 0; margin: 10px 10px; float: right; font-size: 1.2em; }
div#top ul.menu li { float: left; margin-left: 4px; }
div#top ul.menu li a:link, div#top ul.menu li a:visited,
div#top ul.menu li a {  color: #ddd; text-decoration: none; padding: 3px 6px 1px 6px; }
div#top ul.menu li a:hover { color: #fff; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
body .container div#main a          { text-decoration:underline }

/* NEWS items */
body .container div#main div.NewsModule div.news-latestteaser h2 { font-size: 1.1em; }
body .container div#main div.NewsModule div.news-latestteaser h2 a { text-decoration: underline; color: #2A638C; }
body .container div#main div.NewsModule div.news-latestteaser h2 a:hover { color: #CC3333; }
body .container div#main h2 a                     { text-decoration:none }
div#section_extra div.news-latestteaser h2        { margin-bottom:0px; }
div#section_extra div.news-latestteaser p         { margin-bottom:8px; }
div#section_extra div.NewsModule a.news-latestteaser-readmore { margin-top: 0px; }
section_extra div.news-latestteaser               { margin-bottom:30px; }
section_extra a.news-latestteaser-readmore        { display:inline; margin:0 text-decoration: none; }
a.readmore, body .container a.readmore            { text-indent:30px; padding:2px 0px 0px 0px; height:25px; display:block; background: url(../images/readmore.gif) no-repeat; }

/* buttons */
body div#main  button                   { background-color:#d6e6eE; color:#5685a7 }
body div#main  button:hover             { background-color:#e6f6fE }

/* Boek / Afspraak / Contact blok */
div.afspraakLezingBlok,
div.afspraakLezingSmal { background-color: #e4e0ed; padding: 10px; color: white; margin-bottom: 10px; width: 330px; }
div.afspraakLezingBlok p,
div.afspraakLezingBlok h3,
div.afspraakLezingSmal p,
div.afspraakLezingSmal h3 { padding: 8px; color: white; text-align: center; }
div.afspraakLezingBlok h3,
div.afspraakLezingSmal h3 { margin: 0px; font-size: 1.5em; }
div.afspraakLezingBlok p,
div.afspraakLezingSmal p { margin: 0px; font-size: 12px; line-height: 15px; }
div.afspraakLezingBlok p a,
div.afspraakLezingBlok p a:link,
div.afspraakLezingBlok p a:visited,
div.afspraakLezingSmal p a,
div.afspraakLezingSmal p a:link,
div.afspraakLezingSmal p a:visited { color: white; font-weight: bold; font-style: italic; }

div.afspraakLezingBlok div.boekje { margin: 0 0 10px 0; padding: 0px; width: 330px; height: 176px; background: #2E6890 url(/data/upload/images/boekje-banner-336x176-2012.png) no-repeat; }
div.afspraakLezingBlok div.boekje p { padding: 90px 10px 0 140px; }
div.afspraakLezingBlok div.lezing { float: left; margin: 0; width: 160px; height: 160px; background: url(../images/blokje_afspraak.jpg) no-repeat; }
div.afspraakLezingBlok div.afspraak { float: right; margin: 0; width: 160px; height: 160px; background: url(../images/blokje_contact.jpg) no-repeat; }
div.afspraakLezingBlok div.stamrecht { margin: 0 0 10px 0; padding: 0px; width: 330px; height: 156px; background: url(../img/background.block.stamrecht.jpg) no-repeat; }
div.afspraakLezingBlok div.stamrecht p { padding: 100px 0 0 0; text-align: center; font-size: 1.2em; }

/* Boek smal */
div.afspraakLezingSmal { width: 170px; }
div.afspraakLezingSmal div.boekje,
div.afspraakLezingSmal div.afspraak,
div.afspraakLezingSmal div.lezing { cursor: pointer; margin: 0 0 10px 0; padding: 0; }
div.afspraakLezingSmal div.boekje { width: 170px; height: 350px; background: url(/data/upload/images/boekje-banner-170x350-2012.png) no-repeat; }
div.afspraakLezingSmal div.afspraak { width: 170px; height: 150px; background: url(../images/blokje_afspraak_smal.jpg) no-repeat; }
div.afspraakLezingSmal div.lezing { margin-bottom: 0; width: 170px; height: 150px; background: url(../images/blokje_lezing_smal.jpg) no-repeat; }
div.afspraakLezingSmal div.boekje p { padding-top: 90px; }

div.bel-mij-terug { height: 110px; width: 316px; padding: 20px; margin: 7px 0 5px -2px; color: #FFF; background: url(../images/background-belmijterug.png) no-repeat; }
div.bel-mij-terug table td { padding: 0 2px 3px; }
div.bel-mij-terug strong { display: block; font-size: 1.5em; margin: -5px 0 8px; }
div.bel-mij-terug label { color: #FFF; }
div.bel-mij-terug input { margin: 0; }
div.bel-mij-terug input.radio { margin: 2px 3px 2px 0; }
.container div.bel-mij-terug button { float: right; margin: 5px 3px 0 0; padding: 1px 13px 1px; }

/**************************************/
/*               FOOTER               */
/**************************************/
div#footer a,
div#footer { text-align: center; }


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

/* Blog module */
div.BlogModule div.listingPostAction div.listing-post div.listing-post-html { overflow: visible; }

div#calculator { padding-top: 20px; }
div#calculator div.product a.button { display: block; clear: both; }