/*
*  Pro-tect background body :	#D2D0C8
*  Pro-tect background content: #E8E6E3
*  Pro-tect donkergrijs:	#5E5E5E
*  Pro-tect Standaard tekst:	#8A8A8A
*  Pro-tect Oranje:		#F79709;
* /
*/

/* achtergrondkleur scherm (buiten kader) */
body
{
	background-color:	white;
}

/* font buiten kader */
body, table
{
	font: 				normal 9pt Arial;
	color: 				#5E5E5E;
}

/* standaard links styling kader */
a{
	text-decoration:	none;
}

a, a:link, a:visited
{
	color:#5E5E5E;
}

a:hover
{
	color:#F79709;
}

.standard_top, .beheer_top
{
	text-transform: 	uppercase;
	height: 			34px;
	line-height:		34px;
	/*
	background-image: url(../images/front_grey_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	*/
	font-size: 			12pt;
	font-weight: 		bold;
	vertical-align: 	middle;
	padding: 			0px 36px 0px 10px;
	background-color:	#5E5E5E;
	color:				#F79709;
}

/* Fielset settings */
fieldset
{
	border-style:	solid;
	border-width:	1px 1px 1px 1px;
	border-color:	#B5B1A8;
	margin: 		10px 10px 10px 10px;
/*	background-color:			white;*/
}

legend
{
	color:	#5E5E5E;
}

.fieldSetWithHelp
{
	width: 670px;
	float:left;
}

.kaderdiv_body_with_help
{
	width: 680px;
	float:left;
}

.help_top
{
	font-size: 9pt;
	font-weight:bold;
	background-image: url(../images/help_arrow_small.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:214px;
	height: 23px;
	line-height: 25px;
	padding: 	0px 6px 0px 30px;
	background-color: #646464;
	color:white;
	text-transform: uppercase;
}

.help_body
{
	padding:6px 6px 30px 6px;
	margin-top:6px;
	width:234px;
	border-style:	solid;
	border-width:	2px 2px 2px 2px;
	border-color:	#dcdcdc;
}

.helpTekst
{
	width:	250px;
	float:	right;
}

/*
.scrollStyle, .scrollStyleNav
{
	scrollbar-face-color: 		#FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
	scrollbar-arrow-color:		#3F403E;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color:		#FFFFFF;
}
*/

.scrollStyle
{
	scrollbar-face-color: 		#5E5E5E;
	scrollbar-highlight-color:	#5E5E5E;
	scrollbar-shadow-color:		#5E5E5E;
	scrollbar-arrow-color:		#F79709;
	scrollbar-3dlight-color:	#b5b1a8;
	scrollbar-darkshadow-color: #b5b1a8;
	scrollbar-track-color:		#b5b1a8;
}

/* styling voor loginscherm */
.loginDiv
{
	width:300px;
	margin-top:0px;
}

.tableLogin
{
	background-color:#B5B1A8;
	border-color:#5E5E5E;
	border-style:solid;
	border-width:1px 2px 2px 1px;
	color:black;

	width:				100%;
	height:				206px;
}

.tableLogin td
{
	padding: 0px 0px 0px 10px;
}

input[type="button"], input[type="submit"]{
	color:				white;
	background-color:	#5E5E5E;
	border-style:		solid;
	border-width:		2px 2px 2px 2px;;
	border-color:		#F79709;
}

input[type="text"], input[type="password"], input[type="file"], select, textarea{
	color:				#5E5E5E;
	background-color:	white;
	border-style: 		solid;
	border-width: 		1px;
	border-color: 		#F79709;
	padding:			0px 0px 0px 3px;
}

input[type="text"], input[type="password"], input[type="file"]{
	width: 200px;
}

select{
	width: 205px;
}

select, textarea
{
	color:				#5E5E5E;
	background-color:	white;
	border: 		    1px solid #F79709;
	padding:			0px 0px 0px 3px;
}



.imageLink, imageLink:link, imageLink:visited
{
	text-decoration:none;
	border:0;
	padding:0;
}

.confirmDiv
{
	width: 100%;
	height: auto !important;
}

.confirmDivTop
{
	text-transform: 	uppercase;
	height: 			34px;
	line-height:		34px;
	background-image: 	url(../images/front_grey_arrow.gif);
	background-position:top left;
	background-repeat:	no-repeat;
	font-size: 			12pt;
	font-weight: 		bold;
	vertical-align: 	middle;
	padding: 			0px 6px 0px 40px;
	background-color:	#3F403E;
	color:				white;
}

.confirmBody
{
	width:300px;
	margin-top:6px;
}

.buttonArrow
{
	border-width: 	0px;
	font-size: 		12px;
	font-weight:	bold;
	/*
	background-image: url(../images/front_grey_arrow_small.gif);
	background-position:top left;
	background-repeat:no-repeat;
	*/
	width:  120px;
	height: 24px;
	line-height: 18px;
	padding: 	0px 6px 2px 24px;
	background-color: #3F403E;
	color:white;
	text-transform: uppercase;
}

.buttonArrowBack
{
	border-width:	0px;
	font-size: 		12px;
	font-weight:	bold;
	/*
	background-image: url(../images/front_grey_arrow_small_reverse.gif);
	background-position:top right;
	background-repeat:no-repeat;
	*/
	width:100px;
	height: 24px;
	line-height: 18px;
	padding: 	0px 6px 2px 10px;
	background-color: #3F403E;
	color:white;
	text-transform: uppercase;
}

.buttonArrow:hover, .buttonArrowBack:hover
{
	cursor: pointer;
}