@charset "utf-8";
/* CSS Document RBI PROJECT */

*{
	margin:0;
	padding:0;
}

body{
	background:url(images/bg.png) center top no-repeat;
	background-color:#FFF;
	font-family: Helvetica, Arial, sans-serif;
}
#wrapper{
	margin: auto;
	width: 1100px;
	height: 590px;
}

#header{
	float:right;
	width: 920px;
}
#logo{
	float: left;
	height:120px;
	width: 180px;
	background-color: #00006e;
	-webkit-box-shadow: 0px 0px 25px #000;
    -moz-box-shadow:0px 0px 25px #000;
    box-shadow: 0px 0px 25px #000;	
}
#menu{
	float:left;
	width:320px;;
	height:30px;
	margin-left: 100px;
	padding-top: 10px;

	background-color:#00006e;
	-webkit-box-shadow: 0px 0px 25px #000;
    -moz-box-shadow:0px 0px 25px #000;
    box-shadow: 0px 0px 25px #000;	
}

#menu li{
	display:inline;
	text-decoration:none;
	padding-left: 30px;
}
#menu a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#content{
	float: right;
	width: 880px;
	height: 540px;
	padding-left: 20px;
	padding-top: 10px;
}

#categorie{
	margin-top: 30px;
}
#categorie h3{
	color: #FFF;
	font-weight: lighter;
	padding-top: 2px;
}

#foto{
	width:100%;
	height: 370px;
	padding-top: 10px;
}

#imgRight{
	float: right;
	width: 550px;
	height: 367px;
}
#imgRight img{
	float: left;
	max-width: 550px;/*zodat de afbeelding zich niet buiten wrapper zet, (alleen bij breede afbeelding)*/
	height: 367px;
}
#project_thumbnails{
	float: left;
	width: 330px;
}
#project_thumbnails img{
	width: 100px;
	height: 75px;
	margin-bottom: 3px;
	margin-right: 3px;
	border: solid 1px #FFF;
}

.fotohidden{
	display:none;
}




a{
	color:#FFF;
	text-decoration:none;
}
h1{
	color:#FFF;
	font-family: segoe UI;
	font-weight: lighter;
	letter-spacing: -0.08em;
}
h2{
	color: #FFF;
	font-weight:lighter;
	letter-spacing: -0.07em;
}
p{
	color:#FFF;
	font-weight: lighter;
}