a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {
	margin: 0;
	padding: 0;
}

html, body{
	height:100%;
}
body {
	/*background:url(../img/gradient.gif) top right no-repeat;*/
	color: #707070;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

img {border:0; vertical-align: bottom;}

a{
	text-decoration:none;
	color:#999;
}
a:focus{outline:none;}
a:hover{outline:none;}

h1{
	color:#484d04;
	font: 18px Arial, Verdana, sans-serif;
}
h2{
	color:#484d04;
	font: 18px Arial, Verdana, sans-serif;}
h3{
	color:#b0aa00;
	font: 18px Arial, Verdana, sans-serif;
}
h4{
	color:#484d04;
	font: 12px Arial, Verdana, sans-serif;
	font-weight:bold;
}
/*===================== @container =======================*/

#container{
	position:relative;
	width:937px; 
	margin:0 auto -60px auto;
	min-height:100%;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#leftcol{
	float:left;
	width:157px;
	background:#CCCCCC;
}
#rightcol{
	float:left;
	width:780px;

}
/*===================== @header =======================*/
#header{
	float:left;
	background:#fff;
}
#header ul{
	list-style:none;
}
#header li{
	float:left;
	display:inline;
}

/*.menu_home, .menu_features, .menu_oplossingen, .menu_screenshots, .menu_download, .menu_contact, .menu_login{
	text-indent:-9999px;
	}*/
.menu_home a, .menu_features a, .menu_oplossingen a, .menu_screenshots a, .menu_download a, .menu_contact a, .menu_login a,.menu_home_active a, .menu_features_active a, .menu_oplossingen_active a, .menu_screenshots_active a, .menu_download_active a, .menu_contact_active a, .menu_login_active a{
	text-indent:-9999px;
	display:block;
	height:37px;
	}


.menu_home{
	background-image:url(../img/menu/home.gif);
	width:64px;
	}
.menu_home_active{
	background-image:url(../img/menu/home_active.gif);
	width:64px;
	}
.menu_home a:hover{
	background-image:url(../img/menu/home_active.gif);
	width:64px;
	}
.menu_features{
	background-image:url(../img/menu/features.gif);
	width:100px;
}
.menu_features a:hover{
	background-image:url(../img/menu/features_active.gif);
	width:100px;
}
.menu_features_active{
	background-image:url(../img/menu/features_active.gif);
	width:100px;
}
.menu_oplossingen{
	background-image:url(../img/menu/oplossingen.gif);
	width:136px;
}
.menu_oplossingen a:hover{
	background-image:url(../img/menu/oplossingen_active.gif);
	width:136px;
}
.menu_oplossingen_active{
	background-image:url(../img/menu/oplossingen_active.gif);
	width:136px;
}
.menu_screenshots{
	background-image:url(../img/menu/screenshots.gif);
	width:138px;
}
.menu_screenshots a:hover{
	background-image:url(../img/menu/screenshots_active.gif);
	width:138px;
}
.menu_screenshots_active{
	background-image:url(../img/menu/screenshots_active.gif);
	width:138px;
}
.menu_download{
	background-image:url(../img/menu/demo.gif);
	width:74px;
}
.menu_download a:hover{
	background-image:url(../img/menu/demo_active.gif);
	width:74px;
}
.menu_download_active{
	background-image:url(../img/menu/demo_active.gif);
	width:74px;
}
.menu_contact{
	background-image:url(../img/menu/contact.gif);
	width:90px;
}
.menu_contact a:hover{
	background-image:url(../img/menu/contact_active.gif);
	width:90px;
}
.menu_contact_active{
	background-image:url(../img/menu/contact_active.gif);
	width:90px;
}
.menu_login{
	background-image:url(../img/menu/login.gif);
	width:136px;
}
.menu_login a:hover{
	background-image:url(../img/menu/login_active.gif);
	width:136px;
}
.menu_login_active{
	background-image:url(../img/menu/login_active.gif);
	width:136px;
}

/*===================== @contentfeatures =======================*/

.rightcol_content{
	float:left;
	padding-top:22px;
	width:537px;

}
.rightcol_rightcol{
	float:left;
	clear:right;
	padding-top:22px;
	width:226px;
	padding-right:17px;
	padding-bottom:20px;
}
.kop{

	padding-right:30px;
	font-weight:bold;
	margin-bottom:10px;
}
.image_tekst{
	padding-right:30px;
	margin-top:26px;
}
.image_tekst p{
	display:block;
	margin-left:0px;
}
.image_tekst img{
	float:left;
	margin-right:10px;
}
.eletter{
	border-bottom:1px dotted #cdcd00;
	border-top:1px dotted #cdcd00;
	padding-top:9px;
	padding-bottom:17px;
	margin-top:9px;
}
.eletter h2{
	display:block;
	margin-bottom:5px;
}
.download_eletter{
	border-bottom:1px dotted #cdcd00;
	padding-bottom:17px;
	margin-top:9px;
}
.download_eletter h2{
	display:block;
	margin-bottom:5px;
}
.emailadres{
	float:left;
	border:1px solid #cdcd00;
	width:201px;
	height:20px;
	margin-right:5px;
	padding-left:4px;
	color:#a0a0a0;
}
.zoekbutton{
	width:10px;
	height:23px;
}

.belangrijke_feature{
	padding-top:7px;
}
.belangrijke_feature p{
	padding-top:5px;
	padding-right:17px;
	display:block;

}
.alle_features{
	padding-left:140px;
	padding-bottom:17px;
	border-bottom:1px dotted #cdcd00;
}
.alle_features p{
	border:1px solid #b0aa00;
	display:block;
	width:90px;
	text-align:right;
	background:#CCCCCC;
}
.alle_features img{
	margin-top:3px;
	float:left;
}
.referenties{
	margin-top:1px;
}
.referenties img{
	margin-top:1px;
}
/*===================== @contentscreenshot =======================*/

.screenshot{
	float:left;
	width:249px;
	margin-right:11px;
	margin-bottom:28px;
}
.screenshot img{
	border:1px solid #CCCCCC;
}
/*===================== @contentoplossingen =======================*/

.oplossingen_list_case{
	margin-bottom:28px;
	margin-top:23px;
}

.oplossingen_list_case ul{
	list-style:none;
}

.oplossingen_list_case li{
	text-indent:12px;
	background:url(../img/pijl_klein.png) 0 2px no-repeat;
	display:block;
	margin-bottom:2px;
}
.oplossingen_list_case p{
	height:116px;
	width:507px;
	border:1px solid #CCCCCC;
	margin-top:10px;
}
/*===================== @contentdownload =======================*/

.produkt{
	float:left;
	width:163px;
	margin-right:11px;
	margin-bottom:28px;
}
.produkt_image{
	margin-left:23px;
	margin-bottom:20px;
	margin-top:30px;
}
.produkt ul{
	list-style:none;
	height:150px;
}

.produkt li{
	font-family:Arial, Helvetica, sans-serif;
	text-indent:10px;
	background:url(../img/pijl_klein.png) 0 2px no-repeat;
	margin-bottom:2px;
}
.koop_button{
	float:right;
	margin-top:5px;
}
/*===================== @contentcontact =======================*/

.contact_formulier{
	width:507px;
}
.contact_formulier ul{
	list-style:none;
}
.contact_formulier label{
	float:left;
	width:92px;
	height:25px;
	display:block;
}
.contact_formulier input{
	width:200px;
	height:25px;
	margin-bottom:10px;
	border:1px solid #ccc;
}
.contact_formulier textarea{
	width:410px;
	height:160px;
	border:1px solid #ccc;
	overflow:auto;
}
.verplichte-velden{
	color:#b0aa00;
	}
.form_button{
	margin-top:8px;
	border:0px solid #000000;
}
.form_button p{
	float:left;
}
#verzendKnop{
	float:right;
	width:115px;
	height:25px;
	background:url(../img/verstuur_qDoc.jpg) 0 0 no-repeat;
	border:none;
	cursor: pointer;
}
.adres{margin-top:85px; color:#999999; line-height:150%;}
.adres a:hover{text-decoration:underline;}
.space{margin-bottom:30px}

/*===================== @contentlogin =======================*/
.login input{
	border:1px solid #CCCCCC;
	height:20px;
	width:245px;
	margin-right:10px;
	margin-bottom:15px;
	text-align:center;
	color:#a0a0a0;
}
.login li{
	text-decoration:none;
	display:inline;
}
.wachtwoord_vergeten li{
	text-decoration:none;
	display:inline;
}
.wachtwoord_vergeten{
	padding-right:25px;
}
.links{
	float:left;
}
.rechts{
	float:right;
}
/*===================== @tabel =======================*/
.tabel{
	float:left;
	border:1px solid #CCC;
	width:507px;
	padding:0px;
}
.tabel_container{
	margin-top:23px;
}
.borderlinks{
	border-left:1px solid #ccc;
	text-align:center;
}
.pijlcel{
	text-align:center;
	width:15px;

}
.eerste_rij{
	height:22px;
	}
#tweede_rij{
	width:224px;
	}
.tussenrij_wit{
	height:15px;
	}
.tussenrij_grijs{
	height:18px;
	background-color:#e3e4e5;
	}
.laatsterij{
	height:31px;
	}
.eerste_kolom{
	width:237px;
	border-bottom:1px solid #ccc;
}
.tweede_kolom{
	width:100px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.derde_kolom{
	width:100px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.vierde_kolom{
	width:100px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.koop{
	margin-top:10px;
	margin-bottom:24px;
	padding-right:18px;
	float:right;
}
.koop p{
	float:left;
	border:1px solid #ccc;
	text-align:center;
	display:block;
	padding:3px 17px 3px 17px;
	cursor:pointer;
	}
.koop img{
	margin-left:3px;
	margin-right:20px;
	float:left;
}
.koop li{
	display:inline;
}
.vraagverkoper{
	display:block;
	float:left;
	padding-bottom:25px;
	width:500px;
}
.vraagverkoper a{
color: #666;
text-decoration:underline;
}
/*===================== @footer =======================*/
#footer{
	position:relative;
	z-index:2;
	height:60px;
	padding-top:6px;
	width:937px; 
	margin:0 auto 0 auto;
	background:#f9f8de;
	border-top:1px dotted #cdcd00;
}
#clearfooter{
	position:relative;
	z-index:1;
	clear:both;
	height:67px;
	}

#footer ul{
	list-style:none;
	float:left;
	margin-left:80px;
	display:inline;

}

#footer li{
	float:left;
	display:inline;
	background:url(../img/footer_streepje.png) 0 3px no-repeat;
}

#footer .geen_streepje {background-image:none;}



#footer li a{
	display:block;
	padding:0px 8px 0px 10px;
	color:#b0aa00;
	font: 11px Arial, Verdana, sans-serif;
}
#footer li a:hover{
	text-decoration:underline;
}
#footer p.ict_solutions a{
	color:#484d04;
}
#footer p.ict_solutions a:hover{
	color:#484d04;
	text-decoration:underline;
}
.ict_solutions{
	float:left;
	margin-left:6px;
	display:inline;
	width:121px;
	color:#484d04;
	font: 11px Arial, Verdana, sans-serif;
}
.rechten{
	float:right;
	margin-right:105px;
	display:inline;
	width:137px;
	color:#b0aa00;
	font: 11px Arial, Verdana, sans-serif;
}
.rechten a{
	color:#b0aa00;
	font: 11px Arial, Verdana, sans-serif;
}
.rechten a:hover{
	text-decoration:underline;
}