/*========================================================================*/
/*		MAIN ELEMENTS													  */
/*========================================================================*/
*{
	margin:0px; padding:0px; 
}

body{
	margin:0px; padding:0px;
	background:#404042 url(images/bgtop.gif) repeat-x;
	font: normal 12px/1.7em Arial;
	color:#333;		
	text-align:center;
}

p.clear { clear:both; margin:0px; padding:0px; }
p.clearq { clear:both; margin-top:-5px; padding:0px; }
p.space { clear:both; margin:0px !important; margin:-5px; padding:0px; height:2px; }


img.float-right { margin: 5px 0px 10px 10px; }
img.float-left { margin: 0px 10px 5px 0px; }
img.frame {border: 3px solid #FFF;}
img.framegeen {border: 0px solid #FFF;}
a:hover img.framegeen {border: 0px solid #FFF;}


.float-left  { float: left; }
.float-right { float: right; }

a img { border:none; }
a:hover img {border: 3px solid #FFF;}

a { color:#333; text-decoration:underline; }
a:hover { color:#646464; text-decoration:none; }
a.photos { margin:0px; padding:0px 0px 10px 25px; background:transparent url(images/linkphoto.jpg) no-repeat; color:#FFF; text-decoration:none; }
a:hover.photos { color:#FFF; text-decoration:none; }

.tekst12 { color:#fff;
font: normal 12px/1.3em Arial;
text-decoration: none;
line-height:19px;}

/*------- MENU TOP --------*/
a.menu_home_active { display:inline-block; margin-right:-5px !important; 
margin:0px; 
padding:0px; 
width:95px; 
height:34px; 
background: url(images/menu_home_active.gif)  no-repeat; 
/*background: url(images/homejp.jpg)  no-repeat; */
}
a:hover.menu_home_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:95px; height:34px; background: url(images/menu_home_ahover.gif) no-repeat; text-decoration:none;}
a.menu_home { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:95px; height:34px; background:url(images/menu_home_a.gif) no-repeat; }
a:hover.menu_home { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:95px; height:34px; background:url(images/menu_home_ahover.gif) no-repeat; text-decoration:none;}

a.menu_over_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_over_active.gif) no-repeat; text-decoration:none; }
a:hover.menu_over_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_over_ahover.gif) no-repeat; text-decoration:none;}
a.menu_over { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_over_a.gif) no-repeat; text-decoration:none; }
a:hover.menu_over { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_over_ahover.gif) no-repeat; text-decoration:none;}

a.menu_ontwerp_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_ontwerp_active.gif) no-repeat; text-decoration:none; }
a:hover.menu_ontwerp_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_ontwerp_ahover.gif) no-repeat; text-decoration:none;}
a.menu_ontwerp { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_ontwerp_a.gif) no-repeat; text-decoration:none; }
a:hover.menu_ontwerp { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_ontwerp_ahover.gif) no-repeat; text-decoration:none;}

a.menu_montage_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_montage_active.gif) no-repeat; }
a:hover.menu_montage_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_montage_ahover.gif) no-repeat; text-decoration:none;}
a.menu_montage { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_montage_a.gif) no-repeat; }
a:hover.menu_montage { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:91px; height:34px; background:transparent url(images/menu_montage_ahover.gif) no-repeat; text-decoration:none;}

a.menu_aanbouw_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:97px; height:34px; background:transparent url(images/menu_aanbouw_active.gif) no-repeat; }
a:hover.menu_aanbouw_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:97px; height:34px; background:transparent url(images/menu_aanbouw_ahover.gif) no-repeat; text-decoration:none;}
a.menu_aanbouw { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:97px; height:34px; background:transparent url(images/menu_aanbouw_a.gif) no-repeat; }
a:hover.menu_aanbouw { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:97px; height:34px; background:transparent url(images/menu_aanbouw_ahover.gif) no-repeat; text-decoration:none;}

a.menu_verbouw_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:92px; height:34px; background:transparent url(images/menu_verbouw_active.gif) no-repeat; }
a:hover.menu_verbouw_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:92px; height:34px; background:transparent url(images/menu_verbouw_ahover.gif) no-repeat; text-decoration:none;}
a.menu_verbouw { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:92px; height:34px; background:transparent url(images/menu_verbouw_a.gif) no-repeat; }
a:hover.menu_verbouw { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:92px; height:34px; background:transparent url(images/menu_verbouw_ahover.gif) no-repeat; text-decoration:none;}

a.menu_referenties_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:106px; height:34px; background:transparent url(images/menu_referenties_active.gif) no-repeat; }
a:hover.menu_referenties_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:106px; height:34px; background:transparent url(images/menu_referenties_ahover.gif) no-repeat; text-decoration:none;}
a.menu_referenties { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:106px; height:34px; background:transparent url(images/menu_referenties_a.gif) no-repeat; }
a:hover.menu_referenties { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:106px; height:34px; background:transparent url(images/menu_referenties_ahover.gif) no-repeat; text-decoration:none;}

a.menu_info_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:110px; height:34px; background:transparent url(images/menu_info_active.gif) no-repeat; }
a:hover.menu_info_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:110px; height:34px; background:transparent url(images/menu_info_ahover.gif) no-repeat; text-decoration:none;}
a.menu_info { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:110px; height:34px; background:transparent url(images/menu_info_a.gif) no-repeat; }
a:hover.menu_info { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:110px; height:34px; background:transparent url(images/menu_info_ahover.gif) no-repeat; text-decoration:none;}

a.menu_contact_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:109px; height:34px; background:transparent url(images/menu_contact_active.gif) no-repeat; }
a:hover.menu_contact_active { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:109px; height:34px; background:transparent url(images/menu_contact_ahover.gif) no-repeat; text-decoration:none;}
a.menu_contact{ display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:109px; height:34px; background:transparent url(images/menu_contact_a.gif) no-repeat; }
a:hover.menu_contact { display:inline-block; margin-right:-5px !important; margin:0px; padding:0px; width:109px; height:34px; background:transparent url(images/menu_contact_ahover.gif) no-repeat; text-decoration:none;}

a.more { padding:3px 6px 3px 6px; background:#374769; color:#FFF; text-decoration:none;}

a:hover.more { background:#788dba; color:#FFF; text-decoration:none; }


h1 {margin:0px; padding:0px; font: bolder 22px/1.7em "Arial"; color:#555}
h2 {margin:0px; padding:0px; font: bolder 12px/1.7em "Arial"; color:#555}
h3 {margin:0px; padding:0px; font: bolder 12px/1.7em "Arial"; color:#555 }
h4 {margin:0px; padding:0px; font: bolder 13px/1.7em "Arial"; color:#555}

h2.whiteclr {margin:20px 0px 0px 0px; padding:0px; font: bolder 19px/1.7em "Trebuchet MS"; color:#FFF}

/*========================================================================*/
/*		LAYOUT														      */
/*========================================================================*/
#wrap_top {
	clear:both;
	background: #2c2c2e url(images/bgwraptop.gif) repeat-x;
	width:100%; 
	margin: 0 auto;
	text-align: left;
	/*border:1px solid #000;*/
}
#wrap {
	clear:both;
	background: #FFF;
	width:1000px; 
	margin: 0 auto; padding:0px;
	text-align:left;
	/*border:1px solid #000;*/
}
#wrap_menu {
	clear:both;
	background: #333335 url(images/bgmenu.gif) no-repeat top;
	width:1000px; height:80px;
	margin: 0 auto; 
	
	padding:0px;
	text-align: left;
	/*border:1px solid #000;*/
}
#header {
	margin:0 auto; 
	width:1000px; 
	height:173px;
	background:#666 url(images/bgheader.jpg) repeat-x 0% 100%;	
	/*border:1px solid #666;*/
}
.logo {
	float:left;
	margin:50px 0px 0px 34px !important; margin:50px 0px 0px 17px; padding:0px;
}
#content {
	margin:0 auto; padding:0px;
	width:1000px; 
	height:100%;
	background:#FFF url(images/_.jpg) repeat-x 0% 100%;	
	/*border:1px solid #666;*/
}

/*========================================================================*/
/*		MENU TOP													      */
/*========================================================================*/
.menu {
	clear: both;
	background: transparent;
	width:882px; height: 34px;
/*	margin: 0 auto;*/
	margin-top: 0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:40px;
	font: normal 15px/2.27em Trebuchet MS;
}
.menu ul{
	margin: 0; padding: 0px;
}
.menu ul li {
	float: left;
	list-style: none;		
}
.menu ul li a {
	display: block;
	background: url(images/menubg.gif) repeat-x;
	text-decoration: none;	
	padding: 0px 15px;
	color: #FFF;	
	border-left: 1px solid #6b7ea6;
	border-right: 1px solid #4c618c;
}
.menu ul li a:hover {	
	color: #FFF;
	background: url(images/menu_hover_bg.gif) repeat-x;
}
.menu ul li#current a {
	color: #FFF;
	background: url(images/menu_current_bg.gif) repeat-x;	
}
.menu ul li#current a:hover {	
	color: #FFF;
	background: url(images/menu_hover_bg.gif) repeat-x;
}

/*~~~~~~~~ Menu - rounded corner left */
.menu ul li a.leftside {
   float:left;
   background: url(images/menu_roundleft.gif) no-repeat left top;
   margin:0;
   padding:0px 0px 0px 20px;
   text-decoration:none; border:none;
}
.menu ul li a.leftside span {
   float:left;
   display:block;
   background: url(images/menubg.gif) repeat-x;
   padding:0px 15px;
}
.menu ul li#current a.leftside {
   float:left;
   background: url(images/menu_roundleft_current.gif) no-repeat left top;
   margin:0;
   padding:0px 0px 0px 20px;
   text-decoration:none; border:none;
}
.menu ul li#current a.leftside span {
   float:left;
   display:block;
   background: url(images/menu_current_bg.gif) repeat-x;
   padding:0px 15px;
}
.menu ul li#current a:hover.leftside {
   float:left;
   background: url(images/menu_roundleft_hover.gif) no-repeat left top;
   margin:0px;
   padding:0px 0px 0px 20px;
   text-decoration:none; border:none;
}
.menu ul li#current a:hover.leftside span {
   float:left;
   display:block;
   background: url(images/menu_hover_bg.gif) repeat-x;
   padding:0px 15px;
}
.menu ul li a:hover.leftside {
   float:left;
   background: url(images/menu_roundleft_hover.gif) no-repeat left top;
   margin:0px;
   padding:0px 0px 0px 20px;
   text-decoration:none; border:none;
}
.menu ul li a:hover.leftside span {
   float:left;
   display:block;
   background: url(images/menu_hover_bg.gif) repeat-x;
   padding:0px 15px;
}

/*~~~~~~~~ Menu - rounded corner right */
.menu ul li a.rightside {
   float:left;
   background: url(images/menu_roundright.gif) no-repeat right top;
   margin:0;
   padding:0px 20px 0px 0px;
   text-decoration:none;	border:none;
}
.menu ul li a.rightside span {
   float:left;
   display:block;
   background: url(images/menubg.gif) repeat-x;
   padding:0px 15px;
}
.menu ul li#current a.rightside {
   float:left;
   background: url(images/menu_roundright_current.gif) no-repeat right top;
   margin:0;
   padding:0px 20px 0px 0px;
   text-decoration:none;	border:none;
}
.menu ul li#current a.rightside span {
   float:left;
   display:block;
   background: url(images/menu_current_bg.gif) repeat-x;
   padding:0px 15px;
}
.menu ul li#current a:hover.rightside {
   float:left;
   background: url(images/menu_roundright_hover.gif) no-repeat right top;
   margin:0;
   padding:0px 20px 0px 0px;
   text-decoration:none;	border:none;
}
.menu ul li#current a:hover.rightside span {
   float:left;
   display:block;
   background: url(images/menu_hover_bg.gif) repeat-x;
   padding:0px 15px;
}
.menu ul li a:hover.rightside {
   float:left;
   background: url(images/menu_roundright_hover.gif) no-repeat right top;
   margin:0;
   padding:0px 20px 0px 0px;
   text-decoration:none;	border:none;
}
.menu ul li a:hover.rightside span {
   float:left;
   display:block;
   background: url(images/menu_hover_bg.gif) repeat-x;
   padding:0px 15px;
}



/*========================================================================*/
/*		LAYOUT														      */
/*========================================================================*/
/* ~~~~~~ content welkom ~~~~~~ */
.box_contWel{
	float:left;
	margin:0px;
	/*padding:20px 30px 70px 70px;*/
	padding:25px 30px 70px 40px;
	width:356px; height:249px;
	background:#e6e0e2;
	/*border:1px solid #666;*/
}
/* ~~~~~~ content left side ~~~~~~ */
.box_contLeft{
	float:left;
	margin:0px;
	padding:30px 20px 20px 40px;
	width:690px; height:auto;
	background:#e6e0e2;
	/*border:1px solid #666;*/
}

/* ~~~~~~ content initial b4 footer ~~~~~~ */
.box_initial{
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
	width:980px; height:50px;
	text-align:right;
	background:#FFF;
	border-top:1px solid #dadada;
}

/* ~~~~~~ list with image right (ontwerp) ~~~~~~ */
.listRight{
	float:left;
	margin:0px;
	padding:0px;
	width:auto; height:auto;
	background:#c2bcbe;
	border-bottom:8px solid #afa9ab;
	/*border:1px solid #666;*/
}

.listRightform{
	float:left;
	margin:0px;
	padding:0px;
	width:688px; height:auto;
	background:#c2bcbe;
	border-bottom:8px solid #afa9ab;
	/*border:1px solid #666;*/
}

.listRight_text{
	float:left;
	margin:0px;
	padding:20px 12px 20px 20px;
	width:436px; height:auto;
	background:transparent;
}

.listRight_text_overons{
	float:left;
	margin:0px;
	padding:20px 12px 20px 20px;
	width:300px; height:auto;
	background:transparent;
}

.listRight_text_overons2{
	float:left;
	margin:0px;
	padding:0px 12px 20px 20px;
	width:640px; height:auto;
	background:transparent;
}

.listRight_text_contact{
	float:left;
	margin:0px;
	padding:20px 12px 20px 20px;
	width:336px; height:auto;
	background:transparent;
}

.listRight_text2{
	float:left;
	margin:0px;
	padding:20px 12px 20px 20px;
	width:656px; height:auto;
	background:transparent;
}

.listRight_text_info{
	float:left;
	margin:0px;
	padding:10px 10px 10px 20px;
	width:520px; height:auto;
	background:transparent;
}

.listRight_image{
	float:left;
	margin:0px;
	padding:20px 0px 20px 0px;
	width:220px; height:auto;
	text-align:center;
	background:transparent;
}

.listRight_image_overons{
	float:left;
	margin:0px;
	padding:20px 0px 20px 0px;
	width:356px; height:auto;
	text-align:center;
	background:transparent;
}

.listRight_image_contact{
	float:left;
	margin:0px;
	padding:20px 0px 20px 0px;
	width:320px; height:auto;
	text-align:center;
	background:transparent;
}

/* ~~~~~~ list with image left (referenties) ~~~~~~ */
.listLeft{
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:auto; height:auto;
	background:transparent;
	/*border:1px solid #666;*/
}
.listLeft_image{
	float:left;
	margin:0px;
	padding:18px 0px 10px 0px;
	width:200px; height:139px;
	text-align:center;
	background:#404042;
}
.listLeft_text{
	float:left;
	margin:0px;
	padding:18px 18px 10px 20px;
	width:450px; height:132px;
	background:#c2bcbe;
	border-bottom:7px solid #afa9ab;	
}

/* ~~~~~~ box rightbar ~~~~~~ */
.box_rightbar{
	float:right;
	margin:0px;
	padding:63px 0px 0px 0px;
	width:250px; height:auto;
	background:#c2bcbe;
	border-top:6px solid #e6e0e2;
	/*border:1px solid #666;*/
}
.box_contact{
	float:left;
	margin:0px;
	padding:20px 0px 20px 16px;  
	width:210px; height:auto;
	color:#FFF;
	background:#536895;
	border-bottom:8px solid #6b7ea5;
	/*border:1px solid #666;*/
}

.box_contact p{ 
	clear:both; 
	margin:0px !important; 
	margin:-5px; 
	padding:0px; 
	height:18px; 
}

p.space1 { clear:both; margin:2px !important; margin:0px; padding:0px; height:1px; }

/* ~~~~~~ box last project ~~~~~~ */
.box_rightpro{
	float:right;
	margin:0px;
	padding:0px 0px 0px 34px;
	width:540px; height:auto;
	background:#FFF url(images/bg_boxrightpro.gif) no-repeat;
	border-top:7px solid #e6e0e2;	
	/*border:1px solid #666;*/
}
.box_colpro{
	float:left;
	margin:12px 0px 0px 0px;
	padding:20px 0px 20px 20px;
	width:450px; height:auto;
	color:#FFF;
	background:#536895;
	border-bottom:8px solid #6b7ea5;
	/*border:1px solid #666;*/
}
.box_colprolist{
	float:left;
	margin:0px 40px 0px 0px;
	padding:0px;
	width:160px; height:auto;
	color:#FFF;
	background:transparent;
	border:none;
	/*border:1px solid #666;*/
}

/*========================================================================*/
/*		FOOTER														      */
/*========================================================================*/
#footer {
	clear:both;
	padding-top:16px;
	margin:0px auto; 
	width:1000px; height:30px; 
	background:#404042 url(images/bgfooter.gif) repeat-x top;
	font-family:Arial;
	color:#000;
}

#footer p{
    margin:0px;
	padding:0px;
	color:#717171;
	font-size:11px;
	line-height:15px;
}
#footer a{
	margin:32px 3px 20px 3px;
	padding:10px 3px;
	color:#717171;
	font: normal 11px/1.3em Arial;
	text-decoration:none;
}
#footer a:hover{
	color:#AAAAAA;
	font-size:11px;
	text-decoration:none;
}
.footer_leftSide{
	float:left;
	margin:0px; padding:0px 0px 0px 35px;	
	background:transparent;
	width:450px; height:auto;
	/*border:1px solid #333;*/
	text-align:left;
}
.footer_rightSide{
	float:right;
	margin:0px; padding:0px 20px 0px 0px;	
	background:transparent;
	width:450px; height:auto;
	/*border:1px solid #333;*/
	text-align:right;
}