/*

Author: Steve Salens
File: screen.css
Media: screen

*/

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



html,body {
background-image:url('_images/wood.jpg');
margin:0px 0px 0px 0px;
color:#ada393;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a:link,a:visited {
text-decoration:none;
color:#cabfae;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

h2 {

font-size:15px;
font-weight:bold;
}


table.specs {
font-size:10px;
width:350px;
}

#tags {
list-style-type : none;
margin : 0 15px 27px 15px;
display : block;
width : 270px;
}

#tags li {
display : inline;
}

#tags li a:link, #cats li a:visited {
text-decoration : none;
color : #000;
font : bold 1.2em "Trebuchet MS", Verdana, serif;
padding : 5px 2px 2px 0;
}

#tags li a:hover, #cats li a:active {
color : #4ebeeb;
text-decoration : none;
}

/* Box */

.boxtitle,.boxcontent {
width:280px;
}

.boxtitle {
height:15px;
font-weight:bold;
text-align:center;
}

.boxcontent {
text-align:justify;
}

/* PAGINAS */

div#kop {
text-align: center;
width:780px;
margin:0px auto 0px auto;
height:50px;
}

	div#titel {

	}
	
		h1 {
		color:#4ebeeb;
		font-size:36px;
		font-weight:bold;
		}

div#navigatie {
width:780px;
height:20px;
margin:30px auto 0px auto;
text-align:center;
}

ul#nav, ul#nav li {
list-style-type:none;
margin:0 auto;
width:480px;
}

	a.nav:link, a.nav:visited {
	text-align: center;
	text-decoration: none;
	font-size:16px;
	font-weight: none;
	color:#313131;
	background: ;
	
	padding:3px 3px 5px 3px;
	display: block;
	background:#7aad8e;
	float:left;
	margin:0px 10px 2px 0px;
	width:80px;
	height:12px;
	
	}
	
	a.nav:hover {
	font-weight: normal
	}

div#header {
height:408px;
width:100%;
background: url("_images/bg2.png") repeat-x bottom;
margin:0px 0px 0px 0px;
}

	div#container {
	width:780px;
	height:200px;
	margin:0 auto 0 auto;
	}

div#content {
	

width:780px;
height:auto;
margin:20px auto 0 auto;

}
	
	div.column_left {
	float:left; 
	width:450px;
	}
	
	div.column_right {
	float:right; 
	width:270px;
	margin:0px 0px 25px 0px;
	}

div#bottom {
width:780px;
height:13px;
font-size:12px;
margin:20px auto 0 auto;
text-align:center;
}

div.album {
width:450px;
margin-bottom:10px;
display:block;
}

div#navigatieportfolio {
width:780px;
height:-30px;
margin:-21px auto 0px auto;
}


ul#nav2, ul#nav2 li {
list-style-type:none;
margin:0 auto;
width:480px;
}

	a.nav2:link, a.nav2:visited {
	text-align: center;
	text-decoration: none;
	font-size:16px;
	color:#ada393;
	background: ;
	
	padding:3px 3px 5px 3px;
	border: ;  
	float:left;
	margin:0px 12px 2px 0px;
	width:100px;
	height:12px;
	}
	
	a.nav2:hover {
	font-weight: normal
	}



}