#nav {
	margin: 0;
	padding: 0;
}

#nav ul {
	margin: 0;
	padding: 0;
	float: left;
	height: 64px;
	display: inline;
}


#nav ul li {
	margin: 0;
	padding: 0;
	height: 63px;
	float: left;
	background: url(../../images/top-nav-line.jpg) no-repeat left top;
}

#nav ul li a {
	float: left;
	margin: 0 0 0 2px;
	padding: 24px 18px 0 18px;
	height: 40px;
	font: 10px verdana;
	color: #474747;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../../images/top-bg.jpg) repeat-x;
}
	
#nav ul li a:hover, #nav ul li a.active, #nav ul li.active-last_li a {	
	background: url(../../images/top-bg_omo.jpg) repeat-x;
}
	
#main_form{
	float: right;
	margin: 0;
	padding: 0;
	height: 64px;
	width: 103px;
}

#main_form ul{
	float: left;
	margin: 0;
	padding: 0;
	height: 64px;
	width: 103px;
}

#main_form ul li{
	margin: 0;
	padding: 0;
	height: 64px;
	width: 103px;
}

#main_form ul li a {
	float: left;
	margin: 0;
	padding: 24px 0 0 8px;
	height: 40px;
	width: 95px;
	font: 10px verdana;
	color: #474747;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../../images/b_main_form.jpg) no-repeat;
}

#main_form ul li a:hover, #main_form ul li a.form_active {
	background: url(../../images/b_main_form-omo.jpg) no-repeat top left;
}

#form{
	position: absolute;
	margin-top: 75px;
	margin-left:665px;
	padding: 19px 0 0 17px;
	width: 255px;
	height: 296px;
	background: url(../../images/bg_form.png) no-repeat;
	display: none;
	z-index:650;
}

#form-canvas{
	position: absolute;
	display: block;
	z-index:650;
}

#nav li#switchs{
	height: 50px;
}

#nav li#switchs a{
	padding: 30px 0 0 0;
	width: 90px;
	background: url(../../images/menu.jpg) no-repeat 0px 20px;
	display: block;
}
	
#nav #switchs a:hover {
	background: url(../../images/menu.jpg) no-repeat -857px 20px;
}

#nav #switchs a .txt {
	display: block;
	padding-top: 16px;
}

	
#nav li#projecten a{
	padding: 30px 0 0 0;
	width: 90px;
	background: url(../../images/menu.jpg) no-repeat -150px 20px;
	display: block;
}
	
#nav #projecten a:hover {
	background: url(../../images/menu.jpg) no-repeat -1007px 20px;
}

#nav #projecten a .txt {
	display: block;
	padding-top: 16px;
}

#nav li#diensten_werkwijze a{
	padding: 30px 0 0 0;
	width: 176px;
	background: url(../../images/menu.jpg) no-repeat -310px 20px;
	display: block;
}
	
#nav #diensten_werkwijze a:hover {
	background: url(../../images/menu.jpg) no-repeat -1167px 20px;
}
	
#nav #diensten_werkwijze a .txt {
	display: block;
	padding-top: 16px;
}
	
#nav li#inspiratie a{
	padding: 30px 0 0 0;
	width: 80px;
	height: 94px;
	background: url(../../images/menu.jpg) no-repeat -565px 20px;
	display: block;
}
	
#nav #inspiratie a:hover {
	background: url(../../images/menu.jpg) no-repeat -1422px 20px;
}

#nav #inspiratie a .txt {
	display: block;
	padding-top: 16px;
}

#nav li#contact a{
	padding: 30px 0 0 0;
	width: 80px;
	background: url(../../images/menu.jpg) no-repeat -721px 20px;
	display: block;
}

#nav #contact a:hover {
	background: url(../../images/menu.jpg) no-repeat -1578px 20px;
}

#nav #contact a .txt {
	display: block;
	padding-top: 16px;
}

/*----------------------------------------
-------------------------------------------   Footer*/
#footer{
	margin: 0;
	padding: 0;
	background: url(../../images/footer-bg.jpg) repeat-x top;
}

#footer-container{
	width: 100%;
	margin: 0;
	padding: 0 0 15px 0;
	background: url(../../images/footer-bg.jpg) repeat-x top;
}

#footernaw-container{
	float: right;
	margin: 15px 0 0 0;
	padding: 0;
	width: 250px;
}

#footernaw-container ul{
	margin: 10px 0 0 0;
	padding: 0;
	height: 100%;
}

#footernaw-container ul li{
	margin: 0 7px 0 0;
	padding: 0 0 4px 0;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	color: #389abf;
}

#footernaw-container ul li.menu{
	float: left;
	margin: 0 7px 0 0;
	padding: 0 0 4px 0;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	color: #389abf;
}


#footernaw-container ul li a{
	margin: 0;
	padding: 0 0 4px 0;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	color: #389abf;
	display: block;
	text-decoration: none;
}

#footernaw-container ul li.naw a:hover{
	text-decoration: underline;
}

#footernav{	
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	width: 610px;
}

#footernav ul{
	margin: 10px 0 0 0;
	padding: 0;
}

#footernav ul li{
	float: left;
	margin: 0 30px 10px 0;
	padding: 0;
	/*float: left;*/
}

#footernav ul li a{
	margin: 0;
	padding: 0;
	font: 11px/18px Verdana, Helvetica, sans-serif;
	color: #389abf;
	text-decoration: none;
}

#footernav ul li a:hover{
	text-decoration: underline;
}

#footernav ul li a.active, #footernav ul li.last_li a.active{
	text-decoration: underline;
}

#credits{
	float: right;
	margin: 140px 0 0 0;
}

#credits ul{
	margin: 0;
	padding: 0;
	display: block;
}

#credits ul{
	margin: 0;
	padding: 0;
	display: block;
}

#credits ul li{
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

#credits ul li a{
	font: 11px/18px Verdana, Helvetica, sans-serif;
	color: #389abf;
	text-decoration: none;
}