@charset "utf-8";
/* WdeB */

/*=================== basic ==========================*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul,li { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }



body {
	margin:0;
	padding:0;
	background-image: url(../img/bg_body.png);
	background-repeat: repeat-x;
	background-position: center -8px;
	}

/* ================ divs ====================== */

#container{
	width: 800px;
	margin: 0 auto;
}


#nav{
	float: right;
	margin: 35px 0 0 0;

}

#head{
	height: 190px;

}

#content{
	padding: 30px 0 30px 0;
}


/* ================ typo ====================== */

h1{
	background-image: url(../img/logo_rooduijn.png);behavior: url(iepngfix.htc);
	background-repeat: no-repeat;
	height: 120px;
	width: 400px;
	margin: 37px 0 0 -12px;
	display: block;	
	float: left;
}

h2{
	background-image: url(../img/pijl_h2.png);behavior: url(iepngfix.htc);
	background-repeat: no-repeat;
	text-indent: 20px;
	font-size: 24px;
	_line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0B194D;
	background-position: left 8px;
	border-bottom: dotted 1px #0B194D;
	margin: 0 0 20px 0;
		
}

h3{
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0B194D;
	font-size: 14px;
}	

p{
	color: #666666;
	font-family: "trebuchet MS";
	font-size:13px;
}

/* ================ nav ====================== */

#nav li {
	padding: 5px 0 6px 0;
	list-style-type: none;
	color: #ffffff;
	background-image: url(../img/pijl.png);
	behavior: url(iepngfix.htc);
	background-repeat: no-repeat;
	text-indent: 20px;
	background-position: 1px 6px;	
	
	
}

#nav li a{
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}


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

/* ================ portfolio ====================== */

#content ul li{
	width: 390px;
	height: 120px;
	float: left;
	padding: 5px 5px;
	text-align:left;
	margin: 0 0 10px 0;
}
#content ul li img{
	width: 380px;

	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;	
}

#content ul li a  {
    width: 370px;
    border: 5px solid #000;
    height: 80px;
    overflow: hidden;
    display: block;
    
}


#content ul li img:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;	
}	

h2.no_under {
    border: 0;
}