/* --- main.css - Yourzine --- */


/* --- 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 { cursor: pointer; }

ul, li {
	list-style: none;
}

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

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

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

	.jsClickable { cursor: pointer; }


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

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

body {
	position: relative;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #828282;
	background-color: #fff;
}

h1, h2, h3, legend {
	
}

h1 {
	margin-bottom: 1.0em;
	padding-left: 13px;
	background: url(../images/layout/ico_h1.png) transparent no-repeat 0 0.30em;
	
}

.home h1 {
	position: absolute;
	left: -9999px;
	text-indent: -9999px;
	line-height: 0;
}
		
.landingPage h1 {
	margin-left: 10px;
	margin-right: 10px;
}

.allLink h1 {
	padding-right: 150px;
}

	h1 img {
		display: block;
	}

h2 {
	margin-bottom: 0.55em;
	padding-left: 13px;
	background: url(../images/layout/ico_h1.png) transparent no-repeat 1px 0.1em;
}
* html h2 { float: left; clear: both; }
*:first-child+html h2 { float: left; clear: both; }

h5.header-decor {
	padding-left: 10px;
	background-image: url(../images/layout/bkg_headerBullet2.gif);
	background-position: 1px 50%;
	background-repeat: no-repeat;
	border: 1px solid #fff;
}
	/*h2 {
		float: left;
		clear: both;
		width: 100%;
		display: block;
		background-color: #00ff00;
		border: 1px solid #ff0000;
	}*/

h3 {
	color: #ff7200;
}

h4 {
	color: #434343;
	font-size: 1.2em;
}

.date-vac {
	color: #ff7200;
	margin-bottom: 10px;
	display: block;
}

.emphasis {
	color: #ff7200;
	font-weight: bold;
}

.terug {
	font-weight: bold;
	color: #8b8b8b;
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/layout/bkg_backlink.gif);
	background-position: 0 55%;
	background-repeat: no-repeat;
}

.terug:hover {
	text-decoration: underline;
}

p, ul, ol, dl, table, blockquote {
	margin: 0 0 1.4em;
}

	.fold {
		width: 937px;
		float: left;
		clear: both;
		display: inline;
		margin: 0 0 0 10px;
	}

	p.intro em {
		font-style: normal;
		font-weight: bold;
	}

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

a:hover, a:focus, a:active {
	text-decoration: none;
}
			
	/* --- IEinlineLinks - fixes IE-bug --- */
		
	a.IE { padding-right: 0 !important; background-image: none !important; }
		a.IE img.icoLink { padding-left: 5px !important; }


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

.subWrapper {
	clear: both;
	width: 970px;
	margin: 0 auto;
}

/* --- siteTop --- */

#siteTop {
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/layout/bg_sitetop.png) #ffffff repeat-x left bottom;
	border-bottom: 1px solid #bec5cb;
}

	#siteLogo {
		float: left;
		margin: 0;
	}
	
		#siteLogo * {
			display: block;
			margin: 0;
		}
		
	#serviceMenu {
		float: right;
		margin-top: 26px;
	}
	
		#serviceMenu li {
			float: left;
			font-variant: small-caps;
			margin: 0;
			padding: 2px 4px 0 4px;
	
		}
		
			#serviceMenu li.selected a {
				font-weight: bold;
				text-decoration: none;
			}
		
		#serviceMenu #siteSearchForm {
			font-variant: normal;
			background-image: none;
		}

		#serviceMenu abbr {
			font-size: 1.14em;
		}
		
			#siteSearchForm label {
				float: left;
				color: #545454;
			}
			
			#siteSearchForm input {
				float: left;
			}
		
			/*#siteSearchForm*/ input.textfield {
				color: #545454;
				width: 150px;
				margin: -2px 4px 0 8px;
				padding: 2px 3px 1px;
				background: url(../images/layout/bg_input.png) #ffffff no-repeat left top;
				border: 1px solid #69757d;
			}
			
			#siteSearchForm input.button {
				margin: -1px 0 0;
				background-image: none;
				border-style: none;
			}
		
/* --- mainMenu --- */

#mainMenu {
	position: relative;
	clear: both;
	width: 100%;
	height: 40px;
	margin-bottom: 32px;
	border-bottom: 1px solid #b4babe;
}

	#mainMenu ul {
		position: relative;
		float: left;
		clear: both;
		width: 970px;
		margin-bottom: -27px;
		padding-bottom: 27px;
		overflow: hidden;
		background: url(../images/layout/bg_mainmenu.png) transparent repeat-x left bottom;
	}
	
		#mainMenu li {
			position: relative;
			float: left;
			padding-left: 1px;
			background: url(../images/layout/divider_mainmenu.png) transparent no-repeat 0 10px;
		}
		
		#mainMenu li.first {
			padding-left: 0;
			background-image: none;
		}
	
		#mainMenu li.selected {
			z-index: 1;
		}
		
		#mainMenu li#menuExpertise {
			position: static;
		}
		
			#mainMenu li#menuExpertise div {
				position: relative;
				z-index: 1;
			}
		
				#mainMenu li#menuExpertise div div { /* IE6 only! element in conditional comments */
					position: absolute;
					z-index: -1;
				}
		
				#mainMenu li a {
					position: relative;
					display: block;
					float: left;
					height: 21px;
					padding: 11px 7px 8px;
					overflow: hidden;
					background: none transparent no-repeat 7px 11px;
				}
				
				#mainMenu li.first a {
					padding-left: 16px;
					background-position: 16px 11px;
				}
				
					#mainMenu li a img {
						display: block;
						float: left;
					}
				
					#mainMenu li:hover a img, #mainMenu li.jsHover a img {
						position: relative;
						top: -42px;
					}
					#mainMenu li.selected li:hover a img, #mainMenu li.selected a img { position: static; }	/* no hover on selected item */
				
				#mainMenu li.selected span {
					position: absolute;
					top: 0;
					right: -10px;
					z-index: -1;
					display: block;
					width: 10px;
					height: 40px;
					background: url(../images/layout/bg_mainmenu_selected.png) transparent no-repeat right top;
				}
				
				#mainMenu li.selected span.left {
					right: auto;
					left: -9px;
					background-position: left top;
				}
				
				#mainMenu li.selected span.parent {
					left: 0;
					right: 0;
					top: 40px;
					z-index: 1;
					width: auto;
					height: 6px;
					background-position: center bottom;
				}
				* html #mainMenu li.selected span.parent { font-size: 0.1em; line-height: 0; width: 34px; height: 6px; }
	
				#mainMenu li ul {
					position: absolute;
					left: 0;
					top: 41px;
					display: none;
					margin: 0;
					padding: 5px 0 0 1px;
					overflow: visible;
					background: url(../images/layout/divider_submenu.png) transparent no-repeat 0 9px;
				}
				#mainMenu li#menuExpertise ul {
					left: 200px;
					width: 958px;
				}
				
				#mainMenu li.selected ul {
					display: block;
				}
				
					#mainMenu li li {
						position: static;
						padding-right: 1px;
						background: url(../images/layout/divider_submenu.png) #005395 no-repeat 100% 4px;
					}
					
					#mainMenu li li.first {
						padding-left: 0;
						background-image: none;
					}
			
						#mainMenu li li a, #mainMenu li li.first a {
							display: block;
							float: left;
							font-size: 0.85em;
							color: #ffffff;
							text-decoration: none;
							height: auto;
							padding: 0 7px 3px;
						}
						
						#mainMenu li li.selected a,
						#mainMenu li li a:hover, #mainMenu li li a:focus, #mainMenu li li a:active {
							text-decoration: underline;
						}
						
/* --- siteBody --- */

#siteBody {
	
}

	/* --- breadcrumbs --- */
	
	#breadcrumbs {
		float: left;
		clear: both;
		font-size: 0.85em;
		color: #8b8b8b;
		width: 100%;
		padding: 4px 0;
	}
	
		#breadcrumbs ul {
			float: left;
			padding-left: 20px;
		}
		
			#breadcrumbs li {
				float: left;
			}
			
				#breadcrumbs a {
					float: left;
					color: #8b8b8b;
				}
				
				#breadcrumbs li ul {
					padding-left: 10px;
					background: url(../images/layout/divider_breadcrumbs.png) transparent no-repeat 4px 0.65em;
				}

	/* --- topVisual --- */
	
	#topVisual {
		position: relative;
		float: left;
		clear: both;
		width: 100%;
		height: 150px;
		background: none transparent no-repeat left top;
	}
	html>body #topVisual { height: auto; min-height: 150px; }
	
	.home #topVisual {
		height: 220px;
	}
	html>body.home #topVisual { height: auto; min-height: 220px; }
	
		#topVisual * {
			display: block;
		}
		
		#topVisual .altContent {
			position: absolute;
			right: 30px;
			top: 32px;
			color: #ffffff;
			width: 370px;
		}
		
			#topVisual blockquote {
				font-size: 1.6em;
				line-height: 1.2em;
				margin-bottom: -1.4em;
			}
			
			#topVisual blockquote p {
			}
			
				#topVisual blockquote span.leftQuote, #topVisual blockquote span.rightQuote {
					position: relative;
					left: 0.08em;
					top: -0.08em;
					display: inline;
					font-size: 3.5em;
					color: #ff7200;
					vertical-align: bottom;
				}
			
				#topVisual blockquote span.leftQuote {
					position: absolute;
					left: -0.42em;
					top: -0.12em;
					line-height: 1.0em;
					vertical-align: top;
				}
				
				#topVisual blockquote span.rightQuote {
					top: 26px;
				}
				
				* html #topVisual blockquote span.rightQuote {
					top: -0.08em;
				}
				
				* + html #topVisual blockquote span.rightQuote {
					top: -0.08em;
				}
				
				.more {
					padding-right: 15px;
					background-image: url(../images/layout/ico_readMore.gif);
					background-position: right 55%;
					background-repeat: no-repeat;
					float: left;
				}
				
				
			#topVisual .altContent a {
				font-size: 1.1em;
				line-height: 1.5em;
				color: #ffffff;
			}
		
	/* --- bodyGrid --- */
	
	#bodyGrid {
		float: left;
		clear: both;
		width: 100%;
		padding-top: 15px;
	}
	
	.home #bodyGrid {
		padding-top: 11px;
	}
	
		/* --- mainContent --- */
		
		#mainContent, .full #mainContent {
			float: left;
			width: 930px;
			padding: 0 20px;
		}
		
		.home #mainContent, .home .full #mainContent,
		.landingPage #mainContent, .landingPage .full #mainContent {
			clear: both;
			width: 970px;
			padding: 0;
		}
		
		#mainContent.allLink {
			position: relative;
		}
	
			.sidebar #mainContent {
				width: 680px;
			}
			
			.snipets {
				float: right;
				width: 243px;
			}
			
				.snipet {
					float: right;
					clear: both;
					background-image: url(../images/layout/bkg_snipet.gif);
					background-position: 0 0;
					background-repeat: repeat;
					width: 220px;
					padding: 10px;
					margin-bottom: 23px;
				}
				
				.inner {
					background-color: #fff;
					padding: 10px;
					height: 1%;
				}
				
					.inner ul, .inner li {
						list-style: none;
					}
				
					.inner a {
						color: #434343;					
					}
				
					.inner .wrapper {
						padding: 10px 0 0 16px;
						margin: 0;
					}
					
					.inner .wrapper span {
						color: #44525d;
						font-size: 0.85em;
						margin-bottom: 5px;
						display: block;
					}
					
					.inner h4 span {
						/*text-indent: -9999px;*/
						background-position: 6px 0;
						background-repeat: no-repeat;
						text-indent: -9999px;
						display: block;
					} 
					
					h4.snipet01header span {
						background-image: url(../images/editable_layout/snipet01header.gif);
					}
					
					h4.snipet02header span {
						background-image: url(../images/editable_layout/snipet02header.gif);
					}
					
					h4.snipet03header span {
						background-image: url(../images/editable_layout/snipet03header.gif);
					}					
					
					h4.snipet04header span {
						background-image: url(../images/editable_layout/snipet04header.gif);
					}					
					
					h4.snipet05header span {
						background-image: url(../images/editable_layout/snipet05header.gif);
					}					
					
					.inner h4  {
						background-image: url(../images/layout/bkg_headerBullet.gif);
						background-position: 0 2px;
						background-repeat: no-repeat;
						padding-left: 10px;						
					}
					
					.inner .textfield {
						width: 151px;
						margin: 0;
					}

					.shifted {
						padding-bottom: 20px;
					}					
					
					.wrapper-colleague {
						
					}
					
					#wrapper-colleague a {
						float: left;
						clear: both;
					}
					
					#wrapper-colleague a.name {
						clear: none;
					}
					
					#wrapper-colleague a img {
						float: left;
						margin-top: 10px;
						margin-right: 5px;
						display: inline;
					}
					
					#wrapper-colleague a {
						color: #434343;
						font-size: 0.85em;
						font-weight: bold;
						float: left;
						white-space: nowrap;
					}
					
					#wrapper-colleague span {
						color: #434343;
						font-size: 0.85em;
					}
					
					.position {
						float: left;
						clear: both;
						margin: -16px 0 0 60px;
						white-space: nowrap;
					}
					
				
					#wrapper-colleague blockquote {
						float: left;
						clear: both;
						width: 100%;
						margin-top: 10px;
						padding-left: 13px;
						background-image: url(../images/layout/bkg_leftQuotes.gif);
						background-position: 0 3px;
						background-repeat: no-repeat;
						font-size: 1.1em;
					}
					
					#wrapper-colleague blockquote span {
						background-image: url(../images/layout/bkg_rightQuotes.gif);
						background-position: right 60%;
						background-repeat: no-repeat;
						padding-right: 13px;
					}
					
					* html #wrapper-colleague blockquote span {
						display: block;	
						background-position: 85% bottom;
					}					
					
					* + html #wrapper-colleague blockquote span {
						display: block;	
						background-position: 85% bottom;
					}
					
					#wrapper-colleague h5 {
						color: #434343;
						clear: both;
						font-size: 0.9em;
					}
					
					.news-items-content .pdf-link {
						color: #ff7200;	
						font-weight: normal;
						padding-left: 25px;
						background-image: url(../images/layout/ico_pdf.png);
						background-position: left 55%;
						background-repeat: no-repeat;					
						font-size: 0.9em;
					}
					
					.news-items-content .date {
						font-size: 0.85em;
						padding-left: 20px;
						font-weight: normal;
						color: #8b8b8b;
					}
					
					#wrapper-colleague .colleagues {
						font-size: 1.1em;
						clear: both;
					}
					
					#wrapper-colleague .colleagues a {
						float: none;
						color: #828282;
						font-weight: normal;
					}
					
					
					#wrapper-colleague a.name {
						margin-top: 30px;
					}
				
					.inner .news {
						margin-bottom: -6px;
						text-decoration: none;
					}
					
					.inner .more-news {
						background-image: url(../images/layout/ico_more.gif);
						background-position: right 70%;
						background-repeat: no-repeat;
						padding: 0 15px 0px 16px;
					} 
					
					.inner .news:hover {
						text-decoration: underline;
						color: #005395;
					}
					
					.inner .news span {
						color: #ff8522;
					}
					
					.inner .button {
						margin-bottom: -5px;
					}
										
					* html .inner .button {
						margin-bottom: -4px;
					}
					
					* + html .inner .button {
						margin-bottom: -4px;
					}					
					
					.inner .wrapper ul {
					}
					
					.inner  .wrapper ul li {
						padding-left: 10px;
						background-image: url(../images/layout/bkg_bullet.gif);
						background-position: 1px 7px;
						background-repeat: no-repeat;
						margin: 0;
						border: 1px solid #fff; /*IE6*/
					}
					
					.inner ul li a {
						text-decoration: none;
					}
					
					.inner ul li a:hover {
						text-decoration: underline;
						color: #005395;
					}
	
			.special #mainContent {
				width: 468px;
			}
			
			#mainContent h1 {
			color:#444;
			font-family:Arial, Helvetica, sans-serif;
			margin: 0px 0 8px 0;
			font-size: 22px;
			line-height: 1em;
			}
			
			/* --- CLiens Thumbs --- */
			
			.clients-thumbs {
				float: left;
				clear: both;
				width: 970px;
				list-style: none;
				margin: 0 0 0 -10px;
				padding: 0;
				position: relative;
			}
			
			.clients-thumbs li {
				list-style: none;
				float: left;
				white-space: nowrap;
				width: 310px;
				margin: 0;
				padding: 0 0 0 10px;				
			}
			
			.clients-thumbs li a {
				float: left;
				width: 310px;
			}
			
			* html .clients-thumbs {
				margin-left: -10px;
				display: inline;
			}
			
			* + html .clients-thumbs {
				display: inline;
				margin-left: 0;
			}
			
			* + html .clients-thumbs li {
				padding: 0 0 0 0;
				margin: 0;
				width:305px;
				position: relative;
				left: -16px;
			}
			
			/* --- Client overview --- */
			.client-overview {
				float: left;
				clear: both;
				width: 940px;
				margin: 40px 0 0 0;
				padding-left: 10px;
			}
			
				.client-overview h3 {
					margin-bottom: 18px;
				}
			
				.client-overview ul {
					width: 235px;
					float: left;
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
					.client-overview ul li {
						width: 235px;
						float: left;
						clear: both;
						list-style: none;
						margin: 0;
						padding: 0 0 4px 0;
						color: #595959;
					}
					
					.client-overview ul li {
					
						color: #595959;
						padding-left: 10px;
						background-image: url(../images/layout/bkg_bullet.gif);
						background-position: 0 55%;
						background-repeat: no-repeat;
					}
					.client-overview ul li a {
					color: #005395;
						text-decoration: underline;
						
						
						background-position: 0 55%;
						background-repeat: no-repeat;
					}
					
					.client-overview ul li a:hover {
						color: #005395;
						text-decoration: none;
					}
					
					.client-overview ul li span {
						color: #ff7200;
						font-weight: bold;
					}
					
					* + html .client-overview ul li {
						position: relative;
						left: -16px;
					}
					
			/*-- Search --*/
			#search {
				float: left;
				clear: both;
				width: 100%;
			}
			
				#search input  {
					float: left;
					margin: 0;
				}
				
				#search .textfield {
					border: 1px solid #e2e3ea;
					border-top: 1px solid #abadb3;					
					background: none;					
				}
				
				#search .button {
					margin: 1px 0 0 2px;
					display: inline;
				}
				
				#search .options {
					float: left;
					clear: both;
					margin-top: 25px;
					padding-bottom: 30px;
				}
				
				#search span {
					float: left;
				}
				
				#search span a {
					color: #ff7200;
					text-decoration: none;
				}
				
				#search span a:hover {
					text-decoration: underline;
					color: #005395;
				}
				
				#search .per-page {
					display: inline;
					margin: 0 0 0 32px;
				}
			
			
			/* --- Listed items --- */
			.news-items1 {
				float: left;
				clear: both;
				width: 100%;
				list-style: none;
				display: inline;
				margin-left: -14px;
			}
			.news-items1 li {
					list-style: none;
					background-image: url(../images/layout/ln_dotted_hor.png);
					background-position: left bottom;
					background-repeat: repeat-x;
					float: left;
					clear: both;
					padding-top: 6px;
					width: 100%;
				}
			.news-items1 li a {
			color:#005395;			
			}

			.news-items {
				float: left;
				clear: both;
				width: 100%;
				list-style: none;
				display: inline;
				margin-left: -14px;
			}
			
			* html .news-items {
				margin-left: -32px;
			}
			
		
				.news-items li {
					list-style: none;
					background-image: url(../images/layout/ln_dotted_hor.png);
					background-position: left bottom;
					background-repeat: repeat-x;
					float: left;
					clear: both;
					padding-top: 6px;
					width: 100%;
				}

				.news-items-image, .wp-items-image, .op-items-image {
					float: left;
					clear: both;
					width: 128px;
					display: inline;
					margin-right: 20px;
					margin-top: 3px;
					padding-bottom: 5px;
				}
				
				.op-items-image {
					width: 232px;
					padding: 5px 0 15px 0;
				}
				
				.wp-items-image {
					width: 108px;
				}
				
				.news-items-content {
					float: left;
					width: 650px;
				}
				
				.wider .news-items-content {
					width: 380px;
				}
				

					.news-items-content span {
						color: #ff7200;
						font-weight: normal;
					}
					
					.news-items-content em {
						color: #ff7200;						
						font-style: normal;
					}
					.news-items-content a {
						text-decoration: none;
					}
					
					.news-items-content a:hover {
						text-decoration: underline;
					}
					.news-items-content span.more {
						display: inline;
						float: none;
						text-indent: -9999px;
						background-image: url(../../../Yourzine/images/layout/ico_more.gif);
						background-position: right 55%;
						background-repeat: no-repeat;
						font-size: 10px;
						letter-spacing: -40px;
					}
					
					.news-items-content a {
						color: #8b8b8b;	
					}
					
					li.jsClickableli:hover a.jsGuide, .jsClickableHover a.jsGuide {
						color: #44525d;
						text-decoration: underline;
					}
					
					li.jsClickableli:hover p, .jsClickableHover p {
						color: #44525d;
					}
			
			
			/* --- Contact --- */ 
			.contact-thumbs {
				float: left;
				clear: both;
				width: 100%;
				background-image: url(../images/layout/ln_dotted_hor.png);
				background-position: left bottom;
				background-repeat: repeat-x;
				margin-bottom: 20px;
			}
			
				.thumb-nl {
					float: left;
					width: 504px;
				}
				
					.thumb-nl div, .thumb-cn div {
						float: left;
					}
				
				.thumb-cn {
					float: left;
				}
			
				.contact-thumbs img {
					float: left;
					padding: 0 20px 20px 0;
				}
				
				.contact-thumbs p {
					float: left;
					clear: both;
					width: 100%;
					font-size: 0.9em;
				}
				
				.contact-thumbs span {
					float: left;
					clear: both;
				}
				
				.contact-thumbs span em {
					font-style: normal;
					color: #ff7200;	
					font-weight: bold;
				}
			
				.contact-thumbs h4 {
					color: #ff7200;	
					float: left;
					margin-top: -3px;
				}
				
				.contact-thumbs h5 {
					float: left;
					clear: both;
					margin-top: 16px;
				}
				
			/* --- Clients --- */
			
			.clients-link {
				color: #ff7200;
				
				float: right;
				position: relative;
				top: -34px;
				padding-right: 15px;
				background-image: url(../images/layout/ico_link_more.png);
				background-position: right 55%;
				background-repeat: no-repeat;
			}
			
			
			/* --- Sitemap --- */
			
			#sitemap {
				float: left;
				clear: both;
				width: 100%;
			}
			
			#sitemap {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
				#sitemap li {
					margin: 0;
					padding: 5px 0 9px 16px;
					list-style: none;					
					font-weight: bold;
					background-image: url(../images/layout/ln_dotted_hor.png);
					background-position: left bottom;
					background-repeat: repeat-x;
				}
				
					#sitemap li a {
						color: #838d95;						
						text-decoration: underline;
					}
					
					#sitemap li a:hover {
						text-decoration: none;
						color: #005395;
					}
				
					#sitemap li span {
						color: #ff7200;
						font-weight: bold;
					}
				
					#sitemap li ul {
						margin: 0;
						padding: 0 0 0 37px;
						list-style: none;					
					}
					
						#sitemap li ul li {
							margin: 0;
							padding: 0;
							list-style: none;					
							font-weight: normal;
							background-image: none;
						}
				

			/* --- Map --- */
			#map {
				float: left;
				clear: both;
				width: 100%;
				background-image: url(../images/layout/ln_dotted_hor.png);
				background-position: left bottom;
				background-repeat: repeat-x;
				margin-bottom: 10px;
			}
			
		
				#map .description {
					float: left;
					width: 492px;
				}
				
				#map .full {
					width: 100%;
				}
			
					#map .description h5 {
						color: #ff7200;	
					}
			
					#map .description p {
					margin: 22px 0;
					}
			
						#map .description ul li p {
							padding: 2px 0 20px 0;
							margin: 0;
						}
			
						#map .description ul li h5 {
							color: #8b8b8b;
						}
			
						* + html #map .description ul li h5 {
							position: relative;
							left: -16px;
						}
			
			#map .map-container {
				float: right;
				width: 425px;
				margin-top: 43px;
			}
			
				#map .map-container a {
					float: left;
					clear: both;
					color: #00f;
					white-space: nowrap;
				}
			
				#map .map-container .more {
					padding: 5px 0;
					background-image: none;
				}
			
			.description-items {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				.description-items li {
					list-style: none;
					margin: 0;
					padding: 0;				
					clear: both;
					width: 100%;				
					display: inline;
					left: 0;
				}
			/* -- Links -- */

			.links {
				float: left;
				clear: both;
				list-style: none;
				margin: 0;
				padding: 0;
			}		
			
			.links li {
				list-style: none;
				float: left;
				clear: both;
				margin: 0;
				padding: 0 0 1px 0;
				white-space: nowrap;
			}
			
			* + html .links li {
				left: -15px;
				position: relative;
			}
			
			.links li span {
				font-weight: bold;
				color: #ff7200;
			}
			
			.links li a {
				white-space: nowrap;
				text-decoration: none;
				color: #8b8b8b;
				background-image: url(../../../Yourzine/images/layout/bkg_bullet.gif);
				background-position: left 55%;
				background-repeat: no-repeat;
				padding-left: 10px;
			}
			
			.links li a:hover {
				text-decoration: underline;
				color: #005395;
			}
			

		
			/* --- Paging --- */					
			.paging {
				float: left;
				clear: both;
				width: 100%;
				margin: 0;
				padding: 0;
			}
			
				.paging ul {
					margin: 0 auto;
					text-align: center;
					list-style: none;
				}
			
				.paging ul li {
					list-style: none;
					display: inline;
					color: #434343;
					padding: 0 1px;
					font-size: 0.9em;
					margin: 0;					
				}
				
				* + html .paging ul li {
					margin: 0;
				}
				
	
  					.paging ul li.current {
						text-decoration: underline;
						font-weight: 600;
					}
					
					.paging ul li.larr a, .paging ul li.rarr a {
						color: #f07826;
						font-weight: bold;
					}
					
					.paging ul li.larr a:hover, .paging ul li.rarr a:hover {
						text-decoration: none;
					}
				
					.paging ul li a {
						text-decoration: none;
					}
					
					.paging ul li a:hover {
						text-decoration: underline;
						color: #005395;
					}
					
					
			
			/* --- mainCategories --- */
			
			#mainCategories {
				padding-right: 10px;
				list-style-type: none;
			}
			
				#mainCategories li {
					float: left;
					width: 230px;
					margin: 0;
					padding-left: 10px;
				}
				
			
				.home #mainCategories li {
					padding-bottom: 15px;
				}
				
					#mainCategories .case {
						position: relative;
						width: 230px;
						background: url(../images/layout/bg_maincategories.png) #ffffff repeat-x 0 148px;
					}
					
					
					#mainCategories .jsClickable:hover, #mainCategories .jsClickableHover {
						color: #595959;
					}
					
						#mainCategories h3 {
							color: #595959;
							padding: 155px 0 7px;
						}
					
						#mainCategories .jsClickable:hover h3, #mainCategories .jsClickableHover h3 {
							text-decoration: underline;
						}
					
						#mainCategories .case img {
							position: absolute;
							left: 0;
							top: 0;
							display: block;
							width: 220px;
							height: 116px;
							padding: 4px;
							border: 1px solid #c1c1c1;
						}
						
						#mainCategories .caseLink {
							position: absolute;
							left: 0;
							top: 126px;
							width: 230px;
							height: 21px;
							margin: 0;
							overflow: hidden;
							background-color: #ff7200;
							border-bottom: 1px solid #ffffff;
						}
						#mainCategories .caseLink2 {
							position: absolute;
							left: 0;
							top: 126px;
							width: 230px;
							height: 21px;
							margin: 0;
							overflow: hidden;
							background-color: #ff7200;
							border-bottom: 1px solid #ffffff;
						}
						
							#mainCategories .caseLink a {
								display: block;
								font-size: 0.85em;
								font-weight: bold;
								text-align: right;
								color: #ffffff;
								height: 18px;
								padding: 0 20px 3px 10px;
								background: url(../images/layout/ico_caselink.png) #ff7200 no-repeat 213px 0.65em;
							}
							#mainCategories .caseLink2 a {
								display: block;
								font-size: 0.85em;
								font-weight: bold;
								text-align: right;
								color: #ffffff;
								height: 18px;
								padding: 0 20px 3px 10px;
								background: url(../images/layout/ico_caselink.jpg) #7fa9ca no-repeat 213px 0.65em;
							}
					#mainCategories li table {
						font-size: 0.95em;
						color: #595959;
						margin-top: 6px;
					}
					
						#mainCategories li th {
							text-align: left;
							padding-right: 11px;
						}
						
			/* --- casesOverview --- */
								
			.allCases a {
				position: absolute;
				right: 10px;
				top: 3px;
				color: #ff7200;
				padding-right: 16px;
				background: url(../images/layout/ico_link_more.png) transparent no-repeat 100% 0.55em;
			}
			
			#casesOverview {
				float: left;
				clear: both;
				width: 940px;
				margin: -11px 10px 13px;
				padding-left: 10px;
				list-style-type: none;
				background: url(../images/layout/bg_casesoverview.png) #ffffff repeat left top;
				border-bottom: 10px solid #e0e7ec;
			}
			* html #casesOverview { margin: 0 5px 13px; }
			
				#casesOverview li {
					float: left;
					width: 460px;
					margin: 0;
					padding: 0 10px 0 0;
					border-top: 10px solid #e0e7ec;
				}
				
					#casesOverview div {
						position: relative;
						width: 250px;
						height: 102px;
						padding: 10px 13px 10px 193px;
						border: 2px solid #ffffff;
					}
					html>body #casesOverview div {
						height: auto;
						min-height: 102px;
					}
					
					#casesOverview .jsClickable:hover div, #casesOverview .jsClickableHover div {
						border-color: #ff7200;
					}
					
						#casesOverview h2 {
							font-size: 1.7em;
							line-height: 1.2em;
							margin: 5px 0 0;
							padding-left: 0;
							background-image: none;
						}
						* html #casesOverview h2 { margin-bottom: -10px; }
						*:first-child+html #casesOverview h2 { margin-bottom: -10px; }
						
							#casesOverview h2 a {
								color: #005395;
								text-decoration: none;
							}
						
							#casesOverview h2 a:hover, #casesOverview h2 a:focus, #casesOverview h2 a:active,
							#casesOverview .jsClickable:hover h2 a, #casesOverview .jsClickableHover h2 a {
								text-decoration: underline;
							}
					
						#casesOverview img {
							position: absolute;
							left: 13px;
							top: 10px;
						}
						
						#casesOverview .client {
							clear: both;
							font-size: 0.85em;
							font-weight: bold;
							color: #595959;
						}
						
							#casesOverview .client em {
								font-weight: normal;
								font-style: normal;
								/*text-decoration: underline;*/
							}
							
						#casesOverview .categories {
							position: absolute;
							bottom: 9px;
							font-size: 0.85em;
							width: 250px;
							margin: 0;
						}
						
							#casesOverview .categories li {
								float: left;
								white-space: nowrap;
								width: auto;
								margin: 0;
								padding: 0 7px 0 8px;
								background: url(../images/layout/divider_categorymenus.png) transparent no-repeat 0 0.45em;
								border-style: none;
								list-style-type: none;
							}
							
					
							#casesOverview .categories li.first {
								padding-left: 0;
								background-image: none;
							}
							
								#casesOverview .categories a {
									display: block;
								}
								
								
		/* --- management --- */
								
		
			#management {
				float: left;
				clear: both;
				width: 669px;
				margin: 0 0 0 0;
				padding: 0 0 7px 0;
				list-style-type: none;
				background-color: #e0e7ec;
			}
			
				* html #management {
					width: 671px;
				}
			
		
				#management li {
					float: left;
					width: 320px;
					padding: 0;
					margin: 7px 4px 0 7px;
					display: inline;
				}
				
				* html #management li {
					margin: 7px 0 0 7px;
				}
				
				#management li.selected div {
					border: 2px solid #ff7200;
				}
				
			
					#management div {
						padding: 0;
						width: 320px;
						border: 2px solid #e0e7ec;
						background-color: #fff;
						margin: 0;
						float: left;
					}
					
					#management h3 {
						float: left;
						color: #757575;
						white-space: nowrap;
						display: inline;
						margin: 3px 0 10px 8px;
					}
					
					#management img {
						float: left;
						display: inline;
						margin: 3px 8px 0 8px;
					}
					
					#management .info {
						float: left;
						width: 55%;
						font-size: 0.9em;
						line-height: 1.4em;
					}
					
					#management .subinfo {
						float: left;
						clear: both;
						font-size: 0.9em;
						margin-top: 7px;
						padding: 3px 0;
					}
					
					#management .subinfo  {
						float: left;
						background-color: #f1f4f6;
						width: 100%;
						margin-right: 1px;
						color: #595959;
					}
					
					#management .subinfo a {
						float: none;
						color: #595959;
					}
					
					#management .subinfo em {
						font-style: normal;
						font-weight: bold;
						padding: 7px;
						line-height: 1.4em;
					}
					
					#management .subinfo span {
						clear: both;
						float: left;
						width: 90%;
					}
					#management .subinfo ul li {
						list-style: none;
						float: left;
						padding: 0;
						margin: 0;
					}					
					
					#management h3 span {
						color: #ff7200;
					}
					
					#management h3 em {
						color: #434343;	
						font-style: normal;
					}
					
					
					
					#management a {
						float: left;
					}
					
					#management .jsClickable:hover div, #management .jsClickableHover div {
						border-color: #ff7200;
					}
					
						
								
			/* --- Men --- */
								
		
			#men {
				float: left;
				clear: both;
				width: 695px;
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			
				* html #men {
					margin-right: -10px;
				}
		
			
				#men li {
					float: left;
					width: 125px;
					padding: 0;
					margin: 0 7px 7px 0;
					display: inline;
				}
				
				* html #men li {
					margin: 0 4px 4px 0;
				}
				
					#men div {
						position: relative;
						width: 125px;
						height: 80px;
						padding: 0;
						margin: 0;
						float: left;
						/*border: 2px solid #ffffff;*/
					}
					
						#men div a {
							border: 2px solid #fff;		
							float: left;
						}
						
						#men div a img {
							float: left;
						}
				
			
					#men span {
						display: block;
					}
					
					
					#men .cover {
						position: absolute;
						width: 125px;
						height: 80px;
						top: 2px;
						left: 2px;
						background-image: url(../images/layout/bkg_cover.png);
						background-position: 0 0;
						background-repeat: repeat;
						float: left;
						text-indent: -9999px;
					}
					
					* html #men .cover {
						background-image: url(../images/layout/bkg_cover.gif);
					}
					
			
					#men a:hover .cover {
						background: none;
					}
					
					#men .title {
						display: none;
						position: absolute;
						padding-left: 4px;
						top: 75%;
						left: 75%;
						white-space: nowrap;
						background-image: url(../images/layout/bkg_hint_left.gif);
						background-position: 0 0;
						background-repeat: no-repeat;
					}
					
					#men .title em {
						font-size: 0.9em;
						font-style: normal;
						background-image: url(../images/layout/bkg_hint_right.gif);
						background-position: right 0;
						background-repeat: no-repeat;
						display: block;
						padding: 1px 6px 2px 0;
					}
					
					#men a:hover {
						border-color: #ff7200;
					}
					
		
		
			/* --- expertises --- */
			
			#expertises {
				padding-right: 10px;
				list-style-type: none;
			}
			
				#expertises li {
					float: left;
					width: 230px;
					margin: 0;
					padding-left: 10px;
				}
			
				/*.home #expertises li {
					padding-bottom: 15px;
				}*/
				
					#expertises .expertise {
						position: relative;
						width: 230px;
						background: url(../images/layout/bg_maincategories.png) #ffffff repeat-x 0 148px;
					}
					
					#expertises .jsClickable:hover, #expertises .jsClickableHover {
						color: #595959;
					}
					
						#expertises h2 {
							color: #595959;
							width: 230px;
							padding: 126px 0 0;
							background-image: none;
						}
						
							#expertises h2 a {
								display: block;
								padding: 3px 18px 1px;
								background: url(../images/layout/ico_h2_expertise.png) #7fa9ca no-repeat 7px 0.4em;
							}
							
								#expertises .expertise h2 a img {
									position: static;
									width: auto;
									height: auto;
									padding: 0;
									border-style: none;
								}
					
						#expertises .jsClickable:hover h2, #expertises .jsClickableHover h2 {
							text-decoration: underline;
						}
					
						#expertises .expertise img {
							position: absolute;
							left: 0;
							top: 0;
							display: block;
							width: 220px;
							height: 116px;
							padding: 4px;
						}
						
						* html #expertises .expertise img {
							position: static;
							margin-top: -155px;								
						}
						
						* html #expertises .expertise p {
							margin-top: 30px;								
						}
						
												
						#expertises p span {
							float: left;
							clear: both;
							background-image: url(../images/layout/ico_more.gif);
							background-position: right 55%;
							background-repeat: no-repeat;
							padding-right: 10px;
							margin-bottom: 20px;
						}
						
				
					
						/*#expertises .caseLink {
							position: absolute;
							left: 0;
							top: 126px;
							width: 230px;
							height: 21px;
							margin: 0;
							overflow: hidden;
							background-color: #ff7200;
							border-bottom: 1px solid #ffffff;
						}
						
							#expertises .caseLink a {
								display: block;
								font-size: 0.85em;
								font-weight: bold;
								text-align: right;
								color: #ffffff;
								height: 18px;
								padding: 0 20px 3px 10px;
								background: url(../images/layout/ico_caselink.png) #ff7200 no-repeat 213px 0.65em;
							}
							
					#expertises li table {
						font-size: 0.95em;
						color: #595959;
						margin-top: 6px;
					}
					
						#expertises li th {
							text-align: left;
							padding-right: 11px;
						}*/
			
			/* --- related --- */
			
			.related {
				float: left;
				clear: both;
				font-size: 0.85em;
				width: 100%;
				padding-bottom: 10px;
				background: url(../images/layout/ln_dotted_hor.png) transparent repeat-x left bottom;
			}
			
				.related h2 {
					clear: both;
					color: #434343;
					padding: 17px 0 0 11px;
					background: url(../images/layout/ln_dotted_hor.png) transparent repeat-x left top;
				}
				* html .related h2 { float: none; }
				*:first-child+html .related h2 { float: none; }
				
				.related table.cases {
					color: #595959;
					margin-left: 11px;
				}
				
					.related th {
						font-weight: normal;
						padding-right: 0.3em;
					}
					
					.related th.customer {
						padding-left: 11px;
						background: url(../images/layout/ico_item.png) transparent no-repeat 1px 0.65em;	
					}
					
					.related th.case {
						padding-left: 28px;
					}
					
						.related td a {
							color: #595959;
						}
		
			
		
			
		
/* --- siteFooter --- */

#siteFooter {
	float: left;
	clear: both;
	width: 100%;
	margin: 27px 0 20px;
}

	#siteFooter .subWrapper {
		font-size: 0.85em;
		height: 64px;
		padding: 8px 0;
		background: url(../images/layout/bg_sitefooter.png) #ffffff repeat-x left top;
		border-top: 1px solid #c8cbce;
	}
	html>body #siteFooter .subWrapper { height: auto; min-height: 56px; }
	
		/* --- copyright --- */
	
		#copyright {
			float: left;
			padding-left: 28px;
		}
		
			#copyright img {
				margin: 0 0 0px 4px;
			}
			
		/* --- shortcuts --- */
		
		#shortcuts {
			float: right;
		}
		
			#shortcuts ul {
				
			}
			
				#shortcuts li {
					float: left;
					padding: 0 11px;
					background: url(../images/layout/divider_metamenus.png) transparent no-repeat 0 0.35em;
					/*text-transform: capitalize;*/
				}
			
				#shortcuts li.first {
					background-image: none;
				}
		
					#shortcuts li.selected a {
						font-weight: bold;
						text-decoration: none;
					}
/* --- caseDetail --- */
			
			#caseDetail {
				position: relative;
				width: 950px;
				margin: 0 -10px;
				padding-top: 2px;
			}
			
				#caseLogo {
					float: left;
					text-align: center;
					width: 300px;
					margin: 27px 0;
				}
				
				/* --- caseProperties --- */
				
				#caseProperties {
					float: left;
					clear: both;
					color: #323232;
					width: 290px;
					padding: 22px 650px 89px 10px;
					background: url(../images/layout/bg_caseproperties.png) #dddddd repeat-x left bottom;
				}
				
					#caseProperties dt {
						float: left;
						clear: left;
						font-size: 0.95em;
						font-weight: bold;
						width: 100px;
						padding-right: 10px;
					}
				
					#caseProperties dd {
						float: left;
						width: 170px;
					}
					* html #caseProperties dd { float: none; }
					*:first-child+html #caseProperties dd { float: none; }
					
						#caseProperties a {
							color: #323232;
						}
						
				/* --- casePreview --- */
				
				#casePreview {
	position: absolute;
	left: 302px;
	top: 2px;
	z-index: 1;
	float: right;
	width: 469px;
	height: 320px;
	padding-right: 181px;
				}
				
					#casePreview a {
						position: absolute;
						top: 0;
						display: block;
						width: 445px;
						height: 275px;
						padding: 9px 10px;
						background-color: #ffffff;
						border: 1px solid #c1c1c1;
					}
					
					#casePreview a.current {
						position: relative;
						z-index: 10;
					}
					
						#casePreview a * {
							display: block;
						}
						
						#casePreview .magnify {
							position: absolute;
							right: 10px;
							bottom: 9px;
						}
					
					#casePreview .shadow, #casePreview .shadow div {
	position: absolute;
	left: -12px;
	top: 0;
	width: 12px;
	height: 275px;
	background: url(../images/layout/bg_shadow_casepreview.png) transparent no-repeat left top;
					}
					* html #casePreview .shadow { display: none; }	/* no shadow for IE6! */
					
						#casePreview .shadow div {
	left: 456px;
	background-position: right top;
						}
						
					#casePreview ul {
						float: right;
						padding: 1px 13px 0 0;
					}
					
						#caseDetail #casePreview li {
							float: left;
							padding: 0;
							background-image: none;
						}
						
						#caseDetail #casePreview li.next {
							padding-left: 12px;
						}
						
							#casePreview li.prev a, #casePreview li.next a {
								position: static;
								width: auto;
								height: auto;
								padding: 0 0 0 9px;
								background: url(../images/layout/ico_nav_prevnext.png) transparent no-repeat 0 0.55em;
								border-style: none;
							}
							
							#casePreview li.next a {
								padding: 0 9px 0 0;
								background-position: 100% 0.55em;
							}
							
				/* --- caseContent --- */
				
				#caseContent {
					float: left;
					clear: both;
					width: 100%;
				}
				
					/* --- caseDesription --- */
					
					#caseDescription {
						float: right;
						line-height: 1.65em;
						color: #282828;
						width: 469px;
						padding-right: 181px;
					}
					
						#caseDescription h2, #caseDescription h3 {
							float: none;
							clear: both;
							font-size: 1.0em;
							font-weight: bold;
							color: #005395;
							margin: 0;
							padding: 0;
							background-image: none;
						}
						
						#caseDescription .intro {
							color: #282828;
						}
					
					/* --- caseSidebar --- */
					
					#caseSidebar {
						float: left;
						width: 240px;
						padding-top: 9px;
						background: url(../images/layout/ln_dotted_hor.png) transparent repeat-x left bottom;
					}
					
						#caseSidebar h2 {
							position: absolute;
							left: -9999px;
							text-indent: -9999px;
							line-height: 0;
						}
						
						/* --- caseSidebar snippets --- */
						
						#caseSidebar .snippet {
							width: 230px;
							margin: -2px 0 0;
							padding: 17px 0 0 10px;
							background: url(../images/layout/ln_dotted_hor.png) transparent repeat-x left top;
						}
						
							#caseSidebar .snippet h3 {
								color: #282828;
								padding: 0;
								background-image: none;
								background-color: transparent;
							}
			
							#caseSidebar .snippet p, #caseSidebar .snippet ul, #caseSidebar .snippet ol, #caseSidebar .snippet blockquote, #caseSidebar .snippet table {
								width: 100%;
								padding: 0;
							}
							
								#caseSidebar ul li {
									padding-left: 10px;
									background-position: 0 0.45em;
								}
						
							#caseSidebar ul.people, #caseSidebar ol.people {
								width: 201px;
								padding-left: 0;
							}
							
								#caseSidebar .people li {
									display: inline;
									padding-left: 0;
									background-image: none;
								}
								
									#caseSidebar .people li a {
										color: #595959;
										text-decoration: underline;
									}
								
									#caseSidebar .people li a:hover, #caseSidebar .people li a:focus, #caseSidebar .people li a:active {
										text-decoration: none;
									}