
* {
	margin				: 0;
	padding				: 0;
}

html,
body {
	background-color	: #FFFFFF;
	color				: #2B2B2B;
	font-family			: Verdana,Arial,sans-serif;
	font-size			: small;
}


body {
	margin				: 0;
	overflow			: auto;
	padding				: 0;
	font-size			: 85%;
	line-height			: 1.31em;
	margin				: 0pt;
	padding				: 0pt;
}

.clinic{
	color				: red
}

.hide{
	display				: none;
}

.show{
	display				: block;
}

h2 {
	color				: #552878;
	font-size			: 145.5%;
	font-weight			: bold;
	line-height			: 1.4em;
	margin				: 0pt 0pt 0.6em;
}

h3, h3 a, h3 a:link{
	color				:#552878;
	font-size			:109.5%;
	line-height			:1.31em;
	margin				:1.4em 0 0.8em;
}

h3.list-navigation a {
	background			: url("../img/arrow.gif") no-repeat 100% 55%;	
	padding				: 0 11px 0 0;
}

#contentcontainer #maincontent {
	float				: left;
	position			: relative;
	width				: 710px;
	margin-top			: 10px;
}


#maincontent #pagecontainer {
	padding				:0px;
	position			:relative;
	width				:710px;
	z-index				:1;
}

#maincontent #pagecontainer #content {
	border				: 1px solid #D7D7D7;
	float				: right;
	margin				: 0pt 0pt 50px;
	padding				: 10px 30px 20px;
	position			: relative;
	width				: 417px;
}

.allclear{
	clear				: both;
	height				: 0px;
	line-height			: 0px;
	font-size			: 0px;
	padding				: 0px;
	margin				: -1px 0px
}

form fieldset.box-content label,
form fieldset.box-content span{
	color				:#552878;
	display				:block;
	float				:left;
	font-weight			:bold
}

#maincontent #content form fieldset {
	margin				: 15px 0;
}

/********************/
/*   H3 classes     */
/********************/
fieldset.box-content div.h3 {
	background			: #F9F9F9 url("../img/framework/h3-form.gif") repeat-x scroll left bottom;
	border-bottom		: 1px solid #DCDCDC;
	color				: #A3228E;
	display				: block;
	margin				: 0pt 0pt 10px;
	min-height			: 17px;
	padding				: 5px 10px 5px 19px;
	font-weight			: bold;
	font-size			: 109.5%;
}

fieldset.box-content h3 div.undertext{
	color				: #552878;
	display				: block;
	font-size			: 85%;
	min-height			: 17px;
	font-weight			: normal;
}

fieldset.box-content {
	border				:1px solid #D4D4D4;
	margin				:0px 0px 12px;
	padding				:0px 0px 10px
}

fieldset.box-content .fields {
	background			:#F8F8F8 none repeat scroll 0%;
	clear				:both;
	margin				:0pt 9px 2px;
	min-height			:17px;
	padding				:3px 10px
}

fieldset.box-content .error_empty input, fieldset.box-content .error_false input,
fieldset.box-content .error_empty select, fieldset.box-content .error_false select{
	border				: 1px solid red;
}

fieldset.box-content .error_empty label, fieldset.box-content .error_false label,
fieldset.box-content .fields p.errormessage{
	color				: red;
}

#errMsg_general_1 .errormessage{
	color				: red;
}

fieldset.box-content .fields span.errormessage{
	display				: none;
	color				: red;
	font-size			: 90%;
	font-weight			: normal;
	font-style			: italic;
	padding-left		: 138px;
}

fieldset.box-content .error_empty span.empty{
	display				: block;
}

fieldset.box-content .error_false span.false{
	display				: block;
}

fieldset.box-content .error_false div.radio.radioClean {
background-position:0px -145px;
}

fieldset.box-content .fields label.radio{
	height				:auto;
	width				:auto;
}

fieldset.box-content div.fields label span.required{
	color				:#552878;
	position			:absolute;
	right				:5px;
	top					:3px
}

fieldset.box-content .field span.row{
	padding				:2px 9px 0pt 0pt;
}

fieldset.box-content label, fieldset.box-content .field label {
	line-height			:150%;
	padding				:2px 14px 0pt 0pt;
	position			:relative;
	width				:124px;
}

fieldset.box-content div.fields .row {
	float				:left;
	height				:auto;
	width				:auto;
}

fieldset.box-content div.field input {
	color				:#552878;
	display				:block;
	float				:left;
	font-weight			:bold;
	height				:auto;
	line-height			:150%;
	padding				:2px 14px 0pt 0pt;
	position			:relative;
}

fieldset.box-content div.fields .moreinput {
	margin				:0px;
	xfloat				:left;
}

fieldset.box-content div.fields input.digits {
	width				:30px;
	float				:left;
}

form fieldset input, 
form fieldset textarea,
form fieldset select {
	background			: #FFFFFF none repeat scroll 0%;
	border				: 1px solid #B2E7FA;
	font-size			: 98%;
	float				: left;
	padding				: 2px 6px;
	width				: 194px;
}

.right {
	float				: right
}

.left {
	float				: left
}

form fieldset select{
	padding				: 0px
}

/*button stylesheet*/
div.transfer a.previous {
	background		 	: #EBEBEB url("../img/framework/grey-br.gif")  no-repeat right bottom;
	border				: medium none;
	color			 	: #552878 !important;
	float				: left;
	text-decoration		: none;
}
div.transfer a.previous div {
	background 			: url("../img/framework/grey-tr.gif") no-repeat right top;
	display				: block;
}
div.transfer a.previous div div {
	background 			: url("../img/framework/grey-bl.gif") left bottom no-repeat;
}

div.transfer a.previous div div div {
	background			: url("../img/framework/grey-tl-back.gif") 0 0 no-repeat;
	color			 	: #552878;
	font-weight			: bold;
	padding				: 17px 20px 18px 30px;
}


a.DCsubmit,
a.button,
div.button {
	background			: #2094D2 url("../img/framework/blue-br.gif") no-repeat right bottom;
	border				: medium none;
	color				: #FFFFFF !important;
	float				: left;
	text-decoration		: none;
}

a.button-content {
	background-color	: #EBEBEB;
	background-image	: url("../img/framework/grey-br.gif");
	color				: #552878 !important;
}

a.DCsubmit span,
a.button span,
div.button span {
	background			: url("../img/framework/blue-tr.gif") no-repeat top right;
	display				: block;
}

a.button-content span {
	background-image	: url("../img/framework/grey-tr.gif");
}

a.DCsubmit span span,
a.button span span,
div.button span span{
	background			: url("../img/framework/blue-bl.gif") left bottom no-repeat;
}

a.button-content span span {
	background-image	: url("../img/framework/grey-bl.gif");
}

a.DCsubmit span span span,
a.button span span span,
div.button span span span{
	background			: url("../img/framework/blue-tl.gif") 0 0 no-repeat;
	color				: #FFFFFF;
	font-weight			: bold;
	padding				: 17px 20px 18px 30px;
}

a.button-content span span span {
	background-image	: url("../img/framework/grey-tl.gif");
	color				: #552878;
}



/* de blauwe pijlen voor de navigatiepositie */
#contextual h2, #contextual #contentnavigation h2 {
	display				: none;
}

#contextual {
	width				: 255px;
}
	
#contextual #contentnavigation ul{
		margin-top		: -6px;
}
	
#contextual #contentnavigation li{
		list-style		: none;
		display			: block;
		margin			: 6px 6px 6px 0;
		color			: white;
		border-color	: #D4D4D4;
		border-width	: 1px medium 1px 1px;
		border-style	: solid none solid solid;
		font-weight		: bold;
		font-size		: 105%;
		width			: 231px;
}
	
#contextual #contentnavigation li div.actief{
		background		: #007EC6;
		margin			: 4px;
		padding			: 16px 20px 0 7px;
		height			: 34px;
		width			: 200px;
		text-align		: right;
}
#contextual #contentnavigation li div.passief{
		background		: #00AEEF url("../img/framework/contentnavigation-shade.png") top	right repeat-y;
		margin			: 4px;
		padding			: 16px 20px 0 7px;
		height			: 34px;
		width			: 200px;
		text-align		: right;
}
#contextual #contentnavigation li div.bezocht{
		background		: #A9A9A9 url("../img/framework/contentnavigation-shade.png") top	right repeat-y;
		margin			: 4px;
		padding			: 16px 20px 0 7px;
		height			: 34px;
		width			: 200px;
		text-align		: right;
}
	
#contextual #contentnavigation li a{
		color			: #FFFFFF;
		text-decoration	: none;
}
	
#contextual #contentnavigation li div.kader{
		height			: 16px;
		width			: 18px;
		border			: 1px solid #fff;
		text-align		: center;
		float			: left
}
	
#contextual #contentnavigation li div.tekst{
		height			: 16px;
		text-align		: right;
		float			: right
}
	
#contextual #contentnavigation li div.pijl{
		background		: url("../img/framework/contentnavigation-current.gif") repeat-y scroll right center;
		height			:50px;
		width			: 20px;
		margin-right	:-4px;
		xpadding		:16px 44px 0pt 17px;
		position		:absolute;
		margin-top		:-16px;
		width			:243px;
}

.show{
		display			: block;
}
.hide{
		display			:none
}
	
/*STYLES REGARDING INFO TOOLTIPS*/
/*NOTE!! EDITTED VERSION OF NUON SITE*/
/*overlay*/
.i_info{
	width				: 20px;
	margin				: 5px -6px 0px 10px;
}

#overlay {
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 100%;
	height				: 100%; /* scripted */
	background			: black;
	display				: none;
	z-index				: 999;
	filter				: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity		: 0.2;
	opacity				: 0.2;
}

#content-frame {
	margin				:10px 0 0;
	border				:0;
	width				:100%;
}

a.close {
	background			: url("../img/information.gif") 0 0 no-repeat;
	display				: block;
	width				: 14px;
	height				: 14px;
	overflow			: hidden;
	text-indent			: -3000em;
	position			: relative;
	z-index				: 20;
}

/* dialog form styles */
#dialog-tooltip{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	display				: none;
	z-index				: 1000;
	width				: 274px;
}

div.dialog div{
	width				: 272px;
	border				: 1px solid #552878;
	background			: #fff;
}

div.dialog fieldset legend {
	display				: none;
}

div.dialog h3 {
	line-height			: 28px;
	background-color	: #F2F2F2;
	background-image	: url(../img/calendar-gradient.gif);
	background-repeat	: repeat-x;
	background-attachment	: scroll;
	opacity				: 1;
	margin				: 0px;
	padding-left		: 12px;
	padding-right		: 12px;
}

div.dialog h3 a{
	float				: right;
	padding				: 0px;
	margin				: 0px;
}

div.dialog p{
	clear				: both;
	padding-left		: 12px;
	padding-right		: 12px;
}

div.bedankt{
	height				: 143px
}

.fields .smallfield36 {
	float:right;
	width:36px;
	margin-top:2px
}

.fields .smallfield168 {
	float:right;
	width:167px;
	margin-top:2px
}

div.radio {
	width			: 20px;
	height			: 20px;
	display			: block;
	float			: left;
	background		: url("../img/framework/checkradio-icons.gif") no-repeat top left;
}

div.radio.radioClean {
	background-position: 0px -124px;
}

div.radio.radioChecked {
	background-position: 0px -104px;
}

div.radio.checkClean {
	background-position: 0px -24px;
}
div.radio.checkChecked {
	background-position: 0px -4px;
}

