@import url(navigation.css);
@import url(links.css);
@import url(text.css);
@import url(table.css);

* {
	margin				: 0px;
	padding				: 0px;
}
body {
	font-family			:"ScalaSans", "Arial";
}
.water{
	background			: url('../images/background_kennismakelaar.jpg');
	background-repeat	: no-repeat;}
.vuur{
	background			: url('../images/background_projecten.jpg');
	background-repeat	: no-repeat;
}
.aarde{
	background			: url('../images/background_producten.jpg');
	background-repeat	: no-repeat;}
.lucht{
	background			: url('../images/background_service.jpg');
	background-repeat	: no-repeat;
}
.home{
	background			: url('../images/background_kennismakelaar.jpg');
	background-repeat	: no-repeat;
}
.contact{
	background			: url('../images/background_kennismakelaar.jpg');
	background-repeat	: no-repeat;
}
.actueel{
	background			: url('../images/background_kennismakelaar.jpg');
	background-repeat	: no-repeat;
}
#header{
	height				: 90px;
	width				: 100%;
	background			: #96c0dc;
}
#header #square {
	float				: left;
	width				: 97px;
	height				: 90px;
	background			: url(../images/header_square_water.jpg);
}
#header #square_vuur {
	float				: left;
	width				: 97px;
	height				: 90px;
	background			: url(../images/header_square_vuur.jpg);
}
#header #square_aarde {
	float				: left;
	width				: 97px;
	height				: 90px;
	background			: url(../images/header_square_aarde.jpg);
}
#header #square_lucht {
	float				: left;
	width				: 97px;
	height				: 90px;
	background			: url(../images/header_square_lucht.jpg);
}
#header #square_water {
	float				: left;
	width				: 97px;
	height				: 90px;
	background			: url(../images/header_square_water.jpg);
}
#header .logo {
	float				: left;
	width				: 188px;
	height				: 90px;
	background			: url(../images/header_logo.jpg);
	
}
#header .circle {
	float				: none;
	position			: absolute;
	right				: 100px;
	margin				: 0px 0px 0px 0px;
	width				: 206px;
	height				: 193px;
	background			: url(../images/header_circle_service.png);
}
#header .circle .circle_top {
	float				: left;
	margin				: 60px 0px 0px 0px;
	width				: 206px;	
	height				: 23px;
	text-align			: center;
}
#header .circle .circle_bottom {
	float				: left;
	margin				: 15px 0px 0px 0px;
	width				: 206px;
	height				: 20px;	
	text-align			: center;
}
#language_navigation {
	float				: left;
	position			: relative;
	top					: 74px;
	left				: 80px;
	height				: 16px;
	padding				: 0px 0px 0px 0px;
	width				: 60%;

}
#navigation {
	width				: 140px;
	margin				: 60px 0px 0px 88px;
	
}
#body {
	position			: absolute;
	top					: 90px;
	width 				: 100%;
	height				: 89%;
}

#holder {
	position			: absolute;
	left 				: 256px;
	top 				: 70px;
	width				: auto;
	overflow			: hidden;
}
.flash {
	width				: 560px;
	height				: 560px;
	left 				: auto;
	top					: 0px;
	position 			: relative;
}
.content {
	width				: 500px;
	position			: relative;
	height				: auto;
	top					: 50px;
	left				: 70px;
}
.gedicht {
	width				: 550px;
	position			: relative;
	height				: 450px;
	top					: 130px;
	left				: 179px;
}
#links {
	width				: 960px;
	position 			: relative;
	overflow			: hidden;
	margin				: 150px 0px 0px 50px;
	top					: 0px;
	left				: 20px;
	float				: left;
}

#links a {
	float				: left;
	display 			: block;
	width				: 165px;
	text-indent			: 5px;
}
#header a {
	text-decoration	: none;
	color			: #339999;
	font-size		: 14px;
	line-height		: 16px;
	text-align		: left;
	margin 			: 0px 10px 0px 0px;
}
#contact{
	margin 			: 0px 0px 0px 20px;
	font-size		: 10px;
	text-decoration	: none;
	color			: #3967a7;
	position		: absolute;
	left			: 90px;
	top				: 560px;
}

