/*
rood: #239cdb;
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;
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Verdana, Tahoma;
	color:#5b5b5b;
}

img
{
	border:0px;
}

a:link
{
	color:#239cdb;
	text-decoration:none;
}

a:visited
{
	color:#239cdb;
	text-decoration:none;
}

a:active
{
	color:#239cdb;
	text-decoration:none;
}

a:hover
{
	color:#0c77af;
	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;
}

#topshadow{
      position:relative;
	float:left;
	width:1024px;
	height:16px;
	background-image:url(../topshadow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}


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

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

#copyright a:link
{
    color:#999999;
}

#copyright a:visited
{
    color:#999999;
}

#copyright a:hover
{
    color:#239cdb;
}

/*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.wieLink:link
{
	text-decoration:underline;
	color:#1f9c57;
	
}

a.wieLink:visited
{
	text-decoration:underline;
	color:#1f9c57;
}

a.wieLink:hover
{
	text-decoration:none;
	color:#1f9c57;
}

a.wieLink:active
{
	text-decoration:underline;
	color:#1f9c57;
}

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

/*Hoofdmenu*/

#hoofdmenu
{
    position:absolute;
    right:3px;
    top:165px;
    width:785px;
    height:26px;
    font-size:9pt;
    font-weight:bold;
    color:#239cdb;
    text-align:right;
}

#HoofdMenuStart
{
    position:relative;
    float:left;
    width:10px;
    height:26px;
    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:26px;
    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:21px;
    width:149px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../menubg.png);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:5px;
}

a.HoofdMenuLink:visited
{
    position:relative;
    float:left;
    height:21px;
    width:149px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../menubg.png);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:5px;
}

a.HoofdMenuLink:active
{
    position:relative;
    float:left;
    height:21px;
    width:149px;
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../menubg.png);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:5px;
}
    
a.HoofdMenuLink:hover
{
    position:relative;
    float:left;
    height:21px;
    width:149px;
    color:#16658e;
    text-decoration:none;
    background-image:url(../menubg.png);
    background-position:top left;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:5px;
}

.HoofdMenuSpacer
{
    position:relative;
    float:left;
    height:26px;
    width:5px;
}

/*Content*/

#content{
	position:relative;
	float:left;
	height:auto;
	width:784px;
	padding-top:10px;
	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:#239cdb;
    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 #239cdb;
    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 #239cdb;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#16658e;
    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:#239cdb;
    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;
}


/*Zoekresultaten*/

/*TitelPanels*/

#ZoekresultatenTitel
{
    position:relative;
    float:left;
    width:774px;
    height:21px;
    padding-top:6px;
    padding-left:10px;
    margin-bottom:5px;
    color:#5b5b5b;
    font-variant:small-caps;
    text-decoration:none;
    font-weight:bold;
    background-color: #239cdb;
    text-align:left;
}
    
#ZoekresultatenOpties
{
    position:relative;
    float:left;
    width:784px;
    height:auto;
    margin-bottom:10px;
    background-color:#e1e7eb;
    color:#5b5b5b;
}

#ZoekresultatenOptiesPagina
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
    margin-bottom:10px;
    background-color:#e1e7eb;
    color:#5b5b5b;
    margin-left:60px;
}

#ZoekresultatenOptiesSelectie
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
    margin-bottom:10px;
    background-color:#e1e7eb;
    color:#5b5b5b;
    margin-left:60px;
    display:none;
}

#ZoekresultatenOptiesTitlePagina
{
    position:relative;
    float:left;
    width:59px;
    height:62px;
    margin-bottom:5px;
    margin-top:10px;
    background-image:url(../zresultpagina.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#ZoekresultatenOptiesTitleSelectie
{
    position:relative;
    float:left;
    width:59px;
    height:62px;
    margin-bottom:5px;
    margin-top:10px;
    background-image:url(../zresultselectie.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

.ZoekresultatenOptiesFuncties
{
    position:relative;
    float:left;
    width:auto;
    height:37px;
    margin-left:20px;
    text-align:left;
    padding-top:25px;
}

#ZoekresultatenOptiesBottom
{
    position:relative;
    float:left;
    width:784px;
    height:10px;
    background-image:url(../resultpanelbottom.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

/*Resultaten*/

.ZoekResultaat
{
    position: relative;
    float:left;
    width:584px;
    height:164px;
    margin-bottom:10px;
}

.Zoekresultaten

{
    position: relative;
    float:left;
    width:584px;
    margin-bottom:10px;
    
}

.ZoekResultaatVerfijnen

{
    position: relative;
    float:left;
    width:190px;
	margin-bottom:10px;
	margin-left:10px;
}


.CheckBoxDiv
{
    position:relative;
    float:left;
    width:51px;
    height:164px;
    background-image:url(../resultbegin.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

.CheckBox
{
    position:relative;
    float:left;
    width:20px;
    height:20px;
    margin-left:12px;
    margin-top:10px;
    text-align:center;
}

.ZoekInfoDiv
{
    position:relative;
    float:left;
    width:533px;
    height:164px;
    background-color:#f3f3f3;
    background-image:url(../resultend.gif);
    background-position:top right;
    background-repeat:no-repeat;
}

.ZoekFoto
{
    position:relative;
    float:left;
    width:170px;
    height:121px;
    padding-top:10px;
}

.ZoekFoto img
{
    position:relative;
    float:left;
    width:170px;
    height:113px;
}

.ZoekInformatie
{
    position:relative;
    float:left;
    width:230px;
    height:144px;
    padding:10px;
}

.ZoekNaam
{
    position:relative;
    float:left;
    width:200px;
    height:auto;
    text-align:left;
    font-size:10pt;
    color:#239cdb;
    font-weight:bold;
}

.ZoekOmschrijving
{
    position:relative;
    float:left;
    width:200px;
    height:auto;
    margin-top:2px;
    text-align:left;
    color:#463939;
}

.ZoekEigenschappen
{
    position:relative;
    float:left;
    width:200px;
    height:auto;
    text-align:left;
}

.ZoekKnoppen
{
    position:relative;
    float:left;
    width:100px;
    height:104px;
    padding-top:60px;
}

.ZoekResultaatButton
{
    position:relative;
    float:left;
    width:85px;
    height:18px;
    text-align:right;
    background-color:#FFFFFF;
    border:solid 1px #239cdb;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#16658e;
    text-align:center;
    background-image:url(../buttonbg.gif);
    background-position:top left;
    background-repeat:repeat-x;
    margin-bottom:5px;
}

/*Forms*/

.FormField
{   
    background-color:#FFFFFF;
    border:solid 1px #239cdb;
    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 #239cdb;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    color:#16658e;
    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: #239cdb;
	color: #5b5b5b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
}

/*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;
}


/*Nieuwspanel & Fotopanel*/

#NieuwsEnFotos
{
    position:relative;
    float:left;
    width:270px;
    margin-left:10px;
}

#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:#239cdb;
}

.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:#239cdb;
}

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


/*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:#239cdb;
}

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

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

.SnelZoekenFormField
{
    width:250px;
    background-color:#FFFFFF;
    border:solid 1px #239cdb;
    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:circle;
	list-style-position:outside;
}

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

.FaqBerichtVraag
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    font-size:11pt;
    color:#239cdb;
    margin-bottom:5px;
    font-weight:bold;
}

.FaqBerichtAntwoord
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    line-height:1.4em;
}

/*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:auto;
    border-bottom-color:White;
    border-bottom-width:1px;
    border-bottom-style:solid;
    margin-bottom:2px;
}

.NieuwsNieuwsBerichtDatum
{
    position:relative;
    float:left;
    width:65px;
    height:auto;
}

.NieuwsNieuwsBerichtTitle
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
}


/*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:10pt;
}

.NieuwsBerichtTitle
{
    position:relative;
    float:left;
    width:370px;
    height:auto;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:5px;
    color:#239cdb;
    font-size:10pt;

}

.NieuwsBerichtbericht
{
    position:relative;
    float:left;
    width:464px;
    height:auto;
    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(../btnbacklink.png);
    background-repeat:no-repeat;
}

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

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

/*FullPagePanels*/

.PanelBg
{
    position:relative;
    float:left;
    width:784px;
    height:auto;
}

.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:#239cdb;
    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:#239cdb;
    text-align:left;
    margin-bottom:10px;
}

#MresKalenderTitle
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    font-size:10pt;
    font-weight:bold;
    font-variant:small-caps;
    color:#239cdb;
    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:#239cdb;
    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;
}

#MresTitle2
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    font-size:10pt;
    font-weight:bold;
    font-variant:small-caps;
    color:#239cdb;
    text-align:left;
    margin-bottom:10px;
}

#MresTitle3
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    font-size:10pt;
    font-weight:bold;
    font-variant:small-caps;
    color:#239cdb;
    text-align:left;
    margin-bottom:10px;
}

#MresTitle4
{
    position:relative;
    float:left;
    width:744px;
    height:auto;
    font-size:10pt;
    font-weight:bold;
    font-variant:small-caps;
    color:#239cdb;
    text-align:left;
    margin-bottom:10px;
}

/*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:#239cdb;
    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;
}

#VOlogo
{
    position:absolute;
    top:870px;
    left:25px;
    z-index:3;
} 

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





#ZoekresultatenOptiesWinter
{
    position:relative;
    float:left;
    width:784px;
    height:auto;
    margin-bottom:10px;
    background-color:#e1e7eb;
    color:#5b5b5b;
}

#ZoekresultatenOptiesZomer
{
    position:relative;
    float:left;
    width:784px;
    height:auto;
    margin-bottom:10px;
    background-color:#e1e7eb;
    color:#5b5b5b;
}


#ZoekresultatenOptiesPaginaWinter
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
    margin-bottom:10px;
    background-color:#e1e7eb;
    color:#5b5b5b;
    margin-left:60px;
}

#ZoekresultatenOptiesPaginaZomer
{
    position:relative;
    float:left;
    width:auto;
    height:auto;
    margin-bottom:10px;
    background-color:#e1e7eb;
    color:#5b5b5b;
    margin-left:60px;
}


#ZoekresultatenOptiesTitlePaginaWinter
{
    position:relative;
    float:left;
    width:59px;
    height:62px;
    margin-bottom:5px;
    margin-top:10px;
    background-image:url(../nietzomer.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#ZoekresultatenOptiesTitlePaginaZomer
{
    position:relative;
    float:left;
    width:59px;
    height:62px;
    margin-bottom:5px;
    margin-top:10px;
    background-image:url(../zomer1.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#ZoekresultatenOptiesBottomWinter
{
    position:relative;
    float:left;
    width:784px;
    height:10px;
    background-image:url(../resultpanelbottom.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

#ZoekresultatenOptiesBottomZomer
{
    position:relative;
    float:left;
    width:784px;
    height:10px;
    background-image:url(../resultpanelbottom.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

/******************************/
/** Zoekresultaten verfijnen **/
/******************************/

.ZoekopdrachtVerfijnenTitel
{
    position:relative;
    float:left;
    width:190px;
    height:auto;
    margin-bottom:10px;
    font-size:11pt;
    font-weight:bold;
    font-variant:small-caps;
    color:#239cdb;
}

.VerfijnZoekopdrachtSubTitle
{
    position:relative;
    float:left;
    width:180px;
    height:auto;
    margin-top:10px;
    margin-bottom:10px;
    font-variant:normal;
    text-decoration:underline;
    font-weight:bolder;
}

.VerfijnZoekopdrachtSub
{
    position:relative;
    float:left;
    width:170px;
    margin-left:10px;
    height:auto;
    margin-bottom:20px;
}

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

.ZoekOpdrachtButtons
{
    position:relative;
    float:left;
    width:170px;
    height:auto;
    text-align:left;
    padding-bottom:10px;
    
}

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


.MijnKalender .ajax__calendar_container 
{
	font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    border:1px solid #239cdb;
    background-color: white;
   
}

.MijnKalender .ajax__calendar_body 
{
	font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    background-color: white;
    
    
}

.MijnKalender .ajax__calendar_header 
{
	font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    background-color: white;
    color:#239cdb;
}

.MijnKalender .ajax__calendar_prev
{
	font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    background-color: white;
    color:#239cdb;
}

.MijnKalender .ajax__calendar_title
{
	font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    background-color: white;
    color:#239cdb;
}

.MijnKalender .ajax__calendar_next 
{
	font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    background-color: white;
    color:#239cdb;
}

.MijnKalender .ajax__calendar_other

{
	font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    background-color: white;
    
}

.MijnKalender .ajax__calendar_footer 

{
	font-family:Arial, Verdana, Sans-Serif;
    font-size:8pt;
    background-color: white;
    color:White;
}

.MijnKalender .ajax__calendar_today 

{
	font-weight:bold;
}

.MijnKalender .ajax__calendar_hover 

{
	color:#239cdb;	
}

.MijnKalender .ajax__calendar_active

{
	background-color: Silver;
}