/* CSS Document - Developed by Roshan Bhattarai  */
html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:12px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	color:#666;
	list-style:none;
}

/*img , div, a, input { behavior: url(iepngfix.htc); }*/

h1{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#0083d5;
	text-transform:uppercase;
}
h2{
	font-size:12px;
	font-weigh:bold;
	color:#000;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:10px;
	font-style:italic;
}
h3{
	text-transform:uppercase;
	/*font-weight:bold;*/
	font-style:italic;
	color:#ADADAD;
	margin:5px 0px 5px 0px;
	font-size:12px;
}
a img{
	border:none;
}
p{
	font-size:12px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/*custom styls defined for page */
body {
	color: #535353;
	height:100%;
	background-color:#FFFFFF;
}
a{ color:#FFF; text-decoration:none; }
a:hover{ color:#CCC;}
ul{
	margin:0px;
	padding:0px;
}
ul li{
	padding:0px;
	margin:0px;
}
li a{
	font-style:italic;
	font-size:12px;
}
.img_align{
	padding:3px;
}
.color_222{ color:#222; }
.clear { clear:both; }
#bodysizer { margin:0px auto; width:960px; }
#mainmenu { list-style:none;  }
#mainmenu li {display:inline; font-weight:bold;  }
#mainmenu li a.separator { background:url(../images_front/menu-separator.jpg) no-repeat 0 -37px; width:2px; }
#mainmenu li a { float:left; display:block; height:37px; color:#595959;  font-style:normal; text-align:center; line-height:30px; }
#mainmenu li a:hover { background-position: 0px 0px; color:#FFF; }
#mainmenu li a.home { background:url(../images_front/home-menu1.jpg) no-repeat 0px -37px; width:106px; }
#mainmenu li a.advice { background:url(../images_front/advicesbg1.jpg) no-repeat 0px -37px; width:94px; }
#mainmenu li a.system { background:url(../images_front/system-menu1.jpg) no-repeat 0px -37px; width:155px; }
#mainmenu li a.toebehoren { background:url(../images_front/toebehoren-menu1.jpg) no-repeat 0px -37px; width:124px; }
#mainmenu li a.nieuws { background:url(../images_front/nieuws-menu1.jpg) no-repeat 0px -37px; width:100px; }
#mainmenu li a.referenties { background:url(../images_front/referenties-menu1.jpg) no-repeat 0px -37px; width:123px; }
#mainmenu li a.contact { background:url(../images_front/contact-menu1.jpg) no-repeat 0px -37px; width:107px; }
#mainmenu li a.webshop { background:url(../images_front/webshop-menu1.jpg) no-repeat 0px -37px; width:136px; }
#mainmenu li a:hover { background-position: 0px 0px; }
#banner{ margin-bottom:5px; width:960px; }
#logo{ float:left; width:700px; padding-top:20px; }
#logo a{ background-image:url(../images_front/logo.png); height:68px; width:276px; background-repeat:no-repeat; display:block; text-indent:-3000px;  }
#banner_rightbtn{ float:right; width:222px; }
#banner_btn{ 
	background:url(../images_front/banner_btn.jpg) no-repeat;
	height:30px;
	width:221px; 
	border:none; 
	cursor:pointer;
	margin-top:80px;
	padding:5px 0px 0px 30px;
}
#banner_btn a{
	font-size:11px;
	font-weight:bold;
}
#body_wrap{
	margin-bottom:20px;
}
/* left side links*/
#leftside{
	float:left;
	width:230px;
}
#left_links {	list-style:none; }
#left_links li{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-transform:uppercase; height:50px;  }
#left_links li a{  display:block; height:50px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#666; font-weight:600; text-transform:uppercase;}
#left_links li a.google{ background:url(../images_front/add-google-hoverbtn.jpg) no-repeat; line-height:50px; text-align:center; }
#left_links li a:hover.google{ background:url(../images_front/lorem-activebtn.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1; color:#0083d5; line-height:50px; text-align:center; }
#left_links li a.selectedgoogle{ background:url(../images_front/lorem-activebtn.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1; color:#0083d5; line-height:50px; text-align:center; }
/*#left_links li a:hover.google{ background:url(../images_front/add-google-hoverbtn.jpg) no-repeat; width:230px; }
#left_links li a:active.google{ background:url(../images_front/add-google-activebtn.jpg) no-repeat; width:230px; }*/
#left_links li a.cras{ background:url(../images_front/cras-bg.jpg) no-repeat; line-height:50px; text-align:center; }
#left_links li a:hover.cras{ background:url(../images_front/cras-activebtn.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1; color:#0083d5; line-height:50px; text-align:center;}
#left_links li a.selectedcras{ background:url(../images_front/cras-activebtn.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1; color:#0083d5; line-height:50px; text-align:center;}
/*#left_links li a:hover.cras{ background:url(../images_front/cras-HOVERbtn.jpg) no-repeat; width:230px; }
#left_links li a:active.cras{ background:url(../images_front/cras-activebtn.jpg) no-repeat; width:230px; }*/
#left_links li a.suspend{ background:url(../images_front/suspend.jpg) no-repeat; line-height:50px; text-align:center; }
#left_links li a:hover.suspend{ background:url(../images_front/suspendisse-activebtn.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1; color:#0083d5; line-height:50px; text-align:center;}
/*#left_links li a:hover.suspend{ background:url(../images_front/suspendisse-hoverbtn.jpg) no-repeat; width:230px; }
#left_links li a:active.suspend{ background:url(../images_front/suspendisse-activebtn.jpg) no-repeat; width:230px; }*/
/*right side content*/
#rightside{
	float:left;
	width:730px;
	margin-bottom:10px;
}
#rightsideInner{
	border-left:1px solid #A8A8A8;
	border-right:1px solid #A8A8A8;
	background-color:#E9E9E9;
	padding:20px 20px 10px 12px;
	zoom:1;
}
#rightsideInner1{
	border-left:1px solid #A8A8A8;
	border-right:1px solid #A8A8A8;
	background-color:#E9E9E9;
	padding:5px 5px 10px 18px;
}

.link_status{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight:bold;
}
.separator{
	background:url(../images_front/content_separator.jpg) repeat-x;
	height:2px;
}
.contentbox{
	margin:10px 0px 10px 5px; 
}
.contentboxhomeInner{
	background:#ECECEC url(../images_front/innerpage_bg.jpg) repeat-x;
	background-position:bottom;
	height:440px;
	border-left:1px solid #B7B7B7;
	border-right:1px solid #B7B7B7;
	padding:10px 5px 10px 20px;
}
.contentboxhomeInner1{
	background:#E8E8E8 url(../images_front/innerpage_bg1.jpg) repeat-x bottom;
	border-left:1px solid #B7B7B7;
	border-right:1px solid #B7B7B7;
	padding:0px 5px 0px 20px;
	min-height:434px;
	height:auto;
}
/*inner right side content*/
.inner_leftside{
	float:left;
	width:215px;
	margin-right:18px;
}
.inner_leftside1{
	float:left;
	width:515px;
	margin-right:18px;
}
.inner_leftside2{
	float:left;
	width:315px;
	margin-right:18px;
}
.img_list{
	list-style:none;
}
.img_list li{
	display:inline;
	margin:0px 0px 5px 0px;
	position:relative;
}
.inner_rightside{
	float:left;
	width:450px;
}
.inner_rightside1{
	float:left;
	width:150px;
}
.inner_rightside2{
	float:left;
	width:250px;
}
.desc p{
	font-size:12px;
	padding:0px 5px 5px 0px;
	line-height:20px;
}
.desc ul{
	margin:0px 0px 0;
	padding:0px 0px 10px 0px;
}
.desc ul li{
	list-style:inside;
	margin-left:10px;
}
.bottombox_wrap{
	position:relative;
	left:200px;
	width:452px;
	margin:10px 0px;
}
.bottombox_textwrap{
	background-color:#F6F6F6;
	padding:10px 20px 10px 20px;
	position:relative;
}
.innerbox_left{
	float:left;
	margin-right:20px;
}
.innerbox_left p{
	font-size:11px;
	color:#666;
}
.innerbox_right{
	float:left;
	width:190px;
}
.innerbox_right td{
	color:#000;
}
#footer{
	width:960px;
}
.footer_left{
	float:left;	
}
.footer_leftInner{
	background:url(../images_front/footer-cart.jpg) no-repeat;
	width:230px;
	height:35px;
	padding:8px 0px 0px 0px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	color:#FFF;
	font-size:14px;
}
.footer_leftInner a{
	color:#FFF;
	font-size:14px;
}
.footer_leftInner a:hover{
	text-decoration:underline;
}
.footer_right{
	float:left; 
	width:730px; 
	background-color:#d6d6d6;
}
.footer_mid{
	float:left;
	width:710px;	
}
.footer_midInner{
	background-color:#d6d6d6;
	text-align:right;
	height:35px;
	margin-left:360px;
}
.footer_midInner ul{
	list-style:none;
	margin:0px;
}
.footer_midInner ul li{
	float:left;
	padding:10px 0px 7px 10px;
}
.footer_midInner ul li.footer_separator{
	float:left;
	background:url(../images_front/footer_linkseparator.jpg) repeat-y top right;
	width:2px;
}
.footer_midInner ul li a{
	font-size:12px;
	color:#525252;
	font-style:normal;
}
.footer_midInner ul li a:hover{
	color:#B0B0B0;
}
.footer_innerright{
	float:right;
	width:6px;
}
.bottomfooter{
	clear:both;
	text-align:right;
	font-weight:bold;
	font-size:10px;
	color:#A6A6A6;
}
/*home links*/
.homeleft_links{ list-style:none; }
.homeleft_links li a{ display:block; height:150px; }
.homeleft_links li a.homeadvice1{ background:url(../images_front/advices1.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1;}
.homeleft_links li a.homeadvice2{ background:url(../images_front/advies_passive_btn.jpg) no-repeat; width:230px; position:relative; top:0px; z-index:1;}
.homeleft_links li a:hover.homeadvice2{ background:url(../images_front/advices1.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1;} 
/*.homeleft_links li a:hover.homeadvice{ background:url(../images_front/advies_active_btn.jpg) no-repeat;}*/

.homeleft_links li a.homesystem{ background:url(../images_front/system_passive_btn.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1;}
.homeleft_links li a:hover.homesystem{ background:url(../images_front/system_active_btn1.jpg) no-repeat;}

.homeleft_links li a.hometoebehoren{ background:url(../images_front/toebehoren_passive_btn.jpg) no-repeat;}
.homeleft_links li a:hover.hometoebehoren{ background:url(../images_front/toebehoren_active_btn1.jpg) no-repeat; width:231px; position:relative; top:0px; z-index:1; }

.leesmeer_btn{	
	margin-top:10px;
}
.leesmeer_btn ul{
	list-style:none;
}
.leesmeer_btn ul li{
	background:url(../images_front/lee_mers.jpg) no-repeat;
	height:23px;
	width:206px;
	padding-bottom:10px;
}
.leesmeer_btn ul li a{
	list-style:none;
	background:url(../images_front/arrow.jpg) no-repeat 1px 1px;
	height:25px;
	display:block;
	color:#000;
	padding:3px 0px 0px 35px;
}
.leesmeer_btn ul li a:hover{
	background:url(../images_front/arrow_passive.jpg) no-repeat 1px 1px;
	height:25px;
	display:block;
	color:#999;
	padding:3px 0px 0px 35px;
}
/*home links end*/
.content_align{
	margin:15px 0 20px 0;
}
.content_align p{
	font-size:12px;
	color:#5a5a5a;
	line-height:20px;
}
.content_rightimg{
	float:right; 
	margin:15px;
}
.content_leftimg{
	float:left; 
	margin:10px 10px 15px 0px;
}
.itemlist_img{
	float:left;
	width:150px;
}
.itemlist_img img{
	padding:0px 0px 0px 30px;
}
.itemlist_desc{
	float:left;
	width:510px;
}
.itemlist_desc p{
	padding:10px;
}
.itemlist_desc h1{
	padding-left:10px;
}
.itemlist_desc_align{
	margin-left:25px;
}
.itemlist_descbg{
	width:489px;
	background-color:#f3f3f3;
	padding:8px;
}
.itemlist_descbg p{
	color:#5a5a5a;
	font-style:italic;
	font-size:12px;
}
.itemlist_desc1{
	padding:0 0 10px 10px;
}
.main_case{
	width:670px;
	background-color:#f7f7f7;
	padding:10px;
}
.main_case1{
	width:670px;
	background-color:#f7f7f7;
	padding:10px;
}
.main_case_items{
	margin:10px 0px 10px 0px;
}
.main_case_content{
	float:left;
	width:370px;
}
.main_case_img{
	float:left;
	width:242px;
	border:1px solid #999;
	padding:1px;
	margin-top:20px;
}
.system_desc{
	float:left; 
	width:400px;
}
.system_btn{
	float:left;
	padding-left:50px;
}
.case_title{
	background:url(../images_front/down_arrow.jpg) no-repeat top right; 
	margin:0px 10px 10px 0px;
	cursor:pointer;
}
.case_title1{
	background:url(../images_front/down_arrow1.jpg) no-repeat top right; 
}
.enlarger{
	position:absolute;
}
.enlarger1{
	position:absolute; 
	top:70px; 
	left:70px;
}
.enlarger2{
	position:absolute; 
	top:70px; 
	left:180px;
}
.enlarger3{
	position:absolute; 
	top:180px; 
	left:70px;
}
.enlarger4{
	position:absolute; 
	top:180px; 
	left:180px;
}
.smallenlarger{
	position:absolute;
}
.smallenlarger1{
	position:relative; 
	top:35px; 
	left:70px;
}
.smallenlarger2{
	position:relative; 
	top:95px; 
	left:70px;
}
.cart_heading{
	float:left;
	width:115px;
	text-align:center;
}
.cart_heading h2{
	text-align:center;
}
.cart_heading1{
	float:left;
	width:370px;
	padding:0 0 0 30px;
}
.cart_heading_confirm{
	float:left;
	width:490px;
	padding:0 0 0 30px;
}
.pro_list{
	margin-bottom:20px;
}
.pro_name{
	float:left;
	width:135px;
}
.pro_name p{
	padding:5px;
	text-align:center;
}
.pro_img{
	float:left;
	width:150px;
}
.pro_img img{
	padding:3px;
	border:1px solid #CCC;
}
.pro_qty{
	float:left;
	width:80px;
}
.pro_qty p{
	padding:5px;
	text-align:center;
}
.pro_rate{
	float:left;
	width:125px;
}
.pro_rate p{
	padding:5px 5px 5px 35px;
	text-align:center;
}
.pro_total{
	float:left;
	width:150px;
}
.pro_total p{
	text-align:center;
	padding:5px;
}
.pro_total p a{
	color:#000;
	text-decoration:underline;
}
.total_price{
	float:right;
	width:250px;
}
.total_price p{
	font-weight:bold;
	color:#333;
}
.price_tag{
	float:left;
	width:110px;
}
.price_tag p{
	text-align:right;
	padding-right:10px;
}
.price{
	float:left;
	width:140px;
}
.cart_align{
	margin-left:200px; padding-top:20px;
}
.remove_text{ width:100px; float:left; color:#CC0000; font-weight:bold;}
.remove_text a{ color:#CC0000;}
.remove_text a:hover{ text-decoration:underline; }
.remove_text p{ padding-left:40px; }

/* by programmer */
.red{color:#CC0000; text-align:center;}
.enlargeimg { position:absolute; bottom:2px; right:2px; }

.smallenlargeimg { position:absolute; bottom:18px; right:20px; }

/*additional feedback*/
.image_left{ float:left; width:200px; }
.image_desc{ float:left; width:240px; text-align:justify; padding-left:10px; }
.image_qty{ float:left; width:120px; }
.image_check{ float:left; width:20px; padding-top:10px; }
/*additional feedback end*/