﻿/*BELEEFBETON STYLES*/

body {
	margin: 0;	
	overflow: hidden;
}
.bg {
	width: 100%;
	height: 100%;
}
img {
	border: none;
}
a {
	text-decoration: none;
}
a:hover {
	color: #ffffff;
}

a.txt_link:link {
	color: #ffffff;
	text-decoration: underline;
}

a.txt_link:hover {
	color: #ffd330;
	text-decoration: underline;
}
a.txt_link:visited {
	color: #ffffff;
	text-decoration: underline;
}
a.elm_link:link {
	color: #ffffff;
}
a.elm_link:hover {
	color: #ffd330;
}
a.elm_link:visited {
	color: #ffffff;
}

p { 
	margin-top: 0px;
	margin-bottom: 0px;
}
input, select, textarea {
	font-family: Arial;
}
.cursor {
	cursor: pointer;
}
.arrow_right {
	margin-right: 5px;
}
.nav {
	position: absolute;
	top: 0px;
	left: 17px;
	width: 100%;
	height: 20px;
	filter: alpha(opacity=100);
	}
.subnav {
	position: absolute; 
	top: 33px; 	 
	width: 100%; 
	height: 80px; 
	}
.navwidth {
	position: absolute;
	width: 121px;
	padding-left: 0px;
	}
.head {
	font-size: 15px;
	letter-spacing: 0.2pt;
}
.txt, .txt a{
	font-size: 11px;
	letter-spacing: 0.2pt;
}
.txt_11 {
	font-size: 11px;
	letter-spacing: 0.2pt;
} 
.txt_12 {
	font-size: 12px;
	letter-spacing: 0.2pt;
}
.txt_14 {	
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.white {
	color: #ffffff;
}
.yellow {
	color: #ffd330;
}
.error {
	background-color: #ffd330; 
}
.logo {
	position: absolute;
	left: 280px;
	top: 5px;
}
.trans {
	background-color: #3c4e5c;
	filter: alpha(opacity=85);/*60*/
	-moz-opacity: .85; /*.6*/
	opacity: 0.85; /*.6*/
}
.trans_topFrame {
	background-color: #3c4e5c;
	filter: alpha(opacity=90);/*60*/
	-moz-opacity: .8; /*.6*/
	opacity: 0.8; /*.6*/
}
.shadow {
	filter: shadow(color: #000000, direction:120);
}
.shadow_gallery {
	filter: shadow(direction=135,color=#3f3f3f,strength=5);
}
.top {
	position: absolute;
	left: 0px;
	top: 40px;
	height: 120px;
	width: 100%;
}
.mid {
	position: absolute;
	left: 0px;
	top: 165px;
	height: 70px;
	width: 100%;
}
.bot {
	position: absolute;
	left: 0px;
	top: 315px;
	height: 120px;
	width: 100%;
}
.over {
	position: absolute;
	left: 0px;
	top: 120px;
	height: 18px;
	width: 100%;
}
.uFrame {
	position: absolute; 
	width: 184px; 
	height: 52px; 
	top: 18px; 
	left: 16px; 
}
.gallery_thumb {
	position: absolute;
	top: 15px;
	left: 17px;
}
.gallery_txt {
	position: absolute;
	top: 15px;
	left: 201px;
}
.news_thumb {
	position: absolute;
	top: 15px;
	left: 0px;
}
.news_txt {
	position: absolute;
	top: 15px;
	left: 108px;
	width: 293px;
}
.gFrame {
	background-color: #51606d;
}
.mFrame {
	position: absolute; 
	top: -555px; 
	left: 210px; 
	width: 621px; 
	height: 552px;
	filter: alpha(opacity=100);	
}
.paddingFrame 
{
    margin-top:23px;
	padding-left: 14px;
	padding-right: 12px;
}
.mFrame_left 
{    
	position: absolute; 
	top: 28px; 
	left: 10px; 
	width: 116px; 
	filter: alpha(opacity=100);	
}
.mFrame_left3 
{    
	position: absolute; 	
	top: 20px; 
	left: 25px; 
	width: 565px;
	filter: alpha(opacity=100);	
}
.mFrame_right {
	position: absolute; 
	top: 28px; 
	left: 173px; 
	width:429px;/*=444px*/
        padding-left:14px;
/*        padding-right:12px;*/
	filter: alpha(opacity=100);	
	height: 517px;	
	overflow: auto;

}
.pFrame_left {
	position: absolute; 
	top: 28px; 
	left: 10px; 
	width: 290px;
	filter: alpha(opacity=100);	
}
.pFrame_right {
	position: absolute; 
	top: 28px; 
	left: 322px; 
	width: 290px; 
	height: 460px; 
	filter: alpha(opacity=100);	
}
.plFrame {
	position: absolute; 
	top: -555px; 
	left: 369px; 
	width: 459px; 
	height: 552px;
}
html:root .plFrame {
	filter: alpha(opacity=100);		
} 
.plFrame_left { 
	position: absolute; 
	width: 430px; 
	height: 512px; 
	top: 28px; 
	left: 10px; 
	filter: alpha(opacity=100); 	
}
.popupFrame {
	position: absolute; 
	top: /*330px;*/250px;
	left: 134px;
	width: 715px;
	height: 280px;
	/*	background-color:#3C4E5C;  */
	filter: alpha(opacity=100); 
       /* background: url(/Files/System/popupframe.png) no-repeat; */
}
.popupClose {
	position: absolute; 
	top: 3px; 
	left: 687px; 
	cursor: pointer;
}
.proj_content_container {
	position: absolute; 
	top: 12px; 
	left: 0px; 
	width: 693px; 
	height: 246px; 
	filter: alpha(opacity=100);
}
.news_content_container {
	position: absolute; 
	top: 12px; 
	left: 0px; 
	width: 685px; 
	height: 246px;
	overflow: hidden; 
	filter: alpha(opacity=100);	
}
.quick_scan_input {
	height: 10px;
	width: 10px; 
	margin-left: 0px; 
	margin-right: 3px;
	margin-top: 1px; 
	vertical-align: top;
}
.login_input {
	height: 12px;
	width: 12px; 
	margin-left: 0px; 
	margin-right: 3px;
	margin-top: 1px; 
	vertical-align: top;
}
.register_form_row {
	width: 400px; 
	height: 18px; 	
}
.register_input {
	position: absolute;
	left: 135px;
	height: 16px; 
	width: 150px;
	vertical-align: top;
	border: none;
}
.register_radio {
	position: absolute;
	left: 135px;	
}
.cFrame {
	position: absolute; 
	top: -555px; 
	left: 369px; 
	width: 459px; 
	height: 552px;
/*filter: alpha(opacity=100);*/
}
.contact_content {
	position: absolute;
	top: 28px; /*72px;*/
	left: 43px;
	width: 386px;
	height: 502px;
	filter: alpha(opacity=100);
}
.google_box {
	position: absolute;
	top: 290px;
	left: 412px;	
	width: 386px;
	height: 284px;
}

/*DW STYLES*/

/* 

*{behavior:url(/Files/system/js/iepngfix.htc);}

*/

#mscrollbar{position: absolute; width: 13px; height: 100%; top: 0px; right: 20px; display: none;}
#b_top{position: absolute; width: 13px; height: 13px; top: 0px; cursor: pointer;}
#track{position: absolute;}
#dragger{position: absolute; margin: 0px; padding: 0px; overflow: hidden; border: solid 1px #3c4e5c; background-color:#ffd330;}
#b_bot{position: absolute; width: 13px; height: 13px; bottom: 0px; cursor: pointer;}
#news_content_right{width:410px; height: 400px; padding-right: 0px; overflow: hidden;}
#form_content_right{width:550px; /*height: 450px;*/ height:550px;  padding-right: 0px; overflow: hidden;}
#form_scrollbar{position: absolute; width: 15px; height:450px; top: 54px; left:550px; display: none}
#form_scrolldown{position: absolute; width: 13px; height: 13px; top: 437px; left: 0px; cursor: pointer;}

.scrollbar50{position: absolute; width: 15px; display: block; height: 400px; top: 57px; left: 273px;}
.scrollup50{position: absolute; width: 13px; height: 13px; top: 0px; cursor: pointer; left: 0px;}
.scrolldown50{position: absolute; width: 13px; height: 13px; top: 387px; cursor: pointer; left: 0px;}

.scrollbar70{position: absolute; width: 15px; display: block; height: 400px; top: 63px /*57px*/; left: 426px;}
.scrollup70{position: absolute; width: 13px; height: 13px; top: 0px; cursor: pointer; left: 0px;}
.scrolldown70{position: absolute; width: 13px; height: 13px; top: 387px; left: 0px; cursor: pointer;}

.content_0_70_scrollbar{position: absolute; width: 15px; display: none; height: 400px; top: 57px; left: 423px;}
.content_0_70_scrollup{position: absolute; width: 13px; height: 13px; top: 0px; cursor: pointer; left: 0px;}
.content_0_70_scrolldown{position: absolute; width: 13px; bottom: 0px; height: 13px; cursor: pointer; left: 0px;}

#top{top:-120px; display: block;}
#mainpage{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;}
#mid{top: -70px; display: block;}
#bar0{position: absolute; width: 100%; height: 120px; top:0; left:0;}
#bar1{position: absolute; width: 100%; height: 70px;}
#bar2{position: absolute;  top: 0px; left: 0px; height: 18px; width: 100%;}
#bar3{position: absolute; width: 100%; height: 120px;}
#bar4{position: absolute; top: 0px; left: 0px; width: 159px;  height: 552px;}
#bar5{position: absolute; width: 149px; height: 545px;}
#bar6{position: absolute; top: 0px; left: 163px; width: 463px; height: 552px;}
#bar7{position:absolute; width: 453px; height: 545px;}
#bar8{position: absolute; left: 10px; top: 0px;}
img#closebutton{position: absolute; left: 598px; top: 3px; cursor: pointer;}

/*Topmenu*/
#topmenu{position: absolute; top: 0px; left: 0px; width:100%; height:20px; filter:alpha(opacity=100); margin-left:-36px; *margin-left:-39px; margin-top:-13px; *margin-top:0px}
#topmenu ul{ list-style-type:none; background-color:red; }
#topmenu ul li a{letter-spacing: 0.2pt; font-size:13px; }
#topmenu ul li{float:left; width:119px; *width:117px; border-right:1px #fff solid; margin-left:13px; *margin-left:16px; padding-top:3px; height:19px; }
/*#topmenu ul li#item1{width:109px /*116*/;}*/

#topmenu ul li.L1{display:inline; float:left; width:auto;}
#topmenu ul li.L1_Active{display:inline; float:left; width:auto;}
#topmenu a{float:left; text-decoration:none;}
#topmenu ul li.topmenuActive a{color:#fff}

/*Subnav - level 2*/
.subnav ul{float:left; list-style-type:none; margin-left:0px;}
.subnav ul li{width:119px /*116*/;}
.subnav ul li a{letter-spacing: 0.2pt; font-size:10px}

/*SubSubnav - level 3*/
.SubSubnav ul{float:left; list-style-type:none; margin-left:0px;}
.SubSubnav ul li{width:119px /*116*/;}
.SubSubnav ul li a{letter-spacing: 0.2pt; font-size:10px}

/*homemenu*/
#homemenu{float:left; padding-left:14px; *padding-left:0; } 
#homemenu ul{float:left; list-style-type:none; margin-top:0px; margin-left:0px; list-style-position:outside; width:100px; }
#homemenu ul li{margin-top:0px; width:116px; background-image:url(/Files/system/buttons/arrow.png); background-position:0px 4px; padding-left:14px; margin-left:-54px /*-40px*/; *margin-left:0px; background-repeat:no-repeat}

/*Inloggen*/
#over{position: absolute; top: -18px; display: block;}
#Inloggen{float:left; width:116px; position: absolute; left: 3px; margin-top:-13px; *margin-top:0px}
#Inloggen ul{float:left; list-style-type:none; margin-left:0px; list-style-position:outside; width:100px; }
#Inloggen ul li{background-image:url(/Files/system/buttons/arrow.png); background-position:0px 4px; padding-left:14px; margin-left:-40px; *margin-left:0px; background-repeat:no-repeat}

/*Nieuws*/
#Nieuws{width:119px /*116*/; position: absolute; left: 3px; margin-top:-13px; *margin-top:0px; height:20px}
#Nieuws ul{list-style-type:none; margin-left:0px; list-style-position:outside; width:100px; height:20px}
#Nieuws ul li{background-image:url(/Files/system/buttons/arrow.png); background-position:0px 4px; padding-left:14px; margin-left:-40px; *margin-left:0px; background-repeat:no-repeat}
.newstext{font-size: 11px; letter-spacing: 0.2pt; color:#fff; }

/*Product menu*/
.productenMenu{float:left;}
.productenMenu ul{list-style-type:none; width:300px; margin-left:0px; list-style-position:outside;}
.productenMenu ul li.L3{background-image:url(/Files/system/buttons/arrow.png); background-position:0px 4px; padding-left:14px; /*margin-left:-40px;*/ *margin-left:0px; background-repeat:no-repeat}
.productenMenu ul li.L3_Active{background-image:url(/Files/system/buttons/arrowDown.png); background-position:0px 4px; padding-left:14px; /*margin-left:-40px;*/ margin-left:0px; background-repeat:no-repeat}
.productenMenu ul li.L4,.productenMenu ul li.L4_Active,.productenMenu ul li.L5,.productenMenu ul li.L5_Active{background-image:none; padding-left:14px}

/*Search*/
#searchform{position: absolute; left: 837px;}
#searchform input{height:18px; border-color:#fff}
#searchfield{height: 18px; width: 120px; vertical-align: middle; margin-right: 3px; padding-top: 2px; border: none;}
img#searchbutton{cursor: pointer; vertical-align: middle;}

/*------- CONTACT FORM -------*/
#form_content_right form table{
   color:#FFD330;
}
#form_content_right table input{
   border:none;
}



/*------- NEWS -------*/

#years{
margin-left:0px;
}
#newsimg{
   position: relative; 
   float: left;
}
.newsitemholder{
   position: relative;    
   float: left; 
   height: 246px; 
   width: 388px;
   margin-left: 12px; 
   overflow: hidden;
}

/*------- PROJECTEN -------*/
.projecten_content_container {
   height:246px;
   left:0;
   overflow:hidden;
   position:absolute;
   top:12px;
   width:/*685px;*/695px;
}
.thumbs{
   margin-top:3px;
   height:57px;
   width:280px;
}
.project_text {
   height:244px;
   left:292px;
   position:absolute;
   top:0;
   width:401px;
}
.txt_pdf {
   font-family:Arial;
   font-size:9px;
   position:absolute;
   text-align:right;
   top:230px;
   width:398px;
}
#LargeImg1, #SmallImg1, #SmallImg2, SmallImg3{
   display:block;
}
#LargeImg2, #LargeImg3, #LargeImg4, 
#SmallImg4{
   display:none;
}
/* MENU */
.subnav ul li a {
font-size:11px;
}

.subnav ul  {
padding-left:14px;
margin:0;
}

.navwidth {
padding-left:0;
position:absolute;
width:121px;
}

.page3 {
left: 270px;
}
.page6 {
left: 668px;
}


/* 0-70 plFrame */
.plFrame {
display:block;
top:118px;
background: url(/Files/System/plframe.png) no-repeat;
height:552px;
left:369px;
position:absolute;
top:-555px;
width:459px;
/*filter: alpha(opacity=100);*/
}

.plFrame_left {
height:512px;
left:10px;
position:absolute;
top:28px;
width:442px;
}
.plFrame_left #form_scrollbar {
height:400px;
left:423px;
position:absolute;
top:57px;
width:15px;
} 

.productenMenu ul  {
margin:0;
padding:0px;
}
.productenMenu ul.M0 {
margin:0;
margin-left:0px;
}
.productenMenu ul li.L3_Active {
margin-left:0px;
}
#proditemname .M2 a.L3_Active {
display:none;
}

#proditemname span.M3 .L4_Active {
color:#ffffff;
font-weight:normal;
}
#proditemname a.L2_Active {
color:#FFD330;
}
#proditemname {
margin: 19px 0 20px 0;
} 
/*CONTACT FORM*/
#form_content_right,  #form_content_right input {
margin:0;
padding:0;
}
html:root #quickscan_options {
margin-top:-10px;
}
 