@import '/module/carousel/skins/ie7/skin.css';
@import url("screen_sifr.css");

/* Begin default CSS */

* 
{ 
	margin:0;
	padding:0;
}

html 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #666666;
}

body 
{
	background-color: #ffffff;
	background-image: url(../images/back_top.gif);
	background-position:0 -16px;
	background-repeat:repeat-x;
	border-top:3px solid #E3ECF3;
	overflow-x:hidden;
}

img, div 
{ 
}

img 
{
	border: 0px;
}

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

a:hover 
{
	color: #005596;
	text-decoration: underline;
}

a:focus, object
{
	outline: none;
}

h1, h2 
{
	font-size: 22px;
	/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	padding-bottom: 16px;
	text-transform: uppercase;
	
}

	h1 a, h2 a, h1 a:hover, h2 a:hover
	{
		color: #333333;
		text-decoration: none;
		display: block;
	}

h3 
{
	font-size: 20px;
	/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}
	
	h3 a, h3 a:hover
	{
		color: #666666;
		text-decoration: none;	
	}

h4 
{
	font-size: 14px;
	/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999999;
	text-transform: uppercase;
}

	h4 a, h4 a:hover
	{
		color: #999999;
		text-decoration: none;	
	}

strong 
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}

ul 
{
	padding-bottom: 10px;
}

li 
{
	list-style-position: outside;
	list-style-image: url(../images/list_arrow.gif);
	margin-left: 12px;	
}

ul li ul li
{
	margin-left: 12px;
}	

p, table 
{
	padding: 0px 0px 7px 0px;
	width:100%;
}

p, table 
{
	padding: 0px 0px 7px 0px;
}

.clear 
{
	height: 0px;
	overflow: hidden;
	clear: both;
	line-height: 0px;
}

div.error 
{
	font-weight: bold;
	color: #ed1c24;
}

ul.formOutput li
{
	color: #ed1c24;
}

.cmsError 
{
	border: 1px solid black;
	background-color: #D1E428;
}

input.readOnly 
{
	color: black;
	background-color: #D4D0C8;
}

div.contentLeft input.elementRadio, div.bottomBlock input.elementRadio
{
	border: none;
	width: auto;
	height: auto;
	padding-right: 5px;
	float: none;
	background-color: transparent;
}

div.cms-internal-error 
{
	color: #dd0000;
}

/* Einde default CSS */

/* Begin standaard bladeren */

.pager	table	{
	width:100%;	
}

.pager td 
{
	padding: 4px;
}

.pager .first, .pager .last 
{
	width:80px;
}

.pager .previous, .pager .next 
{
	width:auto;
}

.pager .first, .pager .previous {
	text-align:left;	
}

.pager .next, .pager .last {
	text-align:right;	
}

.pager	.disabled	{
	display:none;	
}

.pager td 
{
	padding: 4px;
}

.pagerFirst, .pagerPrevious 
{
	text-align: left;
	width: 10%;
}

.pagerNext, .pagerLast 
{
	text-align: right;
	width: 10%;
}

.pagerSelection 
{
	text-align: center;
	width: 60%;
}

.pagerSelectionItem 
{
	text-align: center;
}

.pagerSelectionItemActive 
{
	text-align: center;
	font-weight: bold;
}

.pagerAbstract 
{
	font-weight: bold;
	text-align: center;
}

/* Einde standaard bladeren */

/* START TEMPLATE */

div#belons {
	width: 26px;
	height: 80px;
	position: absolute;
	top: 378px;
	left: 0px;
}

div#siteContainer
{
	width: 995px;
	margin: 0 auto;
}

	div.headerContainer
	{
		float:left;
		padding-bottom:25px;
		position:relative;
	}
	
	div.contentContainer
	{
		padding: 25px 25px 0px 25px;
		width: 945px;
		z-index:999;
	}

div#footerContainer {
	background-image: url(../images/back_bottom.gif);
	background-repeat: repeat-x;
	height: 245px;
    width:100%;
    /*padding-bottom: 19px;*/
    position: absolute;
	z-index:1000000;
}

div#rockBottom {
	height: 245px;
}
	
	div.footer
	{
        width: 973px;
		padding: 6px 0px 0px 22px;	
		margin: 0 auto;

	}
    
    #footerContainer.fixed {
        position: fixed;
        bottom:0px;
    }
    
    #footerContainer.collapsed {
        height: 30px;
    }

	/* HEADER */

	div.logo
	{
		float:left;
		height:33px;
		margin:23px 0 0 30px;
		width:138px;
	}
	
	div#carousel
	{
		position: relative;
		float: none;
		clear: both;
		width: 925px;
		height: 282px;
		font-size: 11px;
		background-image: url(../images/back_showcase.gif);
		background-repeat: no-repeat;
		padding: 10px 35px 10px 35px;
		z-index: 1;
	}
	
	div.float-header {
		background-image:url("/client/websight/images/back_showcaseInfo.png");
		background-repeat:no-repeat;
		color:#666666;
		height:170px;
		padding:10px;
		position:absolute;
		right:0px;
		top:44px;
		width:190px;
		z-index:1000;
	}
	
	div.float-header p {
		padding-right:10px;
		width:180px;
	}
	
	div.float-header img {
		position:relative;
		margin-left:4px;
	}
	
	div.float-header h2 {
		color:#333333;
		font-size:20px;
		padding-bottom:0px;
		font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
		font-weight: bold;
	}
	
	div.float-header a {
		text-decoration: none;
	}
	
	div.float-header h3 {
		color:#666666;
		font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
		font-size:14px;
		font-weight:normal;
		padding-bottom:6px;
	}
	
	div.float-pijlers {
		height:47px;
		position:absolute;
		left:0px;
		right:auto;
		top:330px;
		width:970px;
		z-index:1001;
		overflow: hidden;
	}
	
		div.pijlers {
			padding: 0 25px;
		}
		
		div#conceptpijler, div#creatiepijler, div#conversiepijler, div#codepijler {
				height: 48px;
				float: left;
				background-color: #e9e9e9;
				overflow:hidden;
			}
			
			div#conceptpijler, div#creatiepijler, div#conversiepijler, div#codepijler {
				height: 48px;
				float: left;
				background-color: #e9e9e9;
                cursor: pointer;
			}
			
			div#conceptpijler h3, div#creatiepijler h3, div#conversiepijler h3, div#codepijler h3 {
				font-size: 14px;
				/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
				font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #343434;
				text-transform: uppercase;
				margin: 15px 0px 0px 10px;
			}
		
			div#conceptpijler {
				background-image: url(../images/pijler_concept.gif);
				background-repeat: no-repeat;
			}
			
			div#creatiepijler {
				background-image: url(../images/pijler_creatie.gif);
				background-repeat: no-repeat;
			}
			
			div#conversiepijler {
				background-image: url(../images/pijler_conversie.gif);
				background-repeat: no-repeat;
			}
			
			div#codepijler {
				background-image: url(../images/pijler_code.gif);
				background-repeat: no-repeat;
			}
			
		div.float-images {
			padding: 22px 0px 0px 0px;
			z-index: 998;
			position: absolute;
			height: 222px;
		}
		
		div.float-image {
			position: absolute;
			z-index: 999;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 244px;
		}
				
			div.float-medewerker {
				height: 42px;
				position:relative;
				width: 288px;
				overflow: hidden;
				float: left;
				padding: 0px 0px 0px 20px;
				margin-bottom: 10px;
			}
			
				div.float-medewerker img {
					float: left;
					margin-right: 12px;
				}
				
				div.medewerkerInfo {
					color: #FFFFFF;
				}
				
				div.medewerkerInfo a {
					text-decoration: none;
				}
				
					div.medewerkerInfo h4 {
						color: #FFFFFF;
						font-family: Arial,Helvetica,sans-serif;
						font-size: 12px;
						font-weight: normal;
						text-transform: none;
						font-weight: bold;
					}
					
					div.medewerkerInfo p {
						padding: 0;
						margin: 0;
					}
		
	div.crumblePath
	{
		padding: 12px 25px 0px 25px;
		width: 595px;
		height: 32px;
		overflow: hidden;
		float: left;
		color: #005596;
		font-size: 11px;
	}
		
		div.crumblePath a
		{
			color: #005596;
			text-decoration: underline;
			padding-right: 20px;
			margin-right: 17px;
			background-image: url(../images/crumblePath_arrow.gif);
			background-repeat: no-repeat;
			background-position: right;
		}
	
	div.search
	{
		padding: 10px 25px 0px 0px;
		width: 296px;
		height: 34px;
		overflow: hidden;
		float: right;
	}
	
		div.search input#searchString 
		{
			background: transparent url(../images/back_searchInput.gif) no-repeat;
			border: 0 none;
			margin: 0;
			padding: 0px 0px 0px 5px;
			width: 270px;
			height: 23px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #4a4a4a;
			float: left;
		}
		
		div.search input.zoekbutton
		{
			border: 0 none;
			width: 21px;
			height: 23px;
			float: right;
			background-image: url(../images/search_submit.gif);
			background-repeat: no-repeat;
			cursor: pointer;
		}

	/* MENU */

		ul.menu
		{
			position: relative;
			display: block;
			float: right;
			height: 30px;
			/*border-bottom: solid 2px #005596;	*/
			margin:24px 25px 22px 0;
			padding: 0px;
			z-index: 2000;
		}
		
			ul.menu li
			{
				height: 30px;
				float: left;
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				background-color: #f6f6f6;
				margin-left: 1px;
				/*text-shadow:0 0 1px #BBBBBB;*/
			}
			
			ul.menu li.firstChild
			{
				margin-left: 0px;
			}
			
				ul.menu li a
				{
					display: block;
					text-align: center;
					vertical-align: middle;
					text-transform: uppercase;
					font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
					font-size: 14px;
					color: #333333;
					line-height: normal;
					font-weight: bold;
					padding-top: 11px;
					text-decoration: none;
					padding: 7px 15px;
				}
				
				ul.menu li a:hover, div.menuContainer ul.menu li.active a
				{
					background-color: #005596;
					color: #ffffff;
					text-decoration: none;
					/*text-shadow:0 0 0;*/
				}
					
					ul.menu li ul
					{
						position: absolute;
						left: 0px;
						border: solid 3px #e6e6e6;
						width: 524px;
						padding: 10px 0px 10px 0px;
						margin: 2px 0px 0px 0px;
						background-color: transparent;
						background-image: url(../images/back_submenu.png);
						background-repeat: no-repeat;
					}
                    ul.menu li ul.menu-sub
					{
						visibility: hidden;
					}
					
						ul.menu li ul li
						{
							width: auto;
							height: auto;
							float: none;
							background-color: transparent;
							background-image: none;
							padding: 0px;
							margin: 0px;
						}
					
							ul.menu li ul li ul
							{
								width: 173px;
								min-height: 80px;
								padding: 5px 0px 5px 0px;
								margin: 0px;
								display: block;
								position: relative;
								border: none;
								float: left;
								border-left: solid 1px #dbdcd6;
								background-color: transparent;
								background-image: none;
							}
							
								ul.menu li ul li ul li
								{
									width: auto;
									height: auto;
									float: none;
									background-color: transparent;
									background-image: none;
								}
								
									ul.menu li ul li ul li a, ul.menu li.active ul li ul li a
									{
										text-align: left;
										vertical-align: middle;
										text-transform: none;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 11px;
										line-height: 16px;
										font-weight: normal;
										padding-top: 0px;
										text-decoration: none;
										padding: 0px 10px 0px 26px;
										background-color: transparent;
										background-image: none;
										color: #999999;
									}
									
									ul.menu li ul li ul li.firstChild a
									{
										padding: 0px 10px 0px 20px;
										font-size: 12px;
										color: #4f4f4f;
										font-weight: bold;
										background-color: transparent;
										background-image: none;
									}
									
										ul.menu li ul li ul li a:hover
										{
											color: #999999;
											text-decoration: none;
											background-color: transparent;
											background-image: url(../images/menu_arrow.png);
											background-repeat: no-repeat;
										}
										
										ul.menu li ul li ul li.active a
										{
											text-decoration: none;
											background-color: transparent;
											background-image: url(../images/menu_arrow.png);
											background-repeat: no-repeat;
										}
										
										ul.menu li ul li ul li.firstChild a:hover
										{
											color: #4f4f4f;
											background-color: transparent;
										}
										
	/* START HOMEPAGE */

	div.homeBlock
	{
		width: 296px;
		padding: 0px 28px 25px 0px;
		float: left;
	}
	
			div.homeBlock h2, div.bottomBlock h2
			{
				padding-bottom: 5px;
			}
			
			div.bottomBlock img
			{
				padding-bottom:10px;
			}
	
	div.bottomBlock
	{
		width: 274px;
		min-height: 178px;
		margin: 0px 25px 0px 3px;
		padding: 6px 10px;
		float: left;
		background-color: #f6f6f6;
		border-left: solid 1px #d1d1d1;
		border-right: solid 1px #d1d1d1;
		border-bottom: solid 1px #d1d1d1;
	}
	
		div.homeBlock h2, div.bottomBlock h2, div.newsBlock h2, div.textBlock h2
		{
			float: left;
		}
		
		div.more
		{
			float: right;
			width: 16px;
			height: 16px;
		}
		
		div.homeBlock div.more, div.newsBlock div.more, div.textBlock div.more
		{
			background-color: #bed215;
		}
		
		div.homeBlock div.more
		{
			background-color: transparent;
		}
		
		div.bottomBlock div.more
		{
			background-color: #005596;
		}
		
		/* NIEUWSITEM */
		
		div.nieuwsItem
		{
			background-color: #eeeeee;
			margin-bottom: 5px;
		}
		
			div.nieuwsItem div.date
			{
				width: 55px;
				height: 31px;
				padding-top: 13px;
				display: block;
				float: left;
				color: #FFFFFF;
				font-size: 18px;
				/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
				font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				text-align: center;
				vertical-align: middle;
				overflow: hidden;
			}
			
				div.nieuwsItem div.date a
				{
					color: #FFFFFF;
					text-decoration: none;
				}
			
			div.homeBlock div.nieuwsItem div.date, div.newsBlock div.nieuwsItem div.date
			{
				background-color: #bed215;
			}
			
			div.bottomBlock div.nieuwsItem div.date
			{
				background-color: #005596;
			}
			
			div.nieuwsItem div.title
			{
				display: block;
				float: left;
				padding: 5px 10px;
				height: 31px;
				overflow: hidden;
			}
			
				div.nieuwsItem div.title a
				{
					font-weight: bold;
				}
			
			div.homeBlock div.nieuwsItem div.title
			{
				width: 221px;
			}
			
			div.bottomBlock div.nieuwsItem div.title
			{
				width: 199px;
			}
			
			div.newsBlock
			{
				padding-right: 28px;
			}
			
			div.newsBlock div.nieuwsItem div.title
			{
				width: 545px;
			}
			
				div.nieuwsItem div.title a
				{
					color: #333333;
					text-decoration: none;
				}
				
		/* TWITTERITEM */
				
		div.twitterItem
		{
			margin-bottom: 5px;
		}
		
			div.twitterItem div.photo
			{
				width: 55px;
				height: 64px;
				float: left;
				background-color: #bed215;
				overflow: hidden;
			}
			
			div.twitterItem div.tweet
			{
				width: 208px;
				min-height: 59px;
				display: block;
				float: left;
				position:relative;
				padding: 5px 10px 0px 23px;
				background-color: #eeeeee;
				background-image: url(/client/websight/images/tweet.gif);
				background-repeat:repeat-y;
				background-position:-240px 0px;
				overflow: hidden;
				line-height: 18px;
			}
			
				div.twitterItem div.tweet div.pointer
				{
					width: 12px;
					height: 11px;
					left:1px;
					position:absolute;
					background-image: url(/client/websight/images/tweet.gif);
					background-repeat:no-repeat;
					background-position:-228px 0px;
					overflow: hidden;
				}
				
				div.twitterItem div.tweet div.btm
				{
					width: 228px;
					height: 34px;
					bottom:0px;
					position:absolute;
					background-image: url(/client/websight/images/tweet.gif);
					background-repeat:no-repeat;
					background-position:-10px 0px;
					overflow: hidden;
					z-index:1;
				}
				
				div.twitterItem div.tweet span
				{
					position:relative;
					display:block;
					z-index:3;
					padding-bottom:6px;
					width:208px;
					overflow:hidden;
				}
			
			div.twitterItem div.tweet a
			{
				font-weight: bold;
				color: #333333;
				text-decoration: none;
			}
			
				div.twitterItem div.tweet div.time
				{
					color: #bed215;
				}
				
		/* VACATUREITEM */
				
		div.vacatureItem
		{
			background-color: #eeeeee;
			margin-bottom: 5px;
		}
		
			div.vacatureItem div.icon
			{
				width: 55px;
				height: 44px;
				float: left;
				overflow: hidden;
			}
			
			div.homeBlock div.vacatureItem div.icon
			{
				background-color: #bed215;
			}
			
			div.bottomBlock div.vacatureItem div.icon
			{
				background-color: #005596;
			}
			
			div.vacatureItem div.title
			{
				display: block;
				float: left;
				padding: 5px 10px;
				height: 31px;
				overflow: hidden;
			}
			
			div.homeBlock div.vacatureItem div.title
			{
				width: 221px;
			}
			
			div.bottomBlock div.vacatureItem div.title
			{
				width: 199px;
			}
			
				div.vacatureItem div.title a
				{
					color: #333333;
					text-decoration: none;
					font-weight: bold;
				}
				
		/* FORMULIERITEM NIEUWSBRIEF EN CONTACT */
				
		div.homeBlock form#nieuwsbrief, div.homeBlock form#form181, div.homeBlock form#form179 
		{
			position: relative;
			color: #4a4a4a;
		}
			
			div.homeBlock input 
			{
				background-color: #FFFFFF;
				border: solid 1px #e9e9e9;
				padding: 0px 0px 0px 5px;
				margin-bottom: 5px;
				width: 289px;
				height: 21px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #4a4a4a;
				float: left;
			}
			
			div.homeBlock textarea
			{
				background-color: #FFFFFF;
				border: solid 1px #e9e9e9;
				padding: 4px 0px 0px 5px;
				margin-top: 5px;
				width: 289px;
				height: 50px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #4a4a4a;
			}
			
			div.homeBlock input#cms_cm181__form__naam, div.homeBlock input#cms_cm179__form__voornaam
			{
				width: 139px;
				margin-right: 0px;
			}
			
			iv.homeBlock input#cms_cm181__form__functie
			{
				width: 139px;
				float: right;
				margin-right: 0px;
			}
			
			div.homeBlock form#nieuwsbrief input.submitbutton, div.homeBlock form#form181 input.formSubmitSend, div.homeBlock form#form179 input.formSubmitSend
			{
				position: relative;
				top: auto;
				left: auto;
				width: 88px;
				height: 25px;
				border: 0 none;
				background-color: #bed215;
				float: right;
				cursor: pointer;
				background-image: url(../images/buttongreen_verstuur.gif);
				background-repeat: no-repeat;
			}
		
		div.bottomBlock form#nieuwsbrief, div.bottomBlock form#form181, div.bottomBlock form#form179 
		{
			position: relative;
			color: #4a4a4a;
		}
			
			div.bottomBlock input 
			{
				background-color: #FFFFFF;
				border: solid 1px #e9e9e9;
				padding: 0px 0px 0px 5px;
				margin-bottom: 5px;
				width: 267px;
				height: 21px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #4a4a4a;
				float: left;
			}
			
			div.bottomBlock textarea
			{
				background-color: #FFFFFF;
				border: solid 1px #e9e9e9;
				padding: 4px 0px 0px 5px;
				width: 267px;
				height: 50px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #4a4a4a;
			}
			
			div.bottomBlock input#cms_cm181__form__naam, div.bottomBlock input#cms_cm179__form__voornaam
			{
				width: 128px;
				float: left;
				margin-right: 0px;
			}
			
			div.bottomBlock input#cms_cm181__form__functie
			{
				width: 128px;
				float: right;
				margin-right: 0px;
			}
			
			div.bottomBlock label, div.homeBlock label, div.contentLeft label
			{
				float: left;
			}
			
			div.bottomBlock input.elementRadio, div.homeBlock input.elementRadio, div.contentLeft input.elementRadio
			{
				margin: 5px 5px 0px 10px;
				float: left;
			}
			
			div.bottomBlock form#nieuwsbrief input.submitbutton, div.bottomBlock form#form181 input.formSubmitSend, div.bottomBlock form#form179 input.formSubmitSend
			{
				position: absolute;
				left: 285px;
				top: 53px;
				width: 25px;
				height: 88px;
				border: 0 none;
				background-color: #005596;
				float: right;
				cursor: pointer;
				background-image: url(../images/buttonblue_verstuur.gif);
				background-repeat: no-repeat;
			}
			
		/* TAGS */
		
		div.tags,
		div.profielTags
		{
			width: 294px;
			height: auto;
			padding: 0px;
			margin: 32px 0px 25px 0px;
			background-color: #f6f6f6;
			border: solid 1px #ececec;
			float: left;
		}
		
			div.tagContent
			{
				width: 272px;
				height: auto;
				overflow: hidden;
				background-color: #f6f6f6;
				border: solid 1px #ffffff;
				padding: 10px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-align: justify;
				line-height: 25px;
			}
				
				div.tagContent a
				{
					text-decoration: none;
				}
				
				div.tagContent a.tagRate0,
				div.tagContent a.tagRate1,
				div.tagContent a.tagRate2,
				div.tagContent a.tagRate3,
				div.tagContent a.tagRate4,
				div.tagContent a.tagRate5,
				div.tagContent a.tagRate6,
				div.tagContent a.tagRate7,
				div.tagContent a.tagRate8,
				div.tagContent a.tagRate9,
				div.tagContent a.tagRate10	{
					float:left;
					padding:0px 7px 0px 0px;
				}
				
				.profielTags div.tagContent a.tagRate0,
				.profielTags div.tagContent a.tagRate1,
				.profielTags div.tagContent a.tagRate2,
				.profielTags div.tagContent a.tagRate3,
				.profielTags div.tagContent a.tagRate4,
				.profielTags div.tagContent a.tagRate5,
				.profielTags div.tagContent a.tagRate6,
				.profielTags div.tagContent a.tagRate7,
				.profielTags div.tagContent a.tagRate8,
				.profielTags div.tagContent a.tagRate9,
				.profielTags div.tagContent a.tagRate10	{
					float:left;
					padding:0px 7px 11px 0px;
				}
				
				
				div.tagContent a.tagRate0
                {
                    color: #c2c2c2;
                    font-size: 8px;
                }
				
				div.tagContent a.tagRate1
				{
					color: #c2c2c2;
					font-size: 10px;
				}
				
				div.tagContent a.tagRate2
				{
					color: #a1a1a1;
					font-size: 12px;
				}
				
				div.tagContent a.tagRate3
				{
					color: #7d7d7d;
					font-size: 16px;
				}
				
				div.tagContent a.tagRate4 
				{
					color: #636363;
					font-size: 20px;
				}
				
				div.tagContent a.tagRate5
				{
					color: #464646;
					font-size: 24px;
				}
				
				div.tagContent a.tagRate6 
				{
					color: #252525;
					font-size: 28px;
				}
				
				div.tagContent a.tagRate7
				{
					color: #000000;
					font-size: 32px;
				}
				
				div.tagContent a.tagRate8
                {
                    color: #000000;
                    font-size: 34px;
                }
                
                div.tagContent a.tagRate9
                {
                    color: #000000;
                    font-size: 36px;
                }
                
                div.tagContent a.tagRate10
                {
                    color: #000000;
                    font-size: 38px;
                }
			
		/*  OVERIGE ITEMS */
			
		div.banner
		{
			padding: 0px;
		}
		
		div.flashBanner
		{
			padding-bottom: 25px;
			height:200px;
		}
			
		div.address
		{
			width: 252px;
			background-color: #FFFFFF;
			border: solid 1px #e9e9e9;
			padding: 5px 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			line-height: 18px;
			/*text-transform: uppercase;*/
			color: #4a4a4a;	
			position: relative;			
		}
				
			div.address img
			{
				margin-left:189px;
				position:absolute;
				bottom: 4px;
			}
				
		div.legal
		{
			width: 274px;
			padding: 10px 0px 0px 10px;
			text-align: left;	
			/*text-transform: uppercase;*/
			font-size: 11px;
		}
				
			div.legal a
			{
				color: #005596;
			}
			
		
/* EINDE HOMEPAGE */

/* START CONTENT */
		
		div.contentLeft
		{
			width: 649px;
			padding: 0px 0px 25px 0px;
			float: left;
		}
		
		div.contentLeft h1
		{
			float: left;
		}
		
			span.sortTitle
			{
				font-size: 14px;
				/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
				font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
				font-weight: normal;
				color: #999999;
				text-transform: uppercase;
				margin:8px 0 0 5px;
				float: left;
			}
			
			div.text
			{
				padding-right: 28px;
			}
			
			div.text h2
			{
				font-size: 14px;
				/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
				font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #666666;
				padding-bottom: 4px;
			}
			
			div.contentLeft form
			{
				width: 621px;
			}
		
		div.contentRight
		{
			position: relative;
			width: 296px;
			float: right;
			padding: 33px 0px 25px 0px;
		}
		
		div.home
		{
			padding: 0px 0px 25px 0px;
		}
		
			div.contentRight div.tags, div.contentRight div.profielTags


			{
				margin: 0px;
			}
			
			div.contentRight div.banner
			{
				padding: 0px 0px 20px 0px;
			}
			
			div.contentRight div.homeBlock
			{
				padding: 20px 0px 0px 0px;
			}
			
	/* SUBMENU */
	
	div.menuContainer
	{
		position: relative;
		display: block;
		width: 290px;
		border: solid 3px #e5e5e5;
		margin: 0px 0px 20px 0px;	
	}

		div.menuContainer ul.submenu
		{
			margin: 0px;
			padding: 0px;
			background-image: url(../images/back_submenu.gif);
			background-repeat: no-repeat;
			background-color: #fafafa;
			background-position: bottom;
		}
		
			div.menuContainer ul.submenu li
			{
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				padding: 0px;
				margin: 0px;
			}
			
			div.menuContainer ul.submenu li.firstChild
			{
				
			}
			
				div.menuContainer ul.submenu li.firstChild a
				{
					display: block;
					background-color: #bed215;
					font-size: 14px;
					/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
					font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #ffffff;
					text-transform: uppercase;
					text-decoration: none;
					padding: 6px 10px;
					margin: 0px 0px 10px 0px;
				}
			
				div.menuContainer ul.submenu li ul
				{
					padding: 0px;
					margin: 0px 10px;
					border-left: solid 1px #dbdcd6;
				}
				
					div.menuContainer ul.submenu li ul li
					{
						background-color: transparent;
						padding-bottom: 10px;
					}
					
					div.menuContainer ul.submenu li.firstChild ul li a
					{
						background-color: transparent;
						font-size: 12px;
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #4f4f4f;
						text-transform: none;
						text-decoration: none;
						padding: 0px 10px;
						margin: 0px;
					}
					
						div.menuContainer ul.submenu li ul li ul
						{
							padding: 0px;
							margin: 0px;
							border-left: solid 0px #dbdcd6;
						}
						
							div.menuContainer ul.submenu li ul li ul li
							{
								background-color: transparent;
								padding-bottom: 0px;
							}
					
							div.menuContainer ul.submenu li.firstChild ul li ul li a, div.menuContainer ul.submenu li.lastChild ul li ul li a
							{
								background-color: transparent;
								font-size: 11px;
								font-family: Arial, Helvetica, sans-serif;
								font-weight: normal;
								color: #999999;
								text-transform: none;
								text-decoration: none;
								padding: 0px 16px;
								margin: 0px;
							}
					
						div.menuContainer ul.submenu li ul li a:hover, div.menuContainer ul.submenu li ul li.active a, div.menuContainer ul.submenu li ul li ul li a:hover, div.menuContainer ul.submenu li ul li ul li.active a
						{
							text-decoration: none;
							background-color: transparent;
							background-image: url(../images/menu_arrow.png);
							background-repeat: no-repeat;
						}
						
	/* SORTERING */
	
	div.sortContainer
	{
		position: relative;
		display: block;
		width: 290px;
		border: solid 3px #e5e5e5;
		margin: 0px 0px 20px 0px;	
	}

		div.sortContainer div.sort
		{
			margin: 0px;
			padding: 0px;
			background-image: url(../images/back_submenu.gif);
			background-repeat: no-repeat;
			background-color: #fafafa;
			background-position: bottom;
		}
		
			div.sortContainer div.sort div.title
			{
				display: block;
				background-color: #bed215;
				font-size: 14px;
				/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
				font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #ffffff;
				text-transform: uppercase;
				text-decoration: none;
				padding: 6px 10px;
				margin: 0px 0px 10px 0px;
			}
			
			div.sortContainer div.sort div.checkbox
			{
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #4f4f4f;
				padding: 0px 10px 0px 10px;
			}
			
				div.sortContainer div.sort div.checkbox input
				{
					margin-right: 10px;
					margin-bottom: 8px;
				}
				
	/* PORTFOLIO */
	
            div.case
			{	
				position: relative;
				padding: 0px 28px 25px 0px;
			}
			
				div.case div.caseThumb
				{
					float:left;
				}
			
				div.case div.caseThumb img
				{
					width: 287px;
					height: 140px;
					padding: 5px 31px 5px 10px;
					background-image: url(../images/back_portfoliothumb.gif);
					background-repeat: no-repeat;
					overflow: hidden;
				}
				
			div.caseSmall
			{	
				position: relative;
				width: 212px;
				height: 130px;
				padding: 0px;
				float: left;
			}
			
				div.caseSmall div.caseThumb
				{
					position: absolute;
					left: -3px;
					height: 99px;
					float: none;
					clear: both;
				}
			
					div.caseSmall div.caseThumb img
					{
						width: 188px;
						height: 91px;
						padding: 4px 8px 4px 7px;
						background-image: url(../images/back_portfoliothumbsmall.gif);
						background-repeat: no-repeat;
						overflow: hidden;
					}
				
				div.caseSmall h3
				{
					position: absolute;
					top: 100px;
					font-size: 16px;
				}
				
				div.case div.caseInfo
				{
					width: 273px;
					float: right;
				}
				
				div.caseInfo h3
				{
					font-size: 16px;
					float: left;
					margin-right: 5px;
				}
				
				div.caseInfo h4
				{
					font-size: 10px;
					float: none;
					clear: both;
					padding-bottom: 10px;
				}
				
				div.caseInfo div.more
				{
					
				}
				
				span.brancheTitle
				{
					font-size: 13px;
					/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
					font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #bed215;
					text-transform: uppercase;
				}
				
			div.caseDetail
			{
				width: 621px;
				border-bottom: solid 1px #eeeeee;
				background-image: url(../images/back_caseDetail.gif);
				background-repeat: repeat-y;
			}
			
				div.caseDetail div.caseText
				{
					width: 266px;
					padding: 15px;
					margin-right: 28px;
					float: left;
					display: block;
				}
				
				div.caseDetail div.caseInfo
				{
					width: 296px;
					float: left;
					padding-top: 15px;
				}
				
					div.caseInfo div.caseLogo
					{
						float: right;
						max-width: 80px;
					}
					
					div.caseInfo div.caseTitle
					{
						float: left;
						width: 216px;
					}
					
						div.caseInfo div.caseLogo img
						{
							padding-bottom: 10px;
						}
				
					div.caseInfo span.title1
					{
						font-weight: bold;
						float: left;
						padding-right: 10px;
						clear: both;
						width: 64px;
					}
					
					div.caseInfo span.title2
					{
						float: left;
						width: 136px;
					}
					
					div.caseInfo span.tag
					{
						float: left;
						text-align: left;
						padding-right: 10px;
					}
					
					div.caseInfo div.personal
					{
						display: block;
						width: 296px;
						height: 42px;
						padding-bottom: 3px;
					}
					
						div.personal div.photo
						{
							width: 55px;
							height: 42px;
							float: left;
							overflow: hidden;
							margin-right: 10px;
						}
						
						div.personal div.name
						{
							float: left;
						}
						
							div.personal div.name a
							{
								font-weight: bold;
								font-size: 12px;
								text-decoration: none;
								color: #333333;
							}
							
			div.website
			{
				width: 296px;
				height: 26px;
				float: left;
				text-align: right;
			}
			
			div.back
			{
				width: 61px;
				height: 26px;
				float: right;
				text-align: right;
				padding-right: 28px;
			}
			
			div.textBlock
			{
				float: left;
				width: 193px;
				padding: 0px 20px 20px 0px;
			}
			
	/* CONTACTFORMULIER */
	
		div.contentLeft form#form136, div.contentLeft form#sollicitatie  
		{
			color: #4a4a4a;
		}
		
		div.formTable div.formColumnLeft
		{
			
		}
		
		span.elementRequired, span.elementTitleRequired
		{
			display: none;
		}
		
		span.elementTitle
		{
			display: none;
		}
		
		div.formTable div.formRow
		{
				
		}
			
			div.contentLeft input 
			{
				background-color: #FFFFFF;
				border: solid 1px #e9e9e9;
				padding: 0px 0px 0px 5px;
				margin-bottom: 5px;
				width: 300px;
				height: 21px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #4a4a4a;
				float: left;
			}
			
			div.formColumnRight input#cms_cm136__form__naam, div.formColumnRight input#cms_cm136__form__telefoon, div.formColumnRight input#cms_cm136__form__internet
			{
				float: right;
			}
			
			div.contentLeft textarea
			{
				background-color: #FFFFFF;
				border: solid 1px #e9e9e9;
				padding: 4px 0px 0px 5px;
				width: 614px;
				height: 100px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #4a4a4a;
			}
			
			div.contentLeft input#radio
			{
				margin: 5px 0px 0px 10px;
			}
			
			div.contentLeft input.formSubmitSend
			{
				position: relative;
				top: auto;
				left: auto;
				width: 88px;
				height: 26px;
				border: 0 none;
				background-color: #bed215;
				float: right;
				cursor: pointer;
				background-image: url(../images/buttongreen_verstuur.gif);
				background-repeat: no-repeat;
			}
			
	/* SOLLICITATIEFORMULIER */
			
			div.formColumnRight input#cms_cm182__form__geboortedatum, div.formColumnRight input#cms_cm182__form__postcode, div.formColumnRight input#cms_cm182__form__telefoon, div.formColumnRight input#cms_cm182__form__baan
			{
				float: right;
			}
			
			div.contentLeft form#form182 label
			{
				display: block;
				height: 25px;
				margin-bottom: 5px;
			}
			
			span.elementDescription
			{
				font-size: 14px;
				/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
				font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
				font-weight: normal;
				color: #999999;
				text-transform: uppercase;
			}

			span.elementDescription p
			{
                margin: 0px;
                padding: 0px;
                float: left;
                width: 100%;
			}
            
			div.contentLeft input.elementFile
			{
				width: 300px;
			}
			
	/* NIEUWS, VACATURES EN RESULTATEN */
	
			div.contentLeft div.newsItem
			{
				width: 621px;
			}
			
				div.newsItem h3
				{
					margin-bottom: 15px;
					float: left;
					width: 600px;
				}
			
				div.newsItem div.date
				{
					width: 55px;
					height: 31px;
					padding-top: 13px;
					display: block;
					float: left;
					color: #FFFFFF;
					font-size: 18px;
					/*font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, sans-serif;*/
					font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
					font-weight: bold;
					text-transform: uppercase;
					text-align: center;
					vertical-align: middle;
					overflow: hidden;
					background-color: #bed215;
				}
				
					div.newsItem div.date a
					{
						color: #FFFFFF;
						text-decoration: none;
					}
				
				div.newsItem div.icon
				{
					width: 55px;
					height: 44px;
					float: left;
					overflow: hidden;
					background-color: #bed215;
				}
				
				div.newsItem div.title
				{
					width: 536px;
					background-color: #eeeeee;
					display: block;
					float: left;
					padding: 10px 15px;
				}
				
				div.newsItem div.text
				{
					width: 591px;
					background-color: #eeeeee;
					display: block;
					padding: 10px 15px;
				}
				
				div.newsItem div.more
				{
					float: right;
					width: auto;
					height: auto;
				}
				
	/* DYNAMIC PAGER */

		div.dynamicPager
		{
			display: block;
			width: 621px;
			height: 16px;
			padding: 20px 0px;
		}
		
			div.dynamicPager div.first, div.dynamicPager div.previous
			{
				width: 17px;
				height: 16px;
				float: left;
				padding-right: 3px;
			}
			
			div.dynamicPager div.next, div.dynamicPager div.last
			{
				width: 17px;
				height: 16px;
				float: left;
				padding-left: 3px;
				background-repeat: no-repeat;
			}
			
			div.dynamicPager div.pageNumbers
			{
				width: 541px;
				float: left;
				text-align: center;
			}

div#concepttip, div#creatietip, div#codetip, div#conversietip
{
    display: none;
    z-index: 9999;
    font-size:12px; 
    min-height:40px; 
    width:180px;
    margin:0px;
    color:#fff;
    position: absolute;   
}

/*
p#concepttip_body, p#creatietip_body, p#codetip_body, p#conversietip_body
{
    background:transparent url('/client/websight/images/tooltip_body.png') repeat-y;  
    margin:0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    width:180px;    
}
*/

div.pijlersInfo
{
    display: none;
}

#tt 
{
    z-index: 9999;
    position:absolute; 
    display:block; 
	width:200px;
}
/*

#tttop 
{
    z-index: 9999;
    display:block; 
    height:5px; 
    margin-left:5px; 
    background:url(/client/websight/images/tt_top.gif) top right no-repeat; 
    overflow:hidden
}

#ttbot 
{
    z-index: 9999;
    display:block; 
    height:5px; 
    margin-left:5px; 
    background:url(/client/websight/images/tt_bottom.gif) top right no-repeat; 
    overflow:hidden
}

*/
#ttcont 
{
    z-index: 9999;
    display:block; 
    padding:19px 13px 3px 14px; 
    margin-left:5px; 
	height:190px;
}

#ttcont img
{
   display:none;
}

.ttConcept, ttCreatie	{
}

.ttCode, ttConversie	{
}

#ttcont h2,
#ttcont h3,
#ttcont h4,
#ttcont h5,
#ttcont h6,
#ttcont h7
{
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	color:#FFF;
    padding-bottom:5px;
}

.ttConcept #ttcont h2,
.ttConcept #ttcont h3,
.ttConcept #ttcont h4,
.ttConcept #ttcont h5,
.ttConcept #ttcont h6,
.ttConcept #ttcont h7
{
	color:#005596;
}

.ttConcept	{
    background:url(/client/websight/images/ttConceptBg.png) top right no-repeat; 
	color:#005596;
}

.ttCreatie	{
    background:url(/client/websight/images/ttCreatieBg.png) top right no-repeat;
	color:#FFF;
}

.ttCode	{
    background:url(/client/websight/images/ttCodeBg.png) top right no-repeat; 
	margin-left:-200px;
	color:#FFF;
}

.ttConversie	{
    background:url(/client/websight/images/ttConversieBg.png) top right no-repeat;
	margin-left:-200px;
	color:#FFF;
}

 /*           
div#footerContainer
{
    width: 100%;
    position:fixed;
    left: 0px;
    bottom: 0px;
    height: 35px;
}

div#footerContainer.expanded
{
    height: 245px;
}*/