@charset "utf-8";
/* CSS Document */
/* typos */

@font-face {
    font-family: 'DINMediumRegular';
    src: url('din_medium-webfont.eot');
    src: url('din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('din_medium-webfont.woff') format('woff'),
         url('din_medium-webfont.ttf') format('truetype'),
         url('din_medium-webfont.svg#DINMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINRegular';
    src: url('din-webfont.eot');
    src: url('din-webfont.eot?#iefix') format('embedded-opentype'),
         url('din-webfont.woff') format('woff'),
         url('din-webfont.ttf') format('truetype'),
         url('din-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINBold';
    src: url('din_bold-webfont.eot');
    src: url('din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('din_bold-webfont.woff') format('woff'),
         url('din_bold-webfont.ttf') format('truetype'),
         url('din_bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* de basis */

body {
	margin: 0;
	padding: 0;
	font-size:0.85em;
	line-height:1.5em;
	background-color:#F6F6F4;
	font-family:"myriad-pro","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style:normal;
	font-weight:400;
	background-color:#F6F6F4;
	position:relative;
}
	a, a:visited, a:active {
		color:#666;
	}
	a:hover {
		color:#00485C;
	}
	ul {
		list-style:square;
	}
	img {
		border:none;
	}
	abbr {
		cursor:help;
		border-bottom:1px dotted #590253;
		}

strong {
	font-weight:600;
	font-style:normal;
	color: #590253;
}
#dummy {
}
.container {
	width:980px;
	display:block;
	text-align:left;
	margin:0 auto;
}
#header {
	width:100%;
	height:110px;
	display:block;
	position:relative;
	z-index:1;
    background-color: #590253;
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.07) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, 0.07)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.07)),
color-stop(.75, rgba(255, 255, 255, 0.07)), color-stop(.75, transparent),
to(transparent));  
	
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.07) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.07) 75%, transparent 75%, transparent);
	
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	
	background-size: 50px 50px;
}
.stripes {
    box-shadow: 1px 1px 8px gray;
    float: left;
    height: 250px;
    margin: 10px;
    width: 375px;
}
	#header #menu {
		height:110px;
		bottom:0;
		width:750px;
		float:left;
		position:relative;
	}
	#header #menu ul {
		margin:0;
		padding:0;
		list-style:none;
		bottom:0;
		position:absolute;
	}
		#header #menu ul li {
			float:left;
			width:105px;
			overflow: hidden;	/* IE 6 fix */
			height:46px;
			margin-right:20px;/*F18E00*/
			background-color:#8C5689;
		}
		#header #menu ul li.active {
			background-color:#fff;
			color:#590253;
			-moz-box-shadow: 0px 0px 10px #000;
			-webkit-box-shadow: 0px 0px 10px #000;
			box-shadow: 0px 0px 10px #000;
		}
		#header #menu ul li.active a, #header #menu ul li.active a:visited, #header #menu ul li.active a:active {
			color:#590253;			
		}
		#header #menu ul li a {
			font-family: 'DINRegular', Arial, Helvetica, sans-serif;
			text-decoration:none;
			width:85px;
			padding:10px;
			height:26px;
			display:block;
			vertical-align:bottom;
			color:#fff; /* 00485C 5d004a */
			font-weight:normal;
			letter-spacing:0.15em;
			font-size:1.3em;
		}
		#header #menu ul li a:hover {
			background-color:#EE8B00;
			color:#fff;
		}
	#header #logo {
		width:230px;
		height:110px;
		float:left;
	}

#main_visual {
	width:100%;
	height:260px;
	background-color:#F6F6F4;
	display:block;
	padding:20px 0px 20px 0px;
	position:relative;
	z-index:2;
}
	#main_visual #home_visual {
		position: relative;    
		overflow: hidden; 
		width: 980px;
		height: 260px;
		background-color:#FFF;
		-moz-box-shadow: 0px 0px 15px #999;
		-webkit-box-shadow: 0px 0px 15px #999;
		box-shadow: 0px 0px 15px #999;
	}
		#main_visual #home_visual ul {
			list-style: none;  
			margin: 0;  
			padding: 0;  
			z-index: 0;  
			width: 980px;  
			overflow: hidden; 
		}
			#main_visual #home_visual ul li {
				float:left;
				display: block;
				position: relative;
			}
				#main_visual #home_visual ul li div {}
					#main_visual #home_visual ul li div.img {
						position: relative;
					}
					#main_visual #home_visual ul li div.img2 {
						position: absolute;  
						top: 0;
					}
					#main_visual #home_visual ul li div.txt {
						position: absolute;    
						top: 0;  
						right: 0;
						z-index: 500; 
						width: 190px;  
						height: 220px;
						color: #000;
						padding: 20px;
						background-image:url(/img/1x1-transparant-85.png);
					}
					#main_visual #home_visual ul li div.txt h2 {
						font-family: 'DINBold', Arial, Helvetica, sans-serif;
						font-weight:normal;
						font-size:1.3em;
					}

				#main_visual #home_visual #pager {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 190px;
					padding: 10px 20px;
				}
		#main_visual #home_visual blockquote {
			margin: 30px;
			padding: 20px 20px 20px 60px;
			background-image: url(/img/quote.jpg);
			background-position: top left;
			background-repeat: no-repeat;
		}
			#main_visual #home_visual blockquote h2 {
				font-size: 40px;
			}
			#main_visual #home_visual blockquote cite {
				float: left;
				margin-top: -20px;
			}

	#main_visual #project_visual {
		float:	left;
		width:	730px;
		height:	260px;
		overflow: hidden; 
		position: relative; 
		background-color:#FFF;
		-moz-box-shadow: 0px 0px 15px #999;
		-webkit-box-shadow: 0px 0px 15px #999;
		box-shadow: 0px 0px 15px #999;
	}
		#main_visual #project_visual ul {
			list-style: none;  
			margin: 0;  
			padding: 0;  
			z-index: 0;  
			width: 730px;  
			overflow: hidden; 
		}
			#main_visual #project_visual ul li {
				float:left;
				display: block;
				position: relative;
			}
				#main_visual #project_visual ul li div {}
					#main_visual #project_visual ul li div.img {
						position: relative;
					}
					#main_visual #project_visual ul li div.img2 {
						position: absolute;  
						top: 0;
					}
					#main_visual #project_visual ul li div.txt {
						position: absolute;    
						top: 0;  
						right: 0;
						z-index: 500; 
						width: 190px;  
						height: 220px;
						color: #000;
						padding: 20px;
						background-image:url(/img/1x1-transparant-85.png);
					}
					#main_visual #project_visual ul li div.txt h2 {
						font-size:1.6em;
						line-height:1.2em;
						font-family: 'DINMediumRegular', Arial, Helvetica, sans-serif;
						font-weight:normal;
					}
					#main_visual #project_visual ul li div.txt h2 .paars {
						color:#590253;					
					}

				#main_visual #project_visual #pager {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 190px;
					padding: 10px 20px;
				}

#sub_menu {
	width:230px;
	height:260px;
	float:left;
	margin-left:20px;
}
	#sub_menu ul {
		margin: 0px;
		padding: 0px;
		list-style-image:none;
		list-style:none;
	}
		#sub_menu ul li {
			width:230px;
			height:30px;
			margin-bottom:10px;
			background-color:#fff;
		}	
		#sub_menu ul li a {
			font-family: 'DINMediumRegular', Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			width:	220px;
			height:	24px;
			color:	#590253;
			padding:	6px 0px 0px 10px;
			display:	block;
			text-decoration:	none;
			font-weight:		normal;
			fon
		}
		#sub_menu ul li a:hover {
			background-color:#EE8B00;
		}
		#sub_menu ul .selected {
			background-color:#d0d2d3;
		}	
	#sub_menu div {
		background-color: #FFF;
		width: 210px;
		height: 240px;
		padding: 10px;
	}
		#sub_menu div div {
			height: auto;
			padding: 2px;
			width: auto;
		}

#main_content {
	width:100%;
	background-color:#FFFFFF;
	display:block;
	padding:20px 0px 20px 0px;
}
	#main_content #content {
		border-bottom:1px solid #F6F6F4;
	}
	#main_content #content .col_2_3 ul, #main_content #content .col_3_3 ul {
		margin:0px;
		padding:10px 0px 0px 15px;
	}
	#main_content #content .col_2_3 ul li, #main_content #content .col_3_3 ul li {
		padding-bottom:3px;
	}
	#main_content #content .col_2_3 ul li, #main_content #content .col_3_3 ul li a {
		text-decoration:none;
	}
	#main_content #content .col_1_3 {
		width: 480px;
		padding-right:20px;
		float:left;
		line-height:1.6em;
	}
	#main_content #content .col_2_3 {
		width: 230px;
		padding-right:20px;
		float:left;
		font-size:0.9em;
		line-height:1.2em;
	}
	#main_content #content .col_2_3  li {
		font-size:1.1em;
		line-height:1.4em;

	}
	#main_content #content .col_3_3 {
		width: 230px;
		float:left;
		font-size:0.9em;
		line-height:1.2em;
	}
	#main_content #content h1 {
		font-size:2em;
		line-height:1.2em;
		font-family: 'DINBold', Arial, Helvetica, sans-serif;
		margin-top:0px;
		padding-top:0px;
		margin-bottom:0px;
		color: #590253;
		font-weight:normal;
	}
	#main_content #content h2 {
		font-size:1.6em;
		line-height:1.2em;
		font-family: 'DINBold', Arial, Helvetica, sans-serif;
		margin-top:0px;
		padding-top:0px;
		margin-bottom:0px;
		color: #590253;
		font-weight:normal;
	}
	#main_content #content h2 a {
		margin-top:0px;
		padding-top:0px;
		margin-bottom:0px;
		text-decoration:none;
		color: #590253;
	}
	#main_content h3 {
		font-size:1.2em;
		line-height:1.4em;
		font-family: 'DINBold', Arial, Helvetica, sans-serif;
		margin-top:0px;
		padding-top:10px;
		margin-bottom:0px;
		padding-bottom:10px;
		color:#590253;
		font-weight:400;
		font-style:normal;
	}
	#main_content #content .col_3_3 h2, #main_content #content .col_2_3 h2 {
		font-size:1.6em;
		line-height:1.2em;
	    font-family: 'DINMediumRegular', Arial, Helvetica, sans-serif;
		margin-top:0px;
		padding-top:5px;
		margin-bottom:0px;
		font-weight:normal;
	}
	#main_content .small_visuals {
		padding-top:20px;
	}
	#main_content .first {
		padding-top:0px;
	}
	#main_content .small_visuals .small_visual {
		float:left;
		width:230px;
		height:120px;
		margin-right:20px;
		overflow: hidden;
		position:relative;
		-moz-box-shadow: 0px 0px 10px #999;
		-webkit-box-shadow: 0px 0px 10px #999;
		box-shadow: 0px 0px 10px #999;
	}
		#main_content .small_visuals .small_visual .note {
			height:30px;
			width:190px;
			bottom:0;
			position:absolute;
			background-image:url(/img/1x1-transparant-85.png);
			font-weight:bold;
			font-size:0.85em;
			line-height:0.9em;
			color:#999;
			text-align:center;
			padding:2px 0px 10px 0px;
			margin-left:20px;
			margin-right:20px;
		}
		#main_content .small_visuals .small_visual .note a {
			text-decoration:none;
			width:160px;
			height:20px;
		}
		#main_content .small_visuals .last {
			margin-right:0px;
		}
#main_footer {
	width:100%;
	background-color:#F6F6F4;
	display:block;
	padding:0px 0px 20px 0px;
	font-size:0.9em;
	color:#999;
}
	#main_footer #footer a {
		text-decoration:none;
	}
	#main_footer #footer h4 {
		font-size:1em;
		line-height:1.2em;
		font-family: 'DINMediumRegular',Arial, Helvetica, sans-serif;
		margin-top:0px;
		padding-top:5px;
		margin-bottom:0px;
		color:#F1A908;
		font-weight:normal;
	}
	#main_footer #footer .footer_col {
		float:left;
		width:230px;
		padding-right:20px;
		padding-top:20px;
	}
	#main_footer #footer .footer_col ul, #main_footer #footer .footer_col_wit ul {
		margin:0px;
		padding:10px 0px 0px 15px;
	}
	#main_footer #footer .footer_col ul li, #main_footer #footer .footer_col_wit ul li {
		padding-bottom:1px;
	}

	#main_footer #footer .footer_col_wit {
		float:left;
		width:190px;
		padding:20px;
		background-color:#FFF;
	}
#main_disclaimer {
	width:100%;
	background-color:#F6F6F4;
	display:block;
	border-top:1px solid #FFFFFF;
	padding:0px 0px 40px 0px;
	    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .4)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .4)),
color-stop(.75, rgba(255, 255, 255, .4)), color-stop(.75, transparent),
to(transparent));  
	
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	
	background-size: 50px 50px;
}
	#main_disclaimer .container #social-buttons {
		padding-top:10px;
	
	}
		#main_disclaimer .container #social-buttons div {
			width:20px;
			padding-left:10px;
			float:right;
		}
		#main_disclaimer .container #social-buttons #fblike {
			float:left;
			padding-left:0px;
			width:400px;
		}
			#main_disclaimer .container #social-buttons #fblike div {
				float: left;
				padding: 0 10px 0 0;
				width: auto;
			}
		#main_disclaimer .container #social-buttons #facebook-button a {
			background-image:url(../img/social/facebook-button.png);
		}
		#main_disclaimer .container #social-buttons #linkedin-button a {
			background-image:url(../img/social/linkedin-button.png);
		}
		#main_disclaimer .container #social-buttons #twitter-button a {
			background-image:url(../img/social/twitter-button.png);
		}
		#main_disclaimer .container #social-buttons #facebook-button a,
		#main_disclaimer .container #social-buttons #twitter-button a,
		#main_disclaimer .container #social-buttons #linkedin-button a {
			width:20px;
			height:20px;
			display:block;
			background-repeat:no-repeat;
			text-decoration:none;
		}
		#main_disclaimer .container #social-buttons #facebook-button a:hover,
		#main_disclaimer .container #social-buttons #linkedin-button a:hover,
		#main_disclaimer .container #social-buttons #twitter-button a:hover {
			background-position:-20px 0;
		}
			

#main_disclaimer .container #disclaimer {
	font-size:0.75em;
	color:#999;
	text-align:right;
}
/* formulieren */
form {
	margin: 12px 0;
}
	form div {
		overflow: hidden;
		margin-bottom: 5px;
	}
		form div label {
			float: left;
			width: 125px;
			margin-right: 20px;
		}
		form div input {
			float: left;
			width: 230px;
			padding: 3px;
		}
/*		form div input[type="submit"],	* /
		form div input.submit{
			padding:0 6px !important;
			width: auto !important;
			cursor:pointer;
		}
		form div textarea {
			width: 230px;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			padding: 3px;
/*			overflow: hidden;* /
		}
		* html form div textarea {		/* IE 6 hack * /
			margin-left: -3px;
			width: 232px;
		}
*/
	form div.error {}
		form div.error label,
		form div.error input,
		form div.error textarea {
			color: #C00;
		}
	form div.hidden {
		display: none;
		visibility: hidden;
	}
	
#tweets {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
	.tweet {
		overflow: hidden;
		margin-bottom: 20px;
		width: 480px;
		padding: 5px;
		background-color: #F6F6F4;
	}
		.tweet .user_icon {
			float: left;
		}
		.tweet .text {
			float: left;
			margin-left: 10px;
			width: 422px;
			font-weight: bold;
		}
		.tweet .retweet {
			float: left;
		}
			.tweet .retweet a {
				display: block;
				text-align: center;
				width: 48px;
				background-color: #590253;
				color: #FFF;
				text-decoration: none;
			}
				.tweet .retweet a:hover {
					background-color: #00485C;
				}
		.tweet .meta {
			border-top: 1px solid #FFF;
			float: left;
			margin-left: 10px;
			font-style: italic;
			width: 422px;
		}
			.tweet .meta a {
				text-decoration: none;
			}

#social {
	padding:20px 0px 10px 0px;	
}
#tweetme {
	float:left;
}
#linme {
	float:left;
	padding-left:10px;
}
#fbme {
	float:left;
	padding-left:10px;
}
#gpme {
	float:left;
	padding-left:10px;
}
/* diverse classes om kleurtjes te geven */
.paars {	/*5d004a*/
	color:#8C5689;
}
.rood {	/*5d004a*/
	color:#F00;
}
.meer {
	text-align:right;
}
.extra_lh cufon {
	padding-bottom:5px;
	padding-top:5px;
}
.extra_lh {
	line-height:27px;
}
/* diverse fixes */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*  duwer */
#duwding {
	background-color:#FCBF0E;
	height:0px;
	width:100%;
	background-image:url(../img/duw/hoofd.jpg);
	background-position: 50% -80px;
	background-repeat:no-repeat;
	cursor:pointer;
}
#duwding a.doe {
	width:100%;
	height:0px;
	display:block;
}
#handlinks, #handrechts {
	display:none;
	position:absolute;
	top: -130px;
	left: 50%;
	z-index:100;
}
#handlinks {
	margin-left:-400px;
	float:left;
}
#handrechts {
	margin-left:240px;
	float:right;
}
#keukenlinks, #keukenrechts {
	font-family: 'DINBold', Arial, Helvetica, sans-serif;
	position: absolute;
	top: 100px;
	left: 50%;
	font-size:20px;
	color:#FFF;
}
	#keukenlinks {
		margin-left:-470px;
	}
	#keukenrechts {
		margin-left:160px;
	}
#duwding #keukenlinks a, #duwding #keukenrechts a {
	color:#FFF;
}

#formulier {
	padding: 5px;
	background-color: #FFF;
/*	border-radius: 5px; */
}
	#formulier p {
		font-size: 1.1em;
		line-height: 1.2em;
	}
#tha-form {
	display: block;
}
	#tha-form label {
		display: block;
		font-weight: normal;
		font-size: 14px;
		margin: 5px;
		width: 200px;
	}
	#tha-form input {
		display: block;
		padding: 3px;
		border: 1px dashed #CCC;
		margin: 5px 5px 10px 5px;
		width: 200px;
		
		
/*		border-radius: 5px; */
		
		-moz-box-shadow: 0 0 5px #DDD;
		-webkit-box-shadow: 0 0 5px #DDD;
		box-shadow: 0 0 5px #DDD;
	}
		#tha-form input[type="submit"] {
			background-color: #590253;
			color: #FFF;
			text-align: center;
			font-weight: bold;
			padding: 5px;
			margin-top: 10px;
			width: 207px;
			cursor:pointer;
			border:none;
		}
#toptop {
	position:absolute;
	bottom:15px;
	left: 50%;
	margin-left:-490px;
	height:30px;
	width:980px;
}
	#toptop p {
		font-size:0.7em;
		color:#999;
		line-height:1.2em;
	}
		#toptop p a {
			color:#999;
			text-decoration:none;
		}