/* CSS Document */

/* Let op: sommige properties zijn tijdelijk onklaar gemaakt door XXX ervoor te zetten. */
/* Let op: bovenaan staan alle selectors die voor VMZ zijn aangemaakt of aangepast. */

table.moduletable-topmenuhuisstijl {
  position: absolute;
  top: 95px;
  left: 9px;
  width: 1010px;
  display: block;
  padding-top: 0px;
  margin-top: 0px;
}

ul#mainlevel-topmenuhuisstijl
{
	display: block;
	padding-top: 0px;
	margin-top: 0px;
}

ul#mainlevel-topmenuhuisstijl a
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px;
    font-weight: 900;
    color: #00007e;
    position: relative;
    left: 50px;
    top: -28px;
}

ul#mainlevel-topmenuhuisstijl img
{
        vertical-align: middle;
}

ul#mainlevel-topmenuhuisstijl ul
{
	list-style-type: none;
	padding-top: 0px;		/* IE and FF by default indent ul, so cancel this. */
	margin-top: 0px;		/* IE and FF by default indent ul, so cancel this. */
	padding-left: 0px;		/* IE and FF by default indent ul, so cancel this. */
	margin-left: 0px;		/* IE and FF by default indent ul, so cancel this. */
}

ul#mainlevel-topmenuhuisstijl li
{
	float: left;
	width: 155px;
	height: 38px;
}


/*---------------------------------------------------*/
/* Code voor de banner etc. bovenaan de pagina       */
/*---------------------------------------------------*/

table.moduletable-banner {
  width: 100%;
}

table.moduletable-vmz75jaar {
  top: 0px;
  left: 0px;
  width: 100%;
  position: absolute;
}

table.moduletable-topmenu {
  position: absolute;
  top: 92px;
  left: 9px;
  width: 100%;
  display: block;
  padding-top: 0px;
  margin-top: 0px;
  border-color: black;
  border-style: dotted;
  border-width: 0px;
}

/*---------------------------------------------------*/
/* Code voor de hoofdonderdelen uit de HTML template */
/*---------------------------------------------------*/

#vmzbanner {
  height: 120px;
  margin-left: 9px;
  position: relative;   /* Positioning is neccesary for the 75 year logo to be positioned. */
}

#vmzleft {
        margin-left: 9px;
        width: 162px;
        padding-top: 25px;
        padding-left: 0px;
        background-position: left top;
        background-repeat: repeat;
	background: url(../images/menu_bg.gif);
}

#vmzcontent {
        margin-left: 20px;
        margin-right: 10px;
        padding-top: 25px;
        width: 96%;        /* Om één of andere reden is minder dan 100% dit nodig om ervoor te zorgen dat in IE en FF de content niet doorschuift tot onder het "vmzright" gedeelte. */
        border: 0px dotted grey;
}

#vmzright {
        width: 162px;
        padding-top: 25px;
        background-position: center center;
        background-repeat: no-repeat;
}

#vmzfooter {
        clear: both;
        border-top: 1px solid black;
}

body {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	height: 100%;
	line-height: 120%;
	font-size: 11px;
	color: #333333;
	XXXbackground: #ffffff;
        XXXbackground-color: #F7F0F0;
        XXXbackground-color: #EEF3F8;
        background-color: #F0F5FB;
}

/*-----------------------------------------*/
/* Code voor HTML tabellen                 */
/*-----------------------------------------*/

table
{
	border-collapse: collapse;
	font-size: 12px;
	border-width: 0px;
}

.vmzpagecontent th
{
	font-weight: bold;
	font-size: 14px;
	height: 12px;
	background-color: #A1BADB;
/*	background: url("images/background-cloud.jpg");*/
	padding: 2px 10px 2px 10px;
	text-align: left;
	border-collapse: collapse;
	border: 0px;
}

/*----------------------------------------*/
/* Code voor HTML headers                 */
/*----------------------------------------*/

h1
{
	margin: 0px 0px 25px 0px;
	font-size: 18px;
	color: #666666; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	padding-left: 2em;
	background-color: #E7E7E7;
        line-height: 22px;
}

h2
{
	color: #666666;
	font-size: 14px; 
	font-weight: 700;
}

h3
{
	font-size: 14px;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
	XXXbackground-color: #99011D;
	border: 0px dashed grey;
	XXXcolor: #FFFFFF;
	XXXtext-align: center;
        XXXbackground-position: left top;
        XXXbackground-repeat: repeat;
	XXXbackground: url(../images/menu_bg.gif);
        XXXbackground-color: #C0C5CB;
        XXXvertical-align: middle;
}

h3 img {
        vertical-align: middle;
}

h4
{
	padding: 5px 0px 5px 5px;
	font-size: 12px;
	background-color: #E7E7E7;
	color: #99011D;
}

a:link, a:visited {
	color: #c64934; text-decoration: none;
	XXXfont-weight: bold;
}

a:hover {
	color: #900;	text-decoration: none;
	XXXfont-weight: bold;
}

td {
	text-align: left;
	font-size: 11px;
        vertical-align: top;
}

/*------------------------------------------------------------------*/
/* Code voor de Site Modules                                        */
/* Iedere module bestaat grofweg gezien uit één tabel               */
/* Specifieke modules krijgen specifieke css door in Joomla         */
/* bij Modules >> Site Modules >> Module Class Suffix in te vullen. */
/*------------------------------------------------------------------*/

table.moduletable, table.moduletable-laatsteforumtopics, table.moduletable-prijzenkast {
	width: 100%;
        margin-bottom: 25px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
        background-color: #FFFFFF;
}

table.moduletable-hoofdmenu {
	width: 100%;
        margin-bottom: 15px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
        background-color: #FFFFFF;
        XXXborder-color: #99011D;
        border-color: black;
	border-width: 1px;
	border-style: solid;
}

table.moduletable-vmzfolder {
        padding: 0px;
        margin: 0px;
}

table.moduletable th, table.moduletable-hoofdmenu th, table.moduletable-prijzenkast th, table.moduletable-laatsteforumtopics th, div.moduletable h3 {
        XXXbackground-repeat: repeat-x;
        XXXbackground-position: center bottom;
	XXXcolor: white;
	XXXfont-size: 10px;
        XXXpadding-left: 10px;

	XXXbackground-image: url(../images/subhead_bg.png);
	XXXtext-align: left;
	XXXline-height: 21px;
	XXXtext-transform: uppercase;

	XXXbackground: url("../images/titlebar_bg.gif") repeat left top;
        background-color: black;
	color: white;
	font-size: 10px;
	text-align: center;
        line-height: 17px;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 5px;
}

.wrapper-laatsteforumtopics, .wrapper-vmzfolder, .body-laatsteforumtopics {
        padding-left: 0px;
        margin-left: 0px;
}

.body-laatsteforumtopics, .body-prijzenkast {
	background-color: white;
	font-size: 9px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.laatsteforumtopics ul {
	list-style-type: disc;
	padding-top: 10px;
	padding-left: 20px;
	height: 113px;
}

/*----------------------------------------------------*/
/* Code voor het hoofdmenu                            */
/* Dit is een "Flat list" (<UL>)                      */
/*----------------------------------------------------*/

ul#mainlevel-hoofdmenu
{
	background-color: #F2F2F2;
	background: url("images/menu_bg.gif") repeat left top;
}

ul#mainlevel-hoofdmenu table
{
	background-color: #FFFFFF;
        border-color: #99011D;
	border-width: 1px;
	border-style: solid;
}

ul#mainlevel-hoofdmenu table th
{
	background: url("images/titlebar_bg.gif") repeat left top;
	color: white;
	font-size: 10px;
	text-align: center;
}

ul#mainlevel-hoofdmenu a
{
	text-decoration: none;
}
ul#mainlevel-hoofdmenu
{
	list-style-type: none;
	padding: 0;
	margin: 0.5em;
	width: 11em;
}
ul#mainlevel-hoofdmenu li 
{
	background: white;
	margin: 0.5em 0;
	padding: 0.25em;
	border-left: 1em solid #A1BADB;
	font-size: 12px;
}

ul#mainlevel-hoofdmenu li a:hover 
{
  color: #A1BADB;
}



/*----------------------------------------------------*/
/* Alternatieve code voor het hoofdmenu               */
/* Dit is een "Flat list" (<UL>)                      */
/*----------------------------------------------------*/
ul#mainlevel-menu2
{
	list-style-type: none;
	XXXpadding: 0;
	margin-top: 0em;
	XXXmargin-left: 0.5em;
	XXXmargin-right: 0.5em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	XXXwidth: 11em;
	background-color: #FFFFFF;
        XXXborder-color: #99011D;
        border-color: #BEBEBE;
	border-width: 1px;
	border-style: solid;
}

ul#mainlevel-menu2 a
{
	text-decoration: none;
        font-weight: bold;
        color: #4D4D4D;
        margin-left: 5px;
}

ul#mainlevel-menu2 img
{
        vertical-align: middle;
}

ul#mainlevel-menu2 li 
{
	XXXbackground: white;
	margin-top: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	XXXpadding-top: 0.25em;
	XXXpadding-left: 0.25em;
	padding-right: 0.25em;
	XXXpadding-bottom: 0.25em;
	XXXborder-left: 1em solid #A1BADB;
	XXXborder-left: 1em solid #4D4D4D;
	font-size: 11px;
}

ul#mainlevel-menu2 li a:hover 
{
  color: #A1BADB;
}

/*----------------------------------------------------*/
/* Code voor het topmenu                              */
/* Dit is een "Flat list" (<UL>)                      */
/*----------------------------------------------------*/
ul#mainlevel-topmenu
{
	XXXposition: absolute;
	XXXtop: 92px;
	XXXleft: 9px;
	display: block;
	padding-top: 0px;
	margin-top: 0px;
	border-color: black;
	border-style: dotted;
	border-width: 0px;
}

ul#mainlevel-topmenu a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
        margin-left: 0px;
        padding-left: 0px;
}

ul#mainlevel-topmenu img
{
        vertical-align: middle;
}

ul#mainlevel-topmenu ul
{
	list-style-type: none;
	padding-top: 0px;		/* IE and FF by default indent ul, so cancel this. */
	margin-top: 0px;		/* IE and FF by default indent ul, so cancel this. */
	padding-left: 0px;		/* IE and FF by default indent ul, so cancel this. */
	margin-left: 0px;		/* IE and FF by default indent ul, so cancel this. */
}

ul#mainlevel-topmenu li
{
	float: left;
	width: 125px;
	height: 38px;
	border-color: red;
	border-style: solid;
	border-width: 0px;
        background-image: url(../images/menubullet_background.gif);
        background-repeat: no-repeat;
        background-position: center right;
}

/* Hieronder staat de rotzooi uit de originele template. */
/* Hieronder staat de rotzooi uit de originele template. */
/* Hieronder staat de rotzooi uit de originele template. */
/* Hieronder staat de rotzooi uit de originele template. */
/* Hieronder staat de rotzooi uit de originele template. */

li
{
line-height: 15px;
XXXpadding-left: 15px;
padding-top: 0px;
XXXbackground-image: url(../images/arrow.png);
XXXbackground-repeat: no-repeat;
XXXbackground-position: 0px 2px;
}

.clr {
	clear: both;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
	padding: 2px;
}

#buttons_outer {
	width: 635px;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;

}

#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px !important;
	height: 23px;
}

#pathway_text {
  overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #c64934;
}

#search_outer {
	float: left;
	width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}

#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 635px;
	height: 120px;
	background: url(../../../../images/Banner2.jpg) no-repeat;
}

#top_outer{
	float: left;
	width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
	margin-top: 2px;
	width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	/** border: 1px solid #cccccc; **/
	float: left;
	width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}


#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}


.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

/* Joomla core stuff */
table.contentpaneopen {
        width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
        padding-right: 5px;
        font-size: 12px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}



table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;

}

.contentcolumn {
	padding-right: 5px;
}

/*----------------------------------------------------*/
/* Code voor titels van content items                 */
/*----------------------------------------------------*/
.contentpagetitle, .contentheading {
	font-size: 13px;
	font-weight: bold;
	color: #666666 !important;
        text-align:left;
}

.contentheading {
	height: 30px;
	XXXcolor: #c64934;
	XXXfont-weight: bold;
	font-size: 14px;        /* Overschrijf de font-size van de definitie hierboven */
	XXXwhite-space: nowrap;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}