/*=== Stylen voor websites D-CMS ===============================================================*/
body {
	margin: 0;
	background: #022652;
}

/*=== Pagina bestaat uit: 
	A) Header met logo
	B) Hoofdmenu
	C) Parentmenu
	D) Submenu
	E) Maincontent
	F) Footer
	
	G) Webwinkel => shoppingcart
*/

/*=== Algemene eigenschappen ===================================================================*/
table#page {
	width				: 777px;
	height			: 100%;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
}

table#page td {
	font-size: 11px;
}

/*=== Algemene tekstkleur ===*/
#page td {
	color: #354e63;
}

/*=== Breadcrumbs ===*/
td#breadcrumbs {
	width			: 771px;
	height		: 22px;
	padding		: 2px 6px 2px 2px;
	background: #022652;
	color			: #fff;
	text-align: right;
}

	td#breadcrumbs a {
		color: #fff;
		text-decoration: underline;
	}
	
	td#breadcrumbs a:hover {
		color: #fff;
		text-decoration: none;
	}

td.label {
	padding				: 0 5px 0 0;
	font-weight		: bold;
	vertical-align: top;
	text-align		: right;
}

/*=== Inlogscherm =========================*/
.textfieldlogin {
	height		: 20px;
	background: #fff;
	color			: #022652;
}

td.labellogin {
	padding				: 0 5px 0 0;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	font-weight		: bold;
	vertical-align: top;
	color					: #fff;
	text-align		: right;
}
/*===/Inlogscherm =========================*/
.textfield {
	height		: 20px;
	background: transparent;
	color			: #022652;
}

.textarea {
	background	: transparent;
	color				: #022652;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
}

/*=== Fullscreen =======================================================================*/
body#fullscreen {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	color				: #fff;
}

a.fullscreennav {
	font-size				: 11px;
	color						: #fff;
	text-decoration	: none;
}

a.fullscreennav:hover {
	font-size				: 11px;
	color						: #fff;
	text-decoration	: underline;
}

td.fullscreeninfo {
	padding			: 10px;
	font-size		: 11px;
	text-align	: justify;
	line-height	: 130%;
}


/*=== Productdetails ==================================*/
td.fullscreenheader {
	font-size	: 15px;
	color			: #ccc;
}

td.fullscreenlabel {
	font-size		: 11px;
	font-weight	: bold;
	padding			: 0 0 0 10px;
}
/*===/Productdetails ==================================*/
/*===/Fullscreen =======================================================================*/

/*=== Algemene eigenschappen m.b.t. het beheer van de site =============================*/
.adminarea {
	padding: 5px;
	background-color: #9f0;
	color: #333;
}

a.adminlink {
	background-color: #9f0;
	color						: #333;
	text-decoration	: none;
}

a.adminlink:hover {
	background-color: #333;
	color						: #9f0;
	text-decoration	: none;
}

/*=== Afbeeldingenbeheer =========================================*/
td.imagebox {
	border				: 1px solid;
	border-color	: #444 #aaa #aaa #444;
	padding				: 10px;
	text-align		: center;
	vertical-align: middle;
}

td.imagebox img {
	border: 0;
}
/*===/Afbeeldingenbeheer =========================================*/

/*=== Productbeheer (zie ook maincontent) ===============================================*/
/*=== Producten die nog niet op pagina zijn geplaatst ==========*/
	.ls img {
		border: 2px solid #B4B4B4;
	}
	
	.pt img {
		border: 2px solid #B4B4B4;
	}
	
	div.pic {
		display			: block;
		float				: left;
		width				: 220px;
		height			: 240px;
		padding			: 5px;
		border			: 1px solid;
		border-color: #aaa #444 #444 #aaa;
		margin			: 5px 3px;
		background	: #fff;
		text-align	: center;
		overflow		: hidden;
	}
	
	div.pic ul { margin: 0.25em; padding: 0; list-style: none; }
	div.pic a img.movepicleft {	cursor:hand; float: left; border: 0; }
	div.pic a img.movepicright {	cursor:hand; float: right; border: 0; }
	div.pic a img { border: 1px solid; border-color: #444 #aaa #aaa #444; }
	/*=== Producten die nog niet op pagina zijn geplaatst ==========*/
/*===/Productbeheer (zie ook maincontent) ===============================================*/

/*===/Algemene eigenschappen m.b.t. het beheer van de site =============================*/

/*=== Linkerrand */
td.borderleft {
	width							: 3px;
	vertical-align		: top;
	background-image	: url(../Images/bg_left.gif);
	background-repeat	: repeat-y;
}

td.contenttop { /*=== Bovenaan content */
	width							: 771px;
	height						: 29px;
	background-image	: url(../Images/content_top.jpg);
	background-repeat	: no-repeat;
}

td#contentleft {	/*=== Links van content */
	width							: 27px;
	vertical-align		: bottom;
	background-image	: url(../Images/content_left.jpg);
	background-repeat	: repeat-y;
}

td#contentleftbottom { /*=== Links van content, onderkant */
	width							: 27px;
	height						: 547px;
	background-image	: url(../Images/content_left_bottom.jpg);
	background-repeat	: no-repeat;
}

td#contentright { /*=== Rechts van content */
	width							: 26px;
	vertical-align		: bottom;
	background-image	: url(../Images/content_right.jpg);
	background-repeat	: repeat-y;
}

td#contentrightbottom { /*=== Rechts van content, onderkant */
	background-image	: url(../Images/content_right_bottom.jpg);
	background-repeat	: no-repeat;
}

td.borderright { /*=== Rechterrand */
	width							: 3px;
	vertical-align		: top;
	background-image	: url(../Images/bg_right.gif);
	background-repeat	: repeat-y;
}

/*== Hyperlink met afbeelding heeft geen rand ===*/
a img {
	border: 0;
}
/*===/Algemene eigenschappen ===================================================================*/

/*=== A) Header met logo =======================================================================*/
#logo {
	width	: 777px;
	height: 123px;
}
/*===/A) Header met logo =======================================================================*/

/*=== B) Hoofdmenu =============================================================================*/
td#navmainleft {	/*=== Linkerrand van hoofdmenu ===*/
	width							: 3px;
	background-image	: url(../Images/bg_navmain_left.gif);
	background-repeat	: repeat-y;
}

td#navmain {
	height	: 30px;
	background-image: url(../Images/bg_navmain.jpg);
}

td#navmain td.sub, td#navmain td.subinvisible {
	height: 30px;
	text-align: center;
}

td#navmain td.sub a, td#navmain td.subinvisible a {
	color: #fff;
	text-decoration: none;
}

td#navmain a:hover {
	color: #fff;
	text-decoration: underline;
}

td#navmainright {	/*=== Rechterrand van hoofdmenu ===*/
	width							: 3px;
	background-image	: url(../Images/bg_navmain_right.gif);
	background-repeat	: repeat-y;
}
/*===/B) Hoofdmenu =============================================================================*/

/*=== C) Parentmenu ============================================================================*/
td#navparent {
	height		: 25px;
	/*background: #02a3dc;*/
	background: #C5E4FF;
	font-size	: 12px;
	color			: #074f90;	
}

	td#navparent td.sub a {
		font-size				: 11px;
		font-weight			: bold;
		color						: #074f90;
		text-decoration	: none;
	}
	
	td#navparent td.sub a:hover {
		font-size				: 11px;
		font-weight			: bold;
		color						: #074f90;
		text-decoration	: underline;
	}
	
	td#navparent td.subinvisible a {
		font-size				: 11px;
		font-weight			: normal;
		color						: #fff;
		text-decoration	: none;
	}
	
	td#navparent td.subinvisible a:hover {
		font-size				: 11px;
		font-weight			: normal;
		color						: #fff;
		text-decoration	: underline;
	}
/*===/C) Parentmenu ============================================================================*/

/*=== D) Submenu ===============================================================================*/
td#navsub {
	height		: 25px;
	background: #02a3dc;
	font-size	: 12px;
	color			: #074f90;	
}

	div.navsub {
		display	: block;
		margin	: 3px 10px 3px 0;
		float		:left;
	}

	td#navsub td.sub a {
		font-size				: 11px;
		font-weight			: bold;
		color						: #074f90;
		text-decoration	: none;
	}
	
	td#navsub td.sub a:hover {
		font-size				: 11px;
		font-weight			: bold;
		color						: #074f90;
		text-decoration	: underline;
	}
	
	td#navsub td.subinvisible a {
		font-size				: 11px;
		font-weight			: normal;
		color						: #fff;
		text-decoration	: none;
	}
	
	td#navsub td.subinvisible a:hover {
		font-size				: 11px;
		font-weight			: normal;
		color						: #fff;
		text-decoration	: underline;
	}
/*===/D) Submenu ===============================================================================*/

/*=== E) Maincontent ===========================================================================*/
td#contenttop {	/*=== Bovenzijde van de maincontent ===*/
	width							: 771px;
	height						: 29px;
	background-image	: url(../Images/content_top.jpg);
	background-repeat	: no-repeat;
}

td#maincontent {
	width						: 708px;
	padding					: 5px;
	vertical-align	: top;
	font-size				:	11px;
/*	background			: #c5e4ff;*/
background: #fff;
	line-height			: 130%;
}

/*=== Productoverzicht =============================*/
	td#maincontent div.productviewsubitems {
		display	: block;
		float		: left;
		width		: 152px;
		height	: 172px;
		margin	: 9px;
		padding	: 0;
		font-weight					: bold;
		background-color		: #fff;
		border							: 1px solid #000;
	}
	
	td#maincontent div.productviewsubitems table {
		background-repeat: no-repeat;
		background-position: center;
		filter:alpha(opacity=70);-moz-opacity:0.3;
	}
	
	td#maincontent div.productviewsubitems td {
		text-align: center;
	}
	
	td#maincontent div.productviewsubitems a {
		font-size				: 11px;
		font-weight			: bold;
		color						: #074f90;
		text-decoration	: none;		
	}
	
	td#maincontent div.productviewsubitems a img {
		filter:alpha(opacity=70);-moz-opacity:0.3;
	}
	
	td#maincontent div.productviewsubitems a:hover {
		font-size				: 11px;
		font-weight			: bold;
		color						: #074f90;
		text-decoration	: underline;		
	}
	
	div.recpaging {
		font-size	: 12px;
		text-align: right;
		color			: #354e63;
	}
	
	.recpaging a {
		margin					: 0 5px 0 5px;
		color						: #354e63;
		text-decoration	: underline;
	}
	
	.recpaging a:hover {
		text-decoration: none;
	}
	
	.recpageselected {
		font-weight: bold;
	}
	
	/*=== Productgegevens worden in deze tabel weergegeven ===*/
	table.articledata {
		width								: 696px;
		height							: 148px;
		background-image		: url(../Images/bg_articledata.gif);
		background-repeat		: no-repeat;
		background-position	: center;
		margin-top					: 1px;
	}
	
	/*=== Cel met productfoto, portrait of landscape ===*/
	table.articledata td.ls, table.articledata td.pt {
		width			: 207px;
	}	
	
	/*=== Artikelafbeelding in portrait of landscape positie */
	table.articledata td.ls img, table.articledata td.pt img {
		margin: 4px;
		border: 2px solid #B4B4B4;
	}
	
	/*=== Middelste cel, met de meeste artikelgegevens */
	td.productdata {
		width						: 335px;
		height					: 148px;
		vertical-align	: top;
	}
	
	/*=== Korte productomschrijving */
	td.productdescription {
		width			: 310px;
		height		: 97px;
		padding		: 10px 5px 2px 5px;
		text-align: justify;
	}
	
	/*=== Knop naar winkelwagentje */
	td.shoppingcartbutton {
		width		: 25px;
		padding	: 60px 0 0 0;
	}
	
	/*=== Hierin bevindt zich het artikelnummer */
	td.artikelnr, td.pricebtw {
		color					: #fff;
		padding				: 0 0 0 4px;
		vertical-align: top;
	}
	
	td.artikelnr {
		width: 107px;		
	}
	
	td.pricebtw {
		width: 108px;
	}
	
	/*=== Lege cel tussen productdata en levertijd + vooraadaanduiding */
	td.productdataempty {
		width: 56px;
	}
	
	/*=== Hierin bevindt zich de levertijd en de vooraadaanduiding */
	qtd.productstockdeltime {
		width			: 86px;
		text-align: center;
		color			: #fff;
	}
	
	table.productstockdeltime {
		width			: 86px;
		height		: 148px;
		text-align: center;
		color			: #fff;
	}
	
	td.productinstock {
		height		: 24px;
		padding		: 0 0 0 10px;
		text-align: center;
	}
	
	td.productdeltime {
		height		: 24px;
		padding		: 0 0 0 10px;
		text-align: center;
	}
	
	/*=== Lege cel rechts*/
	td.productdataemptyright {
		width: 12p;
	}
/*===/Productoverzicht =============================*/

/*=== Fotoalbum ====================================*/
div.photoalbum {
	display		: block;
	float			: left;
	width			: 250px;
	height		: 290px;
	padding		: 10px 0 0 0;
	border		: 1px solid; border-color: #aaa #444 #444 #aaa;
	margin		: 5px 3px;
	background: #fff;
	text-align: center;
	overflow	: hidden;
}


div.photoalbum td.productdata {
	text-align	: middle;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
}

div.photoalbum ul { margin: 0.25em; padding: 0; list-style: none; }
div.photoalbum a img.movepicleft {	cursor:hand; float: left; border: 0; }
div.photoalbum a img.movepicright {	cursor:hand; float: right; border: 0; }
div.photoalbum a img { border: 1px solid; border-color: #444 #aaa #aaa #444; }
	
	
/*===/Fotoalbum ====================================*/

/*===/E) Maincontent ===========================================================================*/

/*=== F) Footer ================================================================================*/
td#footer {
	height						: 20px;
	background-image	: url(../Images/footer.jpg);
	background-repeat	: no-repeat;
	text-align				: center;
	padding-top				: 2px;
}

qtd#footer a {
	display: block;
	float: right;
}
/*===/F) Footer ================================================================================*/

/*=== G) Shoppingcart ==========================================================================*/
td.cartlabel {
		font-size: 11px;
		font-weight: bold;
	}
	
	td.carttopay {
		font-size: 11px;
		font-weight: bold;
		text-align: right;
		padding-right: 30px;
	}
	
	td.cartamount {
		font-size: 11px;
		font-weight: normal;
		text-align: right;
		padding-right: 30px;
	}
	
	tr.cartruler1 {
		background-color: #C9C7C7;
	}
		
	tr.cartruler2 {
		background-color: #E1E0E0;
	}
	
	tr.cartruler1 td, tr.cartruler1 td {
		vertical-align: top;	
	}
/*===/G) Shoppingcart ==========================================================================*/