@charset "UTF-8";
/* opmaak_nav */

	*{
	margin:0px; 
	padding:0px;
	}

	body{
	background-color: #fdf9fa;
	}

	#container{
	height: 820px;
	width: 955px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 40px;
	margin-right: auto;
	overflow: visible;
	background-color: #fdf9fa;
	padding: 0px;
	}

	#banner{
	float: left;
	height: 30px;
	width: 980px;
	background-color:#fdf9fa;
	}
	
	#nav, #nav ul{
	list-style:none;
	}
	
	
	#nav li{ 
    float: left; 
	}

	#nav ul{
	position: absolute;
	left: -1000px;
	width: 151px;
	background-color:  #fdf9fa;
	margin-left: 20px;
	padding-top: 7px;
	padding-right: 100px;
	padding-bottom: 8px;
	padding-left: 7px;
	
	/* for IE */  
	filter: alpha(opacity=60);
	/* CSS3 standard */  
	 opacity:0.6; 
	}
	
	
	#nav li ul li{
	margin-left: 40px;
	width: 180px;
	}
	


/*hack voor ie*/
	
	#nav li:hover ul{
	left: auto;
	}

	#nav li:hover ul, #nav li.ie_does_hover ul {
	left: auto;
	background-position: 0 0;
	}
	
	
	#nav li ul ul {
	margin: -1px 0 0 0;
	}

	#nav a {
	
	display: block;
	}

/*einde hack*/




/*a*/

	#nav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 14px;
	color: #000;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	background-color: #FFF;
	background-position: center;	
	}

	#nav a:link, a:visited{
	color: #000;
	text-decoration: none;
	}

	#nav a:hover, a:active{
	text-decoration: underline;
	background-color: #F8A300;
	}
	
	a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	background-color: #FFF;
	}
	
	
	#mainrightunder a, mainup_aboutus_more{
	text-decoration: none;
	background-color: #F7F3F0;
}
	
	
	/*einde a*/

	#links{
	float: left;
	height: 504px;
	width: 250px;
	background-image: url(../images/linkslevel1.jpg);
	background-repeat: no-repeat;	
	background-color: #fdf9fa;
	}

	#links_lang{
	float: left;
	height: 820px;
	width: 250px;
	background-image: url(../images/linkslevel1.jpg);
	background-repeat: no-repeat;
	background-color:  #fdf9fa;
	}
	
	#main{
	background-image:url(../images/midden.jpg);
	float: left;
	height: 504px;
	width: 705px;	
	background-color: #fdf9fa;
	background-repeat: no-repeat;
	}
	
	#gallery{
	float: left;
	height: 470px;
	width:600px;	
	background-color: #fdf9fa;
	background-repeat: no-repeat;
	margin-left:40px;
	margin-top:20px;
	}

/*nav classes*/

	home.nav{
	float: left;
	height: 30px;
	width: 100px;
	background-image:url(../images/homenav.jpg);
	}
	
	projects.nav{
	float: left;
	height: 30px;
	width: 130px;
	background-image: url(../images/projectsnav.jpg);
	background-color: #fdf9fa;
	}
	
	news.nav{
	float: left;
	height: 30px;
	width: 180px;
	background-image: url(../images/newsnav.jpg);
	background-color: #fdf9fa;
	}
	
	studio.nav{
	background-image:url(../images/studionav.jpg);
	float: left;
	height: 30px;
	width: 95px;
	background-color: #fdf9fa;
	}
	
	download.nav{
	background-image:url(../images/downloadnav.jpg);
	float: left;
	height: 30px;
	width: 150px;
	background-color: #fdf9fa;
	}
	
	friends.nav{
	background-image: url(../images/inmemoriamnav.jpg);
	float: left;
	height: 30px;
	width: 280px;
	background-color: #fdf9fa;
	}
	
/*end nav id*/




/*linker stenen nav*/

.steentien{
	float: left;
	height: 99px;
	width: 125px;
	background-color: transparent;
}

.steennegen{
	float: left;
	height: 99px;
	width: 125px;
background-color: transparent;
}

.steenacht{
	float: left;
	height: 105px;
	width: 125px;
background-color: transparent;}

.steenzeven{
	float: left;
	height: 105px;
	width: 125px;
	background-color: transparent;
	
}
.steenzes{
	float: left;
	height: 110px;
	width: 125px;
	background-color: transparent;
}
.steenvijf{
	float: left;
	height: 110px;
	width: 125px;
	background-color: transparent;
}

.steenvier{
	float: left;
	height: 120px;
	width: 125px;
	background-color: transparent;
}

.steendrie{
	float: left;
	height: 120px;
	width: 125px;
	background-color: transparent;
}

.steentwee{
	float: left;
	height: 70px;
	width: 125px;
	background-color: transparent;
}

.steeneen{
	float: left;
	height: 70px;
	width: 125px;
	background-color: transparent;
}

	
/*einde linker stenen nav*/


#adres{
	background-image: url(../images/onder_logo.jpg);
	float: left;
	height: 316px;
	width: 705px;
	background-color: #fdf9fa;
}


#adres_blog{
	background-image: url(../images/ondersterand_705_metblogg3.jpg);
	float: left;
	height: 316px;
	width: 705px;
	background-color: #fdf9fa;
}

#adres_helebreedte{
	background-image: url(../images/ondersterand_GOEDINKLEUR.jpg);
	float: left;
	height: 316px;
	width: 955px;
	}

.stenen{
	float: left;
	height: 504px;
	width: 250px;
	background-image:url(../images/links.jpg);
	background-color: transparent;
	}


.Verdana16px{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: lighter;
	font-variant: normal;
	display: block;
	background-color: #FF9900;
	margin: 0px;
	padding: 0px;
	text-align:center;	
}

