/* CSS Document */


/* Dit css document bevat de kale grafische opzet van de website*/

*
{
	margin						: 0;
	padding						: 0;
}

html{
	overflow-x:hidden;
	overflow-y:scroll;
}
body
{
	background-color			: #E2E2E2;
	color						: #000000;
	text-align					: center;
	
	height						: 100%;
	
	background-image: url(../images/background.jpg);
	background-repeat:repeat-x;
}

#container
{
	width						: 960px;
	margin						: 0 auto;
	min-height					: 100%;
	text-align					: left;
	position					: relative;
	min-height					: 100%;
}
html
	{
	height						: 100%;
	}

* html #container
{
	height						: 100%;
}

#page {
	width						: 960px;
	background-image			: url(../images/page_background.jpg);
	background-repeat			: repeat-y;
	overflow					: hidden;
	margin						: 0 auto;
}

#backgroundd
{
	position					: absolute;
	top							: 0px;
	left						: 0px;
	width						: 100%;
	height						: 665px;
	background: url(../images/background.jpg);
	background-repeat:repeat-x;
	background-image: url(../images/background.jpg);
}

#menu {
	position:absolute;
	z-index:9;
	width:100%;
	height:30px;
	left:1px;
	top:134px;
	background:url(../images/menu_background.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


#cloudtag {
	position:absolute;
	z-index:9;
	width:480px;
	height:110px;
	left:455px;
	top:362px;
	padding-left:20px;
	overflow:hidden;
}

#page_left {
float:left;
width:455px;
}

#page_left2 {
	float:right;
	width:370px;
	margin-right:30px;
}

#page_left_project {
	float:right;
	width:400px;
}

#page_right {
float:right;
width:505px;
}

#page_right h1, #page_right p {
margin-left:20px;
margin-right:20px;
}

#footer {
float:left;
clear:both;
height:38px;
width:960px;
background:url(../images/footer_background.jpg);
background-repeat:none;
}

.logo{
margin-top:10px;
margin-bottom:100px;
}


ul.project {
list-style		: none;
margin-top		: 20px;
}

#page_right ul.project {
	margin-left: 20px;
}

li.project {
	float		: left;
	width		: 127px;
	height		: 107px;
	margin		: 0 4.00em 0 0;
	background	: url(../images/project_background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

li.project:hover{
	float		: left;
	width		: 127px;
	height		: 107px;
	margin		: 0 4.00em 0 0;
	background	: url(../images/project_background_hover.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

li.project img {
	padding			: 6px;
}

li.project span {
	padding-left	: 6px;
}

a.projecten, a.projecten img {
border:0px;
text-decoration:none;
}

/*  toevoeging nieuws uit de branche */

#news_branche{
	float:left;
	text-align:left;
	width:450px;
}

#news_branche .newsTekst{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}

#news_branche img{
	padding-top:5px;
	padding-bottom:15px;
	padding-right:5px;
	position:relative;

	}
	
#kruimelpad{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	
	width:800px;
	height:20px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#kz_projct{
	margin:0;
	padding:0;

	margin-bottom:20px;
	
	width:360px;
	height:56px;
	
	background-color:#EE7F00;
	background-position:right top;
	background-repeat:no-repeat;
	
	color:#FFFFFF;
	font-size:medium;
	font-weight:bold;
}
#kz_projct a{
	padding:20px;
	display:block;
	width:320px;
	height:16px;
	
	color:#FFFFFF;
	text-decoration:none;
}

#kz_projct.kz_archi{
	background-image:url(images/architectuur.jpg);
}
#kz_projct.kz_Bouko{
	background-image:url(images/bouwkosten.jpg);
}
#kz_projct.kz_Bouma{
	background-image:url(images/bouwmanagement.jpg);
}
#show_thmb{
	margin-top:89px;
}

h1.full_prjt{
	position:relative;
	
	width:800px;
}
#ggl_mp{
	position:absolute;
	left:630px;
	top:500px;
	margin:0;
	padding:0;
	width:300px;
	height:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#span_footer{
	float:right;
	position:relative;
	top:-19px;
	right:20px;
}
a.buttonaction{
	height: auto;
	width: 100%;
	position: relative;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor:pointer;
}
a.buttonaction span.frontb{
	float: left;
	height: 30px;
	width: 13px;
	position: relative;
	background-image: url(../images/b_action_front.gif);
}
a.buttonaction:hover span.frontb{
	background-image: url(../images/b_action_front_over.gif);
}
a.buttonaction span.middleb{
	float: left;
	width: auto;
	position: relative;
	background-image: url(../images/b_action_middle.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 10px;
}
a.buttonaction:hover span.middleb{
	background-image: url(../images/b_action_middle_over.gif);
}
a.buttonaction span.backb{
	float: left;
	height: 30px;
	width: 13px;
	position: relative;
	background-image: url(../images/b_action_back.gif);
}
a.buttonaction:hover span.backb{
	background-image: url(../images/b_action_back_over.gif);
}
a.buttonaction span.frontg{
	float: left;
	height: 30px;
	width: 13px;
	position: relative;
	background-image: url(../images/g_action_front.gif);
}
a.buttonaction:hover span.frontg{
	background-image: url(../images/g_action_front_over.gif);
}
a.buttonaction span.middleg{
	float: left;
	width: auto;
	position: relative;
	background-image: url(../images/g_action_middle.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 10px;
}
a.buttonaction:hover span.middleg{
	background-image: url(../images/g_action_middle_over.gif);
}
a.buttonaction span.backg{
	float: left;
	height: 30px;
	width: 13px;
	position: relative;
	background-image: url(../images/g_action_back.gif);
}
a.buttonaction:hover span.backg{
	background-image: url(../images/g_action_back_over.gif);
}