@media print
{
	#dwcTop,
	#dwcMenu,
	#dwcSideMenu,
	#dwcBottom,
	#dwcUserPanel
	{
		width:0;
		height:0;
		display:none;
	}

	#dwcContainer,
	#dwcContent
	{
		position:absolute;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
	}
}


/* =======================================
    Body Styles
   ======================================= */

*{
	margin		: 0;
	padding		: 0;
}

body
{
	background-color:#FFFFFF;
	background-image:url(./images/body.background.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0px;
}

.backfade
{
  	background-color:#FFFFFF;
	background-image:url(./images/backdrop.gif);
	background-repeat:repeat-y;
	background-position:right top;
	background-attachment: fixed;
}

p, td, div, select, input, textarea
{
	font-family	: Tahoma, verdana, Sans-Serif;
	font-size	: 11px;
}

th
{
	font-family: Tahoma, verdana, Sans-Serif;
	font-size: 11px;
	text-align: left;
}

.inputradio
{
	font-family	: Tahoma, verdana, Sans-Serif;
	font-size	: 11px;
	height		: 18px;
	padding		: 0 2px 0 2px;
}

.inputradio label
{
	padding-left	: 4px;
}

a:link, a:active, a:visited {
	color:#171717;
	text-decoration:none;
}

a:hover {
	color:#676767;
	text-decoration:none;
}

ul
{
	list-style-image : url("images/dot.gif");
}

h2
{
	font-family: Calibri, Verdana, Sans-Serif;
	font-size: 16px;
	color: #8d8d8d;
	margin: 2px 2px 2px 0;
}

/* =======================================
   Div Layout
   ======================================= */

#dwcTop
{
	margin		: 0;
	padding		: 0;
	width		: 100%;
	height		: 100px;
	background-color:#0808CE;
	background-image:url(./images/top/backdrop.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

	#header
	{
		background-image:url(./images/top/header-rest.jpg);
		background-repeat: no-repeat;
		background-position: 190px 0;
		width:692px;
	}

	#header img
	{
		display: block;
	}


#dwcMenu
{
	position	: absolute;
	width		: 230px;
	left		: 0px;
	top: 		: 100px;
}

	.dwcSubMenu
	{
		width		: 210px;
		background-color: #FFFFFF;
		border-color	: #666666;
		border-style	: solid;
		border-width	: 1px;
		margin		: 5px 0 10px 5px;
	}

	.dwcSubMenu h3
	{
		font-family	: Calibri, Verdana, Tahoma, Sans-Serif;
	 	font-size	: 11px;
		color		: #FFFFFF;
		background-color: #0000CC;
		background-image: url(images/defaultheader.gif);
		background-position: top right;

		height		: 19px;
		padding		: 5px 0 0 5px;
	}

	.dwcSubMenu p
	{
		text-algin	: center;
		margin		: 2px 0 2px 3px;
	}

	.dwcSubMenu ul
	{
		list-type	: none;
		list-style-image: none;
		list-style-type : none;
	}

	.dwcSubMenu ul li
	{
		cursor		: pointer;
		height		: 19px;
	}

	.dwcSubMenu ul li a:link,
	.dwcSubMenu ul li a:visited,
	.dwcSubMenu ul li a:active
	{
		display		: block;
		color		: #000000;
		font-family	: Tahoma, verdana, Sans-Serif;
 		font-size	: 11px;
		text-decoration	: none;

		height		: 16px;
		padding		: 3px 0 0 5px;
	}

	.dwcSubMenu ul li a:hover
	{
		color		: #555555;
		background-color: #E4E4E4;
	}

	.dwcSubField
	{
		background-color: #DCDCDC;
		border-color	: #666666;
		border-style	: solid;
		border-width	: 1px 0 1px 0;
		display: none;
	}

	.dwcMenuItem
	{
		display: block;
		cursor: pointer;
		color: #000000;
		font-family	: Tahoma, verdana, Sans-Serif;
 		font-size	: 11px;
		text-decoration	: none;

		height		: 18px;
		padding		: 3px 0 0 5px;
	}

	.subItem,
	.subItem-selected
	{
		background-image:url(./images/bullet.gif);
		background-repeat: no-repeat;
		background-position: top left;
		display		: block;

		height: 16px;
		padding: 3px 0 0 12px;
	}

	.subItem a
	{
		font-family: Tahoma, verdana, Sans-Serif;
 		font-size: 11px;
		text-decoration: none;
	}

	.subItem-selected a
	{
		font-family: Tahoma, verdana, Sans-Serif;
 		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}

	.dwcSubFieldItem
	{
		background-color: #cccccc;
		background-image:url(./images/subbullet.gif);
		background-repeat: no-repeat;
		background-position: top left;
		display		: block;
		color		: #000000;
		font-family	: Tahoma, verdana, Sans-Serif;
 		font-size	: 10px;
		text-decoration	: none;

		height: 16px;
		padding: 3px 0 0 16px;
	}

#ideal
{
	padding: 5px;
}

#dwcContainer
{
	position	: absolute;
	left		: 161px;
	top		: 100px;
	bottom		: 25px;
	right		: 254px;
}

#dwcRightContainer {
	overflow: hidden;
	float: right;
	width: 201px;
}

#dwcNewsLetter {
	width: 188px;
	padding: 0 0 5px 0;
	margin: 11px 0 0 10px;
	border-width:1px;
	border-color:#666666;
	border-style: solid;
}

	#dwcNewsLetter table {
		border-collapse: collapse;
	}
	
	#dwcNewsLetter ul {
		margin-top: 5px;
		list-type: none;
		list-style-image: none;
		list-style-type : none;
	}
	
	#dwcNewsLetter ul li {
		padding: 3px 2px 2px 14px;
		margin-left: 10px;
		background-image:url(./images/check.gif);
		background-repeat: no-repeat;
		background-position: 0 4px;
	}

#dwcDailyGoods
{
	width: 190px;
	margin: 11px 0 0 10px;
}

	#dwcDailyGoods table,
	{
		width: 190px;
		border-style:solid;
		border-width:1px;
		border-color:#666666;
		border-collapse: collapse;
	}

#dwcContent
{
	overflow	: hidden;
	min-height	: 100%;
	margin: 0 0 0 230px;
}

#dwcContentBox
{
	width: 880px;
	overflow: hidden;
}

#dwcBottom
{
	position	: relative;
	left: 0;
	height: 20px;
	width: 100%;
	border-width: 1px 0 0 0;
	border-color: #EFEFEF;
	border-style: solid;
	color: #B1B1B1;
}

	#dwcBottom p
	{
		font-size: 9px;
		padding: 2px 2px 2px 6px;
	}

.websitewidth-placeholder
{
	width: 880px;
}

#topBar
{
	position: relative;
	height: 23px;
	width: 100%;
	background-color:#EFEFEF;
	border-width: 0 0 1px 0;
	border-color: #A6A6A6;
	border-style: solid;
}


	#topBar div #navigation
	{
		float:right;
	}

	#topBar div #breadcrumbs
	{
		float:left;
	}

	#topBar div #navigation p,
	#topBar div #breadcrumbs p
	{
		font-size: 10px;
		padding: 4px 2px 0 6px;
	}

.buttonVorige
{
	background-color: #c3c3c3;
	color: #ffffff;
	font-size: 11px;
	height:18px;
	width: 55px;
	border-width: 0 0 0 1px;
	border-color: #a9a9a9;
	border-style: solid;
	text-align: center;
	cursor: pointer;
	float:right;
	padding-top:4px;
}

.buttonPrint
{
	background-color: #c3c3c3;
	color: #ffffff;
	font-size: 11px;
	height:18px;
	width: 55px;
	border-width: 0 1px 0 0;
	border-color: #dbdbdb;
	border-style: solid;
	text-align: center;
	cursor: pointer;
	float:right;
	padding-top:4px;
}

#openingsTijden
{
	font-family	: Verdana, Sans-Serif;
	font-size	: 9px;
	margin-left	: 4px;
}

	#openingsTijden em
	{
		color: #454545;
	}

#informationdialog
{
	position: absolute;
	top: 65px;
	left: 242px;
	display: none;
	width: 646px;
	height: 20px;
	padding-top: 3px;
	border: 2px #108840 solid;
	background-color: #95ffb0;
}

	#informationdialog p
	{
		color: #006630;
		font-weight: bold;
		text-align: center;
		padding-top:3px;
	}


/* =======================================
   Header en Footer styles
   ======================================= */

.Header-Left
{
	background-color:#0808CE;
	background-image:url(./images/top/spacing.gif);
	background-repeat: no-repeat;
}


.Header-Right
{
	background-color:#0808CE;
	background-image:url(./images/top/backdrop.gif);
	background-repeat: repeat-x;
}


/* =======================================
    Startpagina Styles
   ======================================= */
.Startpagina
{
	border-style:solid;
	border-width:1px;
	border-color:#666666;
 	margin:12px 12px 0px 12px;
}

.Startpagina-Top
{
	background-color:#0000CC;
	background-image:url(./images/defaultHeader.gif);
}

	.Startpagina-Top p
	{
		font-family	: Calibri, Verdana, Tahoma, Sans-Serif;
		font-size	: 11px;
		font-weight	: bold;
		color		: #FFFFFF;
		padding-left	: 4px;
	}

.Startpagina-Price-Text {	font-family:verdana,Tahoma; 	font-size:28px; font-weight:bold; text-align:right; }
.Price-Text
{
		font-family: Tahoma,Arial;
	 	font-size: 19px;
		font-weight: bold;
		text-align: right;
}
.Thumb-Text {			font-family:Tahoma,Arial; 	font-size:12px; font-weight:bold; }
.Thumb-Line {			background-color:#0000CC;	height:3px; }


/* =======================================
    Main Styles
   ======================================= */

.greyspace
{
	background-color: #e3e3e3;
	height		: 5px;
	line-height	: 1;
}

.lightborder
{
	border-style	: solid;
	border-width	: 0 0 1px 0;
	border-color	: #DADADA;
}

.defaultTableHeader
{
	height		: 24px;
	background-color:#0000CC;
	background-image: url(./images/defaultheader.gif);
	background-position: top right;
}

	.defaultTableHeader p
	{
		font-family	: Calibri, Verdana, Tahoma, Sans-Serif;
		font-size	: 11px;
		font-weight	: bold;
		color		: #FFFFFF;
		padding-left	: 4px;
	}

.defaultTableFooter
{
	height:18px;
	padding:0px;
	background-color:#EFEFEF;
	border-width: 1px 0 0 0;
	border-color: #A6A6A6;
	border-style: solid;
}

.defaultCategoryHeader
{
	padding		: 10px;
	height		: 32px;
	background-image: url(./images/defaultCategoryHeader.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

	.defaultCategoryHeader p
	{
		font-family	: Thebuchet MS, Verdana, Sans-Serif;
		font-size	: 18px;
		color		: #000000;
		padding-left	: 7px;
	}

.defaultSubHeaderSmall
{
	height: 28px;
	font-weight: bold;
	background-color: #FFFFFF;
	border-width: 0 0 1px 0;
	border-color: #A6A6A6;
	border-style: solid;
}

.defaultThumbItem
{
	width:450px;
	margin: 10px 0 10px 38px;
	border:1px solid #c3c3c3;
}

.detailTable
{
	width: 620px;
	border-collapse: collapse;
}

.detailTable th
{
	height: 25px;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #DEDEDE;
}

.detailTable td
{
	padding: 2px;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #DEDEDE;
}

.detailTableDefaultTd
{
	height: 25px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #DEDEDE;
}

.detailTableAlternateTd
{
	height: 25px;
	background-color: #F4F4F4;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #DEDEDE;
}

.detailTableDefaultSpacer
{
	background-color: #FCFCFC;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #DEDEDE;
}

.detailTableSpacerTd
{
	height: 25px;
	background-color: #FCFCFC;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #DEDEDE;
}

.detailTableEnd
{
	height: 40px;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #DEDEDE;
}

.pageNation
{
	width:630px;
	height:24px;
	text-align: right;
	color: #cccccc;
}

	.pageNation a
	{
		padding: 1px 3px 1px 3px;
	}

	.pageNation a.active:link, 
	.pageNation a.active:visited, 
	.pageNation .active
	{
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}

	.pageNation a:link,
	.pageNation a:visited
	{
		color:#0033CC;
		text-decoration:underline;
	}

	.pageNation a:hover
	{
		text-decoration:none;
	}

.infoImage
{
	width: 110px;
	float:left;
	text-align:center;
}

.dailyRowItem
{
	background-color: #efefef;
	padding: 3px;
}

.dailyItem
{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	overflow: hidden;
	position: relative;
	text-align: center;
	float: left; 
	width: 170px;
	height: 170px;
	background-color: #FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color: #c0c0c0 #8b8b8b #8b8b8b #c0c0c0;
	cursor: pointer;
	padding: 2px;
	margin: 4px 3px 4px 3px;
}

.dailyItem-over
{
	overflow: hidden;
	position: relative;

	float: left; 
	width: 170px;
	height: 170px;
	background-color: #FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color: #c0c0c0 #8b8b8b #8b8b8b #c0c0c0;
	cursor: pointer;
	padding: 2px;

	margin: 4px 3px 4px 3px;
}

.dailyHeader
{
	width: 170px;
	height: 30px;
	text-align: center;
	overflow: hidden;
}

.dailyImage
{
	width: 170px;
	height: 117px;
	text-align: center;
	overflow: hidden;
}

.dailyPrice
{
	width: 165px;
	height: 27px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
}

.noscrollimage
{
	overflow: hidden;
	width: 625px;
}

.Main
{
	width: 650px;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	margin:12px 12px 0px 12px;
}

.Main-HrLine {	background-color:#666666;height:1px;padding:0px;}
.Main-Top {	background-color:#0000CC; background-image:url(./images/field-top.gif);}
.Main-Menu
{
	background-color:#0000CC;
	background-image:url(./images/menu-top.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.Main-Item
{
	padding:10px;
	background-image:url(./images/field-backdrop.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;
}

.Shadow
{
	background-image:url(./images/shadow.gif);
	height:10px;
	width:652px;
	margin:0px 11px 0px 11px;
	font-size:1px;
	line-height:0;
}

.Small-Shadow {
	background-image:url(./images/shadow.gif);
	height		: 10px;
	width		: 218px;
	position	: relative;
	margin		: 0px 2px 0px 13px;
	font-size	: 8px;
	font-height	: 1px;
}

.ProductCat-Omsch {	padding:10px; background-color:#e3e3e3;}
.Actie-Item {		padding:5px;  background-color:#FFFFFF;}
.Info-Item
{
	padding: 8px 5px 8px 5px;
	background-color:#efefef;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #D8D8D8;
}
.No-Item {		padding:0px;  background-color:#EFEFEF;}

.SideItem {		padding:3px;  background-color:#FFFFFF;}
.SideItem-Alt {		padding:3px;  background-color:#E1E1E2;}

.Clear-Item
{
	padding:10px;
}

.SideMenu {		width:200px;}
.Hardware-Item {	padding:10px; background-image:url(./images/item/b1.jpg); background-repeat:no-repeat; background-position: bottom right; }
.Randapparatuur-Item {	padding:10px; background-image:url(./images/item/b2.jpg); background-repeat:no-repeat; background-position: bottom right; }
.Supplies-Item {	padding:10px; background-image:url(./images/item/b3.jpg); background-repeat:no-repeat; background-position: bottom right; }
.Software-Item {	padding:10px; background-image:url(./images/item/b4.jpg); background-repeat:no-repeat; background-position: bottom right; }
.Notebooks-Item {	padding:10px; background-image:url(./images/item/b5.jpg); background-repeat:no-repeat; background-position: bottom right; }

.itemrow
{
	width: 400px;
	overflow: hidden;
}

.price
{
	float: right;
}

	.price p
	{
		margin-top: 6px;
		font-family: Tahoma,Arial;
	 	font-size: 19px;
		font-weight: bold;
		text-align: right;
	}

.supplystatus
{
	float: left;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #c2c2c2;
	padding: 3px;
}

	.supplystatus table tr th
	{
		width: 60px;
		color: #666666;
		font-weight: normal;
	}

/* =======================================
    Overige Items
   ======================================= */

.Table-Top-Text {	font-family: Calibri, Tahoma, verdana; 	font-size:11px; font-weight:bold; }
.Option-Text {		font-family: Tahoma,verdana; 	font-size:11px;	margin-top:1px;}
.Normal-Text, p {	font-family: Tahoma,verdana; 	font-size:11px; }
.Small-Text {		font-family: Verdana,Tahoma;	font-size: 9px; }
.Art-Text	{	font-family: Verdana,Tahoma; 	font-size:11px; color:#AAAAAA;}

a.Bottom-Link:link, a.Bottom-Link:active, a.Bottom-Link:visited, a.Bottom-Link:hover
{
	font-family: Arial,Tahoma,verdana;
 	font-size:10px;
	color:#676767;
	padding-left:5px;
}

.Bottom-Text
{
	font-family:Arial,Tahoma,verdana;
	font-size:10px;
	color:#676767;
	padding-left:5px;
	padding-top:6px;
}

.formInput
{
	border: 1px solid #DEDEDE;
	width: 250px;
	padding: 2px;
}

div.scroll
{
	width		: 530px;
	height		: 200px;
	background-color: #FFFFFF;
	overflow	: auto;
	border		: 1px solid #cccccc;
	padding:8px;
}

#hiddenfield
{
	position	: relative;
	visibility	: hidden;
	width		: 300px;
	background-color: white;
}

div#metafield
{
	float:right;
	padding: 4px;
	border: 1px solid #d8d8d8;
	
}


	div#metafield a:link,
	div#metafield a:active,
	div#metafield a:visited
	{
		color: #545454;
		font-size: 9px;
	}

.detailinfo
{
	padding		: 1px 4px 1px 1px;
	height		: 24px;
	background-color: #FFFFFF;
	background-image: url(./images/detailinfo.gif);
	background-position: left top;
}


.infofield
{
	margin: 3px 6px 3px 3px;
	padding: 3px 3px 6px 3px;
	background-image: url(./images/detailinfo.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	
}

.SpecialActie
{
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	margin:12px 12px 0px 12px;
}

	.SpecialActie th
	{
		text-align	: left;
		background-color: #0000CC;
		background-image: url(./images/hp-field-top.gif);
		background-position: right top;
		background-repeat: no-repeat;
	}

	.SpecialActie p
	{
		font-family	:verdana,Tahoma;
		font-size	:11px;
		font-weight	:bold;
		padding-left	:4px;
	}

	.SpecialActie td
	{
		margin		: 0;
		padding		: 0;
	}

.leftFloat
{
	float: left;
}

.rightFloat
{
	float: right;
}

/* =======================================
    Nieuwbrief
   ======================================= */

table.nieuwsbrief_table {
	border-collapse: collapse;
}

	.nieuwsbrief_table tr td {
		padding: 5px;
		width: 206px;
	}
	
	.nieuwsbrief_table tr td input.field {
		font-size: 11px;
		padding: 2px;
		width: 198px;
		border: 1px solid #bbbbbb;
	}
	
	.nieuwsbrief_table tr td input.tussenvoegsel {
		width: 39px;
	}
	
	.nieuwsbrief_table tr td input.achternaam {
		width: 150px;
	}
	
	.nieuwsbrief_table tr td input.email {
		font-weight: bold;
		font-size: 14px;
		width: 198px;
		border-width: 2px;
	}
	
	.nieuwsbrief_table tfoot tr td {
		padding-top: 10px;
	}


/* =======================================
    Info tabs
   ======================================= */

div#tab-info,
div#tab-default
{
	display: block;
	margin: 0;
	padding: 0;
}

	div#tab-default a
	{
		cursor: pointer;
		font-weight: bold;
	}

div#tab-report
{
	display: none;
	margin: 0;
	padding: 0;
}

div#tab-notification
{
	display: none;
	margin: 0;
	padding: 5px 5px 7px 5px;

	border-color	: #e5e5e5;
	border-style	: solid;
	border-width	: 1px;
}

	.close-button
	{
		float: right;
		width: 16px;
		height: 16px;
		cursor: pointer;
	}

	div#tab-report p,
	div#tab-notification p
	{
		padding: 5px;
	}

	div#tab-report p textarea,
	div#tab-notification p textarea
	{
		border: 1px solid #cccccc;
		padding: 3px;
		margin: 3px;
	}

	div#tab-report label
	{
		padding: 2px;
	}