/*********************************************************
 * CASCADING STYLESHEETS for BBR-VBR-WVL created by DVDM-Zonnebeke
 *********************************************************/

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #e5e8f1;
	color: #000066;
}


/*********************************************************
 * Beschrijving van unieke controls,
 * controls met ID
 */
#container
{
  margin: auto auto;
  padding: 0px;
  text-align: center;
  width: 1000px;
}

/* instellingen voor de pagina header */
#header
{
	height: 195px;
	margin: 0px;
	padding: 0px;
	background-image: url(../afbeeldingen/page_div/header.jpg);
	border: 0px;
}

/* achtergrond en instellingen voor de titels */
#titel_header
{
	height: 25px;
	margin: 0px;
	padding-left: 10px;
	padding-top: 4px;
	background-image: url(../afbeeldingen/page_div/titel%20bruin.jpg);
	border: 0px;
	background-repeat: no-repeat;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
	font:Arial, Helvetica, sans-serif;
	}

/* instellingen voor de pagina content  */

#content
{
	width: 1000px;
	background-image: url(../afbeeldingen/page_div/content.jpg);
	background-repeat: repeat-y;
	float:left;
	padding-left:25px
}

/* instellingen voor de pagina footer */
#footer
{
	color: #808080;
	font-size:80%;
	height: 100px;
	margin: 0px;
	background-image: url(../afbeeldingen/page_div/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	clear:both;
}

/* instellingen voor het gb  */
#gb_header
{
	color:#FFFFFF;
	font:bold;
	height: auto;
	text-align: left;
	margin: 0px;
	border: #0096c9 1px solid;
	background-color:#0096c9;
	vertical-align: middle;
	margin-top: 15px;
	font-size: 100%;
	padding-left:5px;
}

#gb_box
{
	height: auto;
	border: #0096c9 1px solid;
	margin: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	padding:5px;
	font-size: 100%;
}

/* instellingen voor box2  */
#box_header_bruin
{
	color:#FFFFFF;
	font:bold;
	height: auto;
	text-align: left;
	margin: 0px;
	border: #cd3333 1px solid;
	background-color:#cd3333;
	vertical-align: middle;
	margin-top: 15px;
	font-size: 100%;
	padding-left:5px;
}

#box_bruin
{
	height: auto;
	border: #cd3333 1px solid;
	margin: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	padding:5px;
	font-size: 100%;
}

/* instellingen voor kleine printer logo   */

#printer
{
	background-image: url(../afbeeldingen/4-Disabled-Printer-icon.png);
}

/* vanaf hier volgen de banner styles*************************************************************************************/
#banner {
	color:#07188E;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:3px;
	border:solid thick 2px;
	border-color:#FC6E26;
	width:auto;
	text-align:center;
	padding:4px;
	font-size:100%;
	background-repeat:repeat;
	background-color: #F5F4FF;
}

#birtday
{
	color:#FC6E26;
	width: 778px;
	height: 95px;
	text-align: center;
	margin: 0px;
	font-size: 120%;
	background-image: url(../afbeeldingen/birtday_bg.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	border: 1px;
	border-color: #FC6E26;
}

/* instellingen voor de leden menu  */
#menu_header
{
	color:#FFFFFF;
	font:bold;
	width: 116px;
	height: 10px;
	text-align: center;
	margin: 0px;
	border: 1px;
	background-color:#FC6E26;
	padding:2px;
}

#menu_box
{
	text-align: left;
	width: 114px;
	height: auto;
	border: #FC6E26 1px solid;
	margin: 0px;
	padding: 2px;
	background-color: #FFFFFF;
}

/* instellingen voor de pagina content links en rechts box */


 #content_boxl{
	margin-top:-15px;
	margin-left:11px;
	width: 163px;
	height: auto;
	position:relative;
	border: 0px;
	float: left;
	
}

#content_boxr{
	width:729px;
	margin-left:30px;
	height: auto;
	border: 0px;
	text-align: left;
	float: left;
}
/**********************************************************
 * Beschrijving van klassen, gekoppeld aan controls
 */
H1
{
  font-size: 16pt;
  font-weight: bold;
   
}

H2
{
  font-size: 14pt;
  font-weight: bold;
  
}


H3 
{
	font-size: 12pt;
	font-weight: bold;
	}

H4
{
  font-size: 10pt;
  font-weight: bold;
  }

H5
{
  font-size: 9pt;
  font-weight: bold;
  }

.Titel
{
	margin: 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #07188e;
	font:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.OnderTitel
{
	margin: 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #07188e;
	font: arial, Arial, Helvetica, sans-serif;
	}

.read_only
{
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

.Tekst_Vet
{
	font:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: #808080;
}
.Tekst_90
{
	font:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 90%;
	font-style: normal;
}

.Tekst_invers
{
	font:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 100%;
	font-style: normal;
	color: FFFFFF;
}

.copyright
{
	margin: 0px;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #fc6e26;
	text-align: center;
	border-bottom: 0;
	}
	
.errormsg {
	color: red;
	font-weight: bold;    
}
TEXTAREA {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #006699 1px solid;
	font-size:8pt;
} 
OPTION {
	font-size:8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #006699 1px solid;
} 
INPUT {
	font-size:8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #006699 1px solid;
} 
SELECT {
	font-size:8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: #006699 1px solid;
	background-color: #DADADA;
}

A:link {
	COLOR: #0000CC;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
A:visited {
	COLOR: #0000cc;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:hover {
	COLOR: #666666;
	TEXT-DECORATION: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*class voor het aanmaken van een oranje kader rond fotos */
.img_kader_oranje 	
	{
	img border-width: 4px;
	border-style: solid;
	border-color: #ffcc00;
	border: 1px;
}

/* back ground colors in tabel gegevens */
.bg1   {
	background-color:#f6e5a1 ;
}
.bg2   {
	background-color:#f7efcf ;
}

/* Style Sheet voor calendar icon Datum picker*/
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}