/*********************************************************
 * CASCADING STYLESHEETS
 
 *********************************************************/

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


/*********************************************************
 * 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/header.jpg);
	border: 0px;
}

/* achtergrond en instellingen voor de titels */
#titel_header
{	
	height: 30px;
	margin: 0px;
	padding-left: 30px;
	padding-top: 2px;
	background-image: url(../afbeeldingen/main_titel_bg.png);
	border: 0px;
	background-repeat: no-repeat;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	font:Verdana, Arial, Helvetica, sans-serif;
}

/* instellingen voor de pagina content  */

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

/* instellingen voor de pagina footer */
#footer
{
	color: #808080;
	width: 1000px;
	font-size:80%;
	text-align: center;
	height: 47px;
	margin: 0px;
	background-image: url(../afbeeldingen/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 53px;
	clear:both;
}

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

#gb_box
{
	width: 773px;
	height: auto;
	border: #868fc8 1px solid;
	margin: 0px;
	padding-left: 0px;
	background-color: #F5F4FF;
	padding:5px;
}

/* 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:#ffffff;
	width: 778px;
	height: 93px;
	text-align: center;
	margin: 0px;
	font-size: 130%;
	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{
	width: 128px;
	height: auto;
	position:relative;
	border: 0px;
	text-align: center;
	float: left;
	
}

#content_boxr{
	width:785px;
	margin-left:20px;
	margin-right:-20px;
	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;
  color: Red;
}

.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;
	font-style: underline;
}

.Tekst
{ font:Verdana, Arial, Helvetica, sans-serif;
  padding:;
  margin: 0px;
  font-size: 9pt;
  font-weight: normal;
  font-style: normal;
  color: #808080;
}

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

.Tekst_90
{
	font:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 90%;
	font-style: normal;
}

.copyright
{
	margin: 0px;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #fc6e26;
	text-align: center;
	border-bottom: 0;
	}
	
.errormsg {
    color: red;
    
}

.errormsg_2 {
	color: #FFFF00;    
}

TEXTAREA {
	color: #07188e;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #006699 1px solid;
	font-size:8pt;
} 
OPTION {
	color: #07188e;
	font-size:8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #006699 1px solid;
} 
INPUT {
	color: #07188e;
	font-size:8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND: #DADADA;
	border: #006699 1px solid;
} 
SELECT {
	color: #07188e;
	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: #FC6E26;
	border: 1px;
}

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

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