* {
	margin				: 0;
	padding				: 0;
}

html,
body {
	background-color	: #FFFFFF;
	color				: #2B2B2B;
	font-family			: Verdana,Arial,sans-serif;
	font-size			: small;
}


body #canvas {
	position			: relative;
	top					: -1px;
	width				: 775px;
	margin				: 0 auto;
	text-align			: left;
	border-top			: 1px solid #fff;
}

body {
	font-size			: 85%;
	line-height			: 1.31em;
	margin				: 0pt;
	padding				: 0pt;
	text-align			: center;
}

.hide{
	display				: none;
}

.show{
	display				: block;
}

body.page-1024 #canvas {
	width				: 976px;
}

#logobar {
	background			: url(../img/framework/nuon-logo.gif) 14px 0 no-repeat ;
	height				:25px;
	left				:0pt;
	position			:absolute;
	text-indent			:-9000px;
	top					:30px;
	width				:100%;
}


#contentcontainer #maincontent {
	float				:left;
	position			:relative;
	width				:717px;
}


#maincontent #pagecontainer {
	background			:url("../img/framework/content.gif") 0 0 repeat-y;
	padding-left		:24px;
	position			:relative;
	width				:717px;
	z-index				:1;
	float				:left;
}

#maincontent #pagecontainer #content {
	float				:right;
	position			:relative;
	top					:30px;
	padding				:0px 0px 20px 0px;
	margin				:0 0 50px 0;
	width				:477px;
}

.pagebanner {
	border				:1px solid #D4D4D4;
	margin				:0pt 0pt 10px;
	padding				:4px;
}
				
body.page-1024 #contentcontainer.content-fullwidth #maincontent #pagecontainer #content {
	float			: right;
}

#contentcontainer #h1container {
	background			:url("../img/framework/h1.gif") left bottom no-repeat;
	height				:38px;
	padding				:2px 0 15px 38px;
}

#h1container h1{
	background-image	:url("../img/title/titel.gif");
	background-repeat	:no-repeat;
	height				:38px;
}	

#contentcontainer {
	margin				:80px 0 0 0;
}


body.page-1024 #contentcontainer {

	float				: left;
}

.visual {
	margin				:0 0 10px 0;
}

div.row {
	clear				:both;
	margin				:0 0 10px -2px;
}

.visual .overlay {
	background			: url("../img/framework/visual-overlay.gif") 0 0 no-repeat;
	height				:220px;
	left				:0;
	position			:absolute;
	top					:0;
	width				:20px;
}

#maincontent #content h2 {
	color				:#552878;
}

.visual p, .visual h2 {
	left				:-3000em;
	overflow			:hidden;
	position			:absolute;
}

b{
	color				:#552878
}

p {
	line-height			:1.4em;
	margin				:0.3em 0 1em;
}

h1 {
	clear				:both;
	color				:#552878;
	font-size			:255%;
	font-weight			:normal;
	line-height			:1.158em;
}

h2 {
	color				:#552878;
	font-size			:145.5%;
	font-weight			:bold;
	line-height			:1.4em;
	margin				:0 0 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;
}

h4{
	color				:#552878;
	font-size			:109.5%;
	line-height			:1.31em;
	margin				:1.4em 0 0.8em;
	
}

#maincontent #pagecontainer #contextual {
	float				:left;
	left				:0px;
	padding				:30px 0 0 0;
	position			:relative;
	top					:0;
	width				:233px;
}

#contextual #contentnavigation {
	min-height			:50px;
}

#maincontent #pagecontainer .item, #maincontent #contextual .item {
	margin				:0;
	width				:auto;
}

.item {
	border				:1px solid #D4D4D4;
	padding				: 0 0 21px 12px;
}

ul {
	color				:#552878;
	margin				:1em 0 1em 1.9em;
}

ul li {
	margin				:0pt 0pt 0.5em;
}

#contextual #contentnavigation ul {
	list-style-image	:none;
	list-style-position	:outside;
	list-style-type		:none;
	margin				:0;
	padding				:0;
}

#contextual #contentnavigation ul li {
	margin				:0 0 1em 10px;
}

#contextual #contentnavigation ul li.current {
	background			:url("../img/framework/arrow.gif") left 4px no-repeat;
}

#maincontent h1 {
	background-position	:0 2px;
	background-repeat	:no-repeat;
	margin				:0;
	overflow			:hidden;
	text-indent			:-3000px;
}

body.page-1024 #footer {
	background			:url("../img/framework/footer-1024.gif") 0 0 no-repeat;
	left				:11px;
	width				:auto;
}

#footer {
	background			:url("../img/framework/footer-800.gif") 0 0 no-repeat;
	clear				:both;
	height				:35px;
	left				:11px;
	position			:relative;
	width				:761px;
}


#footer ul {
	list-style-image	:none;
	list-style-position	:outside;
	list-style-type		:none;
	margin				:0;
	padding				:11px 0 0 20px;
}

#contextual h2, #contextual #contentnavigation h2 {
	display				:none;
}



#contextual #contentnavigation ul li.current a {
	font-weight			:bold;
	text-decoration		:underline;
}

#contextual #contentnavigation ul li a {
	color				:#552878;
	display				:block;
	padding				:0 0 0 10px;
}

a, a:link {
	color				:#007EC6;
	text-decoration		:none;
}

.item h3 {
	border-bottom		:1px solid #D4D4D4;
	font-size			:109.5%;
	font-weight			:bold;
	margin				:0 0 0 -12px;
	padding				:4px 10px;
}


#contentcontainer #subcontent {
	display				: inline;
	vertical-align		: top;
	float				: right;
	padding				: 54px 0 0 0;
	margin				: 10px 0 0 14px;
	background			: url("../img/framework/subcontent-bg-800.gif") 0 0 no-repeat;
}

body.page-1024 #canvas #subcontent {
	margin				:0 0 0 10px;
	width				:232px;
	border-top			:1px solid #d8d8d8;
	background			:none;
}

#contentcontainer #subcontent .column {
	float				:left;
	width				:223px;
}

body.page-1024 #contentcontainer #subcontent .column {
	float				:none;
}

#contentcontainer #subcontent .column .item {
	margin				:0 0 10px 10px;
}

#subcontent .item {
	background			: #FFFFFF;
}

#metanavigation {
	left				:0;
	position			:absolute;
	top					:4px;
	width				:100%;
	z-index				:300;
}

#metanavigation ul {
	float				:right;
	margin				:0;
	list-style			:none;
}

#metanavigation li {
	background			: url("../img/framework/line-metanavigation.gif") 100% 45% no-repeat;
	float				:left;
	height				:2em;
	margin				:0;
	padding				:3px 0 0 0;
}

#metanavigation li a {
	background			:transparent url("../img/framework/arrow.gif") 4px 35% no-repeat;
	border-color		:#FFFFFF;
	border-style		:solid;
	border-width		:0 1px;
	color				:#805E9A;
	padding				:2px 11px 0.82em 15px;
	position			:relative;
}

#contentcontainer #subcontent .column {
	float				:left;
	width				:223px;
}

body.page-1024 #contentcontainer #subcontent .column {
	float				:none;
}

#footer li {
	color				:#007EC6;
	float				:left;
	margin				:0 10px 0 0;
}


.box-content {
	margin				: 0pt 0pt 11px;
	padding				: 0 10px;
	xwidth				: 395px;
}

div.row .column.xs-small, div.row .column.small, div.row .column.medium, div.row .column.wide {
	float				:left;
	margin-right		:10px;
}

.application div.row .column.medium, .contentpage div.row .column.medium {
	width				: 395px;
}

div.rowindex div.twocol{
	float				: left;
	margin-left			: -2px;
	width				: 495px;
}

div.rowindex div.onecol {
	float				: left;
	width				: 224px;
}

div.rowindex div.onecol{
	float				: left;
	height				: 106px;
	margin				: 0 0 0 -1px;
	width				: 223px;
}

div.rowindex div.onecol div.transfer{
	margin-left			: 44px
}


input, select, textarea {
	font-family			:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size			:1em;
	vertical-align		:middle;
}

img, a img {
	border				:medium none;
}

.productfile {
	margin-left			:-2px;
	position			:relative;
}

.box-content h3 {
	font-size			:109.5%;
	font-weight			:bold;
	margin				:0 -10px;
	padding				:5px 10px;
}

div.transfer a.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;
}

div.transfer a.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");
}

div.transfer a.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");
}

div.transfer a.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;
}

.box-content p.more {
	clear				: both;
	font-weight			: bold;
	margin				: 1em 0;
}

.box-content p.more a {
	background			: url("../img/framework/arrow.gif")1px 55% no-repeat;
	padding				: 0 0 0 10px;
}

p.more a,
a.more {
	background			: url("../img/framework/arrow.gif")1px 4px no-repeat;
	font-weight			: bold;
	padding				: 0 0 0 10px;
}

#footer li a {
	color				: #997EAE;
	padding				: 0 10px 0 0;
}

.question {
	color				: #552878;
	margin-bottom		: 0px;
	font-weight			: bold;
}

.answer {
	margin-bottom		: 30px;
}

.left {
	float				: left;
}

.right {
	float				: right;
}

.clear {
	clear				: both;
}

.box-content .right ul {
	width				: 265px;
}

.box-content img {
	margin-top			: 10px
}

label {
	float				: left;
}

input {
	float				: right;
}

input[type=radio]{
	margin-top			: 2px;
}

#formulier1 {
	padding-top			: 15px;
}

input.radio {
	float: left;
	margin: 2px 4px 2px 0
}

/*STYLES REGARDING INFO TOOLTIPS*/
/*NOTE!! EDITTED VERSION OF NUON SITE*/
/*overlay*/
.i_info{
	width				: 14px;
	margin				: 3px -8px 0 0;
}

#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				: 298px;
}

div.dialog div{
	width				: 300px;
	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-image    : none;
	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;
}

table {
	margin				:0 0 1em 0;
	xwidth				:100%;
	border-collapse		:collapse;
	border				:1px solid #D4D4D4;
	font-size			:100%;
	empty-cells			:show;
}

td, th {
	color				:#552878;
	padding				:3px;
	border				:1px solid #D4D4D4;
	text-align			:center;
}

td.tdleft{
	text-align			:center;
}

ul.list-links,
ul.list-links ul {
	margin-left			:0;
	list-style			:none;
}
ul.list-links ul {
	margin				:5px 0 5px 5px;
}
ul.list-links li {
	background			:url("../img/arrow.gif") no-repeat 0 4px;
	padding				:0 0 0 10px;
}

.productkeuze{
	margin-left			:20px;
}

#contextual .item.transfer {
	background			: #D1E8F5 none repeat scroll 0%;
	border				: 1px solid #B2DFF4;
}


#contextual .item.transfer a.button {
	background			: #2094D2 url("../img/framework/lightblue-br.gif") no-repeat right bottom;
	border				: medium none;
	color				: #FFFFFF !important;
	float				: left;
	text-decoration		: none;
}


#contextual .item.transfer a.button span {
	background			: url("../img/framework/lightblue-tr.gif") no-repeat top right;
	display				: block;
}


#contextual .item.transfer a.button span span {
	background			: url("../img/framework/lightblue-bl.gif") left bottom no-repeat;
}

#contextual .item.transfer a.button span span span {
	background			: url("../img/framework/lightblue-tl.gif") 0 0 no-repeat;
	color				: #FFFFFF;
	font-weight			: bold;
	padding				: 17px 20px 18px 30px;
	width				: 150px
}

#contextual .item{
	padding				: 0 12px
}

#maincontent #contextual .item {
	margin				: 0pt 0pt 10px;
	min-height			: 53px;
	width				: 200px
}

#maincontent #contextual .logo {
	margin				: 0px 10px 10px 5px;
	font-size			: smaller;
}


.allclear{
	clear				: both;
}

form fieldset.box-content label,
form fieldset.box-content span{
	color				:#552878;
	display				:block;
	float				:left;
	font-weight			:bold
}

fieldset.box-content h3 {
	background			:#F9F9F9 url("../img/framework/h3-form.gif") repeat-x scroll left bottom;
    background-image    : none;
	border-bottom		:1px solid #DCDCDC;
	color				:#A3228E;
	display				:block;
	margin				:0pt 0pt 10px;
	min-height			:17px;
	padding				:5px 10px;
}

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{
	color				: red;
}

#errMsg_general_1 .errormessage{
	color				: red;
}

fieldset.box-content .fields span.errormessage,
fieldset.box-content .fieldrow 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 input.radio,
fieldset.box-content .fieldrow input.radio {
	height				: 20px;
	width				: 16px;
	padding-bottom		: 4px;
	float				: left
}

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 .fieldrow {
	background			:#F8F8F8 none repeat scroll 0% 50%;
	clear				:both;
	margin				:5px 9px -5px 9px;
	padding				:3px 10px
}

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 {
	xmargin				: 0px;
	float				: left;
	width				: 210px
}

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

form fieldset select{
	width				: 208px;
}

fieldset.box-content div.fields label span.required,
fieldset.box-content div.fieldrow 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 .fieldrow {
	background			:#F8F8F8 none repeat scroll 0% 50%;
	clear				:both;
	margin				:5px 9px -5px 9px;
	min-height			:36px;
	padding				:3px 4px 3px 10px;
}

fieldset.box-content .fieldrow .row,
fieldset.box-content div.fields label.row{
	height				:auto;
	width				:auto;
	float				:left;
}

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

#anders{
	margin-left		: 138px;
	margin-top		: 4px
}