/* algemeen */
body,html {
	background-color: #E4E5E6;	
}
#center {
	  position:absolute;
	  width:958px;
	  margin:-300px 0px 0px -479px;
	  top: 50%; 
	  left: 50%;
}
#container {
	background-color: #FFFFFF;
	min-height: 480px;
	height: 488px;
}

/* foto */
#foto_achtergrond {
	background: url(../images/fotos/foto_achtergrond_schaduw.png) repeat-x left top;
	height: 489px;
	width: 267px;
	margin-left: 22px;
	position: absolute;
}
#foto_home {
	background-image: url(../images/fotos/home.jpg);
	width: 261px;
	height: 481px;
}
#foto_contact {
	background-image: url(../images/fotos/contact.jpg);
	width: 261px;
	height: 481px;
}
#foto_vacatures{
	background-image: url(../images/fotos/vacatures.jpg);
	width: 261px;
	height: 481px;
}
#foto_links {
	background-image: url(../images/fotos/links.jpg);
	width: 261px;
	height: 481px;
}
#foto_disclaimer {
	background-image: url(../images/fotos/disclaimer.jpg);
	width: 261px;
	height: 481px;
}
#foto_projectfotos {
	background-image: url(../images/fotos/projectfotos.jpg);
	width: 261px;
	height: 481px;
}
#foto_wanden {
	background-image: url(../images/fotos/systeemwanden.jpg);
	width: 261px;
	height: 481px;
}
#foto_systeemwanden {
	background-image: url(../images/fotos/systeemwanden.jpg);
	width: 261px;
	height: 481px;
}
#foto_metalstudwanden {
	background-image: url(../images/fotos/systeemwanden.jpg);
	width: 261px;
	height: 481px;
}
#foto_scheidingswanden {
	background-image: url(../images/fotos/systeemwanden.jpg);
	width: 261px;
	height: 481px;
}
#foto_plafonds {
	background-image: url(../images/fotos/systeemplafonds.jpg);
	width: 261px;
	height: 481px;
}
#foto_systeemplafonds {
	background-image: url(../images/fotos/systeemplafonds.jpg);
	width: 261px;
	height: 481px;
}
#foto_metalstudplafonds {
	background-image: url(../images/fotos/systeemplafonds.jpg);
	width: 261px;
	height: 481px;
}
#foto_timmerwerken {
	background-image: url(../images/fotos/timmerwerken.jpg);
	width: 261px;
	height: 481px;
}

/* navigatie */
#balk_header {
	background-color: #231f20;
	height: 36px;
	width: 908px;
	position: absolute;
	margin-top: 42px;
	color: #FFFFFF;
	padding-left: 50px;

}
#nav_streep_1 {
	float: left;
	left: 136px;
	position: absolute;
	margin-top: 12px;
}
#nav_streep_2 {
	float: left;
	position: absolute;
	left: 235px;
	margin-top: 12px;
}
#nav_streep_3 {
	float: left;
	position: absolute;
	left: 373px;
	margin-top: 12px;
}

#logo {
	position: absolute;
	margin-left: 560px;
	margin-top: 35px;
}
#home_icon {
	position: absolute;
	margin-left: 920px;
	margin-top: 52px;
}

/* content */
#content {
	position: absolute;
	margin-left: 300px;
	width: 655px;
	margin-top: 105px;
/*	scrollbar-3dlight-color: #b3d7f8;
	scrollbar-darkshadow-color: #b3d7f8;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #b3d7f8;
	scrollbar-face-color: #0055a4;
	scrollbar-highlight-color: #b3d7f8;
	scrollbar-shadow-color: #b3d7f8;
	scrollbar-track-color: #b3d7f8; */
}
#content_achtergrond {
	background: url(../images/content_achtergrond.png) no-repeat right;
	height: 481px;
	width: 958px;
	position: absolute;
	margin-top: 140px;
	margin-left: -60px;
}
.content-scroller{
	padding: 20px 60px 15px 35px;
	height: 375px;
	overflow:auto;
	line-height: 18px;

/* footer */
}
#footer_container {
	height: 111px;
	background-color: #FFFFFF;
}
#balk_footer {
	background-color: #231f20;
	height: 25px;
	width: 903px;
	position: absolute;
	margin-top: 65px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	padding-top: 10px;
	padding-left: 55px;
}
#adresgegevens {
	width: 245px;
	position: absolute;
	margin-left: 22px;
	float: left;
	padding-left: 35px;
	background: url(../images/blauw_achtegrond.png) no-repeat;
	height: 105px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	padding-top: 11px;
}
#footer_menu_achtergrond {
	height: 81px;
	width: 340px;
	position: absolute;
	margin-left: 563px;
	float: left;
	background-color: #0055A4;
	margin-top: 30px;
}
ul#footer_menu {
	display: inline;
	float: left;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 28px;
}
ul#footer_menu li {
	display: inline;
	padding: 10px 18px 5px 8px;
	margin-top: 2px;
	float: left;
}
#footer_streep_1 {
	float: left;
	left: 102px;
	position: absolute;
	margin-top: 13px;
}
#footer_streep_2 {
	float: left;
	position: absolute;
	left: 198px;
	margin-top: 13px;
}
#footer_streep_3 {
	float: left;
	position: absolute;
	left: 259px;
	margin-top: 13px;
}
#copy {
	float: left;
	position: absolute;
	margin-top: 115px;
	margin-left: 790px;
	color: #A7A4A4;
	font: bold 11px arial;
}
#copy_link {
	float: left;
	position: absolute;
	margin-top: 115px;
	margin-left: 0px;
	color: #A7A4A4;
	font: bold 11px arial;
}

/*-------By TiD ------*/

#links					{ width: 520px; }
#links td				{ padding: 3px; }
#links img				{ border: 1px solid #C9C9CB; }

#systeemplafond			{ }
#systeemplafond td		{ vertical-align: top; border-bottom: 1px solid #C9C9CB; padding: 8px 2px 8px 2px; }
#systeemplafond img		{ border: 1px solid #8D8D8D;}

#metalstudwand			{ }
#metalstudwand td		{ border: 1px solid #C9C9CB; vertical-align: top; padding: 1px 0px 1px 10px; }
#metalstudwand img		{ border: 1px solid #8D8D8D;}

#metalstudwanden		{  }
#metalstudwanden td		{ vertical-align: top; border-bottom: 1px solid #C9C9CB; padding: 8px 2px 8px 2px; }
#metalstudwanden img	{ border: 1px solid #8D8D8D;}

.form td		{ text-align: left;}
.formtxt		{ color: #555454; font: normal 12px Arial; vertical-align: top;}
.input			{ color: #000000; font: normal 13px Arial; border: 1px solid #808080; background: #FFFFFF; padding: 2px 2px 2px 4px;  } 
.submit			{ color: #ffffff; font: bold  13px Arial; border: 1px solid #808080; background: #0055A4; padding: 0 6px 0 6px; }

.img			{ border: 1px solid #8D8D8D;}


a.prolinks				{ color: #8A8989; text-decoration:none;  }
a.prolinks:hover		{ color: #000000; text-decoration:underline; outline-style: none;  }

a.prorechts				{ color: #000000; text-decoration:none; font-weight: bold; }
a.prorechts:hover		{ color: #0055A4; text-decoration:underline; outline-style: none;  }

.pro1				{ background: #ffffff;  }
.pro2 td			{ vertical-align: top;}
.pro2 td img		{ border: 1px solid #737171;}
.pro2 a				{ color: #0055A4; text-decoration:underline; font-weight:bold; }
.pro2 a:hover		{ color: #8A8989; text-decoration:underline; outline-style: none; font-weight:bold; }

.pro2foto			{ background: #CFCFCF; padding: 8px; border-top: 1px solid #C8C6C6; border-bottom: 1px solid #C8C6C6;   }
.pro2txt			{ background: #F7F7F7; width: 420px; padding: 8px 12px 8px 12px; border-top: 1px solid #C8C6C6; border-bottom: 1px solid #C8C6C6; border-right: 1px solid #C8C6C6; font-size: 11px;}
.pro2lnk			{ background: #CFCFCF; font-size: 18px;padding: 8px;}

.pro3				{ background: #ffffff;  }
.pro3 td			{ vertical-align: top;}
.pro3 td img		{ border: 1px solid #737171;}
.pro3 a				{ color: #0055A4; text-decoration:underline; font-weight:bold; }
.pro3 a:hover		{ color: #8A8989; text-decoration:underline; outline-style: none; font-weight:bold; }

.pro3hdr			{ background: #0055A5; color: #F2F0F0; font-weight: bold;}
.pro3fotos			{ margin: 6px 0 6px 0; } 

.pro3foto			{ background: #F7F7F7; border: 1px solid #C8C6C6;  width: 140px;}
.pro3foto td		{ font-size: 11px; padding: 2px 10px 2px 10px;}

.pro3txt			{ background: #F7F7F7;  border: 1px solid #C8C6C6; width: 380px; }
.pro3txt td			{ font-size: 11px; padding: 2px 10px 2px 10px;}