/* --- main.css - Colours --- */


/* --- RESETTING BROWSER DEFAULTS - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
/*:focus { outline: 0; }*/

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* --- GENERAL DEFAULTS --- */

html { overflow-y: scroll; }	/* Always show scrollbar on right side (as IE does) in all browsers to avoid jumping of centered sites caused by (dis)appearing these scrollbars. Overflow-y is a CSS3 property and therefor it does not validate yet (removing it only affects the jumping). */	
body, html { height: 100%; }
body { float: left; clear: both; width: 100%; }
html>body {	height: auto; min-height: 100% }	/* For sticky footer */

ul { list-style-type: disc; }
	ul li { margin: 0 0 0 14px; }
	* html ul li { margin: 0 0 0 16px; }
	*:first-child+html ul li { margin: 0 0 0 16px; }
ol { list-style-type: decimal; }
	ol li { margin: 0 0 0 29px; }
	* html ol li { margin: 0 0 0 31px; }
	*:first-child+html ol li { margin: 0 0 0 31px; }
ul.nav, .nav ul, ul.overview, .overview ul, ul.linkList, .linkList ul,
ol.nav, .nav ol, ol.overview, .overview ol, ol.linkList, .linkList ol { margin: 0; padding: 0; list-style-type: none; }
	.nav li, .overview li, .linkList li { margin-left: 0; padding-left: 0; background-image: none; }
	html>body .nav li, html>body .overview li, html>body .linkList li,
	*:first-child+html .nav li, *:first-child+html .overview li, *:first-child+html .linkList li { margin-left: 0; padding-left: 0; background-image: none; }
	
strong, b { font-weight: bold; }
em, i { font-style: italic; }
			
legend { margin-right: 0; }
* html legend { margin-left: -7px; }
*:first-child+html legend { margin-left: -7px; }

label, button, input.button { cursor: pointer; }
input[type="submit"], input[type="reset"], input[type="button"] { cursor: pointer; }

.alignLeft { float: left; }
.alignRight { float: right; }

.offScreen { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }

	/* --- overLabel --- */	
	
	.jsOverLabelBlur { position: relative; }
		.jsOverLabel { position: absolute; left: -9999px; top: 0; white-space: nowrap /* needed for safari */; overflow: hidden; cursor: default; }
		.jsOverLabelBlur .jsOverLabel { left: 1px; z-index: 1; }
			.jsOverLabelBlur .jsOverLabel span { display: none; }
			
	/* --- clickable --- */

	.jsClickable { cursor: pointer; }
	
	/* --- flash --- */
	
	.flash-replaced .alt { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }


/* --- SITE DEFAULTS --- */

body, input, button, textarea, select {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, "Liberation Sans", sans-serif;
	font-size: 1.0em;
}

body {
	position: relative;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #666666;
	background-color: #ffffff;
}

/*:focus { outline: 1px dashed #a9a9a9; }*/
object:focus, embed:focus { outline-style: none; }

p, blockquote, ul, ol, dl, table {
	margin-bottom: 1.6em;
}

a {
	color: #666666;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #000000;
	text-decoration: none;
}

/* --- linkList / more --- */

ul.linkList,
p.more {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 1.6em;
}
* html ul.linkList { margin-bottom: 1.6em; }
html>body .linkList, *:first-child+html .linkList { margin-bottom: 1.6em; }

p.more {
	margin: -1.6em 0 0.65em;
}

	.linkList li,
	p.more {
		float: left;
		clear: both;
		padding-left: 8px;
		background: url(/images/ColoursWebsite/layout/ico_link_IE6.gif) transparent no-repeat 0 0.65em;
	}
	* html .linkList li, * html p.more { 
		padding-left: 8px; 
		background-image: url(/images/ColoursWebsite/layout/ico_link_IE6.gif); 
	}
	
	/*html>body .linkList li, *:first-child+html .linkList li { 
		padding-left: 8px; 
		background-image: url(/images/ColoursWebsite/layout/ico_link.png); 
	}*/
	
		.linkList a {
			text-decoration: none;
		}
	
		p.more a {
			font-weight: bold;
			text-decoration: none;
		}
		
		.linkList a:hover, .linkList a:focus, .linkList a:active,
		p.more a:hover, p.more a:focus, p.more a:active {
			text-decoration: underline;
		}

/* --- date --- */

.date {
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 0.3em;
	background-color: #ffffff;
}

	a:hover .date {
		text-decoration: none;
	}
						
/* --- clickable --- */

.jsClickableHover, .jsClickableFocus {
	color: #000000;
	text-decoration: underline;
}

.jsClickableFocus {
	outline: 1px dashed #a9a9a9;
}

	.jsClickable .jsInlineIcon {
		padding-right: 9px;
		background: url(/images/ColoursWebsite/layout/ico_link_IE6.gif) transparent no-repeat 100% 0.65em;
	}
/*		* html .jsClickable .jsInlineIcon {
			background: url(/images/ColoursWebsite/layout/ico_link_IE6.gif);
		}*/
	.jsClickableHover .jsInlineIcon, .jsClickableFocus .jsInlineIcon {
		text-decoration: none;
	}

	.jsClickable .more {
		position: absolute; left: -9999px; text-indent: -9999px; line-height: 0;
	}

/* --- forms --- */

input.textfield, select, textarea {
	color: #666666;
	padding: 0 5px 2px;
	background-color: #f3f3f3;
	border: 1px solid #bfbfbf;
	border-color: #bfbfbf #f3f3f3 #f3f3f3 #bfbfbf;
}


/* --- GENERAL LAYOUT --- */

#siteWrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top: 220px;
}

#siteWrapper.main {
	padding-top: 540px;
}

	/* --- skipLinks --- */
	
	#skipLinks {
		position: absolute;
		left: -9999px;
		top: 3px;
		z-index: 10;
		font-size: 0.9em;
	}
	
	#skipLinks.jsFocus {
		left: 0;
	}
	
		#skipLinks p, #skipLinks ul {
			position: relative;
			float: left;
		}
		
			#skipLinks p em {
				font-style: normal;
				padding-right: 0.5em;
			}
		
			#skipLinks li {
				
			}
			
				#skipLinks a,
				#skipLinks.jsFocus a:focus, #skipLinks.jsFocus a.jsFocus {
					position: absolute;
					left: -9999px;
					top: 0;
					font-weight: bold;
					color: #000000;
					white-space: nowrap;
				}
			
				#skipLinks.jsFocus a:focus, #skipLinks.jsFocus a.jsFocus {
					left: 0;
				}
				
				#skipLinks a:focus {
					left: 9999px;
				}
				
	/* --- siteBody --- */
	
	#siteBody {
		float: left;
		clear: both;
		width: 100%;
		margin: 0;
		padding: 20px 0 23px;
	}
	* html #siteBody { float: none; }
	
	#siteBody.jsIE6fix {
		margin-bottom: 0;	/* IE6-fix */
		padding-bottom: 0;
	}
	
		/* --- siteContent --- */
		
		#siteContent {
			float: left;
			clear: both;
			width: 100%;
			margin: 20px 0 17px;
			background: url(/images/ColoursWebsite/layout/divider_sitecontent_1.gif) transparent repeat-y 0;
		}
		
		#siteContent.noSidebar {
			background-image: none;
		}
		
		.main #siteContent {
			margin: 0;
			background-image: none;
		}
			
			.contentTabs #mainContent {
				padding-top: 31px;
			}
		
			/* --- mainContent --- */
			
			#mainContent {
				position: relative;
				float: left;
				width: 600px;
			}
			
			.noSidebar #mainContent {
				width: 100%;
			}
			
			.main #mainContent {
				font-size: 0.9em;
				line-height: 1.5em;
			}
		
			h1 {
				position: relative;
				top: -4px;
				font-size: 1.95em;
				font-weight: normal;
				line-height: 1.15em;
				color: #000000;
				margin-bottom: 21px;
				font-family: Arial, Helvetica, sans-serif;
				letter-spacing:0;
			}
			
				h1 .levels {
					color: #666666;
				}
				
					#mainContent h2, #mainContent h3 {
						font-size: 1.5em;
						font-weight: normal;
						line-height: 1.15em;
						color: #000000;
						margin-bottom:6px;
						font-family: Arial, Helvetica, sans-serif;
						letter-spacing:0;
					}
			
					.main #mainContent h2, .main #mainContent h3 {
						font-size: 1.65em;
					}
				
				/* --- contentItem --- */
				
				.contentItem, .contentItems, .contentRow {
					float: left;
					clear: both;
					width: 100%;
					margin: 0 0 20px;
				}

				.intro {
					margin-top: -18px;
				}
				
				.itemLeft {
					float: left;
					clear: left;
					width: 280px;
				}
				
				.itemRight {
					float: right;
					clear: right;
					width: 280px;
				}
				
					.contentItem p {
						/*margin-top: -5px;*/
					}
					
						.contentItem .imageLeft {
							float: left;
							margin: 7px 16px 0px 0;
						}
					
						.contentItem .imageRight {
							float: right;
							margin: 7px 0 0px 16px;
						}
						
				/* --- contentTabs --- */
				
				#contentTabs {
				}
				
					#contentTabs ul.nav {
					position: absolute;
					left: 0;
						top: 0;
						float: left;
						clear: both;
						width: 640px;
						margin-bottom: 10px;
						border-bottom: 1px solid #bfbfbf;
						border-right:1px solid #FFF;						
						padding-top:42px;
					}
						
						#contentTabs .nav li {
							float: left;
							margin: 0 1px -1px;
							padding-bottom: 1px;
						}
						
						#contentTabs li.selected {
							margin: 0 0 -1px;
							padding: 0;
						}
						
							#contentTabs .nav a {
								position: relative;
								display: block;
								color: #666666;
								padding: 5px 10px;
								background-repeat: no-repeat;
								background-position: 10px 5px;
								border-top: 1px solid #ffffff;
							}
							* html #contentTabs .nav a { background-position: 10px 6px; }
							*:first-child+html #contentTabs .nav a { background-position: 10px 6px; }
						
							#contentTabs li.selected a {
								padding-bottom: 6px;
								background-color: #ffffff;
								border: 1px solid #bfbfbf;
								border-bottom-style: none;
							}
							* html #contentTabs li.selected a { background-position: 11px 6px; }
							*:first-child+html #contentTabs li.selected a { background-position: 11px 6px; }
							
							#contentTabs li.selected a,
							#contentTabs .nav a:hover, #contentTabs .nav a:active, #contentTabs .nav a:focus {
								color: #000000;
								outline-style: none;
							}
							
								#contentTabs .nav a img {
									display: block;
								}
							
									#contentTabs li.selected a img,
									#contentTabs .nav a:hover img, #contentTabs .nav a:active img, #contentTabs .nav a:focus img,
									#siteContent #contentTabs .nav a:hover img, #siteContent #contentTabs .nav a:active img, #siteContent #contentTabs .nav a:focus img {
										position: relative;
										left: -9999px;
									}
				
			/* --- sidebar --- */
			
			#sidebar {
				float: right;
				font-size: 0.9em;
				line-height: 1.5em;
				width: 270px;
				padding-right: 25px;
			}
			
			.main #sidebar {
				width:280px;
				padding-right: 40px;
			}
		
				/* --- snippet --- */
				
				.snippet {
					float: left;
					clear: both;
					width: 270px;
					margin-bottom: 16px;
				}
				
				.snippetWide {
					float: left;
					clear: both;
					width: 310px;
					margin-bottom: 16px;
				}
				
				.snippetExtraWide {
					float: left;
					clear: both;
					width: 320px;
					margin-bottom: 16px;
				}
				
					.snippet h2 {
						font-size: 1.65em;
						font-weight: normal;
						letter-spacing:0.01em;
						line-height: 1.15em;
						color: #000000;
						margin-bottom: 7px;
						font-family: Arial, Helvetica, sans-serif;
						letter-spacing:0;
					}
					
					.snippetWide h2 {
						font-size: 1.65em;
						font-weight: normal;
						letter-spacing:0.01em;
						line-height: 1.15em;
						color: #000000;
						margin-bottom: 7px;
						font-family: Arial, Helvetica, sans-serif;
						letter-spacing:0;
					}
					
					.snippetExtraWide h2 {
						font-size: 1.65em;
						font-weight: normal;
						letter-spacing:0.01em;
						line-height: 1.15em;
						color: #000000;
						margin-bottom: 7px;
						font-family: Arial, Helvetica, sans-serif;
						letter-spacing:0;
					}
					
						.snippet .linkList li,
						.snippet p.more {
							width: 262px;
						}
						
						.snippet .linkListWider li { width: 320px;}
						* html .snippet .linkListWider li { width: 320px; position: relative; display: inline; margin-right: -30px;}
						
						.snippetWide .linkList li,
						.snippetWide p.more {
							width: 302px;
						}
						
						.snippetExtraWide .linkList li,
						.snippetExtraWide p.more {
							width: 317px;
						}
						
						.snippetWide .linkListWider li { width: 320px;}
						* html .snippetWide .linkListWider li { width: 320px; position: relative; display: inline; margin-right: -30px;}
						
						.snippetExtraWide .linkListWider li { width: 320px;}
						* html .snippetExtraWide .linkListWider li { width: 320px; position: relative; display: inline; margin-right: -30px;}

					
				/* --- tabs --- */
				
				.tabs {
					display: inline;	/* IE6-fix for duplicate content */
				}
				
					#sidebar .tabNews #sbAgenda,
					#sidebar .tabAgenda #sbNews {
						display: none;
					}
				
						#sidebar ul.nav {
							float: left;
							clear: both;
							width: 270px;
							margin-bottom: 10px;
							border-bottom: 1px solid #bfbfbf;
						}
							
							#sidebar .nav li {
								float: left;
								margin: 0 1px -1px;
								padding-bottom: 1px;
							}
							
							#sidebar .tabNews #tabNews,
							#sidebar .tabAgenda #tabAgenda {
								margin: 0 0 -1px;
								padding: 0;
							}
							
								#sidebar .nav a {
									position: relative;
									display: block;
									color: #666666;
									padding: 5px 10px;
									background-repeat: no-repeat;
									background-position: 10px 5px;
									border-top: 1px solid #ffffff;
								}
								* html #sidebar .nav a { background-position: 10px 6px; }
								*:first-child+html #sidebar .nav a { background-position: 10px 6px; }
								
								#sidebar #tabNews a { background-image: url(/images/ColoursWebsite/layout/tab_sidebar_news_sel.gif); }
								#sidebar #tabAgenda a { background-image: url(/images/ColoursWebsite/layout/tab_sidebar_agenda_sel.gif); }
							
								#sidebar .tabNews #tabNews a,
								#sidebar .tabAgenda #tabAgenda a {
									padding-bottom: 6px;
									background-color: #ffffff;
									border: 1px solid #bfbfbf;
									border-bottom-style: none;
								}
								* html #sidebar .tabNews #tabNews a, * html #sidebar .tabAgenda #tabAgenda a { background-position: 11px 6px; }
								*:first-child+html #sidebar .tabNews #tabNews a, *:first-child+html #sidebar .tabAgenda #tabAgenda a { background-position: 11px 6px; }
								
								#sidebar .tabNews #tabNews a, #sidebar .tabAgenda #tabAgenda a,
								#sidebar .nav a:hover, #sidebar .nav a:active, #sidebar .nav a:focus {
									color: #000000;
									outline-style: none;
								}
								
									#sidebar .nav a img {
										display: block;
									}
								
										#sidebar .tabNews #tabNews a img, #sidebar .tabAgenda #tabAgenda a img,
										#sidebar .nav a:hover img, #sidebar .nav a:active img, #sidebar .nav a:focus img,
										#siteContent #sidebar .nav a:hover img, #siteContent #sidebar .nav a:active img, #siteContent #sidebar .nav a:focus img {
											position: relative;
											left: -9999px;
										}
		
				
	/* --- siteHeader --- */
	
	#siteHeader {
		position: absolute;
		left: 0;
		top: 0;
		float: left;
		clear: both;
		width: 100%;
		height: 220px;
		/*overflow: hidden;*/
	}
	
	.main #siteHeader {
		height: 540px;
	}
	
			
		/* --- mainMenu --- */
		
		#mainMenu {
			float: left;
			width: 640px;
			margin: 25px 0 5px;
		}
		
			#mainmenu ul {
				
			}
			
				#mainMenu li {
					float: left;
				}
				
					#mainMenu li a {
						position: relative;
						display: block;
						color: #666666;
						padding: 8px 11px;
						overflow: hidden;
						background-repeat: no-repeat;
						background-position: 11px 8px;
					}
				
					li#btnHome a { width: 35px; padding-left: 0; background-image: url(/images/ColoursWebsite/layout/btn_mainmenu_home_sel.png); background-position: 0 8px; }
					li#btnKlanten a { width: 46px; background-image: url(/images/ColoursWebsite/layout/btn_mainmenu_klanten_sel.png); }
					li#btnConceptDesign a { width: 106px; background-image: url(/images/ColoursWebsite/layout/btn_mainmenu_concept-design_sel.png); }
					li#btnTechniek a { width: 55px; background-image: url(/images/ColoursWebsite/layout/btn_mainmenu_techniek_sel.png); }
					li#btnHosting a { width: 45px; background-image: url(/images/ColoursWebsite/layout/btn_mainmenu_hosting_sel.png); }
					li#btnSupport a { width: 49px; background-image: url(/images/ColoursWebsite/layout/btn_mainmenu_support_sel.png); }
						
					#mainMenu li.selected a,
					#mainMenu li a:hover, #mainMenu li a:active, #mainMenu li a:focus {
						color: #000000;
					}
					
						#mainMenu li a img {
							display: block;
						}
						
						#mainMenu li.selected a img,
						#mainMenu li a:hover img, #mainMenu li a:active img, #mainMenu li a:focus img {
							position: relative;
							left: -9999px;
						}
		
		/* --- siteSearch --- */
		
		#siteSearch {
			float: right;
			font-size: 0.9em;
			width: 320px;
			margin-top: 28px;
		}
		
			#siteSearch div {
				position: relative;
				float: right;
			}
		
				#siteSearch label {
					float: left;
					padding-right: 0.5em;
				}
				
				#siteSearch .jsOverLabelBlur .jsOverLabel { left: 6px; top: -1px; }
			
				#siteSearch input {
					float: left;
					margin: 0;
					border-right-style: none;
				}
				
				#siteSearch .textfield {
					width: 129px;
				}
				
				div#searchSuggest {
					position: absolute;
					right: 0;
					top: 33px;
					float: none;
					font-size: 0.95em;
					line-height: 1.5em;
					width: 220px;
					border-bottom: 1px solid #bfbfbf;
				}
				div.hide {
					display:none;
				}
				
					#searchSuggest p {
						margin: 0;
					}
				
						#searchSuggest em {
							display: block;
							font-style: normal;
							font-weight: bold;
						}
				
						#searchSuggest p em {
							color: #ffffff;
							padding: 0 8px 4px;
							background-color: #000000;
						}
						
					#searchSuggest ul {
						
					}
						
						#searchSuggest li {
							
						}
							
							#searchSuggest li p {
								font-weight: bold;
								color: #ffffff;
								padding: 0 8px 4px;
								background-color: #bfbfbf;
							}
							
							#searchSuggest li ul {
								
							}
								
								#searchSuggest li li {
									line-height: 1.6em;
									background-color: #f2f2f2;
									border-top: 1px solid #ffffff;
								}
								
									#searchSuggest li li a,
									#searchSuggest li li a:hover em, #searchSuggest li li a:active em, #searchSuggest li li a:focus em {
										display: block;
										text-decoration: none;
									}
								
									#searchSuggest li li a {
										color: #666666;
										padding: 2px 8px 5px;
									}
									
									#searchSuggest li li a:hover, #searchSuggest li li a:active, #searchSuggest li li a:focus {
										color: #000000;
									}
									
									#searchSuggest li li a:hover span, #searchSuggest li li a:active span, #searchSuggest li li a:focus span {
										text-decoration: underline;
									}
									
					#searchSuggest input.button {
						color: #666666;
						text-align: left;
						width: 220px;
						padding: 0 8px 2px 16px;
						background: url(/images/ColoursWebsite/layout/ico_link_IE6.gif) #ffffff no-repeat 8px 0.65em;
						border-style: none;
					}
					/*	* html #searchSuggest input.button {
							background: url(/images/ColoursWebsite/layout/ico_link_IE6.gif) #ffffff no-repeat 8px 0.65em;
						}*/
									
					#searchSuggest input.button:hover, #searchSuggest input.button:active, #searchSuggest input.button:focus {
						color: #000000;
						text-decoration: underline;
					}
						
						
		/* --- headerContent --- */
		
		#headerContent {
			clear: both;
			font-size: 1.5em;
			letter-spacing: -0.1em;
			line-height: 1.15em;
			color: #000000;
			width: 270px;
			height: 135px;
			padding: 25px 25px 0 665px;
			background: none #f3f3f3 no-repeat left top;

		}
		
		#headerContent.invert {
			color: #ffffff;
			background-color: #666666;
		}
		
		.main #headerContent {
			width: 960px;
			height: 479px;
			padding: 0;
			border-bottom: 1px solid #bfbfbf;
		}
		
		.main #headerContent.flash-replaced {
			height: 480px;
			border-style: none;
		}
			
			#headerContent p {
				margin-bottom: 0
			}
	
			/* --- siteLogo --- */
			
			#siteLogo {
				position: absolute;
				left: 40px;
				top: 100px;
			}
			
				#siteLogo * {
					display: block;
				}
				
				* html #siteLogo a {
					width:80px;
					height:80px;
				}
				
				#siteLogo a:focus {
					outline-color: #666666;
				}
			.logoColour {
				background-color: blue;
			}
				
			/* --- pageQuote --- */
		
			#headerContent blockquote {
				width: 100%;
				font-family: Arial, Helvetica, sans-serif;
				letter-spacing:0;
				margin-bottom: 0;
				padding-top: 26px;
				background: url(/images/ColoursWebsite/layout/bg_header_quote.png) transparent no-repeat left top;
			}
			* html #headerContent blockquote { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/ColoursWebsite/layout/bg_header_quote.png", sizingMethod="crop"); }
			
			#headerContent.invert blockquote {
				background-position: -270px 0;
			}
			* html #headerContent.invert blockquote { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/ColoursWebsite/layout/bg_header_quote_ie6_invert.png", sizingMethod="crop"); }
			
			/* --- pageSlogan --- */
			
			#pageSlogan {
				font-size: 1.5em;
				font-weight: bold;
				line-height: 1.25em;
				font-family: Arial, Helvetica, sans-serif;
				letter-spacing:0;
			}
			
			.main #pageSlogan {
				position: absolute;
				left: 40px;
				top: 220px;
				font-size: 2.5em;
				width: 410px;
			}
			
			/* --- headerContent about --- will be removed from DOM if flash topVisual is inserted --- */
			
			#headerContent .about {
				position: relative;
				left: 0;
				top: 400px;
				width: 100%;
				height: 69px;
				padding: 10px 0 0;
				background-color: #ffffff;
			}
				
				#headerContent .about blockquote {
					float: left;
					width: 575px;
					padding: 0 25px 0 40px;
					background-position: -540px 3px;
				}
				* html #headerContent .about blockquote { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/ColoursWebsite/layout/bg_header_quote_ie6_about.png", sizingMethod="crop"); }
				
				#headerContent .contributing {
					float: right;
					width: 320px;
				}
				#headerContent .contributingNoTitle {
					float:right;
					width:auto;
				}
					#headerContent .contributing h2, #headerContent .contributingNoTitle h2 {
						font-weight: normal;
						margin: 0;
						padding: 0;
						font-family: Arial, Helvetica, sans-serif;
						letter-spacing:0;
					}
				
					#headerContent .contributing ul, #headerContent .contributingNoTitle ul {
						font-size: 0.55em;
						letter-spacing: normal;
						line-height: 1.6em;
						padding-top: 9px;
					}
							#headerContent .contributing li, #headerContent .contributingNoTitle li {
								float: left;
								clear: none;
								padding: 0 11px 0 1px;
							}
						
								#headerContent .contributing li a, #headerContent .contributingNoTitle li a {
									text-decoration: none;
									padding-left: 7px;
									background: url(/images/ColoursWebsite/layout/ico_link_IE6.gif) transparent no-repeat 0 0.55em;
								}
								
								#headerContent .contributing li a:hover, #headerContent .contributing li a:active, #headerContent .contributing li a:focus , #headerContent .contributingNoTitle li a:hover, #headerContent .contributingNoTitle li a:active, #headerContent .contributingNoTitle li a:focus {
									text-decoration: underline;
								}
							
								
				
							
			/* --- newsRotator --- */
			
			#newsRotator {
				float: left;
				width: 615px;
				padding: 0 25px 0 0;
			}
			
				#newsRotator h2 {
					float: left;
					font-weight: normal;
					width: 150px;
				}
			
				#newsRotator ul {
					float: left;
					font-size: 0.7em;
					letter-spacing: -1px;
					line-height: 1.5em;
					width: 465px;
					padding-top: 3px;
				}
			
					#newsRotator li {
						display: none;
					}
			
					#newsRotator li.show {
						display: block;
					}
					
						#newsRotator li a {
							display: block;
							text-decoration: none;
							padding-left: 7px;
							background: url(/images/ColoursWebsite/layout/ico_link_IE6.gif) transparent no-repeat 0 0.6em;
						}
						
						#newsRotator li a:hover, #newsRotator li a:active, #newsRotator li a:focus {
							text-decoration: underline;
						}
			
	/* --- siteFooter --- */
	
	#siteFooter {
		float: left;
		clear: both;
		font-size: 0.9em;
		width: 100%;
		padding: 8px 0;
		border-top: 1px solid #666666;
	}
	* html #siteFooter { float: none; }
			
		#siteFooter a {
			color: #666666;
			text-decoration: none;
		}
		
		#siteFooter li.selected a,
		#siteFooter a:hover, #siteFooter a:active, #siteFooter a:focus {
			color: #000000;
			text-decoration: underline;
		}
		
			#siteFooter a span {
				text-transform: uppercase;
			}
	
		#partOf {
			float: left;
		}
		
			#partOf h2 {
				margin: 4px 0 6px;
			}
			
				#partOf h2 * {
					display: block;
				}
			
			#partOf p {
				
			}
		
		#shortcuts {
			float: right;
			width: 430px;
		}
		
		#shortcuts .social {
			padding-right: 15px;
			position:relative;
			top: 3px;
		}
		
			#shortcuts ul {
				float: right;
				clear: both;
			}
			
				#shortcuts li {
					float: left;
					clear: none;
					padding-left: 15px;
				}
				
				#shortcuts .first li {
					font-weight: bold;
					padding: 0 0 4px 20px;
				}
				
/*		--CONTENT EXTENSIONS--		*/

.imageLeft {
	margin-top:6px;
}
.date {
	font-weight: normal;
}
.contentItem p.intro {
	margin-top:-19px;
}

.contentItem iframe.maps {
	margin-top:42px;
} 

.contentRow {
	margin-top:2px;
}
.contentButton {
	border:1px solid #d8d8d8;
	color:#666666;
	margin-right:10px;
	background: url(/images/ColoursWebsite/layout/contentButtonArrow_IE6.gif) right top no-repeat;
	text-align:left;
	padding-left:4px;
	padding-right:13px;
	padding-bottom:2px;
	padding-top:0;
	width:auto;
	text-decoration: none;
	font-size:0.9em;	
}
	*:first-child+html .contentButton {	
		padding-top:0;	
		padding-bottom:1px;
	}
	* html .contentButton {
		padding-bottom:1px;
		padding-top:0;
	}
	.contentButton:hover {
		color:#666666;
	}
	.overview .contentButton {		
		position:relative;
		bottom:15px;
	}		
.SocialLinks {
	width:200px;
	padding:0;
	margin:0;
	padding-top:64px;
	clear:both;
	position: relative;
	bottom:0px;	
}
	*:first-child+html .SocialLinks ul {	
		margin-left:1px;
	}
		.SocialLinks ul li {
			display:inline;
			list-style-type:none;
			margin-left:0;
			margin-right:-1px;
			width:17px;
			height:17px;				
		}	
		*:first-child+html .SocialLinks ul li {	
			margin-left:-1px;
		}
		
	.pictureRow {
		display:block;
		background-color:#efefef;
	}

		.pictureRow li {
			display:inline;
			list-style-type: none;
			margin-left:0;
			margin-right:0;
			float: left;	
			height:120px;
			width:120px;
			overflow: hidden;
			position:relative;
			top:0px;		
		}		
		*:first-child+html .pictureRow li{
			margin-left:0px;
		}
			.pictureRow ul li a {
				padding:0;
				margin:0;
				text-decoration: none;
			}	
			* html .pictureRow li a:hover {
				border:0px solid red;
			}	
			* html .pictureRow li a:hover img {
				position:relative;
				top:-120px;
			}
			
			.pictureRow li a img:hover {
				position:relative;
				top:-120px;
			}


.portfolioRow {
	display:block;
	/*height:120px;*/
	background-color:#efefef;
}	
	.portfolioRow li {
			display:inline;
			list-style-type: none;
			margin-left:0;
			margin-right:0;
			float: left;	
			height:120px;
			width:120px;
			overflow: hidden;
			position:relative;
			top:0px;		
		}
*:first-child+html .portfolioRow li{
			margin-left:0px;
		}
		* html .portfolioRow li{			
			height:120px;
		}
			.portfolioRow ul li a {
				padding:0;
				margin:0;
				text-decoration: none;
			}	
			* html .portfolioRow li a:hover {
				border:0px solid red;
			}	
			* html .portfolioRow li a:hover img {
				position:relative;
				top:-120px;
			}
			
			.portfolioRow li a img:hover {
				position:relative;
				top:-120px;
			}
			
.threeColumns {
	width:180px;
	float:left;
	clear: none;
	margin-right:18px;
	margin-top:16px;	
}
	*:first-child+html .threeColumns {
		margin-top:21px;
	}
	

.jsSlider {
	list-style-type:none;
	margin-left:-12px;
}
	.jsSlider .servicesOverview {
		position: relative;
		float: left;
		background: #f2f2f2;	
		width: 100%;
	}
		.jsSlider .servicesOverview .servicesOverviewContent {
			float: left;
			display:none;
			margin: 0;
			padding: 0;
		}		
		
		.jsSlider .jsShow .servicesOverviewContent {
			float: left;
			margin: 0;
			padding: 0;
			background: #f2f2f2;	
		}
			
#mainContent .servicesOverview h2 {	
	margin-bottom:0;
	padding-bottom:7px;
}
	.jsSlider .servicesOverview h2 {
		background: url(/images/ColoursWebsite/layout/serviceOverviewArrowClosed.gif) top right no-repeat;
		border-top:1px solid #bfbfbf;	
	}

	.jsSlider .servicesOverview h2.selected {
		background: url(/images/ColoursWebsite/layout/serviceOverviewArrowOpen.gif) #ffffff top right no-repeat;
	}	
	
		.servicesOverview h2 a {
			display: block;
		}
		/*fix for service overview*/
		.servicesOverview h2 a:hover {
			background: url(/images/ColoursWebsite/layout/serviceOverviewArrowClosed.gif) -1px right no-repeat;
		}
		
		.servicesOverview h2.selected a:hover {
			background: url(/images/ColoursWebsite/layout/serviceOverviewArrowOpen.gif) #ffffff -1px right no-repeat;
		}
		/*end of fix for service overview*/
		
		.servicesOverview h2 a:focus {
			outline-style: none;
		}
		
		/*fix for service overview*/
		.servicesOverviewContentArea {
				overflow:hidden;
		}

		* html .servicesOverviewContentArea {
				overflow:hidden;
				float:left;
		}
		/*end of fix for service overview*/
		
.servicesMenu {
	position: absolute;
	float: left;
	width: 475px;
	top: 15px;
	left: 480px;
}
	.servicesMenu ul.ui-tabs-nav {
		list-style-type: none;
	}
	.servicesOverviewText.ui-tabs-hide {
		display: none;
	}

	.servicesMenu li {
		float: left;
	}
	
	.servicesMenu li a {
	        float:left;
		padding: 5px 0 1px;
}
	
	.servicesMenu li a:focus { outline: none; }
			
	.servicesMenu li.ui-tabs-selected a {
		background: #f2f2f2;
	}
	
.servicesOverviewText {	
	float:left;
	width: 300px;
	margin: 30px 0 0 0;
}
	.servicesOverviewText h2 {	
		border:0;		
	}

#mainContent .contentForm h2 {
	border-bottom:1px solid #bfbfbf;
	margin-bottom:16px;
}	
	#mainContent .contentForm .submitForm {
		border-top:1px solid #bfbfbf;
		padding-top:4px;
		margin-top:17px;
	}
		*:first-child+html #mainContent .contentForm .submitForm {
			margin-top:1px;
		}
		* html #mainContent .contentForm .submitForm {
			width:600px;
		}
		#mainContent .contentForm .submitForm input.button {
			margin-right:0;			
		}
.contentForm div {
	clear: both;
	width: 100%;
}
* html .contentForm div {	
	width: 470px;
}

.contentForm div.error {
	color:red;	
}
	.contentForm div.error input {
		margin-top:24px;
	}
	.contentForm div.error .errorMessage {
		position:absolute;
		left:0;
		padding-left:190px;
		font-size:10px;
		border-top:1px solid red;
		width:271px;
	}
	
	.contactSnippetError {
		color:red;
	}
	.contactSnippetSpanError {
		float:left;
		clear:both;
		width:100%;
	}
	
	.contentForm input, .contentForm select {
		width:270px;
		border:1px solid #bfbfbf;
		border-right:0;
		border-bottom:0;
		margin-bottom:8px;
	}
	
	.form .contentForm textarea {
		width:265px;
		border:1px solid #bfbfbf;
		border-right:0;
		border-bottom:0;
		margin-bottom:8px;
		padding-right:0;
	}
	.contentForm textarea#brief {
		height:213px;
	}
	.contentForm input[type="radio"], .contentForm input[type="checkbox"] {
		width:20px;
		margin-left:-3px;
		border:0;
	} 
		*:first-child+html .contentForm input[type="radio"], *:first-child+html .contentForm input[type="checkbox"] {
			margin-left:-4px;
		}
		
		.contentForm input.button {
			border:1px solid #d8d8d8;
			color:#666666;
			margin-top:6px;
			margin-right:10px;
			background: url(/images/ColoursWebsite/layout/contentButtonArrow_IE6.gif) right top no-repeat;
			text-align:left;
			padding-left:4px;
			padding-right:13px;
			width:auto;		
		}
	.contentForm label {
		display: block;
		width:190px;
		float:left;
	}	

*:first-child+html .contentForm input.button {
	padding-right:5px;
}
.contentForm .contentFormInfoBox {	
	width:120px;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:8px;
	border:1px solid #bfbfbf;
	position:absolute;
	right:0px;
} 
	* html .contentForm .contentFormInfoBox {	
		position:relative;
		margin-left:96px;
		margin-bottom:10px;
		width:264px;
	}
	.contentFormInfoBox p, .contentFormInfoBox2 p{
		margin: 0;
		font-size:11px;
	}
.contentForm .contentFormInfoBox2 {	
	width:120px;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:8px;	
	border:1px solid #bfbfbf;
	position:absolute;
	right:0px;
	bottom:69px;
}	
	* html .contentForm .contentFormInfoBox2 {	
		position:relative;
		margin-left:96px;
		margin-top:10px;
		width:264px;
		bottom:0;
	}
	
.contentForm .choose {
	margin-left:190px;
	clear:both;	
	width: 270px;
	margin-top:-22px;
}
	*:first-child+html .contentForm .choose {
		padding-bottom:12px;
		background-color:transparent;
		margin-top:-29px;
	}	
	* html .contentForm .choose {
		margin-left:94px;
	}	
	.contentForm .choose label {	
		width: 75px;
	}
		.contentForm .choose label input {	
			position:relative;
			top:3px;	
		}
		
		.contentForm .form .horizontal {
			margin-left:190px;
			margin-top:-22px;
			width:270px;
		}
		*:first-child+html .contentForm .form .horizontal {
			margin-left:97px;
			width:366px;
		}
		* html .contentForm .form .horizontal {
			margin-left:64px;
			padding-top:1px;
			width:366px;
		}
		.contentForm .form input.medium {
			width:190px;
		}
		* html .contentForm .form input.medium {
			margin-left:1px;    
		}
		.contentForm .form input.short {
			width:62px;
			margin-left:6px;
			margin-right:0;
		}        
		*:first-child+html .contentForm .form input.short {
			margin-left:4px;    
		}
		* html .contentForm .form input.short {
			width:61px;
		}
		
		.formTitle {
			display: block;
			width:180px;
		}
		
.form .fileUpload input.file {    
    width:273px;
    border:0;
    border-top:1px solid #BFBFBF;
    border-left:1px solid #BFBFBF;
    background-color:#F3F3F3;
}
.form input.initial {    
    color:#666;
}
.extraForm .choose{
    margin:7px 0 3px 0;
}
* html .extraForm .choose label { margin-top:7px; }
*:first-child+html .extraForm .choose label {margin-top:7px; }

* html .extraForm .choose input { background:none; }
*:first-child+html .extraForm .choose input {background:none; }


.chooseVertical {
	margin-left:190px;
	clear:both;		
	margin-top:-24px;
}
	*:first-child+html .chooseVertical {
		margin-top:-31px;
	}
	* html .chooseVertical {
		margin-left:94px;
		width:240px;
	}
	.chooseVertical ul {
		width: 270px;
		margin-left:-15px;
	}

		.chooseVertical ul li {
			display:block;
			list-style-type: none;
		}
			.chooseVertical ul li label {

			}
				.chooseVertical ul li label input {
					position:relative;
					top:2px;
				}
				*:first-child+html .chooseVertical ul li label input {					
					top:10px;
				}
				* html .chooseVertical ul li label input {
					width:20px;
					border:0;
				}

.agendaItem {
	width:100%;
	float:left;
}
	#mainContent .agendaItem	h2 {
		font-size:13px;
		text-decoration:underline;
		font-weight:bold;
		margin-bottom:0;
	}
	.agendaItem .jsInlineIcon{
		visibility:hidden;
	}
	
.dateBlock {
	width:28px;
	height:29px;
	border:0;
	border-bottom:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	text-align: center;
	float: left;
	margin-right:12px;
	margin-bottom:0;
	margin-top:6px;
	overflow: visible;
	line-height:11px;
	font-size:11px;
	padding-top:3px;
	text-decoration:none;
}
*:first-child+html .dateBlock {	
	line-height:12px;
}
.dateBlock strong {
	color:#000000;
}

.searchResultNavigation {
	margin-top:-7px;
	margin-bottom:39px;
}
*:first-child+html .searchResultNavigation {
	margin-top:-1px;
}
* html .searchResultNavigation {
	margin-top:0;
}
	.searchResultNavigation .button {
		border: 1px solid #d8d8d8;
		background-color:#FFF;
		color:#666;
		text-align: center;
		text-decoration:none;
		padding-bottom:2px;
		
	}				
		.searchResultNavigation .button:hover {
			border: 1px solid #000000;
			background-color:#000000;
			color:#FFFFFF;
		}
	.searchResultNavigation .number {
		margin-left:0;
		margin-right:-4px;
		padding-left:5px;
		padding-right:5px
	}	
	.searchResultNavigation .back {		
		margin-right:12px;
		text-align: right;
		background: url(/images/ColoursWebsite/layout/backButtonArrow.gif) left top no-repeat;
		padding-left:16px;
		padding-right:10px;
	}	
		*:first-child+html .searchResultNavigation .back {
			padding-left:15px;
		}
		.searchResultNavigation .back:hover {
			background:#000000 url(/images/ColoursWebsite/layout/backButtonArrowSel.gif) left top no-repeat;
			border: 1px solid #000000;
			color:#FFFFFF;
		}
	.searchResultNavigation .forward {
		margin-left:16px;	
		text-align: left;
		background: url(/images/ColoursWebsite/layout/forwardButtonArrow.gif) right top no-repeat;
		padding-right:16px;
		padding-left:10px;	
	}	
		*:first-child+html .searchResultNavigation .forward {
			padding-right:15px;			
		}
		.searchResultNavigation .forward:hover {
			background:#000000 url(/images/ColoursWebsite/layout/forwardButtonArrowSel.gif) right top no-repeat;
			border: 1px solid #000000;
			color:#FFFFFF;
		}

ul.portfolioList {
	
}
	ul.portfolioList li {
		background:transparent url(/images/ColoursWebsite/layout/menuArrow.png) no-repeat scroll left top;
		list-style-type:none;
		margin-bottom:1.6em;
	}
	ul.portfolioList li a {
		margin-left:15px;
		font-size:13px;
		font-weight:bold;
		margin-bottom:0;
		text-decoration:none;
	}	
		ul.portfolioList li a:hover {
			text-decoration:underline;
		} 
/*			--SNIPPETS --		*/				
				
.snippet {
	margin-bottom:22px;
	margin-top:2px;
}

.snippet p {
	margin-top:-2px;
	margin-bottom:8px;
}

.snippet input.button {
	float: left;
	border:1px solid #d8d8d8;
	color:#666666;
	margin-top:6px;
	margin-right:10px;
	background: transparent url(/images/ColoursWebsite/layout/buttonArrow.jpg) right top no-repeat;
	text-align:left;
	padding-left:4px;
	padding-right:13px;
	width:auto;		
}
*:first-child+html .snippet input.button {
	padding-right:5px;
}
* html .snippet input.button {
	background: transparent url(/images/ColoursWebsite/layout/buttonArrow.jpg) right top no-repeat;
}

.snippet a.button {
	float: left;
	border:1px solid #d8d8d8;
	color:#666666;
	margin-top:6px;
	margin-right:10px;
	background: url(/images/ColoursWebsite/layout/buttonArrow.jpg) right top no-repeat;
	text-align:left;
	padding-left:4px;	
	padding-right:20px;
	text-decoration:none;		
}
	* html .snippet a.button {
		background: url(/images/ColoursWebsite/layout/buttonArrow.jpg);
	}
#cloud ul {
	margin-top:-2px;

}
	#cloud ul li {
		line-height:20px;
		display:inline;
		margin:0px;
		margin-right:6px;
	}
		#cloud ul li.important1 {
			font-size: 11px;		
		}
		#cloud ul li.important2 {
			font-size: 13px;		
		}
		#cloud ul li.important3 {
			font-size: 15px;
		}
		#cloud ul li.important4 {
			font-size: 19px;
		}	
		#cloud ul li a {	
			text-decoration: none;
		}
			#cloud ul li a:hover, #cloud ul li a:active {	
				text-decoration: underline;
				color:#000000;
			}
			
*:first-child+html #collapseLinks ul#gray {
	margin-left:12px;
}

#collapseLinks li {
	list-style-type:none;
	margin-left:4px;
	clear:left;
}
	*:first-child+html #collapseLinks li {
		margin-left:-12px;		
		clear:both;
	}
	
		#collapseLinks ul#gray li a {
		font-weight:bold;
		text-decoration: none;
		position:relative;
		top:-2px;
	}
	#collapseLinks ul#gray li a:hover {
		color:#000;
		text-decoration: underline;
	}		
	
		#collapseLinks ul#gray li a span {
			position:relative;
			top:-5px;
			text-decoration: underline;		
		}
				#collapseLinks ul#gray li a span:hover {
					text-decoration: none;
				}
	#collapseLinks li span {
		padding-left:3px;		
	}
				*:first-child+html #collapseLinks li span {
		padding-left:10px;		
		}
	
			*:first-child+html #collapseLinks li ul {
				margin-left:19px;				
			}	
		#collapseLinks li ul.linkList {
			width:248px;
		}		
			#collapseLinks li ul li { 
				background:url(/images/ColoursWebsite/layout/menuArrow.jpg) top left no-repeat;
				padding-left:9px;
			}

				#collapseLinks ul#gray li ul li a {				
					text-decoration: none;
					font-weight:normal;	 
					background:none;
					padding-left:0px;
				}
					#collapseLinks li ul li a:hover, #collapseLinks li ul li a:active {
						text-decoration: underline;
						color:#000000;
					}

		#linkArrow ul li {
			background:url(/images/ColoursWebsite/layout/menuArrow.jpg) top left no-repeat;
			padding-left:11px;	
			list-style-type:none;
			margin-left:0;
		}				

						
			#linkArrow ul li a {
					text-decoration:none;
			}
				#linkArrow ul li a:hover {
					text-decoration:underline;
					color:#000;
				}					
	
.form {
	
}
	.form p {		
		margin-top:-1px;
		margin-bottom:0px;
	}
	.form div {
		float: left;
		clear: both;
		width: 100%;
	}
	.form input, .form select {
		width:270px;
		border:1px solid #bfbfbf;
		border-right:0;
		border-bottom:0;
		margin-bottom:8px;
		background-color:#F3F3F3;
	} 
		.form input.medium {
			width:141px;
		}
		.form input.short {
			width:51px;
		}
	.form textarea {
		width:260px;
		height:90px;
		border:1px solid #bfbfbf;
		border-right:0;
		border-bottom:0;
		margin-bottom:8px;
		background-color:#F3F3F3;
	}
	*:first-child+html .form textarea {
		width:262px;
	}
	* html .form textarea {
		width:262px;
		height:87px;
	}
.choose {
	clear: both;
	margin-top:1px;		
	margin-bottom:14px;
}
	.choose label {
		display: block;
	}
	.form .choose input {
		position: relative;
		/*top: 10px;*/
		width: auto;
		border:0;
		margin-left:0;
		margin-right:2px;
	}
		*:first-child+html .form .choose input {
			margin-right:0;
		}	
			.form .choose input[type="checkbox"] {
				top: 2px;
			}
			*:first-child+html .form .choose input[type="checkbox"] {
				top: 7px;
			}
			.form .choose input[type="radio"] {
				/*top:2px;*/
				margin-right:10px;
				background:#FFF;
			}
			*:first-child+html .form .choose input[type="radio"] {
				top:10px;
				margin-right:4px;
				background:#FFF;			
			}	
			* html .form .choose input {
				background:#FFF;				
			}	
			
	.form .choose input:not(:root:root) {
		top:auto;
	}
	.form .formTable .choose input {
		top:0;
	}
		.form .choose input.first {
			margin-left:16px;
		}
		.form .choose input.last {
			margin-right:12px;			
		}
			*:first-child+html .form .choose input.last {
				margin-right:10px;				
			}
	#sideBar .form .horizontal {
		width:270px;
		float:left;
		margin-left:190px;
		position:relative;
		top:-20px;
		margin-bottom:-20px;
	}
		*:first-child+html #sideBar .form .horizontal {
			margin-left:0;
			left:194px;			
		}
	.form .horizontal input{
		margin-right:6px;
	}
			*first-child+html .form .horizontal input {
				margin-right:0;
			}
	.form .vertical input {
		margin-right:9px;
	}
		*:first-child+html .form .vertical input {
			margin-left:-4px;
		}
		*:first-child+html .form .horizontal input {
			margin-left:-4px;
		}			
	.horizontal label {
		float: left;
		margin-right:37px;
	}
		* html .horizontal label.man input {
			position:relative;
			top:10px;
			background-color:#FFF;
		}
		* html .horizontal label.vrouw input {
			position:relative;
			top:10px;
			background-color:#FFF;
		}
	.vertical label {
		clear: both;
		height:19px;
	}
.form label.thickText {
	font-weight:bold;
	margin-top:10px;
	margin-right:4px;
	display:inline;
}
*:first-child+html .form label.thickText {
	margin-right:0;
}

.vcard {
	margin: 0 0 20px;
}

.iconVcard {
	background:url(/images/ColoursWebsite/layout/iconVcard.jpg) top left no-repeat;
	text-decoration: none;
	padding-left:21px;
	margin-right:35px;
	margin-bottom: 20px;
}
	.iconVcard:hover {
		color:#000;
		text-decoration: underline;
	}
.link {
	background:url(/images/ColoursWebsite/layout/linkArrow.jpg) top left no-repeat;
	text-decoration: none;
	padding-left:11px;
	margin-right:35px;
}	
	.link:hover {
		color:#000;
		text-decoration: underline;
	}
.boldLink {
	font-weight:bold;
	text-decoration: none;
	margin-right:35px;
}
.formTable {
	text-align:left;	
}
	.formTable tr, .formTable th, .formTable td {
		vertical-align: top;
	}
	.formTable th {
		font-weight:normal;
		padding-bottom:7px;
		width:52;
	}
	.formTable td {
		padding-bottom:7px;
		/*width:222px;*/
		width:228px;
	}
	.formTable input, .formTable textarea, .formTable select {
		width:221px;
		border:1px solid #bfbfbf;
		border-right:0;
		border-bottom:0;		
		margin-bottom:0;
	}		
	.formTable input.time {
		width:21px;		
		margin-right:5px;
		border:1px solid #bfbfbf;
		border-right:0;
		border-bottom:0;
		background:#F3F3F3;
	}
	
	* html .formTable .choose input.time {
		background:#F3F3F3;
	}
	
		*:first-child+html .formTable input.time {
			margin-left:0px;
		}
	.formTable input.medium {
		width:141px;		
		margin-right:10px;
		border:1px solid #bfbfbf;
		border-right:0;
		border-bottom:0;
	}
		*:first-child+html .formTable input.medium  {
			margin-right:14px;
			margin-left:0;
			margin-top:0;										
		}	
	.formTable input.short {
		width:51px;
		border:1px solid #bfbfbf;
		border-right:0;
		border-bottom:0;
	}
		*:first-child+html .formTable input.short {
			margin-top:0;
			margin-right:0;
		} 
	.formTable .choose {
		margin-bottom:4px;
	}
		*:first-child+html .formTable .choose {
			padding-bottom:2px;		}

				*:first-child+html .formTable .choose input[type="radio"] {
					top:0;
					margin-right:2px;
				}
				* html .formTable .choose label {
					margin-right:6px;
				}
					
.alignLeft input {
	float: left;
}
.alignLeft label, .alignLeft span {
	float: left;
	margin-right:4px;	
}
.formTable .alignLeft label {
	margin-right:11px;	
/*	margin-right:15px;*/	
}

.alignLeft label.alignLeft {
	margin-right:6px;
}
	*:first-child+html .alignLeft .alignLeft {	
		background-color:none;
		margin-right:2px;
		margin-left:-6px;
		padding-right:6px;
	}
	* html .alignLeft .alignLeft {		
		margin-right:1px;
		margin-left:-8px;
	}
.form table.tableForm .choose input {
	top:0;
}