/* ============================================================== */
/* general */
/* ============================================================== */
* {
	margin:0;
	padding:0;
	}

body{
	height: 100%;	
	}

html{
	overflow:auto;
	height: 650px;
	}

#page {
	height: 569px;
	width: 769px;
	margin:40px auto 0 auto;
	background:#000;
	background-image: url(wave/wave.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	
	}

.spacer {
	height: 50px;
	}
	
.spacer2 {
	height: 20px;
	}

/* ============================================================== */
/* menu */
/* ============================================================== */
#menu {
	float:left;
	height:370px;
	width:211px;
	padding:25px 0 0 19px;
	}

#menu #home, 
#menu #home:visited,
#menu #over, 
#menu #over:visited,
#menu #werk, 
#menu #werk:visited,
#menu #projecten, 
#menu #projecten:visited,
#menu #contact, 
#menu #contact:visited {
	text-decoration:none;
	display:block;
	height:29px;
	background-repeat:no-repeat;
	}

#menu #home		{background-image: url(images/home.jpg);}
#menu #over		{background-image: url(images/over.jpg);}
#menu #werk		{background-image: url(images/werk.jpg);}
#menu #projecten	{background-image: url(images/projecten.jpg);}
#menu #contact	{background-image: url(images/contact.jpg);}

#menu #home:hover		{background-image: url(images/home_alt.jpg);}
#menu #over:hover		{background-image: url(images/over_alt.jpg);}
#menu #werk:hover		{background-image: url(images/werk_alt.jpg);}
#menu #projecten:hover	{background-image: url(images/projecten_alt.jpg);}
#menu #contact:hover	{background-image: url(images/contact_alt.jpg);}

#menu #over.cur	{background-image: url(images/over_alt.jpg);}
#menu #werk.cur		{background-image: url(images/werk_alt.jpg);}
#menu #projecten.cur	{background-image: url(images/projecten_alt.jpg);}
#menu #contact.cur	{background-image: url(images/contact_alt.jpg);}


/* ============================================================== */
/* sub_nav */
/* ============================================================== */
#menu #submenu{
	margin:20px 0 0 0;	
	}

#menu #submenu a{
	padding: 0 2px 0 2px;
	font-size: 10px;
	color: #999; 
	-moz-opacity:0.9999;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration:none;
	}

#menu #submenu a:hover{
	background:#fff;
	color:#000;
	}

/* ============================================================== */
/* content */
/* ============================================================== */

#content {
	margin:5px 0 0 0;
	padding:20px;
	float:left;
	height:500px;
	width:468px;
	overflow:hidden;
	}

#content2 {
	margin:5px 0 0 0;
	padding:20px;
	float:left;
	height:500px;
	width:468px;
	overflow:hidden;
	filter:alpha(opacity=99); 
	-moz-opacity: 0.999; 
	opacity: 0.9;
	}

#content #left{
	height:500px;
	float:left;
	width:250px;
	margin:0 20px 0 0;
	overflow:auto;
	padding: 0 10px 0 0;
	}

#content #right{
	float:left;
	width:180px;
	text-align:center;
	}

/* ============================================================== */
/* content formatting */
/* ============================================================== */
#content h1{
	font-weight: normal; 
	font-size: 9px; 
	color: #CCC; 
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: justify; 
	text-decoration: none;
	margin:0 0 10px 0;
	}

#content p{
	font-weight: normal; 
	font-size: 9px; 
	color: #CCC; 
	line-height: 12px;
	vertical-align: middle; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: justify;
	text-decoration: none;
	margin:0 0 10px 0;	
	}

#content p.tekst{
	text-align: center;
	}		
		
#content a{
	color:#999;
	font-weight:bold;
	text-decoration:none;
	}

#content a.tekst:hover{
	background:#fff;
	color:#000;
	}

a.linkopacity img {
	border:1px solid white;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	}

a.linkopacity:hover img {	
	filter:alpha(opacity=100);   
	-moz-opacity: 0.999;   
	opacity: 0.9999;	
	}

#content #right1 img{
	margin:0 0 20px 0;
	}
	
#content #right2 img{
	margin:0 0 20px 0; 
	position: absolute; 
	top: 420px;
	}

#content #right3 img{
	margin:475px 0 0 150px;
	}

/* ============================================================== */
/* content2 formatting */
/* ============================================================== */

#content2 p{
	font-weight: normal; 
	font-size: 9px; 
	color: #ccc; 
	line-height: 12px;
	vertical-align: middle; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: justify;
	text-decoration: none;
	margin:0 0 10px 0;	
	}
	

#content2 a{
	color:#ccc;
	font-weight:bold;
	text-decoration:none;
	}

#content2 a.tekst:hover{
	background:#fff;
	color:#000;
	}