*
{
	font-size: 9pt;
	font-family: tahoma;
	padding: 0; margin: 0;
}

html,body
{
	height: 100%;
	text-align:center;
}

#topcontainer
{
	width: 980px;
	height: 108px;	
	background: url(../images/topbar_bg.jpg);
	text-align:left;
    margin-left:auto; 
    margin-right:auto;  
}

#toplogo {
	float: left;
}

#topbar
{
	width: 440px;
	height: 60px;
	padding-top: 48px;
	padding-left: 0px;
	margin-top: 0px;
	float: left;	
	text-align:left;
    margin-left:auto; 
    margin-right:auto; 
}
/*	Form2 */
.Form2Text
{
	height: 16px;
	vertical-align: middle;
	padding-top: 2px;
	margin-right: 3px;
}
.Form2Button
{
	font-weight: bold;
	padding-bottom: 3px;
	background-image: url(../images/form_bt.jpg);
	border: none;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	cursor: pointer;
	width: 100px;
}
.Form2Title
{
	font-weight: bold;
	line-height: 40px;
}

.Form2Radio input
{
	border: none;
	background-color: none;	
}
/*	toplogin */
#toplogin
{
	margin-left: 20px;
}

#toplogin form
{
	margin: 0; 
	padding: 0;
}
#toplogin form table
{
	border-collapse: collapse;
	width: 220px;
}
#toplogin table tr td strong, #toplogin table tr td a, #toplogin table tr td input, #toplogin .Form2ValueLabel
{
	font-size: 8pt;
}

#toplogin a
{
	color: black;
	text-decoration: underline;
	border-bottom: none;
}

#toplogin a:hover
{
	color: black;
	background-color: transparent;
	
}
#toplogin form input.Form2Text
{
	width: 84px;
	height: 14px;
}
#toplogin input.Form2Button
{
	width: 17px;
	height: 17px;
	border: none;
	background-color: #84A633;
	font-weight: bold;
	background-image: url(../images/loginbutton.jpg);
	cursor: pointer;
}
#toplogin .Form2ValueLabel
{
	position: absolute;
	margin-left: 4px;
	line-height: 14px;
	color: #aaaaaa;
}
#toplogin td
{
	color: black;
	white-space: nowrap;
}
#toplogin .Form2Text
{
	color: #3F3F3F;
	border: 1px solid #84A633;
}

/*	einde toplogin */

#menucontainer
{
	width: 980px;
	height: 18px;
	font-size: 10pt;
	background: url(../images/menubar_bg.jpg);
	text-align:left;
    margin-left:auto; 
    margin-right:auto;  
}

#menu
{
	background: url(../images/menubar.jpg);
	background-repeat: no-repeat;
	padding-left: 164px;
	height: 17px;
	text-align:left;
}

#maincontainer
{
	width: 980px;
	height: 100%;
	text-align:left;
    margin-left:auto; 
    margin-right:auto;  
    background: #f8f8f8;
	
}

#contact
{
	border-top: 1px solid #84A633;
	padding-top: 10px;
	text-size:9pt;
	text-align:left;
}

.sidemenutitle
{
	color: #426116;
	font-size: 110%;
	padding-left: 5px;
	border: none;
	
}

.sidemenudiv
{
	border-bottom: 1px solid #d0efa0;
}
.sidemenuitem
{
	color: #84A633;
	padding-left: 10px;
	font-weight: none;	
	border:none;
	
}

.sidemenuitem:hover
{
	color: #426116;
	padding-left: 10px;
	font-weight: none;	
	border: none;
	background: none;
	
}

.sidemenuitemselected
{
	color: #426116;
	font-weight: bold;
	padding-left: 10px;
}


#left
{
	width: 158px; 
	min-height: 100%;
	height: 100%;
	float: left;
	background: #f4fedc url(../images/sidebar.jpg) top left repeat-x;
}

#left img
{
	width: 158px;
	
}


#leftTD
{
	background: #f4fedc;
}

#leftmenu
{
	height: 300px;
	background: url (../images/sidebar.jpg);
}

#main
{
	width: 800px;
	float: left;
	padding: 10px;
	background: #f8f8f8 url(../images/main_bg.jpg) ;
	background-repeat: no-repeat;
}

#mainTD
{
	background: #f8f8f8;
}

#poweredBy
{
	text-align: right;
	padding-right: 100px;
}

#poweredBy a
{
	color: #b0b0b0;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

#poweredBy a:hover 
{
	text-decoration: underline;
}


.MenuItem
{
	color: black;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

.MenuItem:hover
{
	color: white;
	background: none;
	border: none;
}

p,ul,td
{
	color: #3F3F3F;
	line-height: 18px;
	text-align: left;
}


h1,h2,h3
{
	padding-top: 20px;
	padding-bottom: 10px;
}

h1
{
	font-family: arial;
	color: #84A633;
	font-size: 120%;
	font-style: italic;
}

h2
{
	color: #84A633;
	font-size: 96%;
}

h3
{
	color: #3F3F3F;
	font-size: 103%;
}

td
{
	vertical-align: top;
}

.clean
{
	text-decoration: none;
	border: none;

}
.clean:hover
{
	text-decoration: none;
	border: none;
	background: none;
	

}

a
{
	color: #84A633;
	text-decoration: none;
	border-bottom: 1px dashed #84A633;
}

a:hover
{	
	text-decoration: none;
	background-color: #E8F7B4;
	border-bottom: 1px dashed #84A633;

}

.GalleryItem
{
	float: left; 
	width: 120px; 
	height: 120px;
	margin:  10px;
	border: 1px solid #84A633;
	cursor: hand; cursor: pointer;
	
}

#toplogo a,#toplogo a:hover,#toplogo a img
{
	border: 0;
}




.GalleryItemImage
{

}

.GalleryItemText
{
	font-size: 7pt;

}



form
{
	margin-top:10px;
}

form check
{
	background: none;
}

form input,textarea,.inputbox,select
{
	color: #505050;
	font: 8pt verdana;
	height: 19px;
	background-color: white;
	border: 1px solid black;
	line-height: 17px;
	padding-left: 2px;
}

form textarea
{
	width: 320px;
	height: 160px;
}

.button,.FormButton
{
	color: black;
	width: 100px;
	height: 22px;
	background-image: url(../images/form_bt.jpg);
	border: none;
	font: 8pt arial;
	font-weight: bold;
}

.FormButtonLarge {
	color: black;
	width: 300px;
	height: 22px;
	background-image: url(../images/form_big_bt.jpg);
	border: none;
	font: 8pt arial;
	font-weight: bold;
}

div.FormButtonLarge
{
	text-align: center;
	line-height: 20px;
	margin: auto;
}

.buttonSmall,.FormButtonSmall
{
	color: black;
	
	width: 120px;
	height: 22px;
	background: none;
	border: 1px solid #dddddd;
	
	font: 7pt arial;
	font-style: italic;
	font-weight: bold;
}


.CheckBox 
{
	border: none;
	background: none;
}

.FormTitle
{
	font-weight: bold;
	color: #628136;
	font-size: 103%;
}

.FormSubTitle
{
	color: #628136;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	
}

.FormWeekTitle
{
	color: #628136;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	width: 20px;
	float: left;
	text-align: center;
	
}

.FormMessage
{
	font-size: 9pt;
	color: #006633;
	background-color: white;
}

.FormRadio,.FormCheckbox
{
	border: none;
	background: none;
	margin-left: 4px;
	margin-right: 4px;
}

.FormTitleCell
{
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 2px;

}
.FormLabelCell0
{
	background-color: 	#f8f8f8;
	width: 				250px;
	padding: 			2px;
	border: 			1px solid white;
	font-size: 			9pt;
}

.FormLabelCell1
{
	background-color: 	#f0f0f0;
	width: 				250px;
	padding: 			2px;
	border: 			1px solid white;
	font-size: 			9pt;
	padding-bottom:		2px;
}
.FormValueCell0
{
	background-color: 	#f8f8f8;
	padding: 			2px;
	border: 			1px solid white;
	font-size: 			9pt;
	padding-bottom:		2px;
	
}

.FormValueCell1
{
	background-color: 	#f0f0f0;
	padding: 			2px;
	border: 			1px solid white;
	font-size: 			9pt;
	
}

.FormRequired
{
	color: #006633;
	font-size: 10pt;
}

.FormNote
{
	
}

.FormLabelError
{
	color: red;
}

.FormError
{
	color: red;
	font-style: italic;
}

.FormInfo
{
	font-weight: bold;
	margin-left: 4px;
	color: #006633;
	cursor: pointer; cursor: hand;
}

.FormInfoWnd
{
	left: 0px;
	width: 280px;
	margin: 2px;
	padding-left: 4px;
	padding-right: 4px;
	position: absolute;
	display: none;
	border: 1px solid #006633;
	color: #006633;
	background-color: #dbe9e2;
	line-height: 10pt;

}

.RegUnkown
{
	font-size: 9pt;
	font-weight: bold;
	color: #888888;
}

.RegAccept
{
	font-size: 9pt;
	font-weight: bold;
	color: #006600;
}

.RegDenied
{
	font-size: 9pt;
	font-weight: bold;
	color: #660000;
}

.RegValue
{
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	color: #666666;
	text-align: right;
}

ul.Advertentie
{
	list-style-type: none;
}

ul.Advertentie li
{
	border: 3px solid #84a633;
	margin: 4px;
}

ul.Advertentie li a:hover
{
	background-color: white;
	text-decoration: underline;
}

ul.Advertentie li.Groen
{
	border: 3px solid #84A633;
	background-color: #effad0;
}

ul.Advertentie li.Groen a:hover
{
	background-color: #effad0;
	text-decoration: underline;
}

ul.Advertentie li.Rood
{
	border: 3px solid #ff0012;
	background-color: #ffc8cc;
}

ul.Advertentie li.Rood a:hover
{
	background-color: #ffc8cc;
	text-decoration: underline;
}

ul.Advertentie li.Paars
{
	border: 3px solid #55006c;
	background-color: #f9e3ff;
}

ul.Advertentie li.Paars a:hover
{
	background-color: #f9e3ff;
	text-decoration: underline;
}

ul.Advertentie li a
{
	color: black;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	font-style: normal;
	border-bottom: none;
}


/*	Request password */
#requestPasswordContainer
{
	min-height: 550px;
}
#requestPasswordContainer p
{
	width: 500px;
}


.Cleardiv
{
	clear: both;
}

.Form2Error
{
	color: red!important;
}

/* hour form */
table.HourForm,table.CalcForm
{
	border-top: 2px solid #84A633;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	width: 600px;
	border-collapse: collapse;
		
}

table.HourForm tr td
{
	text-align: right;	
}

table.HourForm tr th
{
	text-align: center;	
}

table.HourForm tr, table.HourForm tr td, table.HourForm tr th,
table.CalcForm tr, table.CalcForm tr td, table.CalcForm tr th
{
	margin: 0;
	padding: 2px;
	background-color: #efefef;	
}

td
{
		
}