/*

Corporate colors:
=================
	Almost black	: #051528;
	Too blue 		: #FF4500;
	
Support colors:
===============
	Navy Blue			: #052648;
	50%	(highlite)		: #8292A3; 
	25%	(background)	: #C0C9D1; 
	
	Dark olive			: #4A4512;  
	50%	(highlite)		: #A5A18B; 
	25%	(background)	: #CCCCBF; 
	
	Washed pink		: #E63B94;
	Dirty yellow	: #FFAC38;
	Water melon		: #FF6369;

Gray, Black & White
===================
	Light grey		: #969690;
	Dark grey		: #3B3B3B;
	Black			: #000;
	White			: #FFF;

*/
body {
	margin:12px 0 12px 0;
	text-align:center;
	background:#013b5e url(../gfx/gradient_background.jpg) fixed repeat-x bottom left;
}
body, th, td, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
}
input.tT,
textarea{
	border-top:1px solid #aaa;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #aaa;
	font-weight:normal;
}
body, th, td {
	color:#051528;
}
input, textarea, select {
	font-weight:bold;
	color:#051528;
}
td {
	vertical-align:top;
}
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 1.2em 0;
	line-height:1.3em;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	display:none;
	font-family:Arial, Helvetica, Verdana, Sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	font-size:11px;
	font-weight:normal;
	color:#051528;
	letter-spacing:0;
}
h4 {
	font-weight:bold;
	margin-bottom:1.2em;
	color:#fff;
}
p, h4 {
}
h5 {
	margin:0;
	font-weight:bold;
}
/* ------------------------------------ */

a {
	font-weight:bold;
	color:#052648;
	text-decoration:none;
}
a:hover {
	color:#00afe8;
}
a.readMore {
	white-space:nowrap;
}
a img {
	border:0px;
}
/* ------------------------------------ */	
	
ul, li {
	margin:0;
	padding:0;
}
ul {
	margin-bottom:1.2em;
	list-style:none;
}
li {
	padding-left:12px;
	background:transparent url(../gfx/list_item.gif) no-repeat 1px 5px;
}
ul.linkList {
	padding-left:0;
	list-style:none;
}
ul.linkList li {
	padding:3px 0 5px 0;
	background:transparent url(../gfx/list_item_arrow.gif) no-repeat 0px 5px;
}
/* ------------------------------------ */
hr {
	color:#051528;
	border-style:solid;
	background-color:#051528;
	height:2px;
}
/* ------------------------------------ */
img.noVisual {
	background:#052648 url(../gfx/noimage_2x2.gif) no-repeat center center;
}
/* ------------------------------------ */

.cL {
	clear:left;
	font-size:0;
	line-height:1px;
}
.cR {
	clear:right;
	font-size:0;
	line-height:1px;
}
.cB {
	clear:both;
	font-size:0;
	line-height:1px;
}
/* ------------------------------------ */
form {
	margin:0;
}
table.formSet {
	margin-bottom:1.2em;
}
table.formSet td {
	padding:1px 0 2px 0;
	vertical-align:bottom;
}
table.formSet td.label {
	padding:5px 12px 0 0;
	vertical-align:top;
}
table.formSet td.required {
	font-weight:bold;
}
table.formSet td.required strong {
	color:#65a0de;
}
table.formSet td.button {
	padding-top:5px;
	text-align:right;
}
select option.spacer {
	background-color:#fff;
}
input.tT, textarea, select {
	width:175px;
}
select {
	margin-top:1px;
}
input.tR, input.tC {
	margin-right:3px;
	vertical-align:middle;
}
input.tB {
	border:2px solid #171e48;
	background-color:#171e48;
	color:#fff;
}
label {
	margin-right:6px;
}
/* ------------------------------------ */

table.tableSet {
	margin-bottom:1.3em;
	border:1px solid #051528;
	border-right:none;
}
table.tableSet th, table.tableSet td {
	text-align:left;
	padding:2px 8px 3px 4px;
	border-bottom:1px solid #051528;
}
table.tableSet td {
	border-right:1px solid #051528;
	background-color:#FFF;
}
table.tableSet .i {
	text-align:center;
}
table.tableSet .n {
	text-align:right;
}
table.tableSet th {
	padding-top:4px;
	padding-bottom:5px;
	color:#fff;
	background-color:#051528;
	text-transform:uppercase;
}
/* =================================== */
/* STYLE HACKS						   */
/* =================================== */

/* float fixes \*/
* html div.contentBlock {
	height: 1%;
}
* html div.introBlock {
	height: 1%;
}
/* // float fixes */

/* =================================== */

div.pageBlock {
	margin:0 auto 0 auto;
	padding:0 12px 0 12px;
	width:736px;
	text-align:left;
	background-color:#fff;
}
/* width fixes \*/
* html div.pageBlock {
	width:760px;
}
/* // width fixes */

/* ------------------------------------ */	

div.headerBlock {
	position:relative;
	margin-bottom:12px;
}
img.logo {
	margin-top:12px;
	position:relative;
}
ul.nav,  ul.nav li {
	margin:0;
	padding:0;
	list-item:none;
	background:none;
}
ul.nav {
	position:absolute;
	top:55px;
	left:0;
	width:736px;
	text-align:right;
}
ul.nav li {
	display:inline;
}
ul.nav li img {
	margin-left:6px
}
/* ------------------------------------ */
	
div#flashheading {
	margin-bottom:12px;
}
/* ------------------------------------ */

div.introBlock {
	padding:0 0 12px 0;
}
h1.intro {
	clear:left;
	margin:0;
	width:531px;
	color:#051528;
}
/* Last modified by Sander Bogaard, 22-12-2004 14:11 */
	h1.intro span.intro {
	display:inline;
}
div.introBlock a {
	font-weight:normal;
	color:#051528;
	line-height:0.9em;
}
div.introBlock a:hover {
	color:#00afe8;
}
div.introBlock ul.clients,  div.introBlock ul.clients li {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
div.introBlock ul.clients {
	margin-bottom:6px;
	width:181px;
	float:left;
}
div.introBlock ul.clients li {
	display:block;
	margin-bottom:2px;
	padding-right:12px;
	text-transform:uppercase;
	color:#4A4512;
}
div.introBlock ul.clients li a {
	font-weight:bold;
}
div.introBlock ul.subnav,  div.introBlock ul.subnav li {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
div.introBlock ul.subnav {
	margin-bottom:15px;
}
div.introBlock ul.subnav li {
	margin-right:3px;
	display:inline;
}
div.introBlock ul.subnav li img {
	margin-right:19px;
	vertical-align:bottom;
}
div.introBlock ul.subnav li a {
	text-decoration:none;
	color:#051528;
}
div.introBlock ul.subnav li a:hover {
	color:#00afe8;
}
div.introBlock ul.subnav li a.active {
	font-weight:bold;
	color:#00afe8;
}
div.introBlock ul.subnav .cat a {
	margin-right:25px;
}
div.introBlock ul.subnav li span {
	font-weight:normal;
	font-size:9px;
	vertical-align:top;
}
/* ------------------------------------ */

div.contentBlock {
	padding:12px 0 12px 12px;
	background-color:#fff;
	min-height:300px;
}
/* width fixes \*/
* html div.contentBlock {
	height:300px;
}
/* // width fixes */

/* ------------------------------------ */	

div.footerBlock {
	clear:left;
	position:relative;
	margin:12px 0 0 0;
	padding:2px 10px 3px 12px;
	background-color:#052648;
	color:#fff;
	font-weight:normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-align:center;
}
div.pageBlock div.footerBlock a, div.pageBlock div.footerBlock a:hover, div.pageBlock div.footerBlock strong {
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
}
div.footerBlock strong {
	font-weight:bold;
	letter-spacing:normal;
}
div.footerBlock a.email {
	font-weight:bold;
	color:#FF4500;
	letter-spacing:normal;
}
div.footerBlock a.email:hover {
	font-weight:bold;
	color:#fff;
}
div.footerBlock img {
	vertical-align:middle;
}
/* =================================== */	

div.sideBack {
	background:transparent url(../gfx/background_dark.gif) repeat-y 519px 120px;
}
div.inPageFooter {
	margin-right:218px;
	height:18px;
	background-color:#8292A3;
	margin-top:3px;
	display:none;
}
/* ----------------------------------- */

table.contentFormTable {
	margin:0 12px 0 0px;
}
table.contentFormTable td.contentCell {
	padding:0 12px 30px 0;
	width:350px;
}
table.contentFormTable td.formCell {
	padding:0;
}
table.contentFormTable td.formCell form {
	padding:12px;
	background-color:#c4e6ff;
}
table.contentFormTable td.formCell h2 {
	margin:0;
	padding:5px 0 6px 0px;
}
div.contentFormTableFooter {
	margin-top:-18px;
	height:18px;
	background-color:#8292A3;
	width:350px;
	display:none;
}
/* ----------------------------------- */

div.contentSpread {
	padding:0 210px 48px 0;
}
div.contentSpread img.visual {
	float:left;
	margin:2px 12px 12px 0;
}
/* ----------------------------------- */

div.contentColLeft {
	float:left;
	padding-bottom:48px;
	width:507px;
	min-height:286px;
}
/* min-height \*/
* html div.contentColLeft {
	height:286px;
}
/* // min-height */

div.contentColRight {
	padding:12px;
	float:right;
	width:181px;
}
div.rightContentBlock {
	/* background-color:#eee; */
		width:169px;
	margin-right:12px;
}
div.contentColRight div.case,  div.contentColRight div.caseHover {
	float:none;
}
div.contentColRight span img {
	display:block;
}
/* ----------------------------------- */
	
div.contentBlock h1 {
	position:relative;
	margin:-3px 0 0 0;
}
/* =================================== */
/* =================================== */	

div.cases {
	position:relative;
	width:100%;
	margin-right:-12px;
}
div.case,  div.caseHover {
	float:left;
	padding-bottom:12px;
	margin:0 12px 0 0;
	width:169px;
	cursor:pointer;
}
div.case img.noVisual,  div.case img.visual,  div.caseHover img.noVisual,  div.caseHover img.visual {
	display:block;
	width:169px;
	height:169px;
}
div.case img.visual,  div.caseHover img.visual {
/* filter:alpha(opacity:85);
			-moz-opacity:0.85;
			opacity: 0.85; */
			}
div.case h3,  div.caseHover h3 {
	color:#052648;
}
div.case h2,  div.caseHover h2 {
	margin:3px 0 0 0;
}
div.case h3,  div.caseHover h3 {
	margin:-2px 0 0 0;
}
div.caseHover h2,  div.caseHover h3 {
	color:#00afe8 !important;
}
div.caseHover h3 {
	text-transform:none;
}
div.caseHover img.visual {
/* display:block;
		filter:alpha(opacity:100);
		-moz-opacity:1;
		opacity:1; */
		}
/* =================================== */

div.showcase {
	position:relative;
	margin:6px 0 1.4em 0;
	padding:12px;
	width:483px;
	background-color:#c4e6ff;
}
/* width fix \*/
* html div.showcase {
	width:507px;
}
/* // width fix */

/* ----------------------------------- */

div.slideshow {
	position:absolute;
	top:12;
	left:12px;
	overflow:hidden;
}
div.slideshow,  div.slideshow div.moveSlide,  div.slideshow div.staticSlide img,  div.slideshow div.moveSlide img {
	width:236px;
	height:157px;
}
div.slideshow div.staticSlide {
	position:relative;
	z-index:100;
}
div.slideshow div.moveSlide {
	position:absolute;
	top:0;
	z-index:200;
}
div.slideshow div.staticSlide img,  div.slideshow div.moveSlide img {
	display:block;
}
div.showcase div.controls {
	margin-left:248px;
	width:216px;
	height:157px;
	overflow:hidden;
}
div.controls div.buttons img {
	margin-right:3px;
}
div.controls div.description {
	margin:4px 80px 0 0;
	color:#fff;
	font-weight:bold;
}
/* 
=========================================================
======  DEFAULT  ======================================
=========================================================
	COLORS:	NAVY BLUE	:   #052648;	100%
						: 	#8292A3;	50%	Midden tint
						: 	#C0C9D1;	25%	background
*/
	
body.default a:hover {
	color:#fff;
}
/* ========================= */

table.newsSet {
	clear:left;
	margin:12px 0 12px 0;
	width:712px;
}
table.newsSet td.itemList {
	background-color:#c4e6ff;
	padding-bottom:10px;
}
td.itemList table.newsItems {
	margin-left:12px;
	width:338px;
}
td.itemList td {
	padding:12px 12px 0 0px;
	color:#052648;
}
td.itemList h3 {
	display:inline;
	font-weight:bold;
	color:#052648;
}
td.itemList a.readMore {
	color:#E53B94;
}
td.itemList a:hover.readMore {
	color:#052648;
}
table.newsSet td.items {
	padding-left:12px;
	width:350px;
}
td.items div.item {
	margin-top:12px;
	width:350px;
}
td.items div.first {
	margin-top:0px;
}
td.items div.item p {
	margin:0;
	padding:0;
}
td.items div.item img.visual {
	float:left;
	margin-right:12px;
	width:169px;
	height:169px;
}
td.items div.item h2 {
	margin:-3px 0 0 0;
}
td.items div.item h2 img {
	display:block;
}
td.items div.item h3 {
	margin:-1px 0 0 0;
}
td.items div.item {
	white-space:normal;
}
body.default table.contentFormTable td.formCell {
	background-color:#8292A3;
}
body.default table.contentFormTable td.formCell h2 {
	background-color:#C0C9D1;
}
body.default table.formSet td.required strong {
	color:#052648;
}
table.contentList td {
	padding:0 12px 12px 0;
}
table.contentList td.picture {
}

table.contentList td.bordered img {
    border: 1px solid #051528;
    
}

table.contentList td.content {
	padding-top:3px;
	width:262px;
}
/* 
=========================================================
======  PORTFOLIO  ======================================
=========================================================
	COLORS:	DARK OLIVE	:   #4A4512;	100%
						: 	#A5A18B;	50%	Midden tint
						: 	#CCCCBF;	25%	background
*/

body.portfolio div.contentBlock {
	background-color:#CCCCBF;
}
body.portfolio div.sideBack {
	background-image:url(../gfx/portfolio/background_dark.gif);
}
body.portfolio div.inPageFooter {
	background-color:#A5A18B;
}
body.portfolio a, body.portfolio ul.subnav a:hover, body.portfolio div.case h3,  body.portfolio ul.clients {
	color:#4A4512;
}
body.portfolio h5 {
	color:#77744D;
}
body.portfolio h2.caseIntro {
	margin-bottom:1.3em;
	font-weight:bold;
}
body.portfolio img.noVisual {
	background-color:#4A4512;
}
body.portfolio div.showcase {
	background-color:#A5A18B;
}
div.topBlock {
	height:54px;
}
div.topBlock a, div.backTo a {
	font-weight:normal;
}
div.caseEntry {
	margin-bottom:1.3em;
}
body.services hr {
	color:#A5A18B;
	background-color:#A5A18B;
}
div.contentBlock h1.caseTitle {
	margin:6px 0 0 0;
}
div.contentBlock h1.caseTitle span {
	font-size:23px;
}
/* 
=========================================================
======  SERVICE  ========================================
=========================================================
	COLORS: WATER MELON	: 	#FF6369;	100%
						: 	#FFB1B4;	50%	Midden tint
						: 	#FFD8D9;	25%	background
*/

body.services div.contentBlock {
	background-color:#FFD8D9;
}
body.services div.sideBack {
	background-image:url(../gfx/services/background_dark.gif);
}
body.services div.inPageFooter {
	background-color:#FFB1B4;
}
body.services a, body.services ul.subnav a:hover {
	color:#FF6369;
}
body.services div.showcase {
	background-color:#FFB1B4;
}
body.services hr {
	color:#FFB1B4;
	background-color:#FFB1B4;
}
/* 
=========================================================
======  PRODUCTEN  ======================================
=========================================================
	COLORS: WASHED PINK	:	#E63B94; 	100%
						: 	#F39DCA;	50%	Midden tint
						: 	#F9CEE5;	25%	background
*/

body.producten div.contentBlock {
	background-color:#F9CEE5;
}
body.producten div.sideBack {
	background-image:url(../gfx/producten/background_dark.gif);
}
body.producten div.inPageFooter {
	background-color:#F39DCA;
}
body.producten div.topBlock {
	height:36px;
}
body.producten ul a, body.producten ul.subnav a:hover {
	color:#E63B94;
}
body.producten div.showcase {
	background-color:#F39DCA;
}
body.producten img.noVisual {
	background-color:#E63B94;
}
body.producten hr {
	color:#F39DCA;
	background-color:#F39DCA;
}
body.producten {
}
/* -------------------------------- */

div.productList {
	margin:3px 0 1.2em 0;
}
div.productList a {
	color:#171e48;
}
img.productLine {
	margin-right:4px;
	width:64px;
	height:64px;
	margin-bottom:2px;
	vertical-align:bottom;
}
h1 img.productLine {
	margin-bottom:12px;
}
h1 img {
	vertical-align:bottom;
}
.pat img.productLine,  .mercury img.productLine,  .bulkmail img.productLine {
	/*background-color:#557729;*/
		background-color:#E63B94;
	float:left;
}
/*a.pat:hover{color:#f238A6;}
	a.mercury:hover{color:#edcf3d;}
	a.bulkmail:hover{color:#557729;}*/
	a.pat:hover,  a.mercury:hover,  a.bulkmail:hover {
	color:#E63B94;
}
/* 
=========================================================
======  SUPPORT  ========================================
=========================================================
	COLORS: DIRTY YELLOW: 	#FFAC38;	100%
						: 	#FFD59B;	50%	Midden tint
						: 	#FFEACD;	25%	background
*/

body.support div.contentBlock {
	background-color:#FFEACD;
}
body.support div.sideBack {
	background-image:url(../gfx/support/background_dark.gif);
}
body.support div.inPageFooter {
	background-color:#FFD59B;
}
body.support a, body.support ul.subnav a {
	color:#FFAC38;
}
body.support div.contentColLeft {
	width:350px;
	padding:0;
}
body.support div.contentColRight {
	width:350px;
	margin-right:6px;
}
body.support td.required strong {
	color:#FFAC38
}
body.support hr {
	color:#FFD59B;
	background-color:#FFD59B;
}
body.support table.contentFormTable td.formCell {
	background-color:#FFD59B;
}
body.support table.contentFormTable td.formCell h2 {
	background-color:#FFEACD;
}
body.support div.contentFormTableFooter {
	background-color:#FFD59B;
}
/* --------------------------------------------------------- */

ul.newsItems {
	margin:0;
	padding:0;
	list-style:none;
}
ul.newsItems li {
	padding:0;
	background:none;
}
ul.newsItems img {
	float:left;
	margin-bottom:20px;
	margin-right: 5px;
}
ul.newsItems h3 {
	font-weight:bold;
}
ul.newsItems a.more {
	white-space:nowrap;
}
/* ========================================================= */
/* ===== 2colls divs  ====================================== */
/* ========================================================= */

div.collSet {
	clear:both;
	position:relative;
	width:508px;
}
div.leftColl {
	float:left;
	width:248px;
	margin-right:12px;
}
div.rightColl {
	float:left;
	width:248px;
}
/* ========================================================= */
/* ========================================================= 
 	Mercury add-ons. Sander Bogaard, 28-12-2004 12:11
 	Spans in een apart DIVje mogen wel zichtbaar zijn!
   ========================================================= */
/* ========================================================= */

div.editMercuryBlock {
	margin:0px;
	padding:0px;
	display:inline;
}
div.editMercuryBlock span {
	display:inline;
	color: #ff0000;
	background-color: white;
}
span div.editMercuryBlock {
	margin:0px;
	padding:0px;
	display:inline;
	color: #ff0000;
	background-color: white;
}
span.editableContent h1, span.editableContent h2 {
	margin:0 0 5px 0;
	line-height:20px;
}
span.editableContent p {
	margin:0 0 1.3em 0;
}
span.editableContent h1, span.editableContent h1 span {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:18px;
	font-weight:bold;
}
span.editableContent h2, span.editableContent h2 span {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:14px;
	font-weight:bold;
}