/* Start of CMSMS style sheet 'WPDV_sept2009' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

* {
padding:0;
font-family: Arial, Helvetica, sans-serif;
}

html {
background:#ffffff;
font-size:12px;
color:#333333;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*****************
Good Looking Tooltip
*****************/
.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 230px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: url(uploads/images/images/bg_rechts.gif);
	margin: 0;
	padding: 0.5em;
}

.glt-elm img{
	display: block;
}
/******************
Einde GLT
*****************/

/******************
start JQuery
*****************/
 div#hidden {
 display: none
}
button#in {
background: url(uploads/images/images/inklappen.gif)no-repeat;
width:93px;
height:12px;
border:none;
cursor:pointer;
margin-right:20px;
}
button#uit {
background: url(uploads/images/images/uitklappen.gif)no-repeat;
width:93px;
height:12px;
border:none;
float:right;
cursor:pointer;
margin-right:20px;
}
/******************
start JQuery
*****************/

/*****************
basic layout 
*****************/
body {
margin:0px;
padding:0px;
}

/* header & title */

div#rand_boven{
background: url(uploads/images/images/rand_boven.gif) repeat-x;
height: 21px;
padding:0px;
margin:0px;
}

div#header {
background: url(uploads/images/images/bg_wrapper.gif) repeat-x;
height: 200px;
text-align:center;
font-family: Arial; 
font-weight: bolder;
font-size: 16px;
color:#ffffff;
}

div#header img{
background:transparent;

margin:3px auto;
}

div#header H1 {
text-align:right;

font-weight: bold;
font-size: 26px;
color:#ffffff;
padding-top:15px;
}

div#rand_onder {
background: url(uploads/images/images/rand.gif) repeat-x;
height: 21px;
padding:0px;
margin:0px;
}

/* center wrapper, min max width */
div#pagewrapper {
margin:0px auto 20px auto;
}

p,code,ul {padding-bottom: 1.2em;}

li {
list-style: none;
}


/* set all links to have underline and bluish color */
a {color: #048;}
a:hover {color: #06C;}


code {
	background: #FFF;
	border: 1px solid #dfdfdf;
	border-left: 6px solid #dfdfdf;
	color: #666;
	display: block;
	font: normal 1em;
	line-height: 1.6em;
	margin: 12px;
	padding: 8px 10px;
	white-space: pre;
}

H4#blockquote{
	background: url(uploads/images/images/header_blockquote.gif) no-repeat;
	color:#6666cc;
        line-height:50px;
	font-weight: bold;
	padding-left: 45px;
	margin:0px 0px 0px 40px;
}

blockquote {
	background: url(uploads/images/images/body_blockquote.gif) repeat-y;
        display: block;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;

font-weight: bold;
color:#6666cc;
	padding-left: 45px;
	margin:0px 0px 0px 40px;
}

div#footer_blockquote {
	background: url(uploads/images/images/footer_blockquote.gif) no-repeat;
font-size:10px;
	display: block;
        line-height:50px;
	padding-right: 75px;
	margin:0px 0px 0px 40px;
}
/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}


/* position for the search box */
   div#search {
   width: 1em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div#content {
background: #ffffff;
width:920px;
margin:0px  auto;
}

div#links {
  /*  margin-right: 235px; this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
background: url(uploads/images/images/bg_links.gif);
width:655px;
margin-top:2px;
margin-left:14px;
float:left;
}

div#links H2 {
font-size:18px;
font-weight:bold;
padding:10px 10px;
background: url(uploads/images/images/bg_linksH2.gif) no-repeat;
height:28px;
margin-top:0px;
}

div#links H3 {
font-family: Arial;
font-size:13px;
font-weight:bold;
padding:10px 10px;
height:24px;
margin-top:0px;
}

div#links p{
margin-left:25px;
padding-left:15px;
}

div#footer_links {
background: url(uploads/images/images/bg_links_footer.gif) no-repeat right bottom;
height:36px;
margin-top:0px;
text-align:center;
}


div#hr {
background: url(uploads/images/images/hr.gif) no-repeat;
height:8px;
margin: 0px 20px;
}

div#rechts {
background:#ffffff;
width:230px;
margin-top:2px;
margin-right:13px;
float:right;
   display: inline;  /* FIX IE double margin bug */
}

div#r_alinea1, div#r_alinea2, div#r_alinea3 {
background: url(uploads/images/images/bg_rechts.gif);
color:#666666;
}

div#rechts H2 {
background: url(uploads/images/images/bg_rechtsH2.gif) no-repeat;
font-family: Arial;
font-size:18px;
font-weight:bold;
color:#333333;
padding:3px 20px;
height:40px;
margin:0px;
}

div#rechts H3 {
background: inherit;
font-family: Arial;
font-size:18px;
font-weight:bolder;
color:#333333;
padding:3px 20px 3px 10px;
margin-top:-20px;
}

div#rechts p{
margin-left:25px;
}

div#footer_rechts {
background: url(uploads/images/images/bg_rechts_footer.gif) no-repeat right bottom;
height:38px;
padding:0px 25px;
margin-top:0px;
margin-bottom:4px;
}

div#imageVP {
margin-top:-125px;
margin-left:25px;
float:right;
position:absolute;
z-index:1;
}

div#image {
margin-left:5px;
margin-right:25px;
padding-top:15px;
padding-bottom:15px;
border-bottom:1px solid #CCCCCC;
}

#link a {
background: url(uploads/images/images/button_link.gif) no-repeat;
padding:7px 60px 7px 20px;
margin:10px 0px;
color:#000066;
text-decoration:none;
}

#link a:hover{
background: url(uploads/images/images/button_link_hover.gif) no-repeat;
padding:7px 60px 7px 20px;
color:#333333;
text-decoration:none;
}

div#border {
width:890px;
height:2px;
margin:-2px auto;
        border-top:1px solid #666666;
}

legend {
color:#000066;
padding:0 20px;
}

fieldset {
color:#000033;
margin:  0px 20px;
border:2px groove #000099;
}

/* form */

#m3moduleform_1 {
width:200px;
margin-top:-40px;
margin-left:25px;
position:relative;
z-index:2;
}

input#m3searchinput{ 
        width:170px;
        height:22px;
        background:#fff url(uploads/images/images/input.png) no-repeat;
	color: #000066; 
	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
        font-weight:bolder;
        padding:4px; 
margin-top:-4px;
        border:none;
	}

form#m3moduleform_1 input#submit{
        width:114px;
        height:28px;
       background:#fff url(uploads/images/images/submitbutton.gif)no-repeat;
       	color: #000066; 
	font: 10px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
        font-weight:bolder;
margin-top:5px;
margin-left:2px;
padding-bottom:10px;
        border:none;
}

/************zoekresultaten ***************/

ul#resultaten {
margin-left:25px;
margin-right:25px;
}
ul#resultaten li {
background:#ffffff;
border:1px solid #cccccc;
padding:10px;
margin-bottom:1px;
}
ul#resultaten li span#titel {
width:350px;
float:left;
}
ul#resultaten li span#entry a{
width:135px;
float:left;
}

/************einde zoekresultaten ***************/

label { 
	background: transparent; 
	color: #000099; 
       font-weight:bolder;
	display: block; 
	font-size: 12px; 
	}

label span { 
	background: transparent; 
	color: #999500; 
	font-size: .8em; 
	text-transform: uppercase; 
	}

//input, textarea, select { 
        width:136px;
        height:21px;
        background: url(uploads/images/images/input.gif);
	color: #ffffff; 
	font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; 
 
	}

#contactform table{ border: 4px solid #fff;
	width: 450px;
	margin-bottom: 20px;
	}

#contactform table td {
	padding: 5px 10px 5px 10px;
	}

#contactform-name, #contactform-email, #contactform-subject, #contactform-message { 
width: 210px; 
}

#contactform-subject, #contactform-message { 
width: 450px; 
}

#contactform-message { 
height: 140px; 
}



.ad {height:175px;
	background: #FFF;
	border: 1px solid #dfdfdf;
	border-left: 6px solid #dfdfdf;
		display: block;
	color: #666;
	font: normal 1em Tahoma,sans-serif;
	line-height: 0.8em;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   border-bottom: 4px solid #FFF;
   color:#FFF;
   padding-bottom:4px;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
   margin-top:30px;
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
   margin-top:30px;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */

/* h4 is de error voor het formulier */
h4 {color:#000033;
margin-left:50px;
}

h6 {
   color: #888888; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {color:#888888;
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: Verdana,sans-serif;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {color:#888888;
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

/* END LISTS */

#submit { background: url(uploads/images/form_verzenden.gif);
border: none; 
margin: 0; 
padding: 5px; 
}

fieldset {
	display: block;
	font-weight: bold;
	padding-left: 28px;
        padding_bottom:15px;
}


/* formulier settings */

table.feedbacktable {
margin-left:40px;
}

td.required {
width:150px;
padding-right:15px;
}

div.verplicht {
color:#000033;
font-style:italic;
font-size:10px;
margin:-5px 0px 5px 0px;
}

input#m5ffnaam, input#m5ffemail_adres, input#m5ffonderwerp {
background: url(uploads/images/images/inputm5.gif) no-repeat;
font-weight: bold;
font-style:italic;
width:250px;
height:25px;
padding:4px 20px;
border:none;
}

textarea.user {
background: url(uploads/images/images/bericht.gif) no-repeat left top;
width:402px;
padding:4px 0px 0px 40px;
border:none;
}
/*Kalender settings*/
div.calendar-event {
background-color: #ffffff;
font: bold 0.9em Verdana,sans-serif;
border-top: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-right: 2px solid #dfdfdf;
border-bottom: 2px solid #dfdfdf;
margin-top: 10px;
padding-left: 10px;
padding-bottom: 5px;
}

calendar#image{_height:125px; min-height:125px;
	width:95%; display:block; 
	margin:10px 0 10px 0; padding:10px;
border-bottom: 1px solid #dfdfdf;
	}

div #image a img{ 
	 padding:0 10px 0 10px;
	}

div.calendar-event div.h2head{
	color: #555555; 
	font: bolder 1.6em Verdana,sans-serif; 
	text-align: left; 
	border-bottom: 1px solid #dfdfdf;
        padding-bottom:5px;
margin-bottom: 10px;
}

div.calendar-event h1{
	color: #555555; 
	font: bolder 1.6em Verdana,sans-serif; 
	text-align: left; 
	border-bottom: 1px solid #dfdfdf;
        padding-bottom:5px;
margin-bottom: 10px;
}
/* End of 'WPDV_sept2009' */

/* Start of CMSMS style sheet 'Module: News' */
div#news {
  margin: 2px;  /* margin for the entire div surrounding the news list */ 
  background: inherit; 
border:none;
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding:2px 12px; /* padding for the news article summary */
    margin: 2px; /* margin to the bottom of the news article summary */
}

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

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.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;
}

h3#NewsPostDetailTitle {
  color:#000099;
margin:0px 20px;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 2px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
margin-left:20px;
   }

#NewsPostDetailCategory {
  font-size:11px;
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-left:7px;
margin-right:20px;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-left:20px;
  margin-bottom: 5px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {
  font-size:11px;
  margin-left:7px;
  padding-bottom: 1.5em;
  font-style: italic;
}

#NewsPostDetailHorizRule {margin: 0px 20px 10px 7px;}
#NewsPostDetailPrintLink {float:right; margin-right:40px;}
#NewsPostDetailReturnLink {float:right; margin-right:40px;}
/* to add specific style to the below divs, uncomment them. */

/* 


*/
/* End of 'Module: News' */

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

#menu_vert {
background:inherit;
margin-top:-23px;
padding:3px 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: inherit;
width:914px;
margin:  auto;
padding:0px;

}

/* 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-left: 15px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   width: 110px; 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 2px 10px; 
   text-decoration: none; 
   color: #006699;
}
#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
}
#primary-nav li li a { 
background: #ffccff url(uploads/images/images/nav_ullili_a.gif);
   background-repeat: no-repeat; 
   border: 1px solid #C0C0C0;
}	
#primary-nav li li a:hover { 
background: #ffffff url(uploads/images/images/nav_ullili.gif);
   background-position: center left; 
   background-repeat: no-repeat; 
   border: 1px solid #C0C0C0;
}

#primary-nav li, #primary-nav li.menuparent {
   background: inherit; 
}


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

#primary-nav li.menuactive { 
   background-color: #C7C7C7; 
}


/* 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 
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; */
}


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

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


/* 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 'WPDV_sept2009: CSSMenu - Horizontal' */

/* Start of CMSMS style sheet 'youtube' */
/* breedte van youtube appl. aanpassen */
div#videosc {
margin: 0px 40px;
}

/* text color settings */

/* primary colors */
.app_gsvsc {                                                    color : #0000cc; }
.search-form-complete_gsvsc div.search-form-save_gsvsc {        color : #0000cc; }
div.search-form-save_gsvsc {                                    color : #e0e0e0; }
div.edit-tag_gsvsc {                                            color : #7777cc; }
.footerBox_gsvsc a {                                            color : #7777cc; }
.playerBox_gsvsc a.title_gsvsc {                                color : #7777cc; }
div.more_gsvsc:hover {                                          color : #0000cc; }

/* selected tag */
div.tag-selected_gsvsc {                                        color : #000000; }

/* hover colors */
div.tag-control_gsvsc:hover {                                   color : #7777cc; }

/* secondary colors */
div.tag-control_gsvsc {                                         color : #676767; }
.searchForm_gsvsc {                                             color : #676767; }
.searchForm_gsvsc input.gsc-input {                             color : #676767; }
.search-form-input_gsvsc {                                      color : #676767; }
div.edit-form-submit-box_gsvsc {                                color : #676767; }

/* image border color */
.results_gsvsc div.video-result_gsvsc {                  border-color : #0000cc; }

.app_gsvsc td {
  vertical-align : top;
  border : none;
}

div.tag-control_gsvsc {
  display : inline;
  font-size : 11px;
  cursor : pointer;
  margin-right : 8px;
}

div.more_gsvsc {
  display : inline;
  cursor : pointer;
  margin-right : 8px;
  text-decoration : underline;
}

div.tag-control_gsvsc:hover {
  text-decoration : underline;
}

td.tag-control_gsvsc  {
  padding-top : 2px;
}

td.tag-control_gsvsc div.tag-control_gsvsc {
  font-size : 13px;
  cursor : pointer;
  margin-right : 8px;
  font-weight : 400;
}


/*
 * visibility states of the more
 * - edit visible while reading
 * - edit invisible while playing
 * - more invisible unles playing
 */
.reading_gsvsc .more_gsvsc,
.editing_gsvsc .more_gsvsc,
.searching_gsvsc .more_gsvsc {
  display : none;
}

.playing_gsvsc .more_gsvsc {
  text-align : center;
  display : block;
}

/*
 * visibility states of the readBox
 * - visible while reading and searching and playing (default)
 * - none while editing
 */
.readBox_gsvsc {
  display : block;
}
.editing_gsvsc .readBox_gsvsc {
  display : none;
}

/*
 * visibility states of the editBox
 * - none while reading and searching
 * - visible while editing (default)
 */
.editBox_gsvsc {
  display : none;
}
.editing_gsvsc .editBox_gsvsc {
  display : block;
}

/*
 * visibility states of the tagStack
 * - visible while reading, searching
 * - none while playing
 */
.tagStack_gsvsc {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
}

.playing_gsvsc .tagStack_gsvsc {
  display : none;
}

/*
 * visibility states of the player
 * - visible while playing (default)
 * - none while all other times (default)
 */
.playerBox_gsvsc {
  display : none;
}

.playing_gsvsc .playerBox_gsvsc {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerBox_gsvsc .player_gsvsc {
  width : 480px;
  height : 380px;
}

.playerBox_gsvsc div.title_gsvsc {
  text-align : center;
  margin-top : 2px;
}

.playerBox_gsvsc a.title_gsvsc {
  text-decoration : underline;
}

/*
 * visibility states of the searchForm
 * - visible while reading, searching
 * - none while editing, playing
 */
.editing_gsvsc .searchForm_gsvsc,
.playing_gsvsc .searchForm_gsvsc {
  display : none;
}
.reading_gsvsc .searchForm_gsvsc,
.searching_gsvsc .searchForm_gsvsc {
  display : block;
}

/* search form controls */
.searchForm_gsvsc table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 50%;
  margin-bottom : 2px;
}

.searchForm_gsvsc table.gsc-search-box td {
  vertical-align : middle;
}

.searchForm_gsvsc td.gsc-search-button {
  width : 1%;
}

.searchForm_gsvsc td.gsc-clear-button {
  width : 14px;
}

.searchForm_gsvsc table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 50%;
}

.searchForm_gsvsc td.gsc-branding-text {
  vertical-align : top;
}

.searchForm_gsvsc td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : left;
  color : #676767;
  font-size : 11px;
  margin-left : 2px;
}

.searchForm_gsvsc td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

.searchForm_gsvsc td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

.searchForm_gsvsc div.gsc-branding-img,
.searchForm_gsvsc div.gsc-branding-img-noclear,
.searchForm_gsvsc img.gsc-branding-img,
.searchForm_gsvsc img.gsc-branding-img-noclear {
  padding-top : 1px;
}

.searchForm_gsvsc input.gsc-search-button {
  margin-left : 4px;
  cursor : pointer;
}

.searchForm_gsvsc input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  width : 99%;
}

.searchForm_gsvsc form {
  margin-top : 2px;
  margin-bottom : 2px;
}

div.search-form-save_gsvsc {
  font-size : 11px;
  text-align : left;
  cursor : pointer;
}

.search-form-complete_gsvsc div.search-form-save_gsvsc {
  text-decoration : underline;
}

/* edit form controls */
.editBox_gsvsc table {
  width : 100%;
  padding-top : 4px;
  padding-bottom : 4px;
  border : 1px solid #e0e0e0;
  border-spacing : 0px 0px;
}

.editBox_gsvsc tr {
  margin-top : 2px;
  margin-bottom : 2px;
}

.editBox_gsvsc tr.odd_gsvsc {
  background-color : #f9f9f9;
}

tr.edit-form-delete_gsvsc {
  display : none;
}

td.edit-form-input_gsvsc input {
  font-size : 11px;
  padding-left : 2px;
  margin-right : 4px;
  width : 50%;
}

div.edit-form-input-box_gsvsc {
  margin-left : 4px;
  margin-top : 2px;
  margin-bottom : 2px;
}

div.edit-form-submit-box_gsvsc {
  margin-top : 4px;
  text-align : left;
}

div.edit-form-submit-box_gsvsc input {
  font-size : 11px;
  margin-right : 6px;
}

/* footer */
.footerBox_gsvsc {
  clear : both;
  margin-top : 4px;
  margin-bottom : 0px;
  text-align : center;
}

.footerBox_gsvsc table {
  width : 100%;
}

.footerBox_gsvsc td.footer-link_gsvsc {
  text-align : right;
}

.footerBox_gsvsc td.footer-edit_gsvsc {
  text-align : left;
}

.footerBox_gsvsc a {
  font-size : 11px;
  cursor : pointer;
  text-decoration : underline;
}

/* visibility states
 * visible while reading,
 * invisible while playing, editing
 */

.searching_gsvsc div.edit-tag_gsvsc,
.reading_gsvsc div.edit-tag_gsvsc {
  display : block;
}

.editing_gsvsc div.edit-tag_gsvsc,
.playing_gsvsc div.edit-tag_gsvsc {
  display : none;
}

div.edit-tag_gsvsc {
  font-size : 11px;
  cursor : pointer;
  text-decoration : underline;
}


/* results */
.results_gsvsc {
  margin-left : 0px;
}

/* display states:
 * off while playing and editing, on everytime else
 */

.editing_gsvsc .results_gsvsc,
.playing_gsvsc .results_gsvsc {
  display : none;
}

.searching_gsvsc .results_gsvsc,
.reading_gsvsc .results_gsvsc {
  display : block;
}

.results_gsvsc div.video-result_gsvsc {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

.results_gsvsc div.video-result_gsvsc img {
  cursor : pointer;
}

.results_gsvsc table.video-result-table_gsvsc {
  width : 100%
}

.results_gsvsc table.video-result-table_gsvsc td {
  padding : 4px;
}

.results_gsvsc table.video-result-table_gsvsc-2 td {
  width : 50%;
}

.results_gsvsc table.video-result-table_gsvsc-2 td {
  width : 33%;
}

/* two column table, align right/left */
.results_gsvsc table.video-result-table_gsvsc-2 td.video-result-cell_gsvsc-0 div {
  float : right;
}
.results_gsvsc table.video-result-table_gsvsc-2 td.video-result-cell_gsvsc-1 div {
  float : left;
}

/* tiny results */
/* display states:
 * on while playing, off everytime else
 */
.playing_gsvsc .tiny-results_gsvsc {
  display : block;
}

.searching_gsvsc .tiny-results_gsvsc,
.editing_gsvsc .tiny-results_gsvsc,
.reading_gsvsc .tiny-results_gsvsc {
  display : none;
}

.tiny-results_gsvsc {
  margin-left : 0px;
}

.tiny-results_gsvsc div.tiny-video-result_gsvsc {
  border : 1px solid #0000cc;
  background-color : #000000;
  height : 41px;
  width : 54px;
  text-align : center;
}

.tiny-results_gsvsc div.tiny-video-result_gsvsc img {
  cursor : pointer;
}

.tiny-results_gsvsc table.video-result-table_gsvsc {
  width : 100%
}

.tiny-results_gsvsc table.video-result-table_gsvsc td {
  padding : 4px;
}

.results_gsvsc table.video-result-table_gsvsc-4 td {
  width : 25%;
}

.results_gsvsc table.video-result-table_gsvsc-6 td {
  width : 16%;
}

/* tags */
div.tag_gsvsc {
  display : inline;
  margin-right : 6px;
  cursor : pointer;
}
div.tag_gsvsc:hover {
  text-decoration : underline;
}

div.tag-selected_gsvsc {
  font-weight : bold;
}

div.tag-selected_gsvsc:hover {
  text-decoration : none;
}

div.tag_gsvsc-0 {
  font-size : 13px;
}

div.tag_gsvsc-1 {
  font-size : 13px;
}

div.tag_gsvsc-2 {
  font-size : 13px;
}


/* End of 'youtube' */

/* Start of CMSMS style sheet 'Album (voor standaard, ImageGallery en Thickbox sjablonen)' */
/*
Deze template is vereist als u gebruik maakt van default, ImageGallery of ThinkBox templates in de Album module.
Dit kan overschreven worden bij een upgrade of verwijderd worden bij het deinstalleren van de Album module. Best maakt u een koppie als u wijzigingen aanbrengt.
*/

/*
This template is needed if you use the default, Simple-Separate-Pages  ImageGallery, or Thickbox templates in the Album module.
This may be overwritten when the module is upgraded and it will be deleted when 
the module is uninstalled, so make a copy if you want to modify it.
*/

/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
}

/* Picture List UL */
.picturelist
{
	margin-left:20px;
	padding-left:10px;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:auto;
	margin:0 0.5em 0.5em 0;
    
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;

}

.thumb a
{
	display:block;
	height:80px; /*was 72px*/
/* Set link formatting*/
	width:110px; /*was 100px*/
/* Thumb width*/ 
	
/* Thumb height*/
	padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:white;
/*Background of thumb */
	border-top:1px solid #FF6666;
/* Borders of thumb frame */
	border-right:2px solid #660000;
	border-bottom:2px solid #660000;
	border-left:1px solid #660000;
	text-decoration:none;
}

.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}

.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smal;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

/*Thickbox CSS */
#TB_window {
  font: 14px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 12px Arial, Helvetica, sans-serif;
  color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: red;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;

}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
  height:25px;
  padding:3px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:10px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	border:none;
	clear:both;
}

#TB_closeWindow a, #TB_closeWindow a:link, #TB_closeWindow a:visited {
	color: #f6f7f0;
	background: #d40d0e;
	text-decoration: none;
	padding:2px 5px 2px 5px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#TB_closeWindow a:hover {
	background: red;
	color: white;
	text-decoration: none;
	padding:2px 5px 2px 5px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#TB_closeWindow a:active{
	color: #f6f7f0;
	background: #d40d0e;
	text-decoration: none;
	padding:2px 5px 2px 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

/* CSS for Lightbox follows */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #fff;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #330099;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #330099;
    border-top: 2px solid #330099;
}

.GB_header .inner {
    background-color: #fff;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 97%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #330099;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
color:#330099;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 1px solid #6633ff;
    border-top: none;
}

.GB_Window .header {
    border: 1px solid #6633ff;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #330099;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; color:#330099; }
.GB_Window .click { border-bottom: 1px solid red; }

/* End of 'Album (voor standaard, ImageGallery en Thickbox sjablonen)' */