@import url("reset.css");

@font-face {
	font-family: Museo100;
	src: url('../fonts/MuseoSans_100-webfont.ttf');
}

@font-face {
	font-family: Museo300;
	src: url('../fonts/MuseoSans_300-webfont.ttf');
}

@font-face {
	font-family: Museo500;
	src: url('../fonts/MuseoSans_500-webfont.ttf');
}

@font-face {
	font-family: Museo700;
	src: url('../fonts/MuseoSans_700-webfont.ttf');
}

@font-face {
	font-family: Museo900;
	src: url('../fonts/MuseoSans_900-webfont.ttf');
}

@font-face {
	font-family: 'Eurostile Regular';
	src: url('../fonts/25E730_0_0.ttf');
	font-weight: 700;
}

@font-face {
	font-family: 'Eurostile Medium';
	src: url('../fonts/25E730_1_0.ttf');
	font-weight: 700;
}


::-moz-selection {
	color: #FFF;
	background: #92278F;
}


a {
	color: #92278F;
}

a:hover {
	text-decoration: underline;
}

::selection {
	color: #FFF;
	background: #92278F;
}

.eurostile {
	font-family: 'Eurostile Medium' !important;
}

html {
	background: url('../images/bg-white.png') #FFF repeat-x 0px 0px;
	width:100% !important;
	width: 100%;
}

p.error {
	margin-top: 10px;
	color: #92278f;
}

input.text.error {
	border: 5px solid #92278f !important;
}

html,
body {
	height: 100%;
}

section#content {
	width: 688px;
	float: left;
	margin-bottom: 24px;
}
	
	section#content p {
		font-family: 'Museo100', tahoma, arial;
		line-height: 31px;
		font-size: 20px;
	}
	
	section#content li {
		font-family: 'Museo100', tahoma, arial;
		line-height: 31px;
		font-size: 20px;
	}
	
	section#content p.first {
		margin-top: 10px;
	}
	
	section#content h2 {
		margin-top: 24px;
	}
	
	
	section#content div#faq {
		font-size: 15px;
		line-height: 23px;
		color: #000d18;
	}
		
		section#content div#faq ul li {
			padding: 10px 0px 0px;
			font-family: 'Museo300', 'tahoma', sans-serif !important;
			font-weight: 400;
		}
			
		
		section#content div#faq a h5 {
			font-family: 'Museo100', 'tahoma', sans-serif;
			font-weight: 400;
			font-size: 15px;
			color: #000d18;
		}
			
			section#content div#faq a {
				display: inline-block;
				overflow: hidden;
				padding-right: 15px;
				background: url('../images/arr-down.gif') no-repeat 100% 9px;
			}
		
		section#content div#faq p {
			margin-top: 0px;
			font-family: 'Museo500', 'tahoma', sans-serif !important;
			font-weight: 400;
			display: none;
		}

	.placeholder {
		width: 957px;
		margin: 0px auto;
		font-family: Museo100, Verdana;
	}
		
		.placeholder.werk {
			width: 970px;
		}
			
			h1 {
			 font-size: 25px;
			 font-family: 'Museo300', 'Tahoma' , sans-serif;
			 color: #3c4043;
			}
		
			h1 span {
				color: #828688;
			}
		
	div#page {
		position:relative;
		margin: 0px auto -57px;
		height: auto !important;
		min-height: 100%;
	}
		
		
		#press {
			height: 57px;
		}
		
		iframe {
			margin-top: 10px;
			border: 5px solid #f3f3f3;
			clear: both;
		}
			
			iframe#YouTube {
				box-shadow: 1px 3px 7px #a8a9ad;
				-moz-box-shadow: 1px 1px 5px #a8a9ad;
			}
		
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

header {
	margin: 0px auto;
	padding: 5px 0px 0px;
	height: 547px;
}
	
	html#small header {
		height: 131px;
		
	}
	
	html#case header {
		height: 703px;
	}
	
	header img#logo {
		float: left;
		margin: 32px 0px 0px;
	}
	
	header div#top {
		width: 974px;
		height: 124px;
	}
	
	header nav {
		font-family: 'Eurostile Medium';
		font-size: 24px;
		float: right;
		margin: 61px 15px 0px 0px;
	}
		
		header nav ul li {
			margin-left: 30px;
			float: left;
		}
			
			nav ul li a {
				color: #01aded;
			}
				
				nav ul li a:hover,
				nav ul li a.active {
					color: #92278f;
				}
		
	
		article#oldImgs {
			background: #FFF;
			padding: 20px 0px 0px;
		}
		
		article nav.submenu {
			float: left;
			margin: 21px 0px 0px;
		}
			
			article nav.submenu h2 {
				margin-top: 0px;
			}
		
		article nav.submenu ul li {
			float: none;
			line-height: 30px;
			font-size: 18px;
		}
		
article.cases {
	height:1250px;
	background: #ededed;
}
	
	article.cases#huge {
		height: auto !important;
		clear: both;
		overflow: hidden;
		padding-bottom: 21px;
	}
	
	html#case article.cases {
		height: 250px;
	}
	
	article.cases h2 {
		font-size: 18px;
		font-weight: 400;
		margin: 5px 0px 20px 38px;
	}
		
		h2#zien a,
		article.cases h2 a {
			color: #232c34;
		}
			
			h2#zien a,
			article.cases h2 a:hover {
				color: #006daf;
			}
			
	article.cases section {
		width: 975px;
		height: 155px;
		margin: 0px auto;
		padding: 35px 0px 0px 20px;
		background: url('../images/bg-cases.png') no-repeat 0px 0px;
	}
		
		article.cases section .box {
			position: relative;
			float: left;
			width: 462px;
			height: 381px;
			margin: 0px 0px 21px 21px;

		}
			
				article.cases#huge section .box {
					width: 475px;
					height: 370px;
				}
					
					article.cases#huge section .box.topping {
						margin-top: 21px;
					}
			
			article.cases section .box .img {
				width: 227px;
				text-align: center;
				position: relative;
			}
				
				article.cases section .box .img img.borderimg {
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 2;
					width: 462px;
				}
				
				
				article.cases section .box .img img.image {
					position: absolute;
					z-index: 1;
					left: 5px;
					top: 6px;
				}
				
				article.cases#huge section .box .img {
					width: 475px;
					text-align: center;
				}
			
			
				article.cases section .box img {
					max-width: 462px;
					max-height: 381px;
				}
					
					article.cases#huge section .box img {
						max-width: 475px;
						max-height: 350px;
					}
			
			article.cases section .box.first {
				margin: 0px 0px 0px 0px;
			}
		
article.teas {
	overflow: hidden;
	margin-top: 4px;
	width: 100%;
}
	
	article.teas h4 {
		overflow: hidden;
		clear: both;
		text-align: center;
		font-family: 'Museo100', 'tahoma', 'arial';
		padding: 20px 25px 22px;
		font-size: 24px;
	}
		
		article.teas h4.blue,
		article.teas h4 a {
			color: #0098ef;
		}
			
			article.teas h4.blue {
				font-size: 25px;
				clear: both;
				overflow: hidden;
			}
			
			article.teas div.blok {
				float: left;
				padding: 15px 10px 0px 19px;
				border: 5px solid #f3f3f3;
				background: #FFF;
				font-size: 12px;
				font-weight: 400;
				color: #3c4043;
				line-height:30px;
				font-size: 21px;
				font-family: 'Museo100', 'tahoma', 'arial'
				
			}
				
				article.teas div.blok.smalltext {
					text-align: left !important;
					font-size: 15px;
					line-height: 19px;
				}
					
					article.teas div.blok.smalltext ol li {
						margin-top: 10px;
					}
					
					article.teas div.blok.smalltext ul#gegevens {
						margin-top: 10px;
						line-height: 28px;
					}
						
						article.teas div.blok.smalltext ul#gegevens li {
							padding-left: 30px;
						}
							
						article.teas div.blok.smalltext ul#gegevens li.phone { background: url('../images/phone.png') no-repeat 0px 0px; }
						article.teas div.blok.smalltext ul#gegevens li.mail { background: url('../images/mail.png') no-repeat 0px 0px; }
						article.teas div.blok.smalltext ul#gegevens li.adres { background: url('../images/adres.png') no-repeat 0px 0px; }
						
					article.teas div.blok.smalltext h5 {
						font-family: 'Museo100', 'tahoma', 'arial';
						font-size: 20px;
					}
					
					article.teas div.blok.smalltext a {
						color: #000d18;
					}
				
				article.teas div.blok.half {
					width: 406px;
					height: 193px;
				}
				
				article.teas div.blok.kwart {
					width: 203px;
					height: 193px;
					text-align: center;
					margin-left: 10px;
				}
				
				article.teas h3 {
					float: left;
					font-family: 'Museo100', 'tahoma', 'arial';
					font-size: 25px;
					margin-top: 23px;
					line-height: 28px;
					color: #92278f
				}
				
				article.teas div.blok h2 {
					font-family: 'Museo500', 'tahoma', arial;
					font-size: 21px;
					line-height:30px;
				}
				
				article.teas div.blok ul {
					overflow: hidden;
					float: left;
				}
				
					article.teas div.blok ul li {
						background: url('../images/vink.png') no-repeat 0px 6px;
						padding-left: 25px;
					}
						
					article.teas div.blok ul#partners {
						margin: 10px 0px 0px -20px;
					}	
						
						article.teas div.blok ul#partners li {
							background: none;
							padding: 0px;
							float: left;
							margin-left: 20px;
						}
				
				article.teas div.blok a {
					float: left;
					width: 193px;
					margin-top: 4px;
					color: #92278f;
				}
				
					article.teas div.blok span {
						color: #00aeef;
					}
					
					article.teas div.blok a p {
						margin: 9px 0px 0px;
					}
					
						article.teas div.blok a p.phone {
							background: url('../images/phone.png') no-repeat 0px 31px;
						}
		
		
div#titel {
	float: left !important;
	width: 709px !important;
	margin: 0px !important;
}
	
	article section#text div#titel h1 {
		padding-left: 0px;
	}
	
	div#titel ul {
		float: left;
		display: block;
		width: 100%;
		font-family: 'Eurostile Medium';
		font-size: 25px;
	}
	
		div#titel ul li {
			background: url(../images/breadcrump.png) no-repeat 0px 9px;
			float: left;
			margin: 0px 0px 0px 9px;
			padding: 0px 0px 0px 16px;
		}
			
			div#titel ul li:first-child {
				background: none;
				margin: 0px;
				padding: 0px;
			}
			
			div#titel ul li a {
				color: #016eb1;
			}
				
				div#titel ul li a:hover {
					color: #091b1f;
				}
		
		section#text div#titel p {
			margin: 0px 0px 0px;
			font-size: 15px;
		}

#nieuwslijst {
	margin-top: 21px;
	font-size: 15px;
	line-height: 25px;
	padding-bottom: 19px;
	border-bottom: 5px solid #dedede;
}
	
	#nieuwslijst ul li {
		padding: 5px 0px;
	}
	
		#nieuwslijst ul li a {
			color: #232c34;
		}
			
			#nieuwslijst ul li a:hover,
			#nieuwslijst ul li a.active {
				color: #0e7cbe;
			}

article.work {
	margin: 0px auto;
	background: url('../images/bg-content.png') 0px 1px;
	padding-bottom: 35px;
}
	
	article.work h1 {
		padding: 14px 0px 0px 40px;
		font-size: 18px;
		font-weight: 400;
	}
		
	article.work #triangle {
		float: left;
		width: 17px;
		height: 17px;
		margin-top: -1px;
		background: url('../images/3hoek.png') no-repeat 0px 0px;
	}
	
	article.work section {
		position: relative;
		background: #cbecee;
		width: 427px;
		height: 252px;
		float: left;
		border: 5px solid #FFF;
		box-shadow: 0px 0px 1px #e4e4e4;
		margin: 15px 0px 0px 15px;
		padding: 20px;
	}
		
		article.work section.first {
			margin: 15px 0px 0px 0px;
		}
		
		article.work section .img {
			width: 100%;
			text-align: center;
		}
			
			article.work section .img img {
				max-width: 427px;
				max-height: 220px;
			}
		
		article.work section p {
			position: absolute;
			bottom: 20px;
			font-size: 15px;
			color: #16262a;
			text-align: center;
			width: 430px;
		}

article.info {
	margin: 1px 0px 0px;
	background: url('../images/bg-info.png') repeat 0px 0px;
}
	
	div#nav {
		width: 906px;
		height: 80px;
		float: left;
		border-top: 1px solid #dbdcdd;
		margin-left: 32px;
	} 
		
		article.info div#nav a {
			float: left;
			margin: 20px 0px 0px;
			font-size: 23px;
			background: #FFF;
			border: 1px solid #eeeeee;
			color: #006daf;
			padding: 9px 20px 9px 25px;
		}
			
			article.info div#nav a.volgende {
				float: right;
				background: url('../images/volgende-case.png') #FFF no-repeat 195px 18px ;
				padding: 9px 35px 9px 20px;
			}
			
			article.info div#nav a.vorige {
				background: url('../images/vorige-case.png') #FFF no-repeat 10px 18px;
			}
	
	article.info ul#sharing {
		display: block;
		width: 100%;
		float: left;
		margin-left: 50px;
		margin-bottom: 20px;
	}
		
		article.info ul#sharing li {
			float: left;
			margin-left: 10px;
		}
		
			article.info ul#sharing li iframe {
				border: none;
				width: 100px !important;
			}
			
			article.info ul#sharing li img.pint {
				margin: 10px 0px 0px;
			}
	
	article p.by {
		line-height: 30px;
		margin-bottom: 5px;
		font-size: 13px;
		color: #878c8d;
	}
		
		article p.by a,
		article p.by span {
			color: #006daf;
		}
		
	section#text div#count {
		float: right;
		background: url('../images/bg-count.png') no-repeat 0px 0px;
		color: #FFF;
		padding: 4px 0px 0px 15px;
		width: 16px;
		height: 21px;
		margin: 8px 0px 0px 0px;
	}
	
	section#text div#fotoframe {
		margin: 0px 0px 0px 10px;
		float: right;
		width:250px;
		border: 5px solid #FFF;
		box-shadow: 4px 3px 7px #c9c8c8;
		-o-box-shadow: 4px 3px 7px #c9c8c8;
		-moz-box-shadow: 4px 3px 7px #c9c8c8;
		text-align: center;
		background: url('../images/bg-slide.png') 0px 0px no-repeat #FFF;
		
	}
		
		#fotoframe img {
			max-width: 250px;
			min-width: 250px;
		}
	
	article.info section {
		width: 670px;
		float: left;
		padding: 20px 0px 10px 32px;
	}
		
		article.info section h2 {
			color: #232c34;
			font-size: 27px;
			font-weight: 400;
		}
		
		article.info section p {
			margin: 10px 0px 0px;
			float: left;
			width: 632px;
			font-size: 18px;
			line-height: 30px;
			color: #3c4043;
			font-family: Museo100, Verdana, sans;
		}
			
			article.info div#infograph {
				float: right;
				padding: 32px 0px 0px;
				width: 200px;
			}
			
			article.info section.noimg {
				width: 906px;
			}
			
			article.info section.noimg p {
				width: 100%;
			}
			
			article.info section p a {
				color: #006daf;
				font-family: Museo100;
			}
				
				article.info section p a:hover {
					color: #76797a;
				}
		
		article.info section img {
			float: right;
			margin: 8px 0px 0px;
		}
	
	article.info a#website {
		font-family: Museo100;
		float: left;
		margin: 20px 0px 20px 0px;
		color: #006daf;
		font-size: 18px;
	}
		
		article.info a#website:hover {
			color: #76797a;
		}


article#real {
	padding-top: 20px;
	padding-bottom: 25px;
}

	article#real h2 {
		padding-left: 40px;
		font-size: 18px;
		font-weight: 400;
		color: #232c34;
	}
		
		article#real h2 span {
			color: #848889;
		}
	
	article#real ul {
	}
		
		article#real ul li {
			float: left;
			margin: 15px 0px 0px 14px;
			width: 232px;
		}
			
			article#real ul li:first-child {
				margin: 15px 0px 0px;
			}
		
			article#real ul li div {
				border: 5px solid #FFF;
				box-shadow: 0px 0px 1px #e4e4e4;
				background: #cbdfee;
				width: 222px;
				height: 191px;
				text-align: center;
				position: relative;
			}
				article#real ul li div img {
					width: 222px;
					max-height: 191px;
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 1;
				}
					
					article#real ul li div img.none {
						z-index: 0;
					}
			
			
			article#real ul li p {
				padding: 10px 0px;
				font-size: 13px;
				text-align: center;
				color: #16262a;
			}
			
			article#real .nfbox {
				margin: 10px 0px 0px;
				width: 100%;
				height: 20px;
				border: 1px solid #CCC;
				line-height: 30px;
				height: 30px;
				background: #cbecee;
			}
				
				article#real .nfbox a {
					color: #232c34;
					display: block;
					width: 100%;
					height: 100%;
					text-align: center;
				}
					
					article#real .nfbox a:hover {
						background: #e2e2e2;
						
					}

table {
	margin-left: 10px;
	color: #3c4043;
}
					
table tr td {
	height: 30px;
	margin-left: 10px;
	line-height: 30px;
	font-family: 'museo300', 'Tahoma', arial;
}
	
	table tr.header td {
		font-size: 38px;
		font-family: 'Museo900', 'Tahoma', 'sans-serif';
	}
	
	table tr th.purple,
	table tr td.purple {
		background: #f4e9f4;
		color: #92278f;
	}
		
		table tr th h2 {
			font-family: 'Museo700', 'Tahoma', 'sans-serif';
		}
	
	table tr td.dots {
		border-top: 3px dotted #e2e2e2;
	}
	
	table tr td.line {
		border-top: 1px solid #a7a9ac;
	}
	
	table tr td.fatline {
		border-bottom: 5px solid #92278f;
	}
	
	table tr.links td {
		height: 74px;
	}
	
	table tr td a {
		margin-top: 15px;
		border: 5px solid #00aeef;
		border-radius: 4px;
		font-size: 25px;
		font-family: 'Museo700', 'Tahoma', arial;
		font-weight: 700;
		color: #3c4043;
		padding: 5px 27px;
	}
		
		table tr td a.purple {
			border: 5px solid #92278f;
			color: #92278f;
		}

#formulier {
	overflow: hidden;
	clear: both;
	margin: 40px 0px;
	font-family: 'Museo100', 'Tahoma', arial;
	font-weight: 400;
	color: #3c4043;
}
	
	#formulier h2 {
		font-family: 'Museo300', 'Tahoma', arial;
		font-weight: 400;
	} 
		
		#formulier h2 span {
			color: #92278f;
		}
		
		#formulier h2 strong {
			font-family: 'Museo700', 'Tahoma', arial;
			font-weight: 700;
		}
	
	#formulier dl {
		line-height: 29px;	
	}
	
	#formulier dl dt {
		float: left;
		width: 150px;
		height: 29px;
		line-height: 39px;	
	}
		
		#formulier dl dt.top {
			margin-top: 10px;
		}
		
		#formulier dl dt label:after {
			content: ':';
		}
	
	#formulier dl dd {
		margin: 0px;
		margin-top: 10px;
		padding-left: 150px;
	}
		
		#formulier dl dd input.text {
			border: 5px solid #bababa;
			padding: 0px 10px;
			height: 29px;
			line-height: 29px;
			width: 300px;
		}
		
		#formulier dl dd input.submit {
			font-family: 'Museo700', 'Tahoma', arial;
			font-weight: 700;
			color:#3c4043;
			font-size: 25px;
			background: #FFF;
			border: 5px solid #92278f;
			border-radius: 4px;
			padding: 7px 15px;
		}
		
		#formulier dl dd a {
			text-decoration: underline;
			color: #3c4043;
		}

aside {
	float: right;
	width: 235px;
	margin-top: 37px;
	line-height: 25px;
}
	article.teas aside div.blok.kwart {
		height: auto;
		margin-top: 21px;
		width: 202px;
		padding: 15px 10px 0px 13px;
	}
	
	aside p.purple {
		float: left;
		color: #92278f;
		margin: 25px 0px 25px 25px;
	}
	
	aside ul li {
		margin-top: 7px;
		font-size: 15px;
		background: url('../images/vink.png') no-repeat 0px 1px !important;
	}
	
	article.teas aside div.blok.kwart.clean {
		border: 0px;
		padding: 0px;
	}
	
	article.teas aside div.blok.kwart.clean img {
		margin-top: 7px;
	}
	

footer {
	position: relative;
	background: #000d18;
	height: 33px;
	padding-top: 24px;
	width: 100%;
}
	
	footer ul {
		color: #76797a;
		font-size: 14px;
		color: #FFF;
		font-size: 12px;
		font-family: 'Eurostile Regular', 'Tahoma', "serif";
	}
		
		footer ul li {
			float: left;
			border-left: 1px solid #FFF;
			margin-left: 7px;
			padding-left: 7px;
		}
		
			footer ul li a {
				color: #FFF;
			}
			
			footer ul li:first-child {
				border-left: 0px;
				margin-left: 0px;
				padding-left: 0px;
			}