/* Start of CMSMS style sheet 'Layout: images' */
.thumb_brochure {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumb_brochure.gif);
   background-repeat: no-repeat;
}

.thumb_brochure a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumb_brochure a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.thumbs1 {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumbs1.gif);
   background-repeat: no-repeat;
}

.thumbs1 a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumbs1 a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.thumbs2 {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumbs2.gif);
   background-repeat: no-repeat;
}

.thumbs2 a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumbs2 a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.thumbs3 {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumbs3.gif);
   background-repeat: no-repeat;
}

.thumbs3 a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumbs3 a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.thumbs4 {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumbs4.gif);
   background-repeat: no-repeat;
}

.thumbs4 a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumbs4 a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.img1 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img1.gif);
   background-repeat: no-repeat;
}

.img2 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img2.gif);
   background-repeat: no-repeat;
}

.img3 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img3.gif);
   background-repeat: no-repeat;
}

.img4 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img4.gif);
   background-repeat: no-repeat;
}

.img5 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img5.gif);
   background-repeat: no-repeat;
}

.img6 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img6.gif);
   background-repeat: no-repeat;
}

.img7 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img7.gif);
   background-repeat: no-repeat;
}
/* End of 'Layout: images' */

/* Start of CMSMS style sheet 'Calendar CSS example' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: silver;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* End of 'Calendar CSS example' */

/* Start of CMSMS style sheet 'Module: Tevreden nieuws' */
div.news {
   width: 190px;
   font-size: 0.9em;
   margin: 0px 0px 35px 0px;
   border: 1px solid #D7DCE7;
   background-color: #EFF1F7; 
   padding-bottom: 0.8em;
}

div.news h2 {
   font-size: 1.1em;
   margin: 0px 0px 10px 0px;
   color: #ffffff;
   padding-left: 0.8em;
   background-image: url(images/bar_bg.gif);
   background-repeat: repeat-x;
}

.news p {
    display: none;
    padding: 0.5em 0.5em 1em;
    margin: 0 0.5em 1em 0.5em;
}

div#feed {
float: right;
padding: 5px;
}

#main .NewsSummary {
margin: 0px 0px 10px 0px;
padding: 0px;
}

#main .NewsSummary p {
margin: 0px;
padding: 0px;
}


.NewsSummary {
    padding: 0em 0.5em 1em; /* padding for the news article summary */
    margin: 0em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #D7DCE7; 
}

.news .NewsSummary {
    padding: 0px 5px 0px 5px;
    margin: 0px;
    border: none;
}

.news .NewsSummary a {
    padding: 5px 10px 5px 20px;
    margin: 0px;
    background-image: url(images/arrow_small.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    border-bottom: 1px dashed #D7DCE7; 
    display: block;
    text-decoration: none;
}

.news .NewsSummary a:hover {
display: block;
   background-color: #FFFFFF;
}

.news .modulerssentry {
    font-weight: bold;
    padding: 8px 10px 10px 20px;
    margin-bottom: 5px;
    border: none;
    background-image: url(images/arrow_small.gif);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    border-bottom: 1px dashed #D7DCE7;
}

.news .modulerssentry a {
display: block;
    text-decoration: none;
}

.news .modulerssentry a:hover {
display: block;
   background-color: #FFFFFF;
}

.news .modulerssentry br {
display: none;
}

.NewsSummaryPostdate {
    display: none;
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
}

.NewsSummaryCategory {
  display: none;
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  display: none;
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.news .NewsSummarySummary, .NewsSummaryContent {
  display: none;
 }

.news .NewsSummaryMorelink {
  display: none;
}

.NewsSummaryMorelink {
  margin: 5px 0px 10px 0px;
  padding: 0px;
}

.news #NewsPostDetailDate {
  display: none;
}

#NewsPostDetailDate {
font-size: 0.8em;
margin: 0px 0px 10px 0px;
padding: 0px;
border: none;
  }

.newsPostDetailSummary {
   line-height: 150%;
   }

.newsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #D7DCE7;
}

.newsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

.newsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
.newsPostDetailTitle {}
.newsPostDetailHorizRule {}
.newsPostDetailPrintLink {}
.newsPostDetailReturnLink {}
*/
/* End of 'Module: Tevreden nieuws' */

/* Start of CMSMS style sheet 'Navigation: Tevreden' */
/* Start of CMSMS style sheet 'Navigation: Tevreden' */

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin: 0px;
font-size: 0.93em;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   /* background-color: #132a6a; */
   border-bottom: 1px solid #132a6a;
   padding: 2px 0px 0px 10px;
   background-image: url(images/bar_bg.gif);
   background-repeat: repeat-x;
   background-position: 0% 200%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;

}
#primary-nav ul {
   position: absolute;
   margin-top: 0px;
   top: auto;
   border: 2px solid #132A6A;
}

#primary-nav ul ul { 
   margin-top: -2px;
   left: 100%; 
   top: 0px;
   border: 2px solid #132A6A;
}
	
#primary-nav li {
font-weight: bold;
   margin-left: -1px;
   float: left;
   background-color: #ffffff;
}

#primary-nav li li {
font-weight: normal;
   margin-left: 0px;
   float: none; 
   position: relative;
   background-color: #ffffff;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 25px; 
   text-decoration: none; 
   color: #ffffff;
}
#primary-nav li a {
}

#primary-nav li a:hover {
   background-image: url(images/bar_bg2.gif);
   background-repeat: repeat-x;
   background-position: 0% 200%;
}

#primary-nav li ul a:hover {
   background-image: none;
}


#primary-nav li li a:hover {
   background-color: #e8ebf1;
}

#primary-nav li li a {
color: #132a6a;
}

#primary-nav li { 
   background-color: transparent;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 

}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/* End of 'Navigation: Tevreden' */
/* End of 'Navigation: Tevreden' */
/* End of 'Navigation: Tevreden' */


/* End of 'Navigation: Tevreden' */


/* End of 'Navigation: Tevreden' */

/* Start of CMSMS style sheet 'Layout: Contact formulier' */
#contact-area {
	margin-top: 20px;
}

#contact-area input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 20px;
	color: #132a6a;
	padding: 5px 0px 0px 5px;
	width: 400px;
	height: 20px;
	border: 1px solid #D7DCE7;
	background-image: url(images/form_bg.gif);
	background-repeat: repeat-x;
	background-color: #ebeef3;
}

#contact-area textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 20px;
	color: #132a6a;
	padding: 5px 0px 0px 5px;
	width: 400px;
	height: 90px;
	border: 1px solid #D7DCE7;
	background-image: url(images/form_bg.gif);
	background-repeat: repeat-x;
	background-color: #fefefe;
	background-position: bottom;
}

#contact-area select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #132a6a;
	border: 1px solid #D7DCE7;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #132A6A;
}

#contact-area input.submit-button {
	width: 71px;
	height: 19px;
	border: none;
	background: none;
	margin: 20px 0px 0px 95px;
}

#contact-area input.reset-button {
	width: 52px;
	height: 19px;
	border: none;
	background: none;
	margin: 20px 0px 0px 20px;
}

#contact-area label {
	float: left;
	text-align: left;
	padding: 5px 0px 0px 0px;
	width: 100px;
}

#contact-area .formcheckbox {
	float: left;
	width: 100%;
}

#contact-area .formcheckbox input {
	float: left;
	width: auto;
	margin: 0px 85px 0px 0px;
	padding: 0px;
	border: none;
	background-color: none;
}

.validation-advice {
	font-weight: bold;
	color: #132a6a;
	width: 400px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 20px 100px;
	background-color: #EFF1F7;
}

#contact-area  .captcha {
	float: left;
	padding: 0px 0px 0px 100px;
}

#contact-area  .captcha p {
	float: left;
	padding: 0px;

}

#contact-area  .captcha input {
	float: left;
	width: 200px;
	margin: -45px 0px 0px 40px;
}

.route {
	float: left;
	width: 100%;
	height: 30px;
	float: left;
	margin: 0px 0px 10px 0px;
}

#contact-area .routefield {
	float: left;
	width: 100px;
}

#contact-area input.route-button {
	float: left;
	width: 72px;
	height: 19px;
	border: none;
	background: none;
}
/* End of 'Layout: Contact formulier' */

/* Start of CMSMS style sheet 'Layout: Tevreden-video' */
#news {
display: none;
}


/* Start of CMSMS style sheet 'Layout: Tevreden' */

html {
overflow-y: scroll;
}

body {
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   line-height: 1.4em;
   margin: 0px;
   background-color: #eff1f7;
   color: #000000;
   background-image: url(images/body_bg.gif);
   background-repeat: repeat-x;
   background-position: top 50%;
}

img {
   border: 0;
}

iframe {
border: 2px solid #d7dce7;
}

a, a:link a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #132a6a; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #132a6a;
}

a:hover {
   text-decoration: none;
   color: #132a6a;
}

/*** top ***/

div#top {
margin: 0 auto;
width: 800px;
height: 100px;
border-left: 2px solid #132a6a;
border-right: 2px solid #132a6a;     
}

div#topleft {
float: left;
width: 30px;
margin-top: 40px;
height: 58px; 
}

div#toplogo {
float: left;
margin-top: 34px;
background-color: #ffffff;
}

div#topbuttons {
float: left;
font-size: 0.8em;
padding: 1px 0px 0px 248px;
margin-top: 40px;
height: 35px;
}

#topbuttons img {
display: inline;
padding-left: 10px;
margin: 0px 0px -5px 0px;
}

#topbuttons a, a:link a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #132a6a;
}

#topbuttons a:visited {
   text-decoration: none;
   background-color: inherit;
}

#topbuttons a:hover {
   text-decoration: underline;
   background-color: none;
}

div#search {
   float: right;
   padding-right: 15px;
   width: 207px;
   height: 80px;
   text-align: right;
}

#searchbox {
float: left;
padding-left: 20px;
}

#searchbox input {
color: #132a6a;
padding-left: 5px;
font-size: 1.1em;
width: 120px;
height: 15px;
border: 1px solid #bcc0c9;
background-image: url(images/search_bg.gif);
background-repeat: repeat-x;
}

#searchbox input:focus {
border: 2px solid #132a6a;
}

#search form {
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 0px;
}

.searchbutton {
font-weight: bold;
font-size: 10px !important;
color: #132a6a;
height: 20px;
padding: 0px;
background-color: #ffffff;
border: 1px solid #132a6a;
}

div#pagewrapper {
text-align: left;
width: 800px;
   border: 2px solid #132a6a;
   margin: 0 auto;
   background-color: #ffffff;
}

/*** header ***/

div#header {
height: 180px;
background-color: #ffffff;
}

div#header .movie {
height: 155px;
}

div#headerbottom {
float: left;
position: absolute;
margin-top: -25px;
width: 578px;
height: 25px;
border-bottom: 2px solid #132a6a;
}

div#headerright {
float: right;
position: relative;
display: inline;
margin-top: -40px;
width: 220px;
height: 40px;
   background-color: #ffffff;
   border-left: 2px solid #132a6a;
   border-top: 2px solid #132a6a;
}

div#main {
float: left;
width: 560px;
margin: 20px 0px 35px 0px;
padding-left: 20px;
clear: left;
}

div#sidebar {
   float: right;
position: relative;
display: inline;
margin-top: -63px;
padding: 14px;
   width: 190px;
background-color: #ffffff;
}

div#sidebarbuttons {
margin: 0;
padding: 0;
}

div#sidebarbuttons a {
display: block;
margin-bottom: 35px;
}

div#sidebarbuttons a img {
border: 1px solid #FFFFFF;
}

div#sidebarbuttons a:hover img {
border: 1px solid #132A6A;
}

div#footer {
   clear:both;
display: block;
height: 32px;
   color: #fff;
   background-color: #132a6a;
   background-image: url(images/bar_bg.gif);
   background-repeat: repeat-x;
   background-position: 0% 200%;
}

div#footerleft {
float: left;
margin-top: 6px;
width: 372px;
height: 20px;
border-right: 2px solid #ffffff;
border-top: 2px solid #ffffff;
}

div#footerright {
float: right;
width: 426px;
height: 26px;
border-bottom: 2px solid #ffffff;
}

div#footer p {
margin: 0px;
padding: 0px;
}

div#footer a {
color: #ffffff;
text-decoration: none;
}

div#footer a:hover {
color: #ffffff;
text-decoration: underline;
}

div#disclaimer {
float: right;
padding: 5px 15px 0px 0px;
}

/********************
CONTENT STYLING
*********************/


div#content {
}

/* HEADINGS */

h1 {
font-size: 1.1em;
line-height: 2em;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #132a6a; 
}

h3 {
font-size: 1.1em;
line-height: 2em;
padding: 0px;
color: #132a6a; 
}

.contentbutton a {
display: block;
float: left;
margin: 0px 18px 18px 0px;
border: 1px solid #FFFFFF;
}

.contentbutton a:hover {
display: block;
float: left;
border: 1px solid #132A6A;
}

/* END HEADINGS */

/* TEXT */
p {
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}


/* END TEXT */

/* LISTS */

div#main ul,
div#main ol,
div#main dl {
background-color: #EFF1F7;
list-style-type: square;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */
/* End of 'Layout: Tevreden' */

/* Start of CMSMS style sheet 'Navigation: Tevreden' */
/* Start of CMSMS style sheet 'Navigation: Tevreden' */
/* Start of CMSMS style sheet 'Navigation: Tevreden' */
/* Start of CMSMS style sheet 'Navigation: Tevreden' */
/* Start of CMSMS style sheet 'Navigation: Tevreden' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin: 0px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #132a6a;
   border-bottom: 1px solid #132a6a;
padding: 5px 5px 5px 20px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;

}
#primary-nav ul {
   position: absolute; 
   top: auto; 
   border: 2px solid #132A6A;
}

#primary-nav ul ul { 
   margin-top: 1px;
   left: 100%; 
   top: 0px;
   border: 2px solid #132A6A;
}
	
#primary-nav li {
font-weight: bold;
   margin-left: -1px;
   float: left;
   background-color: #ffffff; 
}
#primary-nav li li {
font-weight: normal;
   margin-left: 0px;
   float: none; 
   position: relative;
   background-color: #ffffff;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #ffffff;
}
#primary-nav li a {
}

#primary-nav li li a:hover {
   background-color: #e8ebf1;
}

#primary-nav li li a {
color: #132a6a;
}

#primary-nav li { 
   background-color: #132a6a;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 

}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth {
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/* End of 'Navigation: Tevreden' */
/* End of 'Navigation: Tevreden' */
/* End of 'Navigation: Tevreden' */


/* End of 'Navigation: Tevreden' */


/* End of 'Navigation: Tevreden' */

/* Start of CMSMS style sheet 'Module: Tevreden nieuws' */
div#news {
width: 209px;
font-size: 0.9em;
  border: 1px solid #bcc0c9;
   background-color: #ffffff;
}

div.news h2 {
color: #ffffff;
   padding-left: 0.8em;
   line-height: 2em;
   background-color: #132a6a;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc;
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Module: Tevreden nieuws' */


/*** Tevreden styles ***/

div.togglelist {
	padding: 5px;
	border: 1px solid #BCC0C9;
	margin-bottom: 10px;
}

div.togglelist a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.newsitems div {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #D7DCE7;
}

.newsitems b {
	display: block;
	margin-bottom: 5px;
}

div.quotes {
	width: 190px;
	min-height: 250px;
	height: auto;
	font-size: 0.9em;
	color: #132A6A;
	font-weight: bold;
	margin: 0px 0px 35px 0px;
	border: 1px solid #D7DCE7;
	background-color: #EFF1F7;
        background-image: url(images/quotes_bg.gif);
        background-repeat: no-repeat;
        background-position: 90% 90%;
}

* html div.quotes {
	height: 250px;
}

div.quotes div {
	padding: 5px;
}

div.quotes h2 {
   font-size: 1.1em;
   margin: 0px 0px 10px 0px;
   color: #ffffff;
   line-height: 2em;
   padding-left: 0.8em;
   background-image: url(images/bar_bg.gif);
   background-repeat: repeat-x;
   background-color: #132a6a;
}

.quotes p {
	margin: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.quotes a {
    padding: 5px 10px 5px 20px;
    margin: 10px 0px 0px 0px;
    display: block;
    text-decoration: none;
    background-image: url(images/arrow_small.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

.quotes a:hover {
    display: block;
    background-color: #FFFFFF;
}

/* End of 'Layout: Tevreden' */

/* Start of CMSMS style sheet 'Navigation: Tevreden' */
/* Start of CMSMS style sheet 'Navigation: Tevreden' */

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin: 0px;
font-size: 0.93em;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   /* background-color: #132a6a; */
   border-bottom: 1px solid #132a6a;
   padding: 2px 0px 0px 10px;
   background-image: url(images/bar_bg.gif);
   background-repeat: repeat-x;
   background-position: 0% 200%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;

}
#primary-nav ul {
   position: absolute;
   margin-top: 0px;
   top: auto;
   border: 2px solid #132A6A;
}

#primary-nav ul ul { 
   margin-top: -2px;
   left: 100%; 
   top: 0px;
   border: 2px solid #132A6A;
}
	
#primary-nav li {
font-weight: bold;
   margin-left: -1px;
   float: left;
   background-color: #ffffff;
}

#primary-nav li li {
font-weight: normal;
   margin-left: 0px;
   float: none; 
   position: relative;
   background-color: #ffffff;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 25px; 
   text-decoration: none; 
   color: #ffffff;
}
#primary-nav li a {
}

#primary-nav li a:hover {
   background-image: url(images/bar_bg2.gif);
   background-repeat: repeat-x;
   background-position: 0% 200%;
}

#primary-nav li ul a:hover {
   background-image: none;
}


#primary-nav li li a:hover {
   background-color: #e8ebf1;
}

#primary-nav li li a {
color: #132a6a;
}

#primary-nav li { 
   background-color: transparent;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 

}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/* End of 'Navigation: Tevreden' */
/* End of 'Navigation: Tevreden' */
/* End of 'Navigation: Tevreden' */


/* End of 'Navigation: Tevreden' */


/* End of 'Navigation: Tevreden' */

/* Start of CMSMS style sheet 'Module: Tevreden nieuws' */
div.news {
   width: 190px;
   font-size: 0.9em;
   margin: 0px 0px 35px 0px;
   border: 1px solid #D7DCE7;
   background-color: #EFF1F7; 
   padding-bottom: 0.8em;
}

div.news h2 {
   font-size: 1.1em;
   margin: 0px 0px 10px 0px;
   color: #ffffff;
   padding-left: 0.8em;
   background-image: url(images/bar_bg.gif);
   background-repeat: repeat-x;
}

.news p {
    display: none;
    padding: 0.5em 0.5em 1em;
    margin: 0 0.5em 1em 0.5em;
}

div#feed {
float: right;
padding: 5px;
}

#main .NewsSummary {
margin: 0px 0px 10px 0px;
padding: 0px;
}

#main .NewsSummary p {
margin: 0px;
padding: 0px;
}


.NewsSummary {
    padding: 0em 0.5em 1em; /* padding for the news article summary */
    margin: 0em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #D7DCE7; 
}

.news .NewsSummary {
    padding: 0px 5px 0px 5px;
    margin: 0px;
    border: none;
}

.news .NewsSummary a {
    padding: 5px 10px 5px 20px;
    margin: 0px;
    background-image: url(images/arrow_small.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    border-bottom: 1px dashed #D7DCE7; 
    display: block;
    text-decoration: none;
}

.news .NewsSummary a:hover {
display: block;
   background-color: #FFFFFF;
}

.news .modulerssentry {
    font-weight: bold;
    padding: 8px 10px 10px 20px;
    margin-bottom: 5px;
    border: none;
    background-image: url(images/arrow_small.gif);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    border-bottom: 1px dashed #D7DCE7;
}

.news .modulerssentry a {
display: block;
    text-decoration: none;
}

.news .modulerssentry a:hover {
display: block;
   background-color: #FFFFFF;
}

.news .modulerssentry br {
display: none;
}

.NewsSummaryPostdate {
    display: none;
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
}

.NewsSummaryCategory {
  display: none;
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  display: none;
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.news .NewsSummarySummary, .NewsSummaryContent {
  display: none;
 }

.news .NewsSummaryMorelink {
  display: none;
}

.NewsSummaryMorelink {
  margin: 5px 0px 10px 0px;
  padding: 0px;
}

.news #NewsPostDetailDate {
  display: none;
}

#NewsPostDetailDate {
font-size: 0.8em;
margin: 0px 0px 10px 0px;
padding: 0px;
border: none;
  }

.newsPostDetailSummary {
   line-height: 150%;
   }

.newsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #D7DCE7;
}

.newsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

.newsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
.newsPostDetailTitle {}
.newsPostDetailHorizRule {}
.newsPostDetailPrintLink {}
.newsPostDetailReturnLink {}
*/
/* End of 'Module: Tevreden nieuws' */

/* Start of CMSMS style sheet 'Header: Tevreden' */
div#header {  
	background-image: url(images/header_tevreden.jpg);
	background-repeat: no-repeat;
}
/* End of 'Header: Tevreden' */

/* Start of CMSMS style sheet 'Calendar CSS example' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: silver;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* End of 'Calendar CSS example' */

/* Start of CMSMS style sheet 'Layout: images' */
.thumb_brochure {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumb_brochure.gif);
   background-repeat: no-repeat;
}

.thumb_brochure a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumb_brochure a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.thumbs1 {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumbs1.gif);
   background-repeat: no-repeat;
}

.thumbs1 a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumbs1 a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.thumbs2 {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumbs2.gif);
   background-repeat: no-repeat;
}

.thumbs2 a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumbs2 a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.thumbs3 {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumbs3.gif);
   background-repeat: no-repeat;
}

.thumbs3 a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumbs3 a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.thumbs4 {
   display: block;
   height: 118px;
   margin: 0px;
   padding: 30px 0px 0px 82px;
   background-image: url(images/thumbs4.gif);
   background-repeat: no-repeat;
}

.thumbs4 a {
   float: left;
   width: 99px;
   height: 76px;
   margin: 0px 58px 0px 0px;
   padding: 0px;
   border: 1px solid #132A6A;
}

.thumbs4 a:hover {
   opacity: .8;
   filter: alpha(opacity=80);
   background-image: url(images/thumbs_zoom.gif);
   background-repeat: no-repeat;
   border: 1px solid #FFFFFF;
}

.img1 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img1.gif);
   background-repeat: no-repeat;
}

.img2 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img2.gif);
   background-repeat: no-repeat;
}

.img3 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img3.gif);
   background-repeat: no-repeat;
}

.img4 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img4.gif);
   background-repeat: no-repeat;
}

.img5 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img5.gif);
   background-repeat: no-repeat;
}

.img6 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img6.gif);
   background-repeat: no-repeat;
}

.img7 {
   margin: 0px;
   padding: 10px 220px 1.5em 0px;
   background-image: url(images/img7.gif);
   background-repeat: no-repeat;
}
/* End of 'Layout: images' */

/* Start of CMSMS style sheet 'Scriptaculous: LightWindow' */
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	background-color: #FFFFFF;
	opacity: .8;
	filter: alpha(opacity=80);
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border: 2px solid #132a6a;
		z-index: 500;
		background-color: #FFFFFF;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #FFFFFF;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #132A6A;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(images/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(images/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #132A6A;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #132A6A;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		/* background: url(images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent; */
	}

	#lightwindow_galleries_tab .down {
		/* background: url(images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent; */
	}

	#lightwindow_galleries_list {
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #132A6A;
		border-left: 3px solid #132A6A;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		background-color: #ffffff;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 0px;
		color: #132A6A;
		line-height: 15px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #FFFFFF;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #132A6A;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-decoration: none;
		text-align: right;		
		cursor: pointer;
		color: #132A6A;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #132A6A;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

#closebutton {
	margin: 5px 5px 0px 5px;
}
/* End of 'Scriptaculous: LightWindow' */

/* Start of CMSMS style sheet 'Layout: Contact formulier' */
#contact-area {
	margin-top: 20px;
}

#contact-area input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 20px;
	color: #132a6a;
	padding: 5px 0px 0px 5px;
	width: 400px;
	height: 20px;
	border: 1px solid #D7DCE7;
	background-image: url(images/form_bg.gif);
	background-repeat: repeat-x;
	background-color: #ebeef3;
}

#contact-area textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 20px;
	color: #132a6a;
	padding: 5px 0px 0px 5px;
	width: 400px;
	height: 90px;
	border: 1px solid #D7DCE7;
	background-image: url(images/form_bg.gif);
	background-repeat: repeat-x;
	background-color: #fefefe;
	background-position: bottom;
}

#contact-area select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #132a6a;
	border: 1px solid #D7DCE7;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #132A6A;
}

#contact-area input.submit-button {
	width: 71px;
	height: 19px;
	border: none;
	background: none;
	margin: 20px 0px 0px 95px;
}

#contact-area input.reset-button {
	width: 52px;
	height: 19px;
	border: none;
	background: none;
	margin: 20px 0px 0px 20px;
}

#contact-area label {
	float: left;
	text-align: left;
	padding: 5px 0px 0px 0px;
	width: 100px;
}

#contact-area .formcheckbox {
	float: left;
	width: 100%;
}

#contact-area .formcheckbox input {
	float: left;
	width: auto;
	margin: 0px 85px 0px 0px;
	padding: 0px;
	border: none;
	background-color: none;
}

.validation-advice {
	font-weight: bold;
	color: #132a6a;
	width: 400px;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 20px 100px;
	background-color: #EFF1F7;
}

#contact-area  .captcha {
	float: left;
	padding: 0px 0px 0px 100px;
}

#contact-area  .captcha p {
	float: left;
	padding: 0px;

}

#contact-area  .captcha input {
	float: left;
	width: 200px;
	margin: -45px 0px 0px 40px;
}
/* End of 'Layout: Contact formulier' */


/* End of 'Layout: Tevreden-video' */

/* Start of CMSMS style sheet 'Header: video' */
div#header {  
	background-image: url(images/header_video.jpg);
	background-repeat: no-repeat;
}
/* End of 'Header: video' */

