html 
{
	/*
	scrollbar-face-color       : #F8DD44; 
	scrollbar-track-color      : #F8DD44;
	scrollbar-shadow-color     : #FCF39B;
	scrollbar-darkshadow-color : #F8DD44;
	scrollbar-highlight-color  : #FCF39B;
	scrollbar-3dlight-color    : #F8DD44;
	scrollbar-arrow-color      : #FCF39B;
	*/
	scrollbar-base-color       : #F8DD44; 
}

/* Normaal */
body
{
	background-color : #F8DD44;

	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
}


/* Brochure */
body.broch
{
	background-color: #FEFDC2;
	background-image: url(http://www.vacansoleil.nl/images/bg_main2.jpg); 
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
}

/* Top banner */
body.topb
{
	background-repeat: no-repeat; 
	background-color : #F4ED7E;
	color            : #000000;
	font-weight      : normal;
}

/* Bottom banner (navigatie) */
body.bottomb
{
	background-color : #F8DD44;
	color            : #000000;

	font-weight      : normal;
}

/* Nieuwe pagina (re-direct) */
body.newpage
{
	background-color : #FFFFFF;
	color            : #000000;

	font-weight      : normal;
}

/* Application loader */
body.apploader
{
	background-color           : #000000;
	color                      : #FFFFFF;

	font-weight                : normal;

	scrollbar-face-color       : #000000; 
	scrollbar-track-color      : #000000;
	scrollbar-shadow-color     : #000000;
	scrollbar-darkshadow-color : #000000;
	scrollbar-highlight-color  : #000000;
	scrollbar-3dlight-color    : #000000;
	scrollbar-arrow-color      : #000000;
}

h1
{
	color       : #1B417B;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	/*font-size   : medium;*/
}

td
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 12px;
}

td.nw
{
      white-space: nowrap;
}

td.info
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 12px; 
	font-weight : bold;
}

td.info2
{
	border  : 1px solid #000000;
      padding : 5px;
}

table.info2
{
	border  : 1px solid #000000;
      padding : 5px;}

td.hidden
{
	color : #FCF39B;
}

select
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 12px;
}

.lightbg
{
	background-color : #FCF39B;
}

.boldblauw
{
	color       : #1B417B;

	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 12px;
	font-weight : bold;
}

td.jaar
{
	background-color : #FCF39B;

	border           : 1px solid #000000;
}

a
{
	font-weight : bold;
}

a:link
{
	font-weight : bold;
}

a.kalender
{
	color            : #1A417A;

	font-family      : Verdana, Arial, Helvetica, sans-serif; 
	font-size        : 12px; 
	font-weight      : bold;
}

a.info
{
	color            : #000000;

	font-family      : Verdana, Arial, Helvetica, sans-serif; 
	font-size        : 12px; 
	font-weight      : bold;
}

a.knop
{
	background-color : #F8DD44;
	color            : #1A417A;
	padding		 : 1px;
	padding-left	 : 4PX;
	padding-right	 : 4PX;
	height		 : 15px;
	font-family      : Verdana, Arial, Helvetica, sans-serif; 
	font-size        : 12px; 
	line-height	 : 14px;
	font-weight      : bold;
	border           : 1px solid #1A417A;
	text-decoration  : none;
}

a.knop:hover, a.knop:active, a.knop:focus
{
	background-color : #1A417A;
	color            : #F8DD44;
}

a.knopgroot
{
	background-color : #FCF39B;
	color            : #1A417A;
	padding		 : 2px;
	padding-left	 : 8PX;
	padding-right	 : 8PX;
	height		 : 22px;
	font-family      : Verdana, Arial, Helvetica, sans-serif; 
	font-size        : 15px; 
	line-height	 : 17px;
	font-weight      : bold;
	border           : 2px solid #1A417A;
	text-decoration  : none;
}


a.knopgroot:hover, a.knopgroot:active, a.knopgroot:focus
{
	background-color : #1A417A;
	color            : #FCF39B;
}

a.knopboekjaar
{
	background-color : #1A417A;
	color            : #FCF39B;
	font-family      : Verdana, Arial, Helvetica, sans-serif; 
	font-size        : 12px; 
	font-weight      : bold;
	border           : 10px solid #1A417A;
        padding-bottom   : 1px;
	text-decoration  : none;
        text-align       : center;
	float            : left;
}

.lmarge
{
	margin-left : 10px;
}

.rmarge
{
	margin-right : 10px;
	text-align   : right;
}

a.topbluea
{
	background-color : #1B417B;
	color            : #F4ED7E;
	
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
	font-weight      : bold;

	text-decoration  : none; 
}

a.topyellowa
{
	background-color : #F4ED7E;
	color            : #1B417B;
	
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
	font-weight      : bold;
	
	text-decoration  : none;
}

.topblue
{
	background-color : #1B417B;
	color            : #F4ED7E;
	
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
	font-weight      : bold;

	border-left      : 1px solid #F4ED7E;
}

.topyellow
{
	background-color : #F4ED7E;
	color            : #1B417B;
	
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;	
	font-weight      : bold;
}

th
{
	background-color : #F8DD44;
}

.td
{
	background-color : #FAE870;
}

.td1
{
	background-color : #FEFEC2;

	text-align       :  center;
}

.td2
{
	background-color : #F4ED7E;

	text-align       : center;
}

.td3
{
	background-color : #F8DD44;

	text-align       : center;
}

.tdlink
{
	background-color : #F4ED7E;
	color            : #1B417B;

	text-decoration  : underline;

	cursor           : pointer;
}

.tdb
{
	background-color : #679294;
}

.td1b
{
	background-color : #C2D4CB;

	text-align       : center;
}

.item .button {
	vertical-align: top;
} 
.anb1
{
	background-color : #FAE870;

}

.anb2
{
	background-color : #FEFEC2;

	text-align       : center;
}

.anb3
{
	background-color : #FEFEC2;

	text-align       : left;
}

.anb1b
{
	background-color : #679294;
}

.anb2b
{
	background-color : #C2D4CB;

	text-align       : center;
}

.anb3b
{
	background-color : #C2D4CB;

	text-align       : left;
}

.inputtext
{
	border-color        : #1B417F #1B417F #1B417F #1b417F;
	border-top-width    : 1px;
	border-right-width  : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;

	font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 12px;
}

.inputtext2
{
	border-color        : #1B417F #1B417F #1B417F #1b417F;
	border-top-width    : 1px;
	border-right-width  : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;

	font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 12px;

	width               : 20px;
}
.inputtext3
{
	border-color        : #1B417F #1B417F #1B417F #1b417F;
	border-top-width    : 1px;
	border-right-width  : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;

	font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 12px;

	width               : 30px;
}

.inputtext6
{
	border-color        : #1B417F #1B417F #1B417F #1b417F;
	border-top-width    : 1px;
	border-right-width  : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;

	font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 12px;

	width               : 50px;
}

.inputtext8
{
	border-color        : #1B417F #1B417F #1B417F #1b417F;
	border-top-width    : 1px;
	border-right-width  : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;

	font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 12px;

	width               : 60px;
}

.inputtext10
{
	border-color        : #1B417F #1B417F #1B417F #1b417F;
	border-top-width    : 1px;
	border-right-width  : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;

	font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 12px;

	width               : 65px;
}

.inputtext10a
{
	border-color        : #1B417F #1B417F #1B417F #1b417F;
	border-top-width    : 1px;
	border-right-width  : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;

	font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 12px;

	width               : 80px;
}

.inputtext20
{
	border-color        : #1B417F #1B417F #1B417F #1b417F;
	border-top-width    : 1px;
	border-right-width  : 1px;
	border-bottom-width : 1px;
	border-left-width   : 1px;

	font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 12px;

	width               : 100px;
}

.select
{
	
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 12px;
}

.blinken
{
	text-decoration : underline blink;

	font-weight     : bold;
}

.divcom
{
	background-color       : #FFFFFF;
	layer-background-color : #FFFFFF;

	border                 : 1px solid #003366;

	position               : absolute;
	left                   : 500px;
	top                    : 80px;
	width                  : 400px;
	height                 : 250px;
	z-index                : 2;
	visibility             : hidden;
}

.box
{
	background-color : #FFFFFF;
	color            : #333333;
	border           : 1px solid #999999;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
	width            : 250px;
}

.llijn2
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F8DD44;
}

td.jaar2
{
	background-color : #FCF39B;

	border           : 1px solid #000000;
	font-size   : 20px;
}
td.jaar
{
	background-color : #FCF39B;

	border           : 1px solid #000000;
}
.anb4
{
	background-color : #F6CAA3;

	text-align       : center;
}


.anb5
{
	background-color : #F6CAA3;

	text-align       : left;
}

.anb6
{
	background-color : #ECA770;

	text-align       : center;
}


.anb7
{
	background-color : #ECA770;

	text-align       : left;
}


.relseg
{
 border-width : 3px;
 background-color : #F6CAA3;
 
 rules:rows; 
 border-style: solid; 
 border-color: #ECA770;
 width:60%;
}
.relsegpic
{
 width:250px;
 border-width : 1px;
 border-color: #000000;
 border-style: solid; 
}

td.lefttop
{
	border-left: 1px solid #000000;
	border-top : 1px solid #000000;
}
td.right
{
	border-right: 1px solid #000000;
}

td.bottom
{
	border-bottom: 1px solid #000000;
}
.KOP
{
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #336699;
}
/* style="background-color:#336699; color:#FFFFFF; font-weight:bold;" */
body1.broch {
	background-color:#FEFEC2;
	padding:5px;
}

