* { padding: 0; margin: 0; }
#logo { float: left; margin-top: 22px; margin-left: 30px; padding: 0; }
#logo img { text-decoration: none; width: 120px; height: 120px; border: solid 0 #fff; }
body { font-family: Myriad, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1em; background-color: #fff; }
#wrapper3 { background-color: #e2e2e2; background-repeat: repeat; background-position: 50% 0; width: 100%; margin: 0 auto; border-bottom: 2px solid #fff; }
#wrapper2 { background-color: #fff; margin: 0 auto; width: 100%; height: 165px; }
#wrapper4 { background-color: #5d585e; margin: 0 auto; width: 100%; height: 10px; border-bottom: 2px solid #fff; }
#wrapper { background-image: url(../images/metal.jpg); background-repeat: repeat; margin: 0 auto; width: 980px; border-right: 1px solid #fff; border-left: 1px solid #fff; }
#header { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 980px; height: 90px; position: relative; left: 50%; margin-left: -490px; }
#leftcolumn { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 10px 0 0; width: 202px; float: left; }
#rightcolumn { color: #000; float: right; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 10px 0 0; width: 714px; display: inline; }
#footer { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 980px; height: 10px; clear: both; margin: 0; }
#foo { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; width: 700px; height: 10px; clear: both; }
#footer2 { background: #5d585e; margin-top: 0; margin-bottom: 10px; width: 100%; height: 40px; clear: both; }
#leftcolumn #nav { color: #5d585e; font-size: 110%; position: relative; margin: 20px 20px 20px 44px; padding: 0; list-style-type: square; }
#topnav { float: right; margin-top: 52px; margin-right: 200px; padding: 0; display: block; }
#topnav ul { list-style-type: none; list-style-position: inside; padding: 0; position: relative; z-index: 9999; }
#topnav ul li { list-style-type: none; list-style-position: inside; padding: 0; position: relative; width: 140px; height: 62px; z-index: 9999; float: left; margin-right: 10px; margin-left: 20px; border-left: 1px solid #495c68; }
a.b { color: #5d585e; font-size: 81%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; background-repeat: repeat-x; text-decoration: none; width: 198px; height: 40px; margin-bottom: 20px; display: block; }
a.b:hover { color: #9999cc; font-size: 81%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; text-decoration: none; background-repeat: repeat-x; display: block; margin-bottom: 20px; width: 198px; height: 40px; margin-left: 0; }
a.b_actief { color: #9999cc; font-size: 81%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; text-decoration: none; background-repeat: repeat-x; display: block; margin-bottom: 20px; width: 198px; height: 40px; margin-left: 0; }
a.b_actief:hover { color: #9999cc; font-size: 81%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; text-decoration: none; background-repeat: repeat-x; display: block; margin-bottom: 20px; width: 198px; height: 40px; margin-left: 0; }
a.t { color: #5d585e; font-size: 77%; text-decoration: none; margin-left: 10px; padding-top: 28px; display: block; }
a.t:hover { color: #9999cc; font-size: 77%; text-decoration: none; margin-left: 10px; padding-top: 28px; display: block; }
a.t_actief { color: #9999cc; font-size: 77%; text-decoration: none; display: block; margin-left: 10px; padding-top: 28px; }
a.t_actief:hover { color: #9999cc; font-size: 77%; text-decoration: none; display: block; margin-left: 10px; padding-top: 28px; }
.concepttop { background-image: url(../images/content_top.jpg); width: 825px; height: 31px; }
.concepttop2 { background-image: url(../images/content_top2.jpg); width: 805px; height: 28px; }
.conceptmid { background-image: url(../images/content_middle.jpg); background-repeat: repeat-y; width: 825px; }
.conceptmid2 { background-image: url(../images/content_middle2.jpg); background-repeat: repeat-y; width: 805px; }
#conceptim { margin-left: 31px; }
#concepttekst { line-height: 20px; margin-right: 40px; margin-left: 40px; padding-top: 10px; padding-bottom: 10px; }
.conceptbottom { background-image: url(../images/content_bottom.jpg); width: 825px; height: 28px; }
.conceptbottom p { float: right; margin-right: 32px; }
.conceptbottom2 { background-image: url(../images/content_bottom2.jpg); width: 805px; height: 28px; }
.conceptwrap2 { margin-left: 19px; }
#concepttekst h1 { color: #9999cc; font-size: 106%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: bold; text-align: justify; }
#concepttekst h2 { color: #5d585e; font-size: 94%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; text-align: justify; }
#concepttekst p { color: #5d585e; font-size: 81%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-align: justify; margin-top: 20px; }
#content { min-height: 416px; margin: 22px 30px 22px 18px; }
#content2 { margin-bottom: 30px; min-height: 416px; }
.cont { margin-top: 40px; display: block; }
.cont a { color: #5d585e; }
.cont a:hover { color: #9999cc; }
#content p { color: #5d585e; font-size: 81%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; line-height: normal; text-align: justify; margin-top: 20px; }
#content .cont { color: #5d585e; font-size: 81% !important; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-align: justify; margin-top: 20px; }
#content ul { color: #5d585e; font-size: 81%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-align: justify; margin-top: 20px; margin-left: 15px; }
#content ul a { color: #5d585e; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-align: justify; }
#content ul a:hover { color: #9999cc; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-align: justify; }
.copyright { color: #fff; font-size: 69%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; }
.naw { color: #fff; font-size: 78%; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; position: absolute; left: 50% !important; margin-top: 8px; margin-left: -205px; padding-top: 4px; display: block; }
.seper { color: #9999cc; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; margin-right: 10px; margin-left: 10px; }
.na {  }
.na a { color: #fff; }
.na a:hover { color: #9999cc; }
#prodcont { width: 730px; height: 130px; display: block; }
.prodcont2 { display: block; width: 730px; height: 130px; margin-bottom: 20px; }
.class { margin-right: 0; margin-left: 0; }

	.boxgrid a{ color:#fff; text-decoration: none; }
.boxgrid a:hover { color: #5d585e; text-decoration: none; }
#content h1{ color:#5d585e; font:bold 100% Arial, sans-serif; letter-spacing:0; margin-top: 10px; margin-right: 10px; margin-bottom: 5px; }
.beeldrechts { float: right; margin-top: 16px; margin-bottom: 20px; margin-left: 20px; border: solid 1px #fff; }
h2 { color: #5d585e; font: bold 100% Arial, sans-serif; letter-spacing: 0; margin: 10px 10px 5px 14px; }
h3{ margin: 10px 10px 0 5px; color:#5d585e; font:bold 75% Arial, sans-serif; letter-spacing:0;   }
#refs {  }
.boxgrid{ width: 140px; height: 105px; margin:15px; float:left; background:#9999cc; border: solid 2px #c8c6de; overflow: hidden; position: relative; }
				.boxgrid img{ position: absolute; top: 0; left: 0; width: 138px; height: 103px; border: solid 1px #fff; }
				.boxgrid p{ 
					padding: 0 5px; 
					color:#fff; 
					font:70% "Lucida Grande", Arial, sans-serif; 
				}
				
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #E2007A; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0px;
 				}
				
			h3 a{}
.act_content { margin-bottom: 20px; padding-left: 5px; border-left: 2px solid #fff; }
.act_content h1 { color: #e2007a; font-size: 77%; line-height: 18px; }
.act_content a{ color: #adc1db; font-size: 78%; text-decoration: none; }
.act_content a:hover { color: #fff; font-size: 78%; text-decoration: none; }
.zoombox { background-color: #e2007a; z-index: 99999; display: none; }
#ref_tekst { background-color: #fff; width: 340px; float: left; margin-top: 15px; margin-left: 12px; }
.refuldiv { width: 382px; float: left; }
#ref_tekst h1 { color: #e2007a; font-size: 100%; margin-bottom: 10px; }
#ref_tekst p { color: #495c68; font-size: 81%; line-height: 16px; text-align: justify; }
.mask { background-image: url(../images/main_image_mask.png); background-repeat: no-repeat; position: relative; width: 530px; height: 355px; float: right; clear: right; display: none; }
.thumb {  }
.mainviewclass { background-color: #fff; float: left; margin: 0 0 0 -10px; padding: 9px; border: solid 1px #d9d9d9; }
.mainviewclass img { background-color: #fff; width: 510px; height: 335px; }
#banners { margin-left: -18px; overflow: hidden; }
.logos { margin-left: 10px; margin-bottom: 10px; margin-right: 0; margin-top: 10px; border: solid 1px #5d585e; cursor: pointer; }
.logos:hover { margin-left: 10px; margin-bottom: 10px; margin-right: 0; margin-top: 10px; border: solid 1px #9999cc; cursor: pointer; }
.logos2 { margin-bottom: 34px; border: solid 1px #5d585e; cursor: pointer; }
.logos2:hover { margin-bottom: 34px; border: solid 1px #005138; cursor: pointer; }
#logo a img { border-width: 0; }
#referenties ul { list-style-type: none; }
#referenties ul li { margin-left: 36px; margin-right: 36px; float: left; }
#socialm { margin-top: 100px; margin-left: 42px; list-style-type: none; }
#socialm li { margin-right: 8px; float: left; }