/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/***********************************MAIN.CSS***********************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

body 
{
	width:100%;
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Verdana, Tahoma;
	color:#5b5b5b;
	background:none !important;
}

p
{
    margin-bottom:5px;
}

ul{
	list-style-position:outside;
	list-style-type:circle;
	margin-left: 20px; 
}

ol{
	list-style-type:circle;
	list-style-position:outside;
	margin-left: 20px; 
}

li{
	margin-bottom:3px;
	margin-top:2px;
}
	
img
{
	border:0px;
}

a:link
{
	color:#8BA02B;
	text-decoration:none;
}

a:visited
{
	color:#8BA02B;
	text-decoration:none;
}

a:active
{
	color:#8BA02B;
	text-decoration:none;
}

a:hover
{
	color:#616f22;
	text-decoration:underline;
}

/*foundations*/

#maincontainer{
	position:relative;
	text-align:left;
}

#bottomshadow
{
    display:none;
}

#topshadow{
	display:none;
}

#header
{
    display:none;
}

#copyright
{
    display:none;
}

#browsecheck
{
    display:none;
}

/*Header*/

#headerright{
	display:none;
}

#homeknop{
	display:none;
}

/*menu*/

#hoofdmenu
{
   display:none;
}

/*Trefwoorden*/

#hoofdmenutrefwoorden
{
    display:none;
}

/*submenu*/

#hoofdmenusubmenu
{
    display:none;
}

/*Hoofdmenu*/

#hoofdmenumenu
{
    display:none;
}

/*Content*/

#content{
	position:relative;
	float:left;
	height:auto;
	width:784px;
	padding-top:60px;
	padding-bottom:50px;
	margin-left:30px;
}

/*Menu - links*/

#menulinks{
	display:none;
}
                        
#indekijker{
	display:none;
}    

#tblAccountdiv
{
    display:none;
}

/*blikvangercontentpanel*/

#BlikvangerContent
{
    position:relative;
    float:left;
    width:484px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
}

#BlikvangerSnelReserverenContent
{
    position: relative;
    float:left;
    width:484px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
}

/*Panels*/

.PanelTop
{
   position:relative;
   float:left;
   width:100%;
   height:12px;
   background-color:#f3f3f3;
}

.lb
{
   position:absolute;
   left:0px;
   width:12px;
   height:12px;
   background-image:url(../lb.gif);
   background-position:top left;
   background-repeat:no-repeat;
}

.rb
{
   position:absolute;
   right:0px;
   width:12px;
   height:12px;
   background-image:url(../rb.gif);
   background-position:top left;
   background-repeat:no-repeat;
}

.PanelContent
{
    position:relative;
    float:left;
    width:100%;
    height:100%;
    background-color:#f3f3f3;
    text-align:left;
}

.PanelBottom
{
   position:relative;
   float:left;
   width:100%;
   height:12px;
   background-color:#f3f3f3;
}

.lo
{
   position:absolute;
   left:0px;
   width:12px;
   height:12px;
   background-image:url(../lo.gif);
   background-position:top left;
   background-repeat:no-repeat;
}

.ro
{
   position:absolute;
   right:0px;
   width:12px;
   height:12px;
   background-image:url(../ro.gif);
   background-position:top left;
   background-repeat:no-repeat;
}

/*LoginPanel*/

#Login
{
    display:none;
}

/*Forms*/

.FormField
{   
    background-color:#FFFFFF;
    border:solid 1px #8BA02B;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#5b5b5b;
    width:150px;
    margin-bottom:5px;
}

.FormButton
{   
    height:18px;
    text-align:right;
    background-color:#FFFFFF;
    border:solid 1px #8BA02B;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#5d6c1a;
    text-align:center;
    background-image:url(../buttonbg.gif);
    background-position:top left;
    background-repeat:repeat-x;
}

.FormFieldError
{
	width:300px;
	background: #BBA6A9;
	border-style: solid;
	border-width: 1px;
	border-color: #8BA02B;
	color: #5b5b5b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
}

/*Contact*/

/*Contactform*/

.ContactFormFieldLabel
{
    position:relative;
    float:left;
    width:100px;
}
.ContactFormField
{
    position:relative;
    float:left;
    background-color:#FFFFFF;
    border:solid 1px #8BA02B;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#5b5b5b;
    width:150px;
    margin-bottom:5px;
    margin-right:120px;
}

.ContactFormFieldError
{
    position:relative;
    float:left;
    background-color:#FFFFFF;
    border:solid 1px red;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#5b5b5b;
    width:150px;
    margin-bottom:5px;
    margin-right:120px;
}

#ContactButtonDiv
{
    position:relative;
    float:left;
    width:100%;
    text-align:center;
}

#DankuTitle
{
    font-size:11pt;
    color:#8BA02B;
    width:100%;
    text-align:center;
}

#DankuDiv
{
   position:relative;
   width:50%;
   margin-top:50px;
   margin-left:auto;
   margin-right:auto;
   border:solid 1px gray;
   padding:5px;
}

/*Page.aspx*/

#ContentContainer
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
    display:block;
    visibility:visible;
}

#PageContent
{
    position: relative;
    float:left;
    width:auto;
    height:auto;
    display:none !important;
}

#PrintDiv
{
    position:absolute;
    top:0px;
    left:0px;
    height:auto;
    display:block;
}


/*Nieuwspanel & Fotopanel*/

#NieuwsEnFotos
{
   display:none;
   visibility:hidden;
}

/*indekijker*/


#InDeKijker
{
    display:none;
}

/*Default.aspx*/

#SnelZoeken
{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin-bottom:10px;
}

#SnelZoekenContent
{
    position:relative;
    float:left;
    width:484px;
    padding:10px;
    height:auto;
}

#SnelZoekenTitel
{
    position:relative;
    float:left;
    width:484px;
    height:auto;
    margin-bottom:10px;
    font-size:11pt;
    font-weight:bold;
    color:#8BA02B;
}

#flashprov
{
    width:250px;
    height:250px;
    background-color:#FFFFFF;
    border:solid 1px #8BA02B;
    margin-left:0px;
}

#SnelZoekenForm
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
    margin-left:10px;
}

.SnelZoekenFormField
{
    width:250px;
    background-color:#FFFFFF;
    border:solid 1px #8BA02B;
    font-family:Arial, Verdana, Sans-Serif; 
    font-size:8pt;
    color:#5b5b5b;
    margin-left:0px;
}

#SnelZoekenBtn
{
    position:relative;
    float:left;
    width:484px;
    height:auto;
    text-align:center;
}

/*Faq & Nieuws*/

/*Faqs*/

#AlleFaqs
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
}

#AlleFaqs ol
{
    list-style-type:none;
}

#AlleFaqs li
{
    border-bottom-color:White;
    border-bottom-width:1px;
    border-bottom-style:solid;
    margin-bottom:2px;
}
  
  
/*1 Faq*/
  
.FaqBericht
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    margin-left:10px;
    margin-right:10px; 
}



.FaqBerichtVraag
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    font-size:10pt;
    color:#8BA02B;
    margin-bottom:5px;

}

.FaqBerichtAntwoord
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
}


/*Alle Nieuws*/
#AlleNieuws
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
}

.NieuwsNieuwsBericht
{
    position:relative;
    float:left;
    width:464px;
    height:20px;
    border-bottom:solid 1px gray;
    margin-bottom:2px;
    margin-top:2px;
}

.NieuwsNieuwsBerichtDatum
{
    position:relative;
    float:left;
    width:65px;
    height:auto;
    border-right:solid 1px gray;
}

.NieuwsNieuwsBerichtTitle
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
    font-weight:bold;
    padding-left:13px;
}


/*1 nieuwsbericht*/

.Nieuwsbericht
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    margin-left:10px;
    margin-right:10px; 
}

.NieuwsBerichtDatum
{
    position:relative;
    float:left;
    width:60px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
    font-size:9pt;
    font-weight:bold;
    
}

.NieuwsBerichtTitle
{
    position:relative;
    float:left;
    width:370px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:5px;
    color:#8BA02B;
    font-size:10pt;
    font-weight:bold;
    border-left:solid 1px gray;
    padding-left:13px;

}

.NieuwsBerichtbericht
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    border-top:solid 1px gray;
    padding-top:5px;
    margin-left:10px;
    margin-right:10px;
    line-height:1.4em;
}



/*BackButton*/

#BackButton
{
  position:relative;
  float:left;
  width:484px;
  height:24px;
  text-align:right;
  margin-top:20px;
}

#BackButton a:link
{
    position:relative;
    float:left;
    width:87px;
    height:24px;
    margin-left:400px;
    background-image:url(../btnbackhover.png);
    background-repeat:no-repeat;
}

#BackButton a:visited{
    position:relative;
    float:left;
    width:87px;
    height:24px;
    margin-left:400px;
    background-image:url(../btnbackhover.png);
    background-repeat:no-repeat;
}

#BackButton a:hover{
    position:relative;
    float:left;
    width:87px;
    height:24px;
    margin-left:400px;
    background-image:url(../btnbacklink.png);
    background-repeat:no-repeat;
}

/*FullPagePanels*/

.PanelBg
{
    position:relative;
    float:left;
    width:784px;
    height:100px;
    margin-bottom:40px;
}

.PanelBgTop
{
    position:relative;
    float:left;
    width:784px;
    height:12px;
    background-image:url(../panelbgtop.png);
    background-position:top left;
    background-repeat:no-repeat;
}

.PanelBgMiddle
{
    position:relative;
    float:left;
    width:784px;
    height:auto;
    background-color:#f3f3f3;
}

.PanelBgBottom
{
    position:relative;
    float:left;
    width:784px;
    height:12px;
    background-image:url(../panelbgbottom.png);
    background-position:top left;
    background-repeat:no-repeat;
}

/***************************/
/** Mijn Voorkeurslijsten **/
/***************************/


#MvklTitle
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    font-size:10pt;
    font-weight:bold;
    color:#8BA02B;
    text-align:left;
    margin-bottom:10px;
}

#MvklTable
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
}

#MvklTable .th1
{
   width:300px;
   border-bottom:solid 1px #5b5b5b;
   text-align:left;
}

#MvklTable .th2
{
    width:170px;
    border-bottom:solid 1px #5b5b5b;
    text-align:left;
}

#MvklTable .th3
{
    width:104px;
    border-bottom:solid 1px #5b5b5b;
    text-align:left;
}

#MvklTable .th4
{
    width:170px;
    border-bottom:solid 1px #5b5b5b;
    text-align:center;
}


/***************************/
/** Prijsberekening **/
/***************************/


#MpriTable
{
    position:relative;
    float:left;
    width:500px;
    height:auto;
}

#MpriTable .th1
{
   width:250px;
   border-bottom:solid 1px #5b5b5b;
   text-align:left;
}

#MpriTable .th2
{
    width:100px;
    border-bottom:solid 1px #5b5b5b;
    text-align:left;
}

#MpriTable .th3
{
    width:150px;
    border-bottom:solid 1px #5b5b5b;
    text-align:right;
}


/***************************/
/** Documenten **/
/***************************/


#MdocTable
{
    position:relative;
    float:left;
    width:500px;
    height:auto;
}

#MdocTable .th1
{
   width:400px;
   border-bottom:solid 1px #5b5b5b;
   text-align:left;
}

#MdocTable .th2
{
    width:100px;
    border-bottom:solid 1px #5b5b5b;
    text-align:left;
}



/***************************/
/** Mijn Reservatie **/
/***************************/


#MresTitle
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    font-size:10pt;
    font-weight:bold;
    color:#8BA02B;
    text-align:left;
    margin-bottom:10px;
}

#MresTable
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
}

#MresTable .th1
{
   width:300px;
   border-bottom:solid 1px #5b5b5b;
   text-align:left;
}

#MresTable .th2
{
    width:170px;
    border-bottom:solid 1px #5b5b5b;
    text-align:left;
}

#MresTable .th3
{
    width:104px;
    border-bottom:solid 1px #5b5b5b;
    text-align:left;
}

#MresTable .th4
{
    width:90px;
    border-bottom:solid 1px #5b5b5b;
    text-align:left;
}

#MresTable .th5
{
    width:60px;
    border-bottom:solid 1px #5b5b5b;
    text-align:center;
}


.td1
{
    text-align:left;
}

.td2
{
    text-align:left;
}

.td3
{
    text-align:right;
}

.td4
{
    text-align:center;
}

.td5
{
    text-align:center;
}

#imground
{
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    height:140px;
    z-index:600;
}

/*********************************************************************/
/** Kalenders bij uitgebreidzoeken en reserveren boven alles zetten **/
/*********************************************************************/

#dff *
{
    z-index:800;
}

/*******************/
/** Mijn gegevens **/
/*******************/

#MgTitle
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    font-size:10pt;
    font-weight:bold;
    color:#8BA02B;
    text-align:left;
    margin-bottom:10px;
}

#MgTable
{
    position:relative;
    float:left;
    width:454px;
    height:auto;
    margin-left:170px;
    margin-right:170px;
    text-align:left;
}

.MgSubTitle
{
    width:454px;
    background-color:#e1e7eb;
    text-align:center;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:10px;
    padding-top:2px;
    padding-bottom:2px;
}

/*overlaylink voor indekijker*/

a.overlayLink:link
{
    position:absolute;
    top:0px;
    left:0px;
    width:150px;
    height:150px;
    z-index:50;
}

a.overlayLink:visited
{
    position:absolute;
    top:0px;
    left:0px;
    width:150px;
    height:150px;
    z-index:50;
}

a.overlayLink:hover
{
    position:absolute;
    top:0px;
    left:0px;
    width:150px;
    height:150px;
    z-index:50;
}

a.overlayLink:active
{
    position:absolute;
    top:0px;
    left:0px;
    width:150px;
    height:150px;
    z-index:50;
}

.pagetitle
{
    font-family:Arial;
    color:#8BA02B;
    font-size:12pt;
    font-weight:bold;
    margin-bottom:10px;
}

/*-------------------*/
/*----TREFWOORDEN----*/
/*-------------------*/

#TrefwoordenResult li
{
    padding-left:20px;
    margin-bottom:4px;
}

#TrefwoordenResult ul
{
    padding-left:20px;
}

#lititle
{
    font-family:Arial;
    color:#8BA02B;
    font-size:9pt;
    font-weight:bold;
    margin-top:10px;
    border-bottom:solid 1px #AAAAAA;
    border-top:solid 1px #EEEEEE;
    border-right:solid 1px #CCCCCC;
    border-left:solid 5px #8BA02B;
    padding-top:2px;
    padding-bottom:2px;
    list-style-type:none;
}

#liul
{
    list-style-type:none;
}

#VOlogo
{
    display:none;
}


/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/********************************BLOKKEN.CSS***********************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

/* Blok slogan */

div.BlokSlogan
{
	position:relative;
	width:100%;
	font-size:11pt;
	color:#8BA02B;
	overflow:auto;
	height:auto;
	clear:right;
	margin-bottom:10px;
	margin-top:5px;
	font-weight:bold;
	font-family:Arial;
	display:block;
	visibility:visible;
}

/* Blok tekst */

div.BlokTekst
{
	position:relative;
	width:100%;
	overflow:auto;
	height:auto;
	clear:right;
	margin-bottom:5px;
	font-family:Arial;
	color:#2e2e2e;
	line-height:1.4em;
	display:block;
	visibility:visible;
}

/* Blok tekst2Afb */

div.BlokTekst2Afb
{
	position:relative;
	width:100%;
	overflow:hidden;
	clear:right;
	margin-bottom:5px;
	display:block;
	visibility:visible;
}

div.BlokTekst2AfbTekst
{
	position:relative;
	width: 75%;
	height:auto;
	display:inline-block;
	float:left;
	overflow:hidden;
	font-family:Arial;
	color:#2e2e2e;
	line-height:1.4em;
	display:block;
	visibility:visible;
}

div.BlokTekst2AfbAfb
{
	position:relative;
	width:15%;
	height:auto;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	display:inline-block;
	float:left;
	display:block;
	visibility:visible;
}

div.BlokTekst2AfbAfbImg
{
	position:relative;
	width:200px;
	height:auto;
	display:block;
	border:solid 1px #585858;
	display:block;
	visibility:visible;
}

/* Blok afbeelding */

div.BlokAfbeelding
{
	position:relative;
	width:100%;
	overflow:auto;
	text-align:center;
	height:auto;
	clear:right;
	margin-bottom:10px;
	display:block;
	visibility:visible;
}

/* Blok tekstAfbR */

div.BlokTekstAfbR
{
	position:relative;
	width:100%;
	overflow:hidden;
	clear:right;
	margin-bottom:5px;
	display:block;
	visibility:visible;
}

div.BlokTekstAfbRTekst
{
	position:relative;
	width: 75%;
	margin-right:10px;
	height:auto;
	display:inline-block;
	float:left;
	overflow:hidden;
	font-family:Arial;
	color:#2e2e2e;
	line-height:1.4em;
	display:block;
	visibility:visible;
}

div.BlokTekstAfbRAfb
{
	position:relative;
	width:20%;
	height:auto;
	display:inline-block;
    float:left;
    display:block;
	visibility:visible;
}

div.BlokTekstAfbRAfbImg
{
	position:relative;
	width:200px;
	height:auto;
	display:block;
	border:solid 1px #7394a5;
	display:block;
	visibility:visible;
}

/* Blok tekstAfbL */

div.BlokTekstAfbL
{
	position:relative;
	width:100%;
	overflow:hidden;
	clear:right;
	margin-bottom:5px;
	display:block;
	visibility:visible;
}

div.BlokTekstAfbLTekst
{
	position:relative;
	width: 75%;
	height:auto;
	display:inline-block;
	float:left;
	overflow:hidden;
	font-family:Arial;
	color:#2e2e2e;
	line-height:1.4em;
	display:block;
	visibility:visible;
}

div.BlokTekstAfbLAfb
{
	position:relative;
	width:20%;
	height:auto;
	display:inline-block;
    float:left;
    margin-right:10px;
    display:block;
	visibility:visible;
}

div.BlokTekstAfbLAfbImg
{
	position:relative;
	width:200px;
	height:auto;
	display:block;
	border:solid 1px #7394a5;
	display:block;
	visibility:visible;
}


/* Dynamische blokken */

.Accordeon
{
	width:100%;
	height:auto;
	display:block !important;
	visibility:visible !important;
	overflow:visible !important;
	margin-bottom:30px;
}

.AccordeonHeader
{
	width:100%;
	height:15px;
	border-bottom:solid 1px #999999;
	font-size:11pt;
	font-weight:bold;
	font-family:Arial;
	color:#8BA02B;
	margin-bottom:10px;
	cursor:hand;
	padding-top:5px;
	display:block !important;
	visibility:visible !important;
}

div.AccordeonHeaderBox
{
	width:100%;
	margin-left:0px;
	margin-top:0px;
	height:20px;
	color:black;
	font-size:11pt;
	font-weight:normal;
	cursor:hand;
	display:block !important;
	visibility:visible !important;
}

.AccordeonBody
{
	width:100%;
	height:auto;
	overflow:visible;
	border-bottom:dashed 1px #999999;
	margin-bottom:10pt;
	display:block !important;
	visibility:visible !important;
	color:black;
	background:none;
}

div.AccordeonBodyBox
{
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	font-size:11pt;
	color:#000000 !important;
	overflow:visible;
	line-height:1.4em;
	display:block !important;
	visibility:visible !important;
	background:none;
}

/* Contact */

.ContactTabel
{
	width:484px;
	empty-cells:show;
	border-collapse:collapse;
	display:block;
	visibility:visible;
}

.ContactTabelCel1
{
	width:484px;
	vertical-align:middle;
	text-align:left;
	display:block;
	visibility:visible;
}

.ContactTabelCel2
{
	width:484px;
	vertical-align:top;
	text-align:left;
	display:block;
	visibility:visible;
}

/****************************************/
/*************DATUM-ACCORDIONS***********/
/****************************************/


.CalAccordeon
{
	width:484px;
	height:auto;
	margin-bottom:5px;
	display:block;
	visibility:visible;
}

.CalAccordeonHeader
{
	width:484px;
	height:49px;
	background-image:url("../Acc_Header.gif");
	background-repeat:no-repeat;
	cursor:hand;
	border-bottom:solid 1px #8BA02B;
	font-size:11pt;
	font-weight:bold;
	font-family:Arial;
	color:#8BA02B;
	padding-bottom:2px;
	margin-bottom:5px;
	display:block;
	visibility:visible;
}

.Caldatumbox
{
    position:relative;
    float:left;
    width:46px;
    height:49px;
    background-image:url(../cal.gif);
    background-position:top left;
    background-repeat:no-repeat;   
    margin-right:15px;
    display:block;
	visibility:visible;
}

.Calmonth
{
    position:relative;
    float:left;
    width:43px;
    height:13px;
    margin-top:4px;
    color:White;
    font-size:10pt;
    font-weight:bold;
    text-align:center;
    display:block;
	visibility:visible;
}

.Calday{
    position:relative;
    float:left;
    width:29px;
    height:23px;
    margin-top:5px;
    margin-left:7px;
    color:#4e4e4e;
    font-size:14pt;
    font-weight:bold;
    text-align:center;
    display:block;
	visibility:visible;
}

div.CalAccordeonHeaderBox
{
	width:484px;
	height:49px;
	text-align:left;
	display:block;
	visibility:visible;
}

.CalAccordeonBody
{
	width:484px;
	height:auto;
	overflow:visible;
	border-bottom:dashed 1px #999999;
	margin-bottom:10px;
	display:block;
	visibility:visible;
}

div.CalAccordeonBodyBox
{
	width:464px;
	height:auto;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	font-size:11px;
	overflow:visible;
	text-align:left;
	display:block;
	visibility:visible;
}