HTML {
	WIDTH: 100%; 
	HEIGHT: 100%;
}
BODY {
	BACKGROUND-POSITION: left top; 
	PADDING-LEFT: 0px; 
	BACKGROUND-IMAGE: url(http://www.dcn.nu/graphics/back1.gif/); 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: black; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: repeat;
}
DIV {
	BORDER-RIGHT: 0px; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: 0px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: 0px
}
#full {
	BORDER-RIGHT: 0px; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: 0px; 
	POSITION: relative; 
	HEIGHT: 100%; 
	TEXT-ALIGN: center
}
#t0 {
	BORDER-RIGHT: #686868 2px solid; 
	TABLE-LAYOUT: fixed; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: medium none; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto; 
	OVERFLOW: hidden; 
	BORDER-LEFT: #686868 2px solid; 
	WIDTH: 803px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: medium none; 
	POSITION: relative; 
	BORDER-COLLAPSE: collapse; 
	HEIGHT: 100%; 
	empty-cells: show;
	border-spacing: 5px; 
	background-color: #FFFFFF;
	BACKGROUND-IMAGE: url(http://www.dcn.nu/graphics/backlogo.gif/); 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 430px 0px; 
}

#t0 td {
}
#t0 .editable {
	border: 1px dotted #cccccc;
}
#t0 .editable TD {
	border: 1px dotted #cccccc;
}
#t0 .editable TABLE {
	border: 1px dotted #cccccc;
}
#t0 .editable TH {
	border: 1px dotted #cccccc;
}
#t0 .editable_border {
	border: 1px dotted #cccccc;
}
input.editable {
	FONT-SIZE: 100%; 
	BACKGROUND-COLOR: transparent;
	width: 75px;
	border: 1px dotted #000000;
}
#cell1 {
	padding: 0px;
	BACKGROUND-POSITION: left top; 
	COLOR: black; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: white
}
#cell1 TABLE {
	COLOR: black
}
#cell1 INPUT {
	COLOR: black
}
#cell2 {
	padding: 0px;
	COLOR: black; 
	background: none;
	BACKGROUND-COLOR: #e5e5e5
}
#cell2 TABLE {
	COLOR: black
}
#cell2 INPUT {
	COLOR: black
}
#cell3 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	COLOR: black; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT: #dfdfdf 1px solid;
	background: none;
}
#cell3 TABLE {
	COLOR: black
}
#cell3 INPUT {
	COLOR: black
}
#cell4 {
	PADDING-RIGHT: 0px; 
	BACKGROUND-POSITION: left top; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	COLOR: black; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: white;
	BORDER-RIGHT: #dfdfdf 1px solid;
	background: none;
}
#cell4 TABLE {
	COLOR: black
}
#cell4 INPUT {
	COLOR: black
}
#cell5 {

}
#cell6 {
	BACKGROUND-COLOR: white
}
#col1 {
	WIDTH: 90px
}
#col3 {
	WIDTH: 150px
}
#row1 {
	HEIGHT: 163px
}
#row3 {
	HEIGHT: 20px
}
#content #ppage_page {
	LEFT: 21px; 
	MARGIN: 10px; 
	POSITION: static; 
	TOP: 170px; 
	HEIGHT: 707px
	height: auto;
}
#content #page2 {
	padding: 0px 10px 0px 10px;
	width: 255px;
	overflow: hidden;
}

* html #content #page2 {
	width: 275px;
}

#content2 #page3 {
	padding: 0px 10px 0px 10px;
	width: 255px;
	overflow: hidden;
}

* html #content2 #page3 {
	width: 275px;
}

#header #ppage_headerimage {
	position: absolute;
	width:	797px;
	height: 163px;
	overflow: hidden;
	z-index: 1;
}

* html #header #ppage_headerimage {
	width:	799px;
}

#content #ppage_menubar {
	LEFT: 3px; 
	POSITION: absolute; 
	top: 0px;
}

#header #ppage_menubar {
	position: 	absolute;
	top:		131px;
	left:		0px;
	width:		799px;
	line-height:	33px;
	font-size:	23px;
	font-weight:	bold;
	font-family:	"Trebuchet MS", sans-serif;
	z-index:	20;
}

* html #header #ppage_menubar {
	height:		33px;
}

#header #ppage_menubar .menu ul {
	display:		block;
	margin:			0px;
	padding:		0px;
	list-style:		none inside;
	width:			799px;
	height:			33px;
	overflow:		hidden;
}

#header #ppage_menubar .menu ul li {
	display:		inline;
	height: 		33px;
	line-height: 		33px;
	margin:			0px;
	padding:		0px 15px;
	border-right: 		1px solid #FFFFFF;
}

#header #ppage_menubar .menu ul li a {
	margin:			0px;
	padding:		0px;
	color:			#00A9BB;
	text-align:		center;
	text-decoration:	none;
}

#header #ppage_menubar .menu ul li a:hover {
	color:			#CF4C72;
}

#header #ppage_menubar .menu ul li.current a {
	color:			#CF4C72;
}

#header #ppage_menubar .menu ul li input.editable {
	font-weight:		bold;
	color:			#00A9BB;
	text-align:		center;
}

#header #ppage_menubar .menu ul li.current input.editable {
	color:			#CF4C72;
}

#header #ppage_menubar TD {
	FONT-SIZE: 		20px; 
	FONT-FAMILY: 		"Trebuchet MS", sans-serif;
}

#menu .menuname {
	display: none;
}

* html #menu .menuname {
	display: block;
	position: absolute;
	left: 55px;
	width: 150px;
	height: 800px;
	margin-top: 13px;
	z-index: 2;
	font-size: 30px;
	font-weight: bold;
	color: #DEDEDE;
	color: #FFFFFF;
	writing-mode: tb-rl;
	filter:FlipH FlipV;
	text-align: right;
}

#menu #ppage_treemenu {
	position: relative;
	z-index: 5;
	top: 12px;
	left: 5px;
}

#menu #ppage_treemenu .treemenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu #ppage_treemenu .treemenu .treemenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu #ppage_treemenu .treemenu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu #ppage_treemenu .treemenu LI A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; color: #000000;
}
#menu #ppage_treemenu .treemenu .treemenu LI A {
	PADDING-LEFT: 10px
}
#menu #ppage_treemenu .treemenu .treemenu .treemenu LI A {
	PADDING-LEFT: 20px
}
#menu #ppage_treemenu .treemenu .treemenu .treemenu .treemenu LI A {
	PADDING-LEFT: 30px
}
#menu #ppage_treemenu .treemenu .treemenu .treemenu .treemenu .treemenu LI A {
	PADDING-LEFT: 40px
}
#menu #ppage_treemenu .treemenu A {
	DISPLAY: block; 
	ZOOM: 1;
}

#menu #ppage_treemenu .treemenu a.current {
	color:		#D26583;
}

#menu .webshopmenu {
	position: relative;
	z-index: 5;
	top: 12px;
	left: 5px;
}

#menu .webshopmenu a {
	color: #000000;
}

#menu .webshopmenu a.current {
	color:		#D26583;
}

#menu .cleardiv {
	clear: both;
}

.searchbox {
	position: relative;
	clear: both;
	z-index: 5;
	left: 5px;
}

.searchbox input.searchstring {
	border:			1px solid #666666;
	width:			110px;
}

.searchbox input.searchbutton {
	border:			1px solid #666666;
	width:			70px;
	margin-top:		3px;
}

.searchresults a {
	color:			#000000;
}

.searchresults .searchhighlight {
	background-color: yellow;
}

#footer #ppage_Footer {
	MARGIN-LEFT: 185px; COLOR: #313131
}
#content {
	POSITION: relative;
}
#header {
	position: relative;
}

#header #ppage_VedorLogo A {
	DISPLAY: block; 
	position: absolute;
	top: 10px;
	right: 10px;
	WIDTH: 14px; 
	HEIGHT: 15px;
	z-index: 23;
}

#content .loginform {
	position:			absolute;
	width:				400px;
	height:				25px;
	right:				10px;
	top:				2px;
	text-align:			right;
	overflow:			hidden;
	text-size:			69%;
}

#content .loginform input {
	border:				1px solid #BBBBBB;
	width:				60px;
	height:				18px;
}

#content .loginform input.loginbutton {
	width:				20px;
	background-color:		#EEEEEE;
	heigh:				18px;
}

#content .loginform a {
	color:				#000000;
	text-decoration:		none;
}

#content .loginform a:hover {
	text-decoration:		underline;
}

#content #personlist
{
	float:				left;
	display:			block;
	height:				105px;
	width:				235px;
	border:				1px dotted #DEDEDE;
	text-align:			left;
	margin:				10px;
	overflow:			hidden;
}

#content #personlist #foto
{
	float:				left;
	display:			block;
	width:				80px;
	height:				100px;
}

#content #personlist #foto img
{
	margin-top:			2px;
}

#content #personlist #name a
{
	float:				left;
	display:			block;
	width:				150px;
	height:				144px;
	color:				#000000;
	text-decoration:		none;
}

* html #content #personlist #name a
{
	width:				149px;
	overflow:			hidden;
}

#content #personlist #name a span {
	display:			block;
}

#content #personlist #name a span.companyname, #content #personlist #name a span.cityname {
	font-style:			italic;
}

#content #person 
{
	width:				100%;
	height:				100%;
	position:			relative;
}

#content #person #personleft
{
	float:				left;
	width:				110px;
	height:				140px;
}

#content #person #personleft span.backbutton {
	display:			block;
	margin-top:			4px;
}

#content #person #personleft span.backbutton a {
	text-decoration:		none;
	color:				#333333;
}

#content #person #personright
{
	float:				left;
	width:				425px;
}

#content #person #personright div.loginlink {
	position:			absolute;
	top:				0px;
	right:				0px;
	color:				#EEEEEE;
	font-size:			9px;
}

#content #person #personright div.loginlink a {
	color:				#EEEEEE;
	text-decoration:		none;
}

#content #person #personright span.label {
	display:			block;
	clear:				both;
	float:				left;
	width:				110px;
	font-style:			italic;
}

#content #person #personright span {
	display:			block;
	float:				left;
	width:				310px;
}

#content #person #personright span input.editable {
	width:				220px;
}

#content #person #name
{
	font-weight:			bold;
	margin-bottom:			5px;
}

#content #person #name span {
	font-weight:			normal;
	width:				180px;
}

#content #person #address
{
	margin-bottom:			5px;
}

#content #person #address span {
	width:				80px;
}

#content #person #telephone
{
	clear:				both;
}

#content #person #telephone span
{
	display:			block;
	float:				left;
	width:				40px;
}

#content #person #mobile
{
	clear:				both;
}

#content #person #mobile span
{
	display:			block;
	float:				left;
	width:				40px;
}

#content #person #emails
{
	clear:				both;
}

#content #person #emails span
{
	display:			block;
	float:				left;
	width:				40px;
}

#content #person #line
{
	clear:				both;
	height:				10px;	
	overflow:			hidden;
	margin:				0px auto 0px auto;
	border-bottom:			1px dashed #E2E2E2;
	width:				85%;
}

#content #person #summary
{
	margin-top:			5px;
	width:				100%;
}

#content #person form.personeditform input {
	width:				230px;
}

#content #person form.personeditform textarea {
	width:				510px;
	height:				120px;
}

#content #person form.personeditform input.submitbutton {
	width:				120px;
	margin-top:			20px;
	margin-right:			30px;
	float:				right;
}


#content .basket {
}

#content .basket table {
	width:				550px;
	text-align:			left;
}

#content .basket table input {
	width:				25px;
	border:				1px solid #999999;
}

#content .basket table td, #content .basket table th {
	vertical-align:			top;
	margin:				0px;
	padding:			0px;
}

#content .basket table td.recalculatebutton input {
	width:				115px;
}

#content .basket table td.checkoutbutton input {
	width:				75px;
}

#content .productlist {
	margin-top:			10px;
}

#content .productlist .product {
	min-height:			57px;
	border-bottom:			1px dotted #CECECE;
	padding-top:			4px;
}

* html #content .productlist .product {
	height:				57px;
}

#content .productlist span.imagesmall {
	display:			block;
	float:				left;
	width:				75px;
	height:				55px;
	overflow:			hidden;
}

#content .productlist span.imagesmall a {
	display:			block;
	width:				70px;
	height:				53px;
	font-size:			79%;
	text-decoration:		none;
	color:				#000000;
}

#content .productlist span.productname {
	display:			block;
	float:				left;
	width:				325px;
}

#content .productlist span.productname a {
	color:				#000000;
}

#content .productlist span.productprice {
	display:			block;
	float:				left;
	width:				70px;
}

#content .productlist form {
	display:			none;
}

#content .productinfo span.namelabel, #content .productinfo span.productnummerlabel, #content .productinfo span.categorylabel, #content .productinfo span.infolabel, #content .productinfo span.pricelabel {
	font-style:			italic;
	font-weight:			bold;
}

#content .productinfo .productname {
	width:				100%;
}

#content .productinfo .productname span.namelabel, #content .productinfo .productname span.productnummerlabel {
	display:			block;
	width:				100px;
	float:				left;
}

#content .productinfo .productname span.name {
	display:			block;
	width:				420px;
	float:				left;
}

#content .productinfo .productcategory {
	clear:				both;
	width:				100%;
	min-height:			24px;
}

#content .productinfo .productcategory span.categorylabel {
	display:			block;
	width:				100px;
	float:				left;
}

#content .productinfo .productcategory span.category {
	display:			block;
	width:				420px;
	float:				left;
}

#content .productinfo .productcategory span.productnummer {
	display:			block;
	width:				420px;
	float:				left;
}


#content .productinfo .productinfo {
	clear:				both;
}

#content .productinfo .productinfo {
	margin-top:			20px;
	margin-bottom:			20px;
}

#content .productinfo .productprice {
	clear:				both;
	width:				100%;
	min-height:			24px;
}

#content .productinfo .productprice span.pricelabel {
	display:			block;
	width:				100px;
	float:				left;
}

#content .productinfo .productproduct span.price {
	display:			block;
	width:				420px;
	float:				left;
}

#content .webshopinfo {
	margin-top:			20px;
}

#content .webshopinfo span {
	font-style:			italic;
}

#content .webshopinfo div.webshopthankyou {
	margin-top:			20px;
}

#content .webshopinfo .webshopto {
	width:				auto;
	height:				25px;
}

#content .webshopinfo .webshopsubject {
	clear:				both;
	width:				auto;
	height:				25px;
}

#content .webshopinfo .webshopto span {
	display:			block;
	float:				left;
	width:				70px;
}

#content .webshopinfo .webshopsubject span {
	display:			block;
	float:				left;
	width:				70px;
}

#content .webshopinfo .webshopmail {
	clear:				both;
}

#content .webshopinfo input.editable {
	display:			block;
	float:				left;
	width:				200px;
}

#content .bestelformulier {
	margin-top:			25px;
	margin-bottom:			25px;
}

#content .bestelformulier .vdForm {
	margin-top:			20px;
}

#content .bestelformulier .vdForm .field {
	clear:				both;
	min-height:			25px;
}

* html #content .bestelformulier .vdForm .field {
	height:				25px;
}

#content .bestelformulier .vdForm label {
	display:			block;
	float:				left;
	width:				110px;
	font-weight:			normal;
}

#content .bestelformulier .vdForm input {
	display:			block;
	float:				left;
	width:				175px;
	border:				1px solid #444444;
}

#content .bestelformulier .vdForm .remarks {
	margin-top:			10px;
}

#content .bestelformulier .vdForm .remarks label {
	float:				none;
}

#content .bestelformulier .vdForm textarea {
	width:				285px;
	height:				80px;
	border:				1px solid #444444;
}

* html #content .bestelformulier .vdForm textarea {
	margin-left:			-10px;
}

#content .bestelformulier .vdForm input.orderbutton {
	display:			block;
	float:				none;
	width:				80px;
	margin-top:			15px;
}

#content .bestelformulier .vdForm div.error {
	margin:				10px;
	padding:			10px;
	width:				auto;
	border:				1px solid #444444;
	color:				#EE3333;
	background-color:		#EFEFEF;
}

.wistudat {
	margin-top:			30px;
	margin-bottom:			30px;
}

.wistudat img {
	margin-bottom:			10px;
	display:			block;
}

.wistudat a {
	font-size:			20px;
	font-weight:			bold;
	text-decoration:		none;
	color:				#888888;
}

.wistudat a span {
	padding-left:			25px;
	padding-top:			15px;
}

.wistudat span {
	font-size:			20px;
	font-weight:			bold;
	text-decoration:		none;
	color:				#888888;
	padding-left:			25px;
	padding-top:			15px;
}

form.vdDateForm {
	display:			block;
	margin:				0px;
	padding:			0px;
}

form.vdDateForm input {
	background-color:		transparent;
}

div.article {
	margin-bottom:			10px;
}

div.article input.editable {
	width:				255px;
	font-weight:			bold;
}

div.article div.morelink {
	text-align:			right;
	padding-right:			10px;
}

div.article div.morelink a {
	color:				#000000;
	text-decoration:		none;
	font-style:			italic;
	font-size:			96%;
}

div.article div.morelink a:hover {
	text-decoration:		underline;
}

div.summary {
	margin-bottom:			10px;
}

div.orderdescription p {
	padding:			5px 0px;
}

div.ideal {
	float:				left;
	width:				200px;
	height:				60px;
}

div.vooruitbetaling {
	float:				right;
	width:				200px;
	height:				60px;
}

div.vooruitbetaling form {
	margin-top:			18px;
}

#contactinfo {
	padding: 2px;
	font-size: smaller;
}