@charset "UTF-8";
@import url("reset.css");
@import url("text.css");

/*  container  */
div.container_960 { width:960px; margin:0 auto; height:auto;}
div.inner_container { padding:0 26px;}

/*  top */
div.top_projects { background:url(../images/top_projects.jpg) no-repeat; height:98px; }

/*  login  */
div.login {
	display:inline;
	float:right;
	width:320px;
	height:28px;
	margin:5px 0px 0px 0px;
	padding:0px;
	border:none;
}
div.login form{
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
}
div#emailLabel,
div#passwordLabel,
div#welcomeText{
	margin:0px 5px 0px 0px;
	padding:0px;
	display:inline;
	float:right;
	font-size: 12px;

	width:129px;
	height:25px;
	line-height:22px;
	background:url(../images/emailadress.jpg) no-repeat;
	border:none;
}
div#welcomeText{
	background:none;
	width:auto;
}
div#loginButton,div#logoutButton{
	margin:0px;
	padding:0px;
	display:inline;
	float:right;

	width:45px;
	height:25px;
	line-height:22px;
	background:url(../images/login.jpg) no-repeat;
	border:none;
}
div#logoutButton{
	background:url(../images/logout.jpg) no-repeat;
}
input#email,
input#password {height:14px;line-height:14px;width:108px;margin:4px 0px 2px 10px; color: #666666;border:none;background:none;}
input#button[title=login],input#button[title=logout]{width:45px;height:25px;line-height:14px;margin:0px;background:none;border:none;}

div.login form.searchfrm{height:25px;margin:0px;margin-top:15px;overflow:hidden;visibility:visible;}
.searchbtndiv,.searchtextdiv{display:inline;float:right;}

.searchbtndiv{width:60px;height:25px;padding:0px;margin:0px 0px 0px 6px;background:url(../images/zoeken.gif);}
.searchbtn{width:60px;height:25px;background:none;border:none;padding:0px;margin:0px;}

.searchtextdiv{width:247px;height:27px;margin:0px;margin-left:4px;background:url(../images/keywords.jpg) no-repeat;}
.searchtext{width:223px;height:15px;padding:0px;margin:4px 10px 6px 10px;border:none;}
.frm_margin{margin:0px;padding:0px;width:200px;height:10px;clear:both;}
/*  menu  */
/* .menu ul { list-style:none;margin:0;padding:0;margin-left:20px; }
.menu ul li a { padding:5px 20px 5px 4px;margin:0; display:block;}
.menu ul li {  float:left; list-style-image:none; background:url(../images/list_style_image.png) right no-repeat; ;} */
div.menu_wrap { background:url(../images/menu_projects.jpg) no-repeat; height:28px;}
/* .menu ul li a.lastlink { background:none;} */
/* breadcrumb */
div.breadcrumb { font-size:11px; color:#c2bfb9;}
div.bread_wrap { padding:6px 0px 0px 15px;}
div.bread_wrap ul {  list-style: none; margin: 5px 0 0 0; padding: 0;}
div.bread_wrap ul li { display: inline; margin: 0 2px 0 2px; }
div.bread_wrap ul li.bc_li a:link{color:#69a500;}
/* header */
div.header { background:url(../images/header_projects.jpg) no-repeat; height:128px; margin:10px 0px;}
div.rotate { background:url(../images/rotate_header.jpg) no-repeat; height:128px; margin-left:630px;}

/* content */
div.content { background:url(../images/content_project.jpg) no-repeat; width:710px; float:left;}
div.content_padding { padding:20px;}
div.content_padding_url { padding:20px;}

/* right  */
div.right { width:196px; float:right; margin-bottom:20px;}
div.right #tl { background:url(../images/right_tl.jpg) top left no-repeat;}
div.right #tl #tr {background:url(../images/right_tr.jpg) top right no-repeat;}
div.right #tl #tr #br {background:url(../images/right_br.jpg) bottom right no-repeat;}
div.right #tl #tr #br #bl {background:url(../images/right_bl.jpg) bottom left no-repeat;}
div.right_wrapper { padding:0px 0px 0px 20px;}
div.right_inwrap { padding:10px;}

/* right button  */
.button { padding-left:20px;}

a#button {
background:url(../images/button_left.jpg) no-repeat left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
text-decoration: none;
padding:5px 0px 5px 15px;
text-align:center;
}

.try_button {
	float: left;
	width:175px;
	height:25px;
	display:block;
	background-image:url(../images/try_demo_online.png);
	background-position: top left;
}
.try_button span.hover{
	position: absolute;
	display: block;
	width:175px;
	height:25px;
	background-position: bottom left;
	background-image:url(../images/try_demo_online.png);
}

.left_border{text-align:right;border:1px #CCC solid;border-right:none;margin:0px;}
.right_border{text-align:left;border:1px #CCC solid;border-left:none;margin:0px;}

/*  bottom  */
div.bottom1 { width:280px; float:left; margin-left:24px; }
div.bottom2 { width:280px; float:left; margin-left:36px; }
div.bottom3 { width:280px; float:left; margin-left:36px; margin-bottom:20px;}
div.bottom_inner { padding:19px; font-size:11px;}
div.bottom_inner img{display:inline;float:right;margin:0px;margin-right:0px;}

.btl { width:100%;height:100%;background:url(../images/bottom_tl.jpg) top left no-repeat;}
.btl .btr { width:100%;height:100%;background:url(../images/bottom_tr.jpg) top right no-repeat;}
.btl .btr .bbr { width:100%;height:100%;background:url(../images/bottom_br.jpg) bottom right no-repeat;}
.btl .btr .bbr .bbl { width:100%;height:100%;background:url(../images/bottom_bl.jpg) bottom left no-repeat;}

/*  footer   */
.footer { height:1px; background:url(../images/footer_project.jpg) no-repeat; margin-left:24px;padding-bottom:45px;}
.footer a { color: #666666; }
.footer img { border-style:none; }
.footer ul { list-style-type: none; padding:0px 0px 10px 0px; margin-bottom: 10px; }
.footer li { float: left; margin-left: 5px; }

/* clear fix  */
.clear { clear:both;display: block;overflow: hidden;width: 0;height: 0;}
.clear_stroke1 { clear:both;display: block;overflow: hidden;width: 0;height: 0; background-color:#beb8ae; height:1px; width:910px; margin:20px 0px 20px 24px;}
.clear_stroke { clear:both;display: block;overflow: hidden;width: 0;height: 0; background-color:#beb8ae; height:1px; width:910px; margin:20px 0px 2px 24px;}
/* error */
.error { color: red; }

/* order page table styles */
#price_table {
	margin: 0 auto;
	width: 100%;
	padding-top: 20px;
}
#price_table table {
	margin: 0 auto;
	border-collapse: collapse;
}
#price_table th {
	text-align: center;
	padding: 0 4px 0 4px;
}
.price_alt {
	background-color: #E0DDD8;
}
#signup_table input[type=text],  #signup_table input[type=password] {
	width:202px;
}
#signup_table table {
	border-collapse: collapse;
}
#signup_table {
	text-align: left;
}
#signup_table th {
	text-align: left;
}
#order_review {
	margin: 0 auto;
}
#order_review td, #order_review th {
	padding: 2px 2px 2px 2px;
}
#order_wrap {
	width: 100%;
}
input[type=radio],input[type=checkbox]{
	border:none;
	background:none;
}
.radio_left {
	border: 1px solid #9C9C9C;
	border-right: 0px solid black;
}
.radio_right {
	border: 1px solid #9C9C9C;
	border-left: 0px solid black;
}
/* h1 pdf link */
.h1_pdf_link{
	float:right;
	color: white;
	font-size: small;
	line-height:34px;
	margin-right:5px;
}
.h1_pdf_link img{
	vertical-align:middle;
}
th{
	background-color: #D3D3D3;
	border: thin solid Gray;
	padding: 0px 5px 0px 5px;
}
td{
	vertical-align: top;
}
#pricetable table {
	border-spacing: 3px 4px;
	border-collapse: separate;
}
.urenregistratie_h2{
    width:490px;
}
.agenda_h2{
    width:546px;
}
.facturering_h2{
    width:496px;
}

div.bottom_news {
	background: url("../images/bottom_news.jpg") no-repeat scroll left top transparent;
	width: 908px;
	border: 1px solid #9A978E;
}
div.rounded-corners {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	/*box-shadow:2px 2px 2px #d5d5d5;
	-moz-box-shadow:2px 2px 2px #000;
	-webkit-box-shadow:2px 2px 2px #000;*/
}

div.bottom_news_block {
	float: left;
	width:218px;
}
div.bottom_news_block{
	padding: 0 0 0 9px;
	margin: 0;
}
div.bottom_news_title {
	margin: 8px 0 0 8px;
	margin: 9px 0 0 8px \9;
	width: 892px;
}