* { margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #636363; background: url(pics/bg.gif) #d9d7d7;}

/* holder */
#holder { position: relative; margin: 0 auto; padding: 18px 0px 0px 0px; width: 890px; height: auto; overflow: hidden; text-align: left; z-index: 1; }
#holder .holder { position: relative; float: left; display: inline; margin-left: 12px; }

/* head */
#hhead { position: relative; float: left; width: 853px; height: 76px; z-index: 4; }
#hhead img.bgHead { position: absolute; top: 0; left: 0px; }

#hhead h1.logo { position: absolute; top: 13px; left: 13px; display: block; width: 124px; height: 58px; background: url(pics/logo.gif); }
#hhead h1.logo a { display: block; width: 124px; height: 58px; }
#hhead h1.logo a span { display: none; }

#hhead #searchBox { position: relative; float: right; margin-top: 35px; margin-right: 20px; width: 95px; height: 14px; }
#hhead #searchBox form { width: auto; }
#hhead #searchBox form input { position: relative; float: left; width: 66px; height: 12px; border: 1px solid #dbdbdb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #505050; }
#hhead #searchBox form a,
#hhead #searchBox form a:hover,
#hhead #searchBox form a:visited { position: relative; float: right; padding: 0px 4px; height: 15px; width: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; line-height: 12px; color: #505050; text-decoration: none; background:url(pics/search.png) right no-repeat; }

#hhead #languageMenu { position: relative; float: right; margin-top: 35px; margin-right: 20px; width: 300px; height: 14px; }
#hhead #languageMenu ul { position: relative; float: right; width: auto; font-size: 9px; }
#hhead #languageMenu ul li { float: left; padding: 0px 6px 0px 5px; display: inline; background: url(pics/divLanguageMenu.gif) right no-repeat; }
#hhead #languageMenu ul li.lastNode { padding-right: 0px; background: none; }
#hhead #languageMenu ul li a 
#hhead #languageMenu ul li a:visited { font-size: 9px; color: #a7a9ac; text-decoration: none; }
#hhead #languageMenu ul li a:hover { font-size: 9px; color: #a7a9ac; text-decoration: underline; }
#hhead #languageMenu ul.languageMenu li a.active,
#hhead #languageMenu ul.languageMenu li a.active:link,
#hhead #languageMenu ul.languageMenu li a.active:visited, w
#hhead #languageMenu ul.languageMenu li a.active:hover,
#hhead #languageMenu ul.languageMenu li a.active:active { text-decoration: underline; }

/* main menu */
#hhead #mainMenu { position: absolute; top: 55px; right: 20px; width: 675px; z-index: 10; }
#hhead #mainMenu ul.mainMenu { float: right; height: 14px; }
#hhead #mainMenu ul.mainMenu li { position: relative; float: left; padding: 0px 8px 0px 6px; display: block; height: 14px; background: url(pics/divMainMenu.gif) right no-repeat; }
#hhead #mainMenu ul.mainMenu li.lastNode { padding-right: 0px; background: none; }
#hhead #mainMenu ul.mainMenu li a,
#hhead #mainMenu ul.mainMenu li a:link,
#hhead #mainMenu ul.mainMenu li a:active,
#hhead #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; width: auto; height: 14px; font-size: 10px; font-weight: bold; color: #636363; text-decoration: none; line-height: 14px; }
#hhead #mainMenu ul.mainMenu li a:hover,
#hhead #mainMenu ul.mainMenu li a.active,
#hhead #mainMenu ul.mainMenu li a.active:link,
#hhead #mainMenu ul.mainMenu li a.active:visited, w
#hhead #mainMenu ul.mainMenu li a.active:hover,
#hhead #mainMenu ul.mainMenu li a.active:active { position: relative; float: left; display: block; width: auto; height: auto; font-size: 10px; font-weight: bold; color: #636363; text-decoration: underline; line-height: 14px; }

#hhead #mainMenu ul.mainMenu li ul { position: absolute; left: 0; top: 13px; padding-bottom: 6px; width: 160px; height: auto; z-index: 30; background: #FFFFFF; filter: alpha(opacity=90);-moz-opacity: .90; opacity:.90; }
#hhead #mainMenu ul.mainMenu li ul li { position: relative; float: left; padding-left: 16px; width: 144px; height: auto; font-size: 9px; background: url(pics/divMainMenuSub.gif) 8px 7px no-repeat; }
#hhead #mainMenu ul.mainMenu li ul li.lastNode { background: url(pics/divMainMenuSub.gif) 8px 7px no-repeat; }
#hhead #mainMenu ul.mainMenu li ul li a,
#hhead #mainMenu ul.mainMenu li ul li a:link,
#hhead #mainMenu ul.mainMenu li ul li a:visited,
#hhead #mainMenu ul.mainMenu li ul li a:active,
#hhead #mainMenu ul.mainMenu li ul li a.active { display: block; width: 144px; min-height: 14px; height: auto; background: #FFFFFF; }

#hhead #mainMenu ul.mainMenu li.lastNode ul { position: absolute; left: -100px; }

/* body */
#hbodyHeader { position: absolute; left: -12px; top: 76px; width: 886px; height: 131px; z-index: 3; }

#hbody { position: relative; float: left; overflow: hidden; width: 853px; height: auto; z-index: 2; }
#hbody .hbody { position: relative; float: left; padding: 0px 0px 70px 0px; width: 853px; height: auto; min-height: 225px; background: url(pics/bgGlobe.gif) bottom left no-repeat; z-index: 3;  }
#hbody .hbody #hbodyHeader { position: absolute; top: 0px; left: -6px; width: 886px; height: 131px; background: red; z-index: 3; }
#hbody .hbody #hbodyHeader img { z-index: 3; }
* html #hbody .hbody { position: relative; float: left; height: 225px; }

#hbody .hbody .tpl { position: relative; float: left; width: 848px; padding-top: 132px; }
#hbody .hbody .tpl .content { position: relative; float: left; padding: 0px 16px 0px 48px; max-width: 832px; min-height: 500px;  }
* html #hbody .hbody .tpl .content { height: 500px; }
/* footer */
#footer { float: left; height: 80px; position: absolute; bottom: 0px; left: 0px; padding: 0px 20px 0px 11px; width: 822px; z-index: 4; clear: both; }
#footer address { position: absolute; bottom: 5px; float: left; /*margin-top: 4px; */font-size: 10px; font-weight: normal; font-style: normal; color: #ff8700 !important; line-height: normal; }
#footer address a,
#footer address a:visited { font-size: 10px; font-weight: normal; font-style: normal; color: #ff8700 !important; text-decoration: none; line-height: normal; }
#footer address a:hover { font-size: 10px; font-weight: normal; font-style: normal; color: #ff8700 ; text-decoration: underline; line-height: normal; }

#footer ul.footMenu { position: relative; float: right; margin-top: 60px; width: auto; }
#footer ul.footMenu li { float: left; padding: 0px 6px 0px 5px; background: url(pics/divFootMenu.gif) right no-repeat; }
#footer ul.footMenu li.lastNode { padding-right: 0px; background: none; }
#footer ul.footMenu li a,
#footer ul.footMenu li a:visited { font-size: 9px; font-weight: normal; text-decoration: none; color: #a7a9ac; }
#footer ul.footMenu li a:hover,
#footer ul.footMenu li a:active,
#footer ul.footMenu li a.active,
#footer ul.footMenu li a:visited.active { font-size: 9px; font-weight: normal; text-decoration: underline; color: #a7a9ac; }

#contentExtra { position: absolute; left: 0; top: 83px; display: none; width: 183px; z-index: 10; }
#contentExtra .contentExtra { position: relative; float: left; padding: 8px 25px 0px 25px; width: 133px; z-index: 11; }
#contentExtra .contentExtra h1 { position: relative; float: left; display: inline; width: 133px; }
#contentExtra .contentExtra .intro { line-height: normal; }
#contentExtra img { position: relative; float: left; z-index: 10; }
#contentExtra .contentExtra .pib { font-size: 9px; font-weight: normal; text-decoration: none; color: #a7a9ac;  }

#searchresult {}
#searchresult h2 { font-size: 100%; margin: 0 0 .4em 0; line-height: 1em; color: #ff8700; }
#searchresult h3 { font-size: 100%; margin: 0 0 .4em 0; line-height: 1em; color: #636363; }
#searchresult a,
#searchresult a:visited { color: #ff8700; }
#searchresult .searchitem { margin: 0 0 1em 0; width: auto; overflow: hidden; }
#searchresult ul { list-style: none; margin: 0 0 10px 20px;  padding: 0;}
#searchresult ul li { margin: 0; padding: 2px 0;}
#searchresult ul li .result { border-bottom: 1px dotted #006; background: #ccc; padding: 0 1px; }

.link_green_square { display:block; background: url(pics/buttom_img.jpg) repeat-x; height:20px; width:100px; text-align:center; border: #ccc solid 2px; color:#fff; text-decoration:none; padding:2px 5px 0 5px; /*margin-right: 30px;*/ }
#contentExtra .link_green_square { position:relative; width:154px; margin: 8px 0 0 -20px; white-space:nowrap; color:#fff; text-decoration:none; }
#contentExtra .link_green_square:hover { text-decoration:underline; }

.login {
	background: url(pics/buttom_img.jpg) repeat-x;
	height:27px;
	width:114px;
	text-align:center;
	border: #CCCCCC solid 2px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 5px 5px 5px;
/*	position:absolute;
	top:370px;
	left:680px;*/
	cursor:pointer;
}

/* Product Information Bladen */
#product_information table {
	width:400px;
	margin:0 auto;
	color:#005147;
}

#product_information table td.table_header {
	background-color:#005147;
	color:white;
	font-weight:bold;
}

#product_information table td.align_center {
	text-align:center;
}

#product_information table td.vertical_align {
	vertical-align:middle;
}

#product_information table td.neg {
	background-color:#b3b3b3;
}


#product_information table td.pos {
	background-color:#c3c3c3;
}

#product_information a.link_green_square {
	width:auto;
	text-decoration:none;
	color:#FFFFFF;

}

/* Referenties */
#referenties input {
	margin-right:5px;
}

#referenties div.product {
	margin-top:45px;
}

#referenties div.country {
	margin-bottom:-17px;
}

#referenties div.country a {
	text-decoration:none;
}

#referenties div.deelmarkt {
	margin-top:10px;
}

#referenties div.left {
	width:200px;
	float:left;
}

#referenties div.right {
	float:left;
	clear:right;
}

/* Advies */
#advies div.basIII {
	padding: 0 5px;
}

#advies a {
	display:block;
	background: url(pics/buttom_img.jpg) repeat-x;
	height:20px;
	width:100px;
	text-align:center;
	border: #CCCCCC solid 2px;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 5px 0 5px;
}

#advies input.login {
	/*background: url(../../pics/buttom_img.jpg) repeat-x;
	height:27px;
	width:114px;
	text-align:center;
	border: #CCCCCC solid 2px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 5px 5px 5px;*/
	position:absolute;
	top:370px;
	left:680px;
	/*cursor:pointer;*/
}

/* Producten main */

#producten_main {
	width:575px;
}
#producten_main div.pib {
	float:right;
}

#producten_main a.link_green_square {
	width:auto;
	text-decoration:none;
	color:#FFFFFF;
	/*margin-right: 30px;*/
}

#producten_main ul {
	padding-top:10px;
}

#producten_main ul li div.text {
	clear:right;
	float:right;
/*padding:30px 20px 0 0;*/
}

#producten_main ul li div.text i a {
	text-decoration:none;
}

#producten_main ul li div.reference_projecten {
	width:575px;
}

/* Deelmarkten main */


/* download */
#download input.login {
	float:left;
	margin-left:300px;
}

/* online bestellen */
#online_bestellen input.login {
	float:left;
	margin-left:300px;
}

#online_bestellen a.link_green_square {
	width:auto;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:20px;
}

#online_bestellen div.view2 input.login {
	float:left;
	margin-left:0px;
}

#online_bestellen div.view3 input.login {
	float:left;
	margin-left:0px;
}

#online_bestellen div.view4 input.login {
	float:right;
	margin: -50px 100px 0 0;
}

#online_bestellen div.green_link {
	float:right;
}

#online_bestellen table.product span {
	 padding-left:20px;
}
