/**************************************/
/*              GLOBALS               */
/**************************************/
@font-face {
  font-family: 'AachenBoldRegular';
  src: url('../fonts/aachen-bold-webfont.eot');
  src: url('../fonts/aachen-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/aachen-bold-webfont.woff') format('woff'),
       url('../fonts/aachen-bold-webfont.ttf') format('truetype'),
       url('../fonts/aachen-bold-webfont.svg#AachenBoldRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { font-size: 1.1em; color: #333; background: #1693d7 url(../img/background.body.gif) repeat-y center top; }

.container a,
.container a:link,
.container a:visited,
.container a:focus,
.container a:hover { color: #1693d7; text-decoration: underline; }
.container a:hover { text-decoration: none; }
.container noborder { border: none; }
.container nomargin { margin: 0; }
.container nopadding { padding: 0; }

.container a[href^="http:"],
.container a[href^="mailto:"],
.container a[href^="http:"]:visited,
.container a[href$=".pdf"],
.container a[href$=".doc"],
.container a[href$=".xls"],
.container a[href$=".rss"],
.container a[href$=".rdf"],
.container a[href^="aim:"] { background-image: none; padding-right: 0; }

.container ul { margin: 0 0 1em 0; }
.container ul li { list-style: none; background: url(../img/bullet_black.png) no-repeat 3px 3px; margin: 0; padding-left: 20px; }

.container h1, .container h2, .container h3, .container h4 { font-family: 'AachenBoldRegular'; font-weight: normal; }
.container h1 a, 
.container h1 a:link,
.container h1 a:active,
.container h1 a:visited,
.container h2 a,
.container h2 a:link,
.container h2 a:active,
.container h2 a:visited, 
.container h3 a,
.container h3 a:link,
.container h3 a:active,
.container h3 a:visited, 
.container h4 a,
.container h4 a:link,
.container h4 a:active,
.container h4 a:visited, 
.container h5 a,
.container h5 a:link,
.container h5 a:active,
.container h5 a:visited, 
.container h6 a,
.container h6 a:link,
.container h6 a:active,
.container h6 a:visited { color: inherit; text-decoration: none; }
.container h1 { color: #1693d7; border-bottom: 1px solid #1693d7; font-size: 22px; line-height: 36px; margin: 0 0 0.4em 0; }
.container h2 { font-size: 22px; line-height: 36px; margin: 0 0 0.4em 0; }
.container h3 { color: #1693d7; font-size: 16px; line-height: 32px; margin: 0 0 0.7em 0; }
.container h4 { font-size: 16px; line-height: 32px; margin: 0 0 0.7em 0; }
.container h5 { color: #1693d7; font-weight: bold; font-size: 16px; line-height: 20px; margin: 0 0 0.4em 0; }
.container h6 { color: #000000; font-weight: bold; font-size: 16px; line-height: 20px; margin: 0 0 0.4em 0; }

.container hr { border-top: 1px solid #1693d7; border-right: none; border-bottom: none; border-left: none; margin: 20px 0; height: 1px; }
.container p { margin: 0; padding: 0; }

/* Form elements */
.container form input { border-color: #1693d7; font-family: "Liberation Sans",Helvetica,Arial,sans-serif; }
.container form select { border-color: #1693d7; margin: 2px 0; }
.container form input:hover { border-color: #1693d7; }
.container form input:focus { border-color: #1693d7; }
.container form textarea { border-color: #1693d7; font-family: "Liberation Sans",Helvetica,Arial,sans-serif; }
.container form textarea:hover { border-color: #1693d7; }
.container form textarea::focus { border-color: #1693d7; }

.container form button,
.container form .button,
.container form a.button { background-color: #1693d7; border-color: #1693d7; color: #FFF; margin: 5px 0; }

/**************************************/
/*              HEADER                */
/**************************************/
div#header { margin-bottom: 20px; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
/* Top menu */
ul#menu-top { text-align: right; margin: 10px 20px; }
.container ul#menu-top li { list-style: none; display: inline; border-right: 1px solid #1693d7; padding: 0 5px 0 0; margin: 0 0 0 05px; line-height: 10px; background: none; }
ul#menu-top li.last { border: none; }
ul#menu-top li.facebook { border-right: none; }
ul#menu-top li.facebook img { vertical-align: middle; }
ul#menu-top li a,
ul#menu-top li a:link,
ul#menu-top li a:hover,
ul#menu-top li a:visited,
ul#menu-top li a:active,
ul#menu-top li a:focus { color: #1693d7; text-decoration: none; padding: 0; }
ul#menu-top li a:hover { text-decoration: underline; }

/* Left menu */
ul.menu { padding: 0; margin: 20px 0; }
ul.menu li { list-style: none; margin: 0; padding: 0; background: none; }
ul.menu li a,
ul.menu li a:link,
ul.menu li a:hover,
ul.menu li a:visited,
ul.menu li a:active,
ul.menu li a:focus,
ul.menu li a { font-family: 'AachenBoldRegular'; font-size: 1.2em; color: #1693d7; line-height: 1.5em; text-decoration: none; }

/* Breadcrumbs */
.container div.breadcrumbs { color: #aaa; margin-bottom: 10px; }
.container div.breadcrumbs a,
.container div.breadcrumbs a:link,
.container div.breadcrumbs a:hover,
.container div.breadcrumbs a:visited,
.container div.breadcrumbs a:active,
.container div.breadcrumbs a:focus { color: #aaa; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
div#top  { background: #1693d7 url(../img/background.top.gif) no-repeat center bottom; height: 25px; }
div#site div#left { float: left; text-align: center; margin-left: 20px; }
div#site div#main { float: left; margin-left: 20px; }
div#main { padding-bottom: 15px; }

/**************************************/
/*               FOOTER               */
/**************************************/


/**************************************/
/*            EDITOR CONTENT          */
/**************************************/
body#tinymce, body#tinymce pre { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; font-size: 1.3em; }
body#tinymce { background-color: #fff; color: #333; margin: 5px; }
body#tinymce h1 { color: #1693d7; font-weight: bold; border-bottom: 1px solid #1693d7; font-size: 18px; line-height: 18px; margin: 1em 0; }
body#tinymce h2 { font-weight: bold; font-size: 18px; line-height: 18px; margin: 1em 0; }
body#tinymce h3 { color: #1693d7; font-weight: bold; font-size: 16px; line-height: 16px; margin: 1em 0; }
body#tinymce h4 { font-weight: bold; font-size: 16px; line-height: 16px; margin: 1em 0; }
body#tinymce h5 { color: #1693d7; font-weight: bold; font-size: 14px; line-height: 14px; margin: 1em 0; }
body#tinymce h6 { color: #000000; font-weight: bold; font-size: 14px; line-height: 14px; margin: 1em 0; }

/* Edit options link container */
div.edit-options { display: block; margin-top: 1em; text-align: right; }

/* News module - latestteaser widget */
div.NewsModule div.latestTeasersAction div.news-latestteaser-teaser { overflow: auto; }

/* News module - archive */
div.NewsModule div.archiveAction ul.news-archive li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }
div.NewsModule div.archiveAction div.news-archive-pagination { padding: 10px; color: #CCC; float: right; }
div.NewsModule div.archiveAction div.news-archive-pagination span.disabled,
div.NewsModule div.archiveAction div.news-archive-pagination a,
div.NewsModule div.archiveAction div.news-archive-pagination a:visited,
div.NewsModule div.archiveAction div.news-archive-pagination a:link { display: inline-block; padding: 1px 8px; margin-right: 2px; border: 1px solid #CCC; color: #AAA; text-decoration: none; }
div.NewsModule div.archiveAction div.news-archive-pagination a:active,
div.NewsModule div.archiveAction div.news-archive-pagination a.current { background-color: #EEE; font-weight: bold; color: #000; }
div.NewsModule div.archiveAction div.news-archive-pagination a:hover { color: #000; }
div.NewsModule div.archiveAction div.news-archive-pagination span.disabled { border: 1px solid #eee; color: #ddd; }
div.NewsModule div.archiveAction div.news-archive-pagination a.previous { }
div.NewsModule div.archiveAction div.news-archive-pagination a.next { }

/* News module - latestnews widget */
div.NewsModule div.latestnewsAction ul.news-latestnews li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }
div.NewsModule div.latestnewsAction ul.news-latestnews li a,
div.NewsModule div.latestnewsAction ul.news-latestnews li a:link,
div.NewsModule div.latestnewsAction ul.news-latestnews li a:hover,
div.NewsModule div.latestnewsAction ul.news-latestnews li a:visited,
div.NewsModule div.latestnewsAction ul.news-latestnews li a:active,
div.NewsModule div.latestnewsAction ul.news-latestnews li a:focus { color: #000; text-decoration: none; font-weight: bold; font-size: 1.1em; }
div.NewsModule div.latestnewsAction ul.news-latestnews li a:hover { text-decoration: underline; }
div.NewsModule div.latestnewsAction ul.news-latestnews li span.news-latestnews-date { color: #1693D7; display: block; font-size: 1em; float: none; padding: 0; font-style: italic; }
div.NewsModule div.latestnewsAction a.news-latestnews-morenews { display: block; margin: 10px 0; }

/* Agenda module - upcomingevents widget */
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li a,
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li a:link,
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li a:hover,
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li a:visited,
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li a:active,
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li a:focus { color: #000; text-decoration: none; font-weight: bold; font-size: 1.1em; }
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li a:hover { text-decoration: underline; }
div.AgendaModule div.latestagendaAction ul.agenda-upcomingevents li span.agenda-upcomingevents-date { color: #1693D7; display: block; font-size: 1em; float: none; padding: 0; font-style: italic; }
div.AgendaModule div.latestagendaAction a.agenda-upcomingevents-morenews { display: block; margin: 10px 0; }

/* Agenda module - recentEvents */
div.AgendaModule div.recentEventsAction ul.agenda-recentevents li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }
div.AgendaModule div.recentEventsAction ul.agenda-recentevents li span.agenda-recentevents-event-date { float: right; }

/* Agenda module - recentTeasers */
div.AgendaModule div.agenda-recentteasers div.agenda-footer,
div.AgendaModule div.archiveAction div.agenda-footer { clear: both; }

/* Agenda module - archief */
div.AgendaModule div.archiveAction ul.agenda-archive li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }
div.AgendaModule div.archiveAction div.agenda-archive-pagination { padding: 10px; color: #CCC; float: right; }
div.AgendaModule div.archiveAction div.agenda-archive-pagination span.disabled,
div.AgendaModule div.archiveAction div.agenda-archive-pagination a,
div.AgendaModule div.archiveAction div.agenda-archive-pagination a:visited,
div.AgendaModule div.archiveAction div.agenda-archive-pagination a:link { display: inline-block; padding: 1px 8px; margin-right: 2px; border: 1px solid #CCC; color: #AAA; text-decoration: none; }
div.AgendaModule div.archiveAction div.agenda-archive-pagination a:active,
div.AgendaModule div.archiveAction div.agenda-archive-pagination a.current { background-color: #EEE; font-weight: bold; color: #000; }
div.AgendaModule div.archiveAction div.agenda-archive-pagination a:hover { color: #000; }
div.AgendaModule div.archiveAction div.agenda-archive-pagination span.disabled { border: 1px solid #eee; color: #ddd; }
div.AgendaModule div.archiveAction div.agenda-archive-pagination a.previous { }
div.AgendaModule div.archiveAction div.agenda-archive-pagination a.next { }

/* De Brug module - item */
div.BrugModule div.itemAction div.brug-item { background-color: #d8eff7; padding: 1em; margin-bottom: 1em; overflow: auto; }
div.BrugModule div.itemAction div.brug-item h6 { margin-top: 0; }

/* De Brug module - latestbrug */
div.BrugModule div.brug-latestteaser-teaser { background-color: #d8eff7; padding: 1em; margin-bottom: 1em; }
div.BrugModule div.brug-latestteaser-teaser h6 { margin-top: 0; }

/* De Brug module - latestbrug widget */
div.BrugModule div.latestbrugAction ul.brug-latestbrug li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }
div.BrugModule div.latestbrugAction ul.brug-latestbrug li a,
div.BrugModule div.latestbrugAction ul.brug-latestbrug li a:link,
div.BrugModule div.latestbrugAction ul.brug-latestbrug li a:hover,
div.BrugModule div.latestbrugAction ul.brug-latestbrug li a:visited,
div.BrugModule div.latestbrugAction ul.brug-latestbrug li a:focus { color: #000; text-decoration: none; font-weight: bold; font-size: 1.1em; }
div.BrugModule div.latestbrugAction ul.brug-latestbrug li a:hover { text-decoration: underline; }

/* De Brug module - archief */
div.BrugModule div.archiveAction ul.brug-archive li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }
div.BrugModule div.archiveAction div.brug-archive-pagination { padding: 10px; color: #CCC; float: right; }
div.BrugModule div.archiveAction div.brug-archive-pagination span.disabled,
div.BrugModule div.archiveAction div.brug-archive-pagination a,
div.BrugModule div.archiveAction div.brug-archive-pagination a:visited,
div.BrugModule div.archiveAction div.brug-archive-pagination a:link { display: inline-block; padding: 1px 8px; margin-right: 2px; border: 1px solid #CCC; color: #AAA; text-decoration: none; }
div.BrugModule div.archiveAction div.brug-archive-pagination a:active,
div.BrugModule div.archiveAction div.brug-archive-pagination a.current { background-color: #EEE; font-weight: bold; color: #000; }
div.BrugModule div.archiveAction div.brug-archive-pagination a:hover { color: #000; }
div.BrugModule div.archiveAction div.brug-archive-pagination span.disabled { border: 1px solid #eee; color: #ddd; }
div.BrugModule div.archiveAction div.brug-archive-pagination a.previous { }
div.BrugModule div.archiveAction div.brug-archive-pagination a.next { }

/* Artikelen module - lattestteaser widget */
div.ArtikelenModule div.artikelen-latestteaser-teaser { background-color: #d8eff7; padding: 1em; font-weight: bold; margin-bottom: 1em; }
div.ArtikelenModule div.artikelen-latestteaser-teaser h6 { margin-top: 0; }
div.ArtikelenModule div.artikelen-latestteaser-teaser img.artikelen-thumbnail { float: right; margin-left: 1em; margin-right: 0; }

/* Artikelen module - latestartikelen widget */
div.ArtikelenModule div.latestartikelenAction ul.artikelen-latestartikelen li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }

/* Artikelen module - archief */
div.ArtikelenModule div.archiveAction ul.artikelen-archive li { background: url(../img/arrow.png) no-repeat 0 5px; padding-left: 18px; margin-bottom: 0.5em; }
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination { padding: 10px; color: #CCC; float: right; }
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination span.disabled,
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination a,
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination a:visited,
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination a:link { display: inline-block; padding: 1px 8px; margin-right: 2px; border: 1px solid #CCC; color: #AAA; text-decoration: none; }
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination a:active,
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination a.current { background-color: #EEE; font-weight: bold; color: #000; }
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination a:hover { color: #000; }
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination span.disabled { border: 1px solid #eee; color: #ddd; }
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination a.previous { }
div.ArtikelenModule div.archiveAction div.artikelen-archive-pagination a.next { }

/* Snippet blocks */
div.block-top-odd { background: url(../img/block_top_odd.jpg) no-repeat; height: 10px; width: 220px; margin: 0 auto; }
div.block-body-odd { background: url(../img/block_body_odd.jpg) repeat-y; padding: 10px; width: 200px; margin: 0 auto; color: #1693D7; text-align: center;  cursor: pointer; }
/*div.block-body-odd h3 { margin-top: 0; margin-bottom: 0; }*/
div.block-bottom-odd { background: url(../img/block_bottom_odd.jpg) no-repeat; height: 10px; width: 220px; margin: 0 auto 10px auto; }

div.block-top-even { background: url(../img/block_top_even.jpg) no-repeat; height: 10px; width: 220px; margin: 0 auto; }
div.block-body-even { background: url(../img/block_body_even.jpg) repeat-y; padding: 10px; width: 200px; margin: 0 auto; text-align: center; cursor: pointer; }
div.block-body-even h4 { margin-top: 0; margin-bottom: 0; }
div.block-bottom-even { background: url(../img/block_bottom_even.jpg) no-repeat; height: 10px; width: 220px; margin: 0 auto 10px auto; }

.container a.blokje-grijs,
.container a.blokje-blauw { display: block; width: 200px; height: 119px; padding: 10px; text-align: center; text-decoration: none; margin-left: 5px; }
.container a.blokje-grijs { background: url(../img/blokje-grijs.png) no-repeat; }
.container a.blokje-blauw { background: url(../img/blokje-blauw.png) no-repeat; }

/* News block */
div.NewsModule div.top { height: 5px; width: 220px; margin-left: 5px; background: url(../img/background-nieuws-top.png) no-repeat; }
div.NewsModule div.middle { width: 180px; padding: 10px 20px; margin-left: 5px; background: url(../img/background-nieuws-middle.png) repeat-y; }
div.NewsModule div.bottom { height: 5px; width: 220px; margin: 0 0 20px 5px; background: url(../img/background-nieuws-bottom.png) no-repeat; }

div.NewsModule div.latestnewsAction div.middle ul.news-latestnews li { background-image: none; padding-left: 0; margin-bottom: 1em; }
div.NewsModule div.latestnewsAction div.middle ul.news-latestnews li span.news-latestnews-date { display: none; }
div.NewsModule div.middle a.news-latestnews-morenews { margin-bottom: 0; }

/* Steun ons pagina */
.container div.Blauw-blokje { background-color: #d8eff7; padding: 1em; border: none; margin: 1em 0; overflow: auto; }