html, body {
	height: 100%;         
}

body {
	background: #ffffff;
	margin: 0;
	padding: 0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
}

div#distance { 
	margin-bottom: -333px; /* half of content height */
	background: #F0EDE8;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}

#website {
	position: relative;
	background-color:#d1cab2;	
	width:1000px;	
	height:666px;	
	text-align: center;
	border: 1px solid #ffffff;
	margin: 0 auto;
	clear: left;
	text-align: left;
}

#website_portfolio {	position:absolute;	top: 50%;	left: 50%;	width:1000px;	height:666px;	margin-top: -333px; /*set to a negative number 1/2 of your height*/	margin-left: -500px; /*set to a negative number 1/2 of your width*/	border: 1px solid #FFF;	background-color:#d1cab2;    text-align: center;}

#ftp-pagina {
	position:absolute;	
	top: 50%;	
	left: 50%;	
	width:1000px;	
	height:666px;	
	margin-top: -333px; /* 1/2 van de hoogte(negatief)*/	
	margin-left: -500px; /* 1/2 van de breedte(negatief)*/	
	background: #272727;    
	text-align: center;
	border: 1px solid #FFF;
	overflow: auto;
	padding: 24px;
}

#menu {
	position: absolute;
	text-align: left;
	top: 44px;
	left: 76px;
	z-index: 1;
}

#home {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	background: #d1cab2 url(../images/AG_home.jpg); 
	width:1000px;	
	height:666px;
}

#payoff {
	position: absolute;
	width: 249px;
	height: 13px;
	left: 744px;
	top: 192px;

}

#ftp {
	position: absolute;
	width: 44px;
	height: 34px;
	left: 935px;
	top: 621px;

}

#txt_home {
	position: absolute;
	text-align: left;
	width: 756px;	
	top: 242px;
	left: 210px;
	font-size:12px;	
}

#profiel {
	position: absolute;
	text-align: left;
	background: #d1cab2 url(../images/AG_profiel.jpg);
	width: 1000px;	
	height:666px;
	top: 0px;
	left: 0px;
}

#foto_profiel {
	position: absolute;
	text-align: left;
	width: 245px;	
	top: 240px;
	left: 0px;
}

#txt_profiel {
	position: absolute;
	text-align: left;
	width: 490px;	
	top: 234px;
	left: 266px;	
}

#portfolio {
	position: absolute;
	text-align: left;
	background: #d1cab2 url(../images/AG_portfolio.jpg);
	width: 1000px;	
	height:666px;
	top: 0px;
	left: 0px;
}

#lijst_portfolio {
	position: absolute;
	text-align: right;
	width: 270px;	
	top: 240px;
	left: 46px;
	display:block;
}

#foto_portfolio {
	position: absolute;
	width: 220px;
	height: 130px;
	top: 275px;
	left: 744px;
	border: 0px solid #fff;	
}

#txt_portfolio {
	position: absolute;
	text-align: left;
	width: 350px;	
	top: 240px;
	left: 330px;
}

#aanleveren {
	position: absolute;
	text-align: left;
	background: #d1cab2 url(../images/AG_aanleveren.jpg);
	width: 1000px;	
	height:666px;
	top: 0px;
	left: 0px;	
}

#txt_aanleveren {
	position: absolute;
	text-align: left;
	width: 540px;	
	top: 234px;
	left: 436px;	
}

#foto_aanleveren {
	position: absolute;
	text-align: left;
	width: 170px;	
	top: 235px;
	left: 245px;
}

#nieuws {
	position: absolute;
	text-align: left;
	background: #d1cab2 url(../images/AG_nieuws.jpg);
	width: 1000px;	
	height:666px;
	top: 0px;
	left: 0px;	
}

#txt_nieuws {
	position: absolute;
	text-align: left;
	width: 470px;	
	top: 234px;
	left: 521px;	
}

#contact {
	position: absolute;
	text-align: left;
	background: #d1cab2 url(../images/AG_contact.jpg);
	width: 1000px;	
	height:666px;
	top: 0px;
	left: 0px;	
}

#txt_contact {
	position: absolute;
	text-align: left;
	width: 365px;	
	top: 234px;
	left: 606px;	
}

#foto_contact {
	position: absolute;
	text-align: right;
	width: 395px;	
	top: 219px;
	left: 160px;
	background: url(../images/AG_contact_links.jpg);
	padding: 15px;
	border-right: none;	
}

#thumbs_contact {
	position: absolute;
	text-align: left;
	width: 236px;	
	top: 366px;
	left: 340px;
}



a:link{color:#fff; text-decoration:none; font-weight:bold; letter-spacing: 2px;}
a:visited{color:#fff; text-decoration:none; font-weight:bold; letter-spacing: 2px;}
a:hover{color:#c0372d; text-decoration:none; font-weight:bold; letter-spacing: 2px;}
a:active{color:#fff; text-decoration:none; font-weight:bold; letter-spacing: 2px;}

a.linkrood:link{color:#c0372d; text-decoration:none; font-weight:bold; letter-spacing: 2px;}
a.linkrood:visited{color:#c0372d; text-decoration:none; font-weight:bold; letter-spacing: 2px;}
a.linkrood:hover{color:#fff; text-decoration:none; font-weight:bold; letter-spacing: 2px;}
a.linkrood:active{color:#c0372d; text-decoration:none; font-weight:bold; letter-spacing: 2px;}

B.kop {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0px;	
}

B.rood {
	color: #d23d31;
}

.subtitel {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.nieuwstitel {	
	font-size: 11px;
	font-weight: bold;
}

.klein {
	font-size: 11px;
}

h2 {
	position: relative;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;	
}

.introtekst {
	font-size: 13px;
}

#logopositie {
	position: absolute;	
	top: 44px;
	left: 586px;
	background: url(../images/IMG_lijn_groen.gif) no-repeat center top;
	width: 414px;
	height: 138px;
	text-align: right;
}

#logopositie_bz {
	position: absolute;	
	top: 44px;
	left: 586px;
	background: url(../images/IMG_lijn_geelzwart.gif) no-repeat center top;
	width: 414px;
	height: 138px;
	text-align: right;
}

#popup {
	position: absolute;
	top: -60px;
	left: 100px;
	width: 750px;
	height: 670px;
	background: #12110c;
    border: 1px solid #fff;
	padding: 30px;
	padding-top: 0px;
	text-align:left;
	line-height: 20px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	z-index: 6;
}

#goeiebal {
	position: absolute;
	width: 745px;
	height: 165px;
	left: 0px;
	top: 58px;
	z-index: 1;
}