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

@font-face {
    font-family: 'IdolwildRegular';
    src: url('idolwild-webfont.eot');
    src: url('idolwild-webfont.eot?#iefix') format('embedded-opentype'),
         url('idolwild-webfont.woff') format('woff'),
         url('idolwild-webfont.ttf') format('truetype'),
         url('idolwild-webfont.svg#IdolwildRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
@font-face {
    font-family: 'LeanderRegular';
    src: url('Leander-webfont.eot');
    src: url('Leander-webfont.eot?#iefix') format('embedded-opentype'),
         url('Leander-webfont.woff') format('woff'),
         url('Leander-webfont.ttf') format('truetype'),
         url('Leander-webfont.svg#LeanderRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

	a:link {color:#333; text-decoration:none; font-family: 'IdolwildRegular'; }
	a:visited {color:#666; text-decoration:none; font-family: 'IdolwildRegular';}  
	a:hover {color:#7D3540; text-decoration:none; font-family: 'IdolwildRegular';}  
	a:active {color:#7D3540; text-decoration:none; font-family: 'IdolwildRegular';}

body{
	background-color:#432921;
	background-image:url(images/site/achtergrond.png);
	background-repeat:repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	/*vervanging voor externe lettertype*/
	font-family: 'IdolwildRegular';
	font-size:16px;
	color:#000;}
	
.titel{
	font-family: 'LeanderRegular';
	font-size:20px;
	font-weight:bold;
	color:#000;}	
	
.link{
	color:#7D3540;
	font-size:18px;}
	
.current{
	color:#000;}
	
.thumborder{
	border:1px solid #CCC;}
	
.noborder{
	border:none;}
  

#container{
	width:775px;
	hight:545px;
	margin:auto;
	margin-top:-2%;}

#links{
	padding-top:4%;
	width:20%;
	height:474px;
	background-color:#FFF;
	float:left;
	background-image:url(images/site/ik.jpg);
	background-repeat:no-repeat}
	
#contact{
	padding-top:4%;
	width:20%;
	height:474px;
	background-color:#FFF;
	float:left;
	background-image:url(images/site/contact.jpg);
	background-repeat:no-repeat}

#linkscontent{
	clear:left;
	padding-top:160px;
	width:97%;
	height:300px;
	border-right:2px solid #666;}

#naam{
	margin-left:8%;
	height:23px;
	width:92%;
	font-family: 'LeanderRegular';
	font-size:14px;
	color:#666;}

#linksknop{
	width:90%;
	height:200px;
	padding: 10% 0% 0% 10%;
	font-size:22px;}
	
#contentboven{
	width:80%;
	height:300px;
	background-color:#FFF;
	float:right;}

#knop4{
	width:13%;
	height:220px;
	float:right;}
	
#knop3{
	width:13%;
	height:240px;
	float:right;
}
#knop2{
	width:11%;
	height:154px;
	float:right;}

#knop1{
	width:11%;
	height:154px;
	float:right;}

#tekst{
	margin: 25% 0% 0% 3%;
	width:65%;
	height:150px;}
	
#port{
	margin-left:3%;
	width:82%;
	height:200px;
	float:left;}

#contentonder{
	width:80%;
	height:205px;
	background-color:#FFF;
	float:right;}
	
/*tekst about pagina*/	
#tekstabout{
	margin-left:3%;
	width:65%;
	height:200px;
	float:left;
	}
/*end*/

#about{
	width:22%;
	height:290px;
	background-image:url(images/site/vindikleuk.png);
	background-repeat:no-repeat;
	float:right;}

#kooi{
	width:30%;
	background-image:url(images/site/kooi.png);
	background-repeat:no-repeat;
	height:300px;
	float:right;}

#footer{
	clear:both;
	background-image:url(images/site/footer.png);
	background-repeat:no-repeat;
	width:100%;
	height:20px;}