html, body {
	margin: 0;
	padding: 0;
}
ul, li {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
body {
	background: #4088be url('/images/page_bg.png') repeat-x;
	background-color: #4088be;
	font-family: verdana, sans-serif;
	font-size: 16px;
	color: #323333;
}
a {
	color: #000;
}
a:hover, .blueText {
	color: #448abf;
}

.hide { display: none;}
.show { display: block;}



#container {
	position: relative;
	width: 977px;
	margin: 0px auto;
}
#header {
	position: relative;
	height: 171px;
	z-index: 1;
}
#header #headerText {
	padding-top: 67px;
	padding-left: 67px;
}

#header #headerCard {
	position: absolute;
	width: 286px;
	height: 248px;
	
	right: 0px;
	bottom: -77px;
	z-index: 1;
	background: transparent url('/images/card_bg.png') no-repeat;
}
#headerCard #cardContent {
	position: relative;
	width: 210px;
	margin: 30px auto;
	font-size: 0.625em;
}

#headerCard #cardContent div.halfFloat {
	float: left;
	width: 50%;
	margin-top: 42px;
}
#body {
	position: relative;
	height: 485px;
	width: 886px;
	z-index: 2;
	background: transparent url('/images/body_bg.png') no-repeat 0 0px;
}

#body #menus {
	padding-top: 9px;
	padding-left: 9px;			
}

#body #menus ul {
	position: relative;
	list-style: none;
	height: 30px;
}

#body #menus ul li {
	float: left;
	width: 120px;
	height: 30px;
	font-size: 0.8em;
	text-transform: uppercase;
}
#body #menus ul li a {
	display: block;
	width: 110px;
	height: 23px;
	padding-top: 7px;
	padding-left: 10px;
	
	font-family: 'Futura', 'Tahoma', 'sans-serif'; 
	text-decoration: none;
	color: #fff;
}
#body #menus ul#mainMenu li.first a {
	color: #0060a8;
}

#body #menus ul#mainMenu li a:hover {
	color: #000;
	background: #fff;
	text-decoration: none;
	background: transparent url('/images/main_menu_bg_sprite.png') no-repeat -128px -39px;
}
#body #menus ul#mainMenu li.first a:hover {
	background-position: -8px -39px;
	color: #000;
}

#menus ul#mainMenu li ul {
	position: absolute;
	top: 30px;
	left: 0;
	width: 870px;
	background: transparent url('/images/sub_menu_bg_sprite.png') no-repeat 0 -30px;
}

#menus ul#mainMenu li ul {
	height: 30px;
	list-style: none;
	color: #000;
}

#menus ul#mainMenu li ul li a,
#menus ul#mainMenu li.itemOn ul li a {
	background: transparent url('/images/sub_menu_shade_bg.png') no-repeat !important;
	background-position: 0 0 !important;
	color: #000;
	text-transform: none;
	text-align: center;
	font-size: 1.1em;
	padding-left: 0;
	width: 120px;
}

#menus ul#mainMenu li ul li.first {
	width: 150px;
}

#menus ul#mainMenu li ul li.first a {
	width: 150px;
	background-image: none;
	color: #000 !important;
}

#menus ul#mainMenu li ul li a:hover,
#menus ul#mainMenu li.itemOn ul li a:hover {
	background-image: url('/images/sub_menu_shade_bg.png') !important;
}

#menus ul#mainMenu li.menuHome ul { background-position: 0px 0px;}
#menus ul#mainMenu li.menuKopak ul { background-position: 0px -30px;}
#menus ul#mainMenu li.menuDirectmail ul { background-position: 0px -60px;}
#menus ul#mainMenu li.menuPrint ul { background-position: 0px -90px;}
#menus ul#mainMenu li.menuLogistiek ul { background-position: 0px -120px;}

#menus ul#mainMenu li.menuHome ul li a:hover,
#menus ul#mainMenu li.menuHome ul li.itemOn a { background-color: #eee !important;}
#menus ul#mainMenu li.menuKopak ul li a:hover,
#menus ul#mainMenu li.menuKopak ul li.itemOn a { background-color: #cdb900 !important;}
#menus ul#mainMenu li.menuDirectmail ul li a:hover,
#menus ul#mainMenu li.menuDirectmail ul li.itemOn a { background-color: #dc0e7e !important;}
#menus ul#mainMenu li.menuPrint ul li a:hover,
#menus ul#mainMenu li.menuPrint ul li.itemOn a { background-color: #008518 !important;}
#menus ul#mainMenu li.menuLogistiek ul li a:hover,
#menus ul#mainMenu li.menuLogistiek ul li.itemOn a { background-color: #6f7073 !important;}

#sideMenu {
	position: absolute;
	left: 878px;
	top: 442px; 
	z-index: 1;
	
	height: 167px;
	width: 98px;
	background: transparent url('/images/contact_menu_bg_sprite.png') no-repeat;
	
	font-size: 0.8em;
	font-family: 'Futura Book', arial;
}

#sideMenu ul {
	position: relative;
	margin: 8px 8px 0 0;
	padding: 0;
	list-style: none;
}

#sideMenu ul li a {
	display: block;
	width: 84px;
	height: 45px;
	
	padding-top: 15px;
	padding-right: 6px;
	
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	line-height: 130%;
}
#sideMenu ul li.first a {
	padding-top: 6px;
	height: 24px;
}

#sideMenu ul li a:hover {
	background-image: url('/images/contact_menu_bg_sprite.png');
	color: #fd6700;
}

#sideMenu ul li.menuContact a:hover {background-position: 0 -175px;}
#sideMenu ul li.menuBrochure a:hover {background-position: 0 -205px;}
#sideMenu ul li.menuOfferte a:hover {background-position: 0 -265px;}


#content {
	position: relative;
	width: 864px;
	margin-top: 60px;
	margin-left: 8px;
	font-size: 0.625em;
	
}

#content #leftColumn img {
	display: block;
	padding: 0;
}

#content #leftColumn > img {
	
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	top:expression(this.parentNode.clientHeight/2 - this.clientHeight/2 + " px");
}

#content #leftColumn,
#content #centerColumn {
	float: left;
	position: relative;
	overflow: hidden;
	height: 330px;
	padding: 0 15px 0 15px;
	border-right: 1px solid #005fa8;	
}
#content #rightColumn {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
}
#content #leftColumn {
	width: 210px;
}
#content #centerColumn {
	width: 209px;
}

#content #rightColumn {
	float: left;
	width: 383px;
	height: 330px;	
}

#content #leftColumn .processedContent ,
#content #centerColumn .processedContent {
	margin: 0px;

}/*
 * $Id: processContent.css 52 2009-11-05 14:30:35Z steven $
 */

/* start over-rulling css properties here */
div.processedContent {
	margin: 0 15px 0 15px;
}

div.processedContent div.block {
	line-height: 130%;
}

div.clearLeft, div.clearImage {
	clear: left;
}
div.clearRight {
	clear: right;
}

div.textCol img,
div.contentTextOneColumn img,
div.contentTextTwoColumns img	{
	margin:10px;
	background-color: white;
	border: 3px solid #fff;
}

div.contentTextTwoColumns {
	float: left;
	display: inline;
	position: relative;
	width: 48%;
	padding-right:2%;
}
/*
div.contentTextOneColumn {
	line-height: 150%;
}*/

div.imageOneColumn {
	position:relative;
	width:200px;
	padding-right:5px;
}

div.imageTwoColumns {
	padding: 10px;
	float: left;
	width: 200px;
}


/* end over-rulling css properties here */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Futura', 'Tahoma', 'sans-serif';
	font-weight: normal;
	color: #2275b3;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; font-weight: bold;}


/* start processedContent markup */

div.processedContent h2.title {

}

div.processedContent div.block {
	margin-bottom: 10px;
}

div.processedContent img.imageOneColumn {
	margin: 5px;
	float:left;
	border: 3px solid #fff;
}

div.processedContent img.imageTwoColumns {
	float:left;
	margin:5px;
	border: 3px solid #fff;
}
/* end plaincontent markup */

/* start content inline image markup */
img.inlineImageLeft, img.inlineImageRight {
	margin: 10px;
}
img.inlineImageRight 	{ float: right; }
img.inlineImageLeft		{ float: left; }

div.inlineImageRight, div.inlineImageLeft {
	background-color: #efefef;
	border: 1px solid #000000;
	padding: 5px;
	width: 200px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
div.inlineImageRight { float: right; margin-left: 5px;}
div.inlineImageLeft { float: left; margin-right: 5px;}
/* end content inline image markup */


/* start form markup */
div.formBody ul.errors 				{ color: #ff0000; }

form.psmForm td.key						{ font-weight: bold; padding-right: 1em; }
form.psmForm .required				{ color: red; }
form.psmForm tr.submitRow td	{ text-align: right;}

form.psmForm input.text,
form.psmForm textarea.text		{ width:250px;  }
form.psmForm textarea.text		{ height: 60px;}
form.psmForm input.button 		{  }


/* end form markup */

/* Start document table markup */

table.documentTable				{ margin-top:10px; margin-bottom:10px; width: 100%; }
table.documentTable td		{ padding: 2px; }
table.documentTable a			{ }
table.documentTable thead td { background-color: #dce9f3; font-weight: bold;}
table.documentTable tbody td { border-top: 1px solid #000000;  }
table.documentTable td.docIcon { text-align: center; width: 7%;}
table.documentTable td.docFile { width: 58%;}
table.documentTable td.docSize { width: 15%;}
table.documentTable td.docDownload { white-space: nowrap; width: 20%;}

/* End document table markup */

/* RSS Feed */
div.rssFeed {}


/* start login screen markup */

	table#contentLogin {

	}
	table#contentLogin td {
		padding:3px;
	}

	table#contentLogin td.leftCol,
	table#contentLogin td.rightCol,
	table#contentLogin td.footer,
	table#contentLogin td.spacer {
		background-color: #efefef;
		color: #212121;
		vertical-align: middle;
	}
	table#contentLogin td.spacer {
		height:5px;
	}
	table#contentLogin td.leftCol {
		text-align:right;
		font-weight:800;
		line-height:150%;
	}
	table#contentLogin td.rightCol {
		width:80%;
	}
	table#contentLogin td.body {
		background-color:#aeaeae;
		color:#ffffff;
		padding: 9px 7px 9px 7px;

	}
	table#contentLogin td.footer {

	}
	table#contentLogin input.text {
		width:200px;
	}
	table#contentLogin input.inputButton {

		cursor: pointer;
	}
/* end login screen markup */
/*####################### - CVS FILE INFO - #############################
# �2004 Prezent Internet BV. All rights reserved.
# $Id: processContent.css 52 2009-11-05 14:30:35Z steven $
# $Date: 2009-03-16 14:34:10 $
# $Author: hilmar $
# $Revision: 1.11 $
# $Name: not supported by cvs2svn $
#######################################################################*/

/* start process page content block markup */
/* text block markup */
table#mainContent			{ width:100%;}

table#textTable				{ width:100%; color:#510701; color:White; line-height:170%;}
#textTable td.title			{ font-weight:800; }
#textTable td.topTitle		{ font-size:150%; color:White; padding-top:10px; padding-bottom:22px; text-align:left; vertical-align:top;}
#textTable td.body			{ text-align:left;}
/*
#textTable a				{ color: #B42224; text-decoration: none; }
#textTable a:hover			{ text-decoration: underline; }
*/

img.ContentImage			{ border:3px solid White;}

/* image block markup */
table#imageTable			{ width:100%; color:#510701;}
#imageTable td.title		{ font-weight:800; font-size:120%;}
#imageTable td.body			{ text-align:left;}
/* document block markup */
table#documentTable			{ width:100%; color:#510701; line-height: 160%;}
#documentTable	th			{ background-color:#7C634D; color: white;}
#documentTable  tr			{ background-color:#EFDAC7;}
#documentTable	td			{ color:Black; text-align:left; border-style:solid; border-width:0 0 1px 0; border-color:#7C634D; padding:2px;}
#documentTable  a			{ color:Black;}
#documentTable  a:hover		{ }

/* start contact form markup */
#ContactForm input			{ border:1px solid black; width:90%; }
#ContactForm textarea		{ border:1px solid black; width:90%; height:100px; }
#ContactForm td				{ padding:2px;}
#ContactFormSubmit td button		{padding:1px;margin:0;line-height:100%;}
#ContactForm td.Error		{ color:#FFB95E;padding:0;margin:0; }
#ContactForm td.ErrorTop	{ font-weight:800;padding:0;margin:0; }
#ContactForm td.error		{ color:#FFB95E;}
#ContactForm .Error			{ color:#FFB95E; }
table#ContactFormSubmit		{ width: 80%; padding:0; margin:0; border:0; border-collapse:collapse; color:#510701; font-size: 13px;}
#ContactFormSubmit td		{ text-align:center; width:50%; }
#ContactFormSubmit a		{ color:#510701; text-decoration:none; }
#ContactFormSubmit a:hover	{ color:#510701; text-decoration:none; }