@charset "UTF-8";
/* CSS Document */

body {
	background-color:#fbfbfb;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	font-family:Verdana, Geneva, sans-serif;

}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#b3b3b3;
	font-family:Verdana, Geneva, sans-serif;
	-webkit-transition-property:color, background; 
	-webkit-transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing-function: linear, ease-in-out;
	
	-moz-transition-property:color, background; 
	-moz-transition-duration: 0.5s, 0.5s; 
	-moz-transition-timing-function: linear, ease-in-out;
	
	-o-transition-property:color, background; 
	-o-transition-duration: 0.5s, 0.5s; 
	-o-transition-timing-function: linear, ease-in-out;
	
	
}

a:hover {
	color:#e6e6e6;	
}
#wrapper {
	height:auto;
	width:910px;
	margin-left:60px;
	
}
#header {
	margin-top:0px;
	height:auto;
	width:910px;
}

#footer {
	margin-top:20px;
	width:910px;
	height:auto;
	float:left;
	margin-bottom:10px;
	border-top:#CCC 1px solid;
}

#footer h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#b3b3b3;
}

#footer p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#444243;
}

#footer ul {
	list-style:none;
	padding-left:0px;
	margin-top:21px
	
}

#footer li {
	margin-bottom:0px;
	height:15px;
	margin-top:-10px;
	border-bottom: 1px solid #CCC;
	
}


.footer_links {
	width:290px;
	height:200px;
	float:left;
	margin-right:20px;
}

.footer_mid {
	width:290px;
	height:200px;
	float:left;
	margin-right:20px;
}

.footer_rechts {
	width:290px;
	height:200px;
	float:left;
}

#logo {
	width:166px;
	height:34px;
	padding:0;
	margin:0;
	float:left;
	
}

#logo a {
	background-repeat: no-repeat;
	background-image:url(../img/logo.png);
	width:166px;
	height:34px;
	display: block;
	text-indent: -9999px;
	margin-top:0px;
	padding-top:0px;
	margin-left:0px;
	padding-left:0px;
	
}

#naastlogo {
	width:744px;
	height:34px;
	padding:0;
	margin:0;
	
	
}

#naastlogo p {
	font-size:14px;
	margin-left:5px;
	margin-top:22px;
	color:#3e3c3d;
	
	
}

#slogan {
	width:600px;
	margin-left:3px;
	font-size:16px;
	margin-top:16px;
	color:#8b8b8b;
	font-family:Verdana, Geneva, sans-serif;
}

#slogan a {
	text-decoration:none;
	color:#b3b3b3;
	font-family:Verdana, Geneva, sans-serif;
	-webkit-transition-property:color, background; 
	-webkit-transition-duration: 1s, 1s; 
	-webkit-transition-timing-function: linear, ease-in-out;
	
	-moz-transition-property:color, background; 
	-moz-transition-duration: 1s, 1s; 
	-moz-transition-timing-function: linear, ease-in-out;
	
	-o-transition-property:color, background; 
	-o-transition-duration: 1s, 1s; 
	-o-transition-timing-function: linear, ease-in-out;
}

#slogan a:hover {
	color:#e6e6e6;	
}

#houderlogo {
	width:910px;
	height:54px;
	margin-bottom:21px;
	
}

#houder-menu {
	width:910px;
	height:18px;
}

.lijn {
	width:910px;
	height:2px;
	background-color:#e6e6e6;
}
#lijn2 {
	width:910px;
	height:2px;
	background-color:#e6e6e6;
	margin-bottom:0px;
}


.menu {
	margin-top:90px;
	padding-left:0px;
}

.menu li {
	float:left;
	list-style:none;
	padding-right:25px;
	margin-top:-9px;
}

/* CONTENT */

#content {
	margin-top:50px;
	width:910px;
	height:auto;
}
#content-border {
		border-top:#CCC 1px solid;

}
#wel1, #wel2, #wel3 {
	margin-left:0px;
}

.item {
	width:290px;
	height:226px;
	float:left;
	margin-top:20px;
	margin-left:20px;

}

.item2 {
	width:290px;
	height:226px;
	float:left;
	margin-top:20px;
	margin-left:0px;

}

.item a {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#2e2c2d;
	font-size:12px;
	font-weight:bold;
	-webkit-transition-property:color, background; 
	-webkit-transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing-function: linear, ease-in-out;
	
	-moz-transition-property:color, background; 
	-moz-transition-duration: 0.5s, 0.5s; 
	-moz-transition-timing-function: linear, ease-in-out;
	
	-o-transition-property:color, background; 
	-o-transition-duration: 0.5s, 0.5s; 
	-o-transition-timing-function: linear, ease-in-out;
}

.item a:hover {
	color:#b3b3b3;
}

.item ul {
	list-style:none;
	padding-left:0px;
	margin-top:0px;
}

.item ul li {
	float:left;
	margin-right:4px;
}

.item ul li a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#b3b3b3;
	-webkit-transition-property:color, background; 
	-webkit-transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing-function: linear, ease-in-out;
	
	-moz-transition-property:color, background; 
	-moz-transition-duration: 0.5s, 0.5s; 
	-moz-transition-timing-function: linear, ease-in-out;
	
	-o-transition-property:color, background; 
	-o-transition-duration: 0.5s, 0.5s; 
	-o-transition-timing-function: linear, ease-in-out;
}

.item ul li a:hover {
	color:#e6e6e6;
}

.item_img {
	opacity:1.0;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
}

#item_img_margin1, #item_img_margin2, #item_img_margin3, #item_img_margin4, #item_img_margin5 {
	margin-bottom:-20px;
}

.item_img:hover {
	opacity:0.5;
}

/* CATEGORIEEN */

.projecten {
	margin-top:-10px;
}
.projecten li {
	padding-bottom:5px;
	}

.projecten li a {
	font-size:13px;
	background-color:#cfcfcf;
	color:#2e2c2d;
	padding-right:5px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
	-webkit-transition-property:color, background; 
	-webkit-transition-duration: 1.0s, 1.0s; 
	-webkit-transition-timing-function: linear, ease-in-out;
	
	-moz-transition-property:color, background; 
	-moz-transition-duration: 0.5s, 0.5s; 
	-moz-transition-timing-function: linear, ease-in-out;
	
	-o-transition-property:color, background; 
	-o-transition-duration: 1.0s, 1.0s; 
	-o-transition-timing-function: linear, ease-in-out;
}

.projecten li a:hover {
	background-color:#000;
	color:#fff;
	
}

#web {
	height:47px;
	width:131px;
	background-image:url(../img/cat/web.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-99999px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}

#school {
	height:47px;
	width:180px;
	background-image:url(../img/cat/school.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-99999px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}

#print {
	height:179px;
	width:454px;
	float:left;
	background-image:url(../img/print.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px;
	padding: 0px;
}

#schetsen {
	height:179px;
	width:454px;
	float:left;
	background-image:url(../img/schetsen.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px;
	padding: 0px;
}

#animatie {
	height:47px;
	width:249px;
	background-image:url(../img/cat/animatie.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-99999px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}

#interactie {
	height:47px;
	width:270px;
	background-image:url(../img/cat/interactie.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-99999px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}

/* TYPOGRAFIE */

.bold {
	color:#000;
}

.footer_rechts img {
	margin-left:-4px;
	margin-bottom:-10px;
}

#links {
	float:left;
	height:auto;
	width:290px;
	margin-top:20px;
}

#links h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#2e2c2d;
	margin-bottom:20px;
	margin-top:0px;
	padding-top:0px;
}

#links h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#b3b3b3;
}
#links p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#444243;
	margin-top:-10px;
	padding-top:0px;
}
#links ul {
	list-style:none;
	padding-left:0px;
	margin-top:10px
	
}

#links li {
	margin-bottom:0px;
	
}

#links .terugnaarhome {
	font-size:12px;
	color:#2e2c2d;
	font-weight:bold;
	
	-webkit-transition-property:color, background; 
	-webkit-transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing-function: linear, ease-in-out;
	
	-moz-transition-property:color, background; 
	-moz-transition-duration: 0.5s, 0.5s; 
	-moz-transition-timing-function: linear, ease-in-out;
	
	
	-o-transition-property:color, background; 
	-o-transition-duration: 0.5s, 0.5s; 
	-o-transition-timing-function: linear, ease-in-out;
}

#links .terugnaarhome:hover {
		color:#8b8b8b;

}



#rechts {
	height:auto;
	width:600px;
	margin-left:20px;
	float:left;	
	margin-top:20px;
}


#rechts form {
}

#rechts form {
	margin-bottom:10px;
}

#rechts form .bericht {
	width:600px;
	background-color:#CCC;

}
#rechts p {
font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#444243;
	margin-top:-10px;
	padding-top:0px;
}

.velden {
	border: #333 solid 1px;
	background-color:#CCC;
	color:#FFF;
}

.velden:hover {
}

#rechts img {
	padding-bottom:20px;
}

#geenpadding {
	padding-bottom:0px;
	
}
.floatleft_klein {
	margin-right:14px;
}

video {
	background-color:#000;
	width:600px;
	height:400px;

}
/* WERKWIJZE */

.accordionItem h2 { 
margin: 0; font-size: 1.1em; padding: 0.4em; 	border-bottom:#CCC 1px solid;
 
}
.accordionItem h2:hover { 
cursor: pointer; 
}
.accordionItem div { 
margin: 0; padding: 1em 0.4em; border-bottom:#CCC 1px solid; }
.accordionItem.hide h2 
{ 
 }
.accordionItem.hide div { 
display: none; 
}

#onderzoek {
	background-image:url(../img/werkwijze/onderzoek.png);
	width:585px;
	height:78px;
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-99999px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}
#creatie {
	background-image:url(../img/werkwijze/creatie.png);
	width:585px;
	height:78px;
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-99999px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}
#realisatie {
	background-image:url(../img/werkwijze/realisatie.png);
	width:585px;
	height:78px;
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-99999px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}

#presentatie {
	background-image:url(../img/werkwijze/presentatie.png);
	width:585px;
	height:78px;
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-99999px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
}