﻿/*
rood: #1F9257;
bruin-grijs: #5b5b5b;
panel-bruin: #f3f3f3;
*/


/* Algemeen */
*
{
    margin:0px;
    padding:0px;
}

html
{
    width:100%;
    height:100%;
}

body 
{
	width:100%;
	height:100%;
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Verdana, Tahoma;
	color:#5b5b5b;
	background-color:#898989;
}

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:#1f9257;
	text-decoration:none;
}

a:visited
{
	color:#1f9257;
	text-decoration:none;
}

a:active
{
	color:#1f9257;
	text-decoration:none;
}

a:hover
{
	color:#1F9257;
	text-decoration:underline;
}

/*Centreren in IE*/

#Centerdiv
{
	text-align:center;
	width:100%;
	height:100%;
}

/*foundations*/

#maincontainer{
	position:relative;
	width:1024px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#bottomshadow
{
    position:relative;
    float:left;
	width:1024px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../bottomshadow.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#topshadow{
	position:relative;
	float:left;
	width:1024px;
	height:16px;
	background-image:url(../topshadow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#container
{
	position:relative;
	float:left;
	width:988px;
	padding-left:18px;
	padding-right:18px;
	background-image:url(../bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

#contentcontainer{
	position:relative;
	float:left;
	width:988px;
	min-height:700px;
	background-image:url(../barleft.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:White;
}

#cjtLinks
{
	position:relative;
	float:left;
	width:988px;
	margin-top:30px;
	text-align:center;
	font-size:11px;
}

#copyright
{
    position:relative;
    float:left;
	width:988px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:center;
	font-family:Arial;
	font-size:7pt;
	color:#999999;
}

#header
{
    position:relative;
    float:left;
    width:988px;
    height:auto;
    background-image:url(../headerimg.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:199;
}

#copyright a:link
{
    color:#999999;
}

#copyright a:visited
{
    color:#999999;
}

#copyright a:hover
{
    color:#1F9257;
}

#VOlogo
{
    position:absolute;
    top:870px;
    left:25px;
    z-index:3;
}

/*Header*/

#headerright{
	position:relative;
	float:left;
	width:252px;
	height:191px;
	background-image:url(../bol.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#homeknop{
	position:relative;
	float:left;
	width:123px;
	height:77px;
	margin-top:30px;
	margin-left:40px;
	cursor:pointer;
	font-size:12px;
}

#homeknop #homeknoplink
{
	position:absolute;
	top:0px;
	left:0px;
	width:123px;
	height:77px;
	z-index:20;
}

a.ondLink:link
{
	text-decoration:underline;
	color:#8ba02b;
	
}

a.ondLink:visited
{
	text-decoration:underline;
	color:#8ba02b;
}

a.ondLink:hover
{
	text-decoration:none;
	color:#8ba02b;
}

a.ondLink:active
{
	text-decoration:underline;
	color:#8ba02b;
}

a.boeLink:link
{
	text-decoration:underline;
	color:#239cdb;
	
}

a.boeLink:visited
{
	text-decoration:underline;
	color:#239cdb;
}

a.boeLink:hover
{
	text-decoration:none;
	color:#239cdb;
}

a.boeLink:active
{
	text-decoration:underline;
	color:#239cdb;
}

a.verLink:link
{
	text-decoration:underline;
	color:#a13f25;
}

a.verLink:visited
{
	text-decoration:underline;
	color:#a13f25;
}

a.verLink:hover
{
	text-decoration:none;
	color:#a13f25;
}

a.verLink:active
{
	text-decoration:underline;
	color:#a13f25;
}

/*menu*/

#hoofdmenu
{
    position:absolute;
    right:3px;
    top:120px;
    width:785px;
    height:120px;
    z-index:200;
}

/*Trefwoorden*/

#hoofdmenutrefwoorden
{
    position:relative;
    float:left;
    width:785px;
    height:34px;
    text-align:left;
    font-weight:bold;
    font-size:9pt;
    color:Black;
    margin-bottom:10px;
}

/*submenu*/

#hoofdmenusubmenu
{
    position:relative;
    float:left;
    width:785px;
    height:22px;
    background-image:url(../menubg.gif);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:left;
}

a.catlink:link
{
    position:relative;
    float:left;
    width:94px;
    height:10px;
    background-image:url(../subbg.png);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Arial;
    font-size:7pt;
    font-weight:bold;
    color:#333333;
    padding-left:14px;
    padding-top:12px;
    padding-right:4px;
}

a.catlink:visited
{
    position:relative;
    float:left;
    width:94px;
    height:10px;
    background-image:url(../subbg.png);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Arial;
    font-size:7pt;
    font-weight:bold;
    color:#333333;
    padding-left:14px;
    padding-top:12px;
    padding-right:4px;
}

a.catlink:hover
{
    position:relative;
    float:left;
    width:94px;
    height:10px;
    background-image:url(../subbg.png);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Arial;
    font-size:7pt;
    font-weight:bold;
    text-decoration:underline;
    color:#333333;
    padding-left:14px;
    padding-top:12px;
    padding-right:4px;
}

a.catlink:active
{
    position:relative;
    float:left;
    width:94px;
    height:10px;
    background-image:url(../subbg.png);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Arial;
    font-size:7pt;
    font-weight:bold;
    color:#333333;
    padding-left:14px;
    padding-top:12px;
    padding-right:4px;
}

a.activeCatlink:link
{
    position:relative;
    float:left;
    width:94px;
    height:10px;
    background-image:url(../asubbg.png);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Arial;
    font-size:7pt;
    font-weight:bold;
    color:#1f9257;
    padding-left:14px;
    padding-top:12px;
    padding-right:4px;
}

a.activeCatlink:visited
{
    position:relative;
    float:left;
    width:94px;
    height:10px;
    background-image:url(../asubbg.png);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Arial;
    font-size:7pt;
    font-weight:bold;
    color:#1f9257;
    padding-left:14px;
    padding-top:12px;
    padding-right:4px;
}

a.activeCatlink:hover
{
    position:relative;
    float:left;
    width:94px;
    height:10px;
    background-image:url(../asubbg.png);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Arial;
    font-size:7pt;
    font-weight:bold;
    text-decoration:underline;
    color:#1f9257;
    padding-left:14px;
    padding-top:12px;
    padding-right:4px;
}

a.activeCatlink:active
{
    position:relative;
    float:left;
    width:94px;
    height:10px;
    background-image:url(../asubbg.png);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Arial;
    font-size:7pt;
    font-weight:bold;
    color:#1f9257;
    padding-left:14px;
    padding-top:12px;
    padding-right:4px;
}

/*Hoofdmenu*/

#hoofdmenumenu
{
    position:relative;
    float:left;
    width:785px;
    height:36px;
    font-size:9pt;
    font-weight:bold;
    color:#1F9257;
    text-align:right;
}

#HoofdMenuStart
{
    position:relative;
    float:left;
    width:10px;
    height:36px;
    margin:0px;
    padding:0px;
    background-image:url(../hoofdmenustart.png);
    background-position:top left;
    background-repeat:no-repeat;
}

#HoofdMenuEnd
{
    position:relative;
    float:left;
    width:10px;
    height:36px;
    margin:0px;
    padding:0px;
    background-image:url(../hoofdmenuend.png);
    background-position:top left;
    background-repeat:no-repeat;
}

a.HoofdMenuLink:link
{
    position:relative;
    float:left;
    height:31px;
    width:187px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../menubg.png);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:5px;
    text-transform:uppercase;
}

a.HoofdMenuLink:visited
{
    position:relative;
    float:left;
    height:31px;
    width:187px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../menubg.png);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:5px;
    text-transform:uppercase;
}


    
a.HoofdMenuLink:hover
{
    position:relative;
    float:left;
    height:31px;
    width:187px;
    color:#3f4912;
    text-decoration:none;
    background-image:url(../menubg.png);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:5px;
    text-transform:uppercase;
}

a.HoofdMenuLink:active
{
    position:relative;
    float:left;
    height:31px;
    width:187px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../menubg.png);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:5px;
    text-transform:uppercase;
}

.ActieveHoofdMenuLink
{
    position:relative;
    float:left;
    height:31px;
    width:187px;
    color:#1F9257;
    text-decoration:none;
    background-image:url(../activesubbg.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-align:center;
    padding-top:5px;
    text-transform:uppercase;
}

.HoofdMenuSpacer
{
    position:relative;
    float:left;
    height:31px;
    width:5px;
}

/*Content*/

#content{
	position:relative;
	float:left;
	height:auto;
	width:784px;
	padding-top:60px;
	padding-bottom:50px;
	margin-left:30px;
}

/*Menu - links*/

#menulinks{
	position:relative;
	float:left;
	width:170px;
	height:600px;
}

#beheerpanel{
	position:relative;
	float:left;
	height:150px;
	width:150px;
	margin-left:10px;
	margin-right:10px;
}

#vklpanel{
	position:relative;
	float:left;
	height:200px;
	width:150px;
	margin-left:10px;
	margin-right:10px;
}

#tweeknoppen{
	position:relative;
	float:left;
	height:70px;
	width:150px;
	margin-left:10px;
	margin-right:10px;
}
                        
#indekijker{
	position:absolute;
	height:150px;
	width:150px;
	left:14px;
	top:468px;
}

#InDeKijkerOverlay
{
    position:absolute;
    width:150px;
    height:150px;
    top:0px;
    left:0px;
    background-image:url(../indekijkeroverlay.png);
    background-position:top left;
    background-repeat:no-repeat;
    z-index:25;
}

#picInDeKijker
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
}
    

#tblAccountdiv
{
position:relative;
float:left;
width:180px;
height:auto;
}

.Menutbl
{
    border-collapse:collapse;
}

.Menudiv
{
    position:relative;
    float:left;
    width:180px;
    height:auto;
    margin-bottom:20px;
}

.MenuTitle
{
    color:#1F9257;
    font-variant:small-caps;
    text-decoration:none;
    font-weight:bold;
}

.MenuItem
{
    padding-bottom:4px;
}

/*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
{
    position:relative;
    float:left;
    width:150px;
    height:auto;
    margin-bottom:10px;
}

.LoginFormField
{
    background-color:#FFFFFF;
    border:solid 1px #1F9257;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#5b5b5b;
    width:150px;
    margin-bottom:5px;
}

#LoginForm
{
    position:relative;
    float:left;
    width:150px;
    height:auto;
    margin-bottom:5px;
}

.LoginFormButton
{
    position:relative;
    float:left;
    height:18px;
    text-align:right;
    background-color:#FFFFFF;
    border:solid 1px #1F9257;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#135433;
    text-align:center;
    background-image:url(../buttonbg.gif);
    background-position:top left;
    background-repeat:repeat-x;
}

#LoginTitle
{
    position:relative;
    float:left;
    width:180px;
    height:auto;
    margin-bottom:5px;
    color:#1F9257;
    font-variant:small-caps;
    text-decoration:none;
    font-weight:bold;
    text-align:left;
}

#LoginTitleImg
{
    position:relative;
    float:left;
    width:22px;
    height:22px;
}

#LoginTitleText
{
    position:relative;
    float:left;
    width:154px;
    margin-left:4px;
    margin-top:4px;
}

/*Forms*/

.FormField
{   
    background-color:#FFFFFF;
    border:solid 1px #1F9257;
    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 #1F9257;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#1F9257;
    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: #1F9257;
	color: #5b5b5b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
}

/*Contactform*/

.ContactFormFieldLabel
{
    position:relative;
    float:left;
    width:100px;
}
.ContactFormField
{
    position:relative;
    float:left;
    background-color:#FFFFFF;
    border:solid 1px #1F9257;
    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:#1F9257;
    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:504px;
    height:auto;
}

#PageContent
{
    position: relative;
    float:left;
    width:484px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
    text-align:left;
}


/*Nieuwspanel & Fotopanel*/

#NieuwsEnFotos
{
    position:relative;
    float:left;
    width:270px;
    margin-left:10px;
}

#Huiswerk
{
    position:relative;
    float:left;
    width:270px;
    height:212px;
    margin-bottom:10px;
    background-image:url(../huiswerkbg.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#HuiswerkTekst
{
    position:relative;
    float:left;
    width:120px;
    height:177px;
    margin-right:20px;
    padding-top:35px;
}

#HuiswerkSlogan
{
    position:relative;
    float:left;
    height:60;
    width:110px;
    font-family:Arial;
    font-size:12pt;
    font-weight:bold;
    font-style:italic;
    color:#1F9257;
    padding-left:10px;
    margin-bottom:10px;
}

#HuiswerkNieuwSlogan
{
    position:relative;
    float:left;
    height:60;
    width:110px;
    font-family:Arial;
    font-size:12pt;
    font-weight:bold;
    font-style:italic;
    color:#1F9257;
    padding-left:10px;
}

.HuiswerkLink
{
    position:relative;
    float:left;
    height:20px;
    width:100%;
    font-family:Arial;
    font-size:9pt;
    font-weight:bold;
    color:#666666;
    text-align:right;
    margin-top:10px;
}

#HuiswerkFoto
{
    position:relative;
    float:left;
    width:120px;
    height:212px;
}

#HuiswerkFoto img
{
    position:relative;
    float:left;
    width:110px;
    height:150px;
    margin-top:30px;
}

#Nieuws
{
    position:relative;
    float:left;
    width:270px;
    height:auto;
    text-align:justify;
}

#NieuwsTop
{
    position:relative;
    float:left;
    width:270px;
    height:10px;
    background-image:url(../nieuwstop.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#NieuwsBottom
{
    position:relative;
    float:left;
    width:270px;
    height:12px;
    background-image:url(../nieuwsbottom.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#NieuwsMiddle
{
    position:relative;
    float:left;
    width:270px;
    height:auto;
    background-image:url(../nieuwsbg.jpg);
    background-position:top left;
    background-repeat:repeat-y;
}

#NieuwsContentContainer
{
    margin-right:20px;
    margin-left:10px;
}

#NieuwsTitel
{
    position:relative;
    float:left;
    width:240px;
    height:auto;
    margin-bottom:10px;
    font-size:10pt;
    font-weight:bold;
    font-variant:small-caps;
    color:#637121;
}

.HomeNieuwsBericht
{
    position:relative;
    float:left;
    width:240px;
    height:auto;
    margin-bottom:7px;

}

.HomeNieuwsBerichtDatum
{
    position:relative;
    float:left;
    width:45px;
    height:auto;
    font-size:7pt;
    vertical-align:middle;
    color:#637121;
}

    
.HomeNieuwsBerichtTitle
{
    position:relative;
    float:left;
    width:190px;
    margin-left:5px;
    height:auto;   
    font-size:8pt;
    font-weight:bold;
}

.HomeNieuwsBerichtTekst
{
    position:relative;
    float:left;
    width:240px;
    height:auto;
    padding-bottom:3px;
    border-bottom:solid 1px white;
}

#Nieuwslinkdiv
{
    position:relative;
    float:left;
    width:240px;
    text-align:right;
}

/*Waardes*/

.WaardenTitle
{
    color:#1f9257;
    font-size:12pt;
    font-weight:bold;
    text-align:left;
    padding-left:3px;
 }
 
 .WaardenInleiding
 {
    text-align:left;
    padding-left:3px;
 }

.Waarde
{
   position:relative;
   float:left;
   width:240px;
   height:auto;
   margin-bottom:10px;
}

.WaardeImg
{
   position:relative;
   float:left;
   width:237px;
   height:39px;
   padding-left:3px;
}

.WaardeImg img
{
    border:0px;
}

.WaardeText
{
   position:relative;
   float:left;
   width:220px;
   height:auto;
   padding-top:5px;
   padding-left:10px;
   padding-right:10px;
   text-align:left;
   color:#555555;
}

/*indekijker*/


#InDeKijker
{
    position:relative;
    float:left;
    width:250px;
    height:auto;
    color:#FFFFFF;
    text-align:justify;
}

#InDeKijkerTitel
{
    position:relative;
    float:left;
    width:250px;
    height:auto;
    margin-bottom:10px;
    font-size:10pt;
    font-weight:bold;
    font-variant:small-caps;
    color:#FFFFFF;
}

#InDeKijkerContentContainer
{
    margin-right:10px;
    margin-left:10px;
}

#InDeKijkerKijkerTitel
{
    position:relative;
    float:left;
    width:250px;
    height:auto;
    margin-bottom:5px;
    text-align:center;
}

#InDeKijkerKijkerTitel a:link
{
    font-size:8pt;
    color:White;
    text-decoration:none;
    font-weight:bold;
}

#InDeKijkerKijkerTitel a:active
{
    font-size:8pt;
    color:White;
    text-decoration:none;
    font-weight:bold;
}

#InDeKijkerKijkerTitel a:visited
{
    font-size:8pt;
    color:White;
    text-decoration:none;
    font-weight:bold;
}

#InDeKijkerKijkerTitel a:hover
{
    font-size:8pt;
    color:White;
    text-decoration:underline;
    font-weight:bold;
}    

#InDeKijkerFoto
{
    position:relative;
    float:left;
    width:90px;
    height:90px;
    background-image:url(../indekijkerimgbg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    padding:5px;
    margin-bottom:10px;
    margin-right: 5px;
    margin-bottom:5px;
}

/*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:10pt;
    font-weight:bold;
    font-variant:small-caps;
    color:#1F9257;
}

#flashprov
{
    width:250px;
    height:250px;
    background-color:#FFFFFF;
    border:solid 1px #1F9257;
    margin-left:0px;
}

#SnelZoekenForm
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
    margin-left:10px;
}

.SnelZoekenFormField
{
    width:250px;
    background-color:#FFFFFF;
    border:solid 1px #1F9257;
    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:#1F9257;
    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:#1F9257;
    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;
}



/*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;
}

/*SpecialPanels*/

.SpecialPanelTop
{
   position:relative;
   float:left;
   width:100%;
   height:12px;
   background-color:#ff4747;
}

.Speciallb
{
   position:absolute;
   left:0px;
   width:12px;
   height:12px;
   background-image:url(../speciallb.gif);
   background-position:top left;
   background-repeat:no-repeat;
}

.Specialrb
{
   position:absolute;
   right:0px;
   width:12px;
   height:12px;
   background-image:url(../specialrb.gif);
   background-position:top left;
   background-repeat:no-repeat;
}

.SpecialPanelContent
{
    position:relative;
    float:left;
    width:100%;
    height:100%;
    background-color:#ff4747;
    text-align:left;
    color:#FFFFFF;
}

.SpecialPanelBottom
{
   position:relative;
   float:left;
   width:100%;
   height:12px;
   background-color:#ff4747;
}

.Speciallo
{
   position:absolute;
   left:0px;
   width:12px;
   height:12px;
   background-image:url(../speciallo.gif);
   background-position:top left;
   background-repeat:no-repeat;
}

.Specialro
{
   position:absolute;
   right:0px;
   width:12px;
   height:12px;
   background-image:url(../specialro.gif);
   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;
    font-variant:small-caps;
    color:#1F9257;
    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;
    font-variant:small-caps;
    color:#1F9257;
    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;
    font-variant:small-caps;
    color:#1F9257;
    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;
}

/*Buttons in de left bar*/

a.barbuttons:link
{
    position:relative;
    float:left;
    height:19px;
    width:132px;
    padding-top:3px;
    margin-right:18px;
    margin-left:0px;
    margin-bottom:5px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../btna.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-align:center;
}

a.barbuttons:visited
{
    position:relative;
    float:left;
    height:19px;
    width:132px;
    padding-top:3px;
    margin-right:18px;
    margin-left:0px;
    margin-bottom:5px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../btna.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-align:center;
}

a.barbuttons:hover
{
    position:relative;
    float:left;
    height:19px;
    width:132px;
    padding-top:3px;
    margin-right:18px;
    margin-left:0px;
    margin-bottom:5px;
    color:#1F9257;
    text-decoration:none;
    background-image:url(../btni.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-align:center;
}

a.barbuttons:active
{
    position:relative;
    float:left;
    height:19px;
    width:132px;
    padding-top:3px;
    margin-right:18px;
    margin-left:0px;
    margin-bottom:5px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../btna.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-align:center;
}

/*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;
}

/*-------------------*/
/*----TREFWOORDEN----*/
/*-------------------*/

.pagetitle
{
    font-family:Arial;
    color:#1F9257;
    font-size:12pt;
    font-weight:bold;
    margin-bottom:10px;
}

#TrefwoordenResult li
{
    padding-left:20px;
    margin-bottom:4px;
}

#TrefwoordenResult ul
{
    padding-left:20px;
}

#lititle
{
    font-family:Arial;
    color:#1F9257;
    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 #1F9257;
    padding-top:2px;
    padding-bottom:2px;
    list-style-type:none;
}

#liul
{
    list-style-type:none;
}