/*
	oranje = ff8a00
	blauw = 2210d2
	gebroken wit blauw = d3ffff

*/

html
{
	overflow:					auto;
	overflow-x:					auto;
	overflow-y:					scroll;
	width:						100%;
	height:						100%;
}

body
{
	margin:						0px;
	border:						0px;
	padding:					0px;
	width:						100%;
	height:						100%;
	background-color:			#ffffff;
	font-family: 				arial, verdana;
	font-style:					normal;
	font-weight:				normal;
	font-size: 					12px;
	line-height:				15px;
	color:						#330033;
}

table
{
	width:						100%;
}

td
{
	vertical-align:				top;
}

form
{
	margin:						0px;
	border:						0px;
	padding:					0px;
}

ul
{
	margin:						0px 0px 0px 20px;
	border:						0px;
	padding:					0px;
}

img
{
	margin:						0px;
	border:						0px;
	padding:					0px;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dSiteArea
{
	margin:						20px auto 0px auto;
	border:						0px;
	padding:					0px;
	width:						660px;
	height:						100%;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dSWArea
{
	margin:						0px;
	border:						0px;
	padding:					0px 0px 0px 10px;
	height:						19px;
	text-align:					right;
	background-color:			#689cd3;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dLogoArea
{
	margin:						0px;
	border:						0px;
	padding:					0px;
	height:						80px;
	text-align:					right;
	background-color:			#ffffff;
	background-position:		left top;
	background-image:			url(../img/logo.gif);
	background-repeat:			no-repeat;
}

.dTitle
{
	margin:						0px;
	border:						0px;
	padding:					44px 10px 0px 10px;
	font-style:					normal;
	font-weight:				bold;
	font-size: 					22px;
	line-height:				30px;
	color:						#8688bb;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dNavArea
{
	margin:						0px;
	border:						0px;
	padding:					0px;
	height:						100px;
	background-position:		right top;
	background-image:			url(../img/thema1.jpg);
	background-repeat:			no-repeat;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dContentArea
{
	margin:						1px 0px 0px 0px;
	border:						0px;
	padding:					0px;
	height:						290px;
	background-color:			#689cd3;
}

.dBlock
{
	margin:						0px;
	border:						0px;
	padding:					10px;
}

.dBText,.dBTextNB
{
	margin:						0px 0px 10px 0px;
	border:						0px;
	padding:					0px;
	font-style:					normal;
	font-weight:				normal;
	font-size: 					12px;
	line-height:				14px;
	color:						#ffffff;
}
.dBTextNB
{
	margin-bottom:				0px;
}

.dForm
{
	float:						right;
	margin:						10px;
	border:						0px;
	border-left:				1px solid #ffffff;
	padding:					0px 0px 0px 10px;
	width:						175px;
	height:						270px;
}

.dInput
{
	margin:						1px 0px 4px 0px;
	border:						1px solid #ff8a00;
	padding:					0px;
	width:						100%;
	font-family: 				arial, verdana;
	font-style:					normal;
	font-weight:				normal;
	font-size: 					12px;
	line-height:				14px;
	color:						#2210d2;
}

.dButton
{
	margin:						1px 0px 5px 0px;
	border:						0px solid #9b0548;
	padding:					1px 5px 1px 5px;
	font-style:					normal;
	font-weight:				bold;
	font-size: 					12px;
	line-height:				20px;
	color:						#ffffff;
	text-decoration:			underline;
	background-color:			#2210d2;
	cursor:						pointer;
	width:						auto;
	overflow:					visible;
}
.dButton:hover
{
	color:						#ff8a00;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dPoweredArea
{
	margin:						3px 0px 0px 0px;
	border:						0px;
	padding:					0px 10px 0px 10px;
	height:						17px;
	text-align:					right;
	background-color:			#689cd3;
}

.dPowered
{
	margin:						0px;
	border:						0px;
	padding:					0px;
	font-style:					normal;
	font-weight:				normal;
	font-size: 					10px;
	line-height:				14px;
	color:						#ffffff;
	text-decoration:			none;
}
.dPowered:hover
{
	color:						#d3ffff;
	text-decoration:			underline;
}






