* { 
    box-sizing      : border-box; 
    -moz-box-sizing : border-box; 
}

body, td{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #7D7D80;
}

body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
	overflow: auto;
  scrollbar-base-color:#2B2B2B;
  scrollbar-3d-light-color:#7D7D80;
  scrollbar-arrow-color:#7D7D80;
  scrollbar-darkshadow-color:#333936;
  scrollbar-face-color:#3A403B;
  scrollbar-highlight-color:#7D7D80;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#3A403B;
}
A {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #7D7D80;
	font-style : normal;
	line-height : 14px;
	font-weight : normal;
	text-decoration : none;
}

A:HOVER {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #7D7D80;
	font-style : normal;
	line-height : 14px;
	font-weight : normal;
	text-decoration : underline;
}

#page{
	width: 898px;
	margin: auto !important;
	text-align: center;
	border-bottom: 1px solid #dedede;
}

#header{
	height: 166px;
	border-bottom: 1px solid #dedede;
}

#mainPage{
	height: 350px;
}

#leftCol{
	float: left;
	height: 350px;
	margin: auto;
	width: 112px;
}
#rightCol{
	float: left;
	padding-left: 110;
	border: 0;
	text-align: left;
	width: 480px;
	height: 350px;
}
#info{
	float: right;
	border: 0;
	text-align: left;
	width: 240px;
	padding-left: 10;
}
#home{
	float: left;
	border: 0;
	height: 350px;
}
#footer{
	height: 50px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	border-top: 1px solid #000000;
}

/* header */
#blok {
	float: left;
	width: 80px;
	margin-right: 23px;
}
#logo{
	float: left;
	margin: 0;
}
#logo a img{
	border: 0;
}
#3d {
	float: left;
	margin: 0;
	margin-top:5px;
}
#hoofdNavigatie{
	float: left;
}

#hoofdNavigatie a{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #7D7D80;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
	padding-right: 30px;
	padding-left: 12px;
	padding-bottom: 2px;
	xwidth: 122px;
}
#hoofdNavigatie a:hover, #hoofdNavigatie .active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#over{
	border-left: 3px solid #CF1817;
}
#hoofdNavigatie a#over:hover{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #CF1817;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#over.active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #CF1817;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#prod{
	border-left: 3px solid #CD9F37;
}
#hoofdNavigatie a#prod:hover{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #CD9F37;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#prod.active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #CD9F37;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#proj{
	border-left: 3px solid #49A305;
}
#hoofdNavigatie a#proj:hover{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #49A305;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#proj.active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #49A305;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#onder{
	border-left: 3px solid #4476AC;
}
#hoofdNavigatie a#onder:hover{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #4476AC;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#onder.active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #4476AC;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#leg{
	border-left: 3px solid #535353;
}
#hoofdNavigatie a#leg:hover{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #535353;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#leg.active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #535353;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#staal{
	border-left: 3px solid #AD9275;
}
#hoofdNavigatie a#staal:hover{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #AD9275;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#staal.active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #AD9275;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#sketchup{
	border-left: 3px solid #7f7f7f;
}
#hoofdNavigatie a#sketchup:hover{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #7f7f7f;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}
#hoofdNavigatie a#sketchup.active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #7f7f7f;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
}

/*Style voor de navigatie */
	#content-wrapper{
	margin-left: -16px;
	}
	#navigatie {
		float: left;
		padding-right: 120px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		text-align:left;
		line-height: normal;
	}

	#navigatie ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border-left: 3px solid #CF1817;
		height: 103px;
		}
		
	#navigatie li {
		margin: 0;
		}		
	#navigatie li a {
		display: block;
		padding-top: 4px;
		padding-left: 12px;
		color : #7D7D80;
		text-decoration: none;
		width: 100%;
		line-height: normal;
		}

	html>body #navigatie li a {
		width: auto;
		}
	html>body #navigatie .header {
		width: auto;
		}
	html>body #navigatie .spacer {
		width: auto;
		}

	#navigatie li a:hover, #navigatie li .active {
		color: #CF1817;
		}
		
#scroll {
height: 92%;
width: 100%;
overflow: auto;
padding: 0px;
  scrollbar-base-color:#2B2B2B;
  scrollbar-3d-light-color:#818273;
  scrollbar-arrow-color:#818273;
  scrollbar-darkshadow-color:#333936;
  scrollbar-face-color:#3A403B;
  scrollbar-highlight-color:#818273;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#3A403B;
}
.text {
	text-align: justify;
}
.text a{
	font-size: 11px;
	font-weight: normal;
	color: #7D7D80;
	text-decoration: underline;
}
.text a:hover {
	color: #7D7D80;
	font-weight: normal;
	text-decoration: none;
}
.text2 {
	text-align: left;
}
.text2 a{
	font-size: 11px;
	font-weight: normal;
	color: #7D7D80;
	text-decoration: none;
}
.text2 a:hover {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.text3 {
	text-align: left;
}
.text3 a{
	font-size: 11px;
	font-weight: normal;
	color: #7D7D80;
	text-decoration: underline;
}
.text3 a:hover {
	color: #7D7D80;
	font-weight: normal;
	text-decoration: none;
}
input {
	color : #818273;
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-align : left;
	border-width: 1; 
	border-color: #dedede; 
	border-style: solid; 
	background-color:transparent
}
Textarea {
	color : #818273;
	font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-align : left;
	width: 195px;
	border-width: 1; 
	border-color: #dedede; 
	border-style: solid; 
	background-color:transparent
}
.button {
	FONT-SIZE: 11px;
	color: #fff;
	background-color:#7d7c82;
	text-align: center;
	cursor: pointer;
}
.thumbs {
	display: block;
	border: 1px solid #dedede; 
	}