@import url("fonts.css");

html {
		overflow:hidden;
}

body{	
		background-color:#bec930;
		background-image:url("./images/bg.jpg");
		background-repeat:no-repeat;
	}

#container1 {
		float:left;
		height:600px;
		width:75%;
		background-image:url("./images/bgleft.png");
		background-repeat:no-repeat;
		margin-left:8px;
	}

#container2 {
		float:left;
		height:600px;
		width:25%;
		background-image:url("./images/bgright.png");
		margin-right:-8px;
	}	

#header{
		float:left;
		width:435px;
		height:80px;
		margin-left:-18px;
		margin-top:15px;
		background-image:url("./images/header.png");
		background-repeat:no-repeat;
	}
	
#header a,
#pijl a{
		display:block;
		width:100%;
		height:100%;
	}

.btn1 a{
		background-image:url("./images/btn_programma.png");
	}
		
.btn2 a{
		background-image:url("./images/btn_portfolio.png");
	}
		
.btn3 a{
		background-image:url("./images/btn_artikelen.png");
	}
		
.btn4 a{
		background-image:url("./images/btn_collegas.png");
	}
		
.btn5 a{
		background-image:url("./images/btn_contact.png");
	}

.btn2 a:hover{
		background-image:url("./images/btn_portfolio2.png");
	}	

.btn3 a:hover{
		background-image:url("./images/btn_artikelen2.png");
	}
	
.btn5 a{
		display:block;
		width:103px;
		height:97px;
		background-position: -20px 0;
		background-repeat: no-repeat;
	}

.btn1 a,
.btn2 a,
.btn3 a,
.btn4 a{
		display:block;
		width:103px;
		height:73px;	
		background-position: -35px 0;
		background-repeat: no-repeat;	
		}
	
.btn1 a:hover,
.btn2 a:hover,
.btn3 a:hover,
.btn4 a:hover,
.btn1 a:active,
.btn2 a:active,
.btn3 a:active,
.btn4 a:active
{
		background-position: 0px 0;
		}
		
#menu{
		position:absolute;
		top:215px;
		left:0px;
		width:103px;
		background-image:url("./images/menubg.gif");
		background-position: -35px 0;
		background-repeat: no-repeat;
	}
	
#menu_txt{
		float:left;
		width:103px;
		padding-top:10px;
	}

#kolom2{
		display:block;
		margin-right:130px;
		margin-top:140px;
		margin-left:224px;
	}

#breadcrumbs{
		float:left;
		height:50px;
		width:400px;
	}
		
#breadcrumbs_txt{

		padding:0px;
		padding-left:35px;
		margin:0px;
	}

#breadcrumbs_txt h1{
		margin:0px;
		font-size:16pt;
	}
	
#breadpijl{
		float:left;
		width:25px;
		height:30px;
		background-image:url("./images/breadpijl.gif");
		background-repeat: no-repeat;
	}
	
#lhoek{
	float:left;
	clear:left;
	width:14px;
	height:371px;
	background-image:url("./images/lhoek.png");
	margin-left:-14px;
}
	
#kolom2_txt{
	float:left;
	background-color:#fff;
	padding:15px;
	padding-right:14px;
	height:341px;
	overflow:auto;
	width:95%;
}

#rhoek{
	float:right;
	margin-top:-15px;
	margin-right:-14px;
	background-image:url("./images/rhoek.png");
	background-repeat: no-repeat;
	width:14px;
	height:16px;
}
	
#fotoselectie{
	float:right;
	width:350px;
	height:134px;
	background-image:url("./images/scrollbg.png");
	background-repeat: no-repeat;
	margin-top:80px;
}
	
#fotoselectie_txt{
	height:85px;
	width:290px;
	margin-left: 40px;
	margin-top: 20px;
	padding-right: 10px;
	text-align: center;
}
#fotoselectie_txt div {
	text-align: center;
}

#fotoselectie_txt div  a {
	display: block;
	border: 1px solid transparent;
	float: left;
	outline: none;
}


#fotoselectie_txt div img {

	height: 85px;
	margin-right: 5px;
}

#fotoselectie_txt div a:hover {
	border-color: #BEC930;
}
	
#pijl {
	float:left;
	height:41px;
	width:24px;
	background-image:url("./images/pijl.png");
	margin-left:13px;
	margin-top:40px;
}
	
#foto{
	float:right;
		height:275px;
	width:325px;
	margin-top:20px;
	background-image:url("./images/foto2.png");
	background-repeat:no-repeat;
}
	
#foto_txt{
	height:200px;
		width:265px;
	margin-left:40px;
	margin-top:38px;
	margin-right:20px;
}
	
#foto_txt img {
	height: 100%;
}

.fotos {
	border: 1px solid #FFF;
	padding: 2px;
	text-align: center;
	width: 200px;
	height: 160px;
	float: left;
}

.fotos:hover {
	background-color: #CCC;
	border: 1px solid #AAA;
}

.fotos a {
	display: block;
	margin: 0;
	padding: 0;
}

.fotos p {
	margin-top: 1px;
	margin-bottom: 5px;
}

.fotos img
{
	height: 120px;
	max-width: 100%;
}

#enkele-foto
{
	width: 100%;
	height: auto;
}

#enkele-foto img
{
	height: auto;
	}

.slidephoto {
	width: 85px;
	height: 85px;
}