/* top level html containers */
html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*background: url(../img/background.gif) fixed;*/
	background-color: #fff;
	color: #686868;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/* general styling rules */
a { color: #ff4200; text-decoration:none; }
a:hover { color: #ff4200; }

a.menu { display: block; height: 12px; margin: 0px 2	px 0px 0px; padding: 11px; float: left; font-size:11px; color: #666666; text-decoration:none; }
/*
a.menu_n { position: absolute; display: block; height: 23px; margin: 2px 0 0 4px; padding: 7px 5px 3px 5px; float: left; font-size:14px; font-weight:bold; color: #023771; text-decoration:none;}
.menu_non { position: absolute; display: block; height: 23px; margin: 2px 0 0 4px; padding: 7px 5px 3px 5px; float: left; font-size:14px; font-weight:bold; color: #ff4200; text-decoration:none;}
*/
a.menu:hover { color: #666; }

.menu_hover { color: #666; 	}
.menu_hover:hover { color: #666;  }
/*a.menu:hover { color:#fff; border: ipx solid # background: #0f60a0; }*/
a.menu_login { position: absolute; right: 0px; font-size:11px; color: #fff; text-decoration:none;  display: block; height: 23px;  float: left;  margin: 2px 0px 0px 9px;  padding: 9px 33px 3px 25px; }



table, form, p { margin: 0px; padding: 0px; }
img { border: 0px; }
/*.colorized { background-image: url(../img/shade.png); }*/

h1 { font-size:19px; font-weight: normal; color:#ff4200; margin-bottom: 23px; }
h1.home { margin-bottom: 0px;  }

h2 { font-size:15px; font-weight: normal; color:#ff4200; margin-bottom: 10px; margin-top: 14px;}

.blue_txt {color: #033f7b;  font-size: 11px;}
.onrange_txt {color: #ff4200;  font-size: 11px;}
.onrange_txt_home{color: #ff4200;  font-size: 12px;}
.black_txt {color: #434343; font-size: 16px;}

/* form validation */
input{ background-color: #F2F2F2; }
input.disabled { border: 1px solid #F2F2F2;  }
input.required, textarea.required { border: 1px solid #000000; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; background: #F2F2F2 url(../img/non_val.gif) right -2px no-repeat; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; background: #F2F2F2  url(../img/val.gif) right -1px no-repeat; }
.validation-advice { color: #FF3300; font-weight: bold; display: none; }
.boxcheck .validation-advice { color: #FF3300; font-weight: bold; display:block;background:white; }
.custom-advice { color: #C8AA00; font-weight: bold; }

.boxcheck input.validation-failed, textarea.validation-failed { border: 0; color : #FF3300; background: transparent; }
.boxcheck input.validation-passed, textarea.validation-passed { border: 0; color : #000; background: transparent; }

table.home {
	border-color: #e2e2e2;
    border-width: 1px 1px 1px 1px;
}

.home_voortext{
	font-size: 12px;
	font-weight: bold; 
}

.list {
	padding-bottom:3px;
	color:#686868;
}

/* footer position using 'footerStickAlt' technique */
#contents {
	position: relative;
	min-height: 100%;
	left: 50%;
	border:solid 0px;
	overflow-x: hidden;
	margin-left: -417px;
	width: 834px;
	/*background: url(../img/content_gradient.jpg) #fff; background-repeat:repeat-x; */
}

* html #contents {
	height: 100%;
}

#help_info{
	position: absolute; 
	width: 337px; 
	height: 126px; 
	background:  url(../img/help_back.gif);
	
	padding: 10px 10px 20px 10px ;
}

#footer h1{
	color:#ec6812;
	font-size:11px;
	margin:0px;
}

#footer .navigation{
	color:#999;
	padding-top:5px;
}
#footer .navigation:hover{
	color:white;
	padding-top:5px;
}
#footer .table td{
	vertical-align:top;
	padding-right:50px;
	text-align:left;
}
#footer {
	position: relative;
	width: 100%;
	height: 261px;
	margin-top: -40px;
	overflow: hidden;
	font-size: 11px;
	color: #999;
	background: #1b1b1b;
	background-image: url(../img/footer_bg.gif);
	background-repeat:repeat-x;
}

#logo {
	position:absolute;
	top:18px;
	left:32px;
	width:257px;
	height:77px;
	background: url(../img/logo_wit.gif);
}

#navigation {
	position:absolute;
	
	overflow: hidden;
	
	top: 70px;
	right:26px;
	width:500px;
	height:37px;
	padding-left: 2px;
	background: url(../img/navigation_bg2.gif) no-repeat;
}

#content_pages {
	position: relative;
	padding-top: 395px;
	padding-left:32px;
	padding-right: 30px;
	width:774px;
}

#flash_demo{
	position: absolute;
	top: 118px;
	left:34px;
	width:580px;
	height:250px;
}

#submenu{
	position: absolute;
	top: 115px;
	left:617px;
	width:188px;
	height:250px;
}


#submenu a {
	display: block;
	/*background: url(../img/submenu/klantsupport.gif);*/
	width: 188px;
	height: 61px;
	color:#bbb;
	margin-top:3px;
}

#submenu .body {
	font-size: 11px;
	padding-left:16px;
	color: #ccc;
}

#submenu .spanclass {
	color:white; 
	font-size:14px; 
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 16px;
}

#submenu .support { background: url(../img/submenu/submenu_top.gif); padding-top: 5px; height: 62px; width: 190px; cursor:pointer;}
/*#submenu .support:hover { background: url(../img/submenu/klantsupport_over.gif); }*/

#submenu .over{position:relative; left:147px;  top:-37px}

#submenu .aanbevelingen { background: url(../img/submenu/submenu_twee.gif); padding-top: 5px; height: 57px; width: 190px; margin-top:0px;}

#submenu .aanmelden { background: url(../img/submenu/submenu_drie.gif); padding-top: 5px; height: 59px; width: 190px; margin-top:0px;}

#submenu .persoonlijke_demo { background: url(../img/submenu/submenu_bottom.gif); padding-top: 5px; height: 55px; width: 190px; margin-top:0px;}

/*blokken op home */
.block_holder {
	margin-top: 5px;
	height: 263px;
	clear: both;
	width: 777px;
	border:solid 0px;
}
.block_holder .block {
	float: left;
	margin-right: 5px;
	width: 249px;
	height: 263px;
	border-right: 1px solid #dadada;
}

.block_holder .block h1 {
	font-size: 15px;
	color: #666;
	display: block;
	padding: 10px 0 10px 0px;
	margin: 0px;
}

.block_holder .block .body {
	padding: 0px;
}

.block_holder .block .body a {
	color: #666;
}
.block_holder .block .body a:hover {
	color: black;
}
.block_holder.block.body input{
	color: #ff0000;
}

#modules_vlak{
	position: relative;
	
	width:774px;
	height:512px;
	padding-top: 20px;
}

#modules_vlak div{
/*margin-left:23px;
/*font-size:19px;*/
}

.standaard {color:#ff4200; margin-bottom:7px; font-size:15px;}
.uitbereidingen {color:#003366; margin-bottom:7px; font-size:15px;}


#modules_vlak a, #modules_vlak div.border {
	display: block;
	height: 21px;
	width: 95px;
	margin-left: 0px;
	color: #999;
	font-size: 11px;
	padding-left: 0px;
	padding-top: 0px;
}


h2.module_headers{
	margin-top:0px;
	padding-top:15px;
	padding-left:0px;
}

.module_headers{
	padding-top:15px;
	padding-left:15px;
}
#modules_beschrijving h1 { margin:0px; color:#ff4200; font-size:15px;}

#modules_beschrijving{
color:#999999;
font-size:11px;
position:relative;
overflow:hidden;
width:382px; 
height:138px; 
background: url(../img/modules_vlak_new.jpg);
}

#modules_vlak div.border {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	height: 1px;
	padding-top: 0px;
	background: #ccc;
	overflow: hidden;
}

#standaard_menu_selected {
	color: #ff4200;
}

#modules_vlak a.standaard_menu_selected {
	color: #ff4200;
}

#modules_vlak a.premium_menu_selected {
	color: #003366;
}

#modules_flash_demo {
position: absolute;
top:517px;
left:172px;
width:587px;
height:453px;
background: url(../img/modules_bekijk_demo.jpg);
}

#modules_screenshots_new{
background: url(../img/module_bg_side.jpg);
margin-top:0px;
padding-top:0px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
width:737px;
color:#999;
}

#modules_screenshots{
float: right;
margin-top: -473px;
margin-right: 30px;
width:587px;
height:463px;
overflow: hidden;
color: #777;;
}

#module_detals {
height:450px; 
width: 582px;
font-size: 12px;
}

#module_detals_menu {
position: absolute;
top: 440px;
left : 0px;
height: 30px;
width: 587px;
padding-right: 10px;
text-align: center;
width: 570px;
/*background: #000;*/
}

#module_detals_menu a{
	padding: 0px; 
	width: 15px; 
	height: 15px; 
	margin: 2px;
}

#module_detals_menu a:hover{
	background-color : #fff;
}

.paging {
position: relative;
float:right;
border: 1px solid #ccc;
display: block;
text-align: center;
font-size: 11px;

}

#referenties_menu  {
font-size:14px;
color:#434343;
}

a.referenties {font-size:14px; color:#434343;}
a.referenties:hover{font-size:14px; color:#ff4200; }

#referentie_blok_grijs {
position: relative;
margin-top:10px;	
background:#e7e6e6;
width:770px;
height:138px;
border:solid 1px #c9c9c9;
}

#referentie_blok_grijs p {
margin-top:10px;
font-size:12px;
color:#606060;
}
#referentie_blok_grijs b  {color:#303030}

#referentie_blok{

margin-top:10px;	
width:770px;
height:138px;
border:solid 1px #c9c9c9;
}

#referentie_blok p {
margin-top:10px;
font-size:14px;
color:#606060;
}
#referentie_blok b  {color:#303030}
 
.referenties_logo{width:212px; height:100%;float:left; vertical-align:middle; text-align:center;}
.referenties_no_img {width:12px; height:100%;float:left; }
.referenties_text {width:550px; height:100%; float:left; font-size:10px;}
.referenties_leesverder {position: absolute; bottom: 5px; right: 10px; }
.referenties_leesverder a {font-size:14px; color:#023772;}

#referentie_vervolg  {
position: relative;
width:720px;
margin-left:20px;
}

#contact {
margin-top:20px;
width:772px;
height:404px;
background: url(../img/contact.jpg);
float: right;
}

#conact_form{
width:307px;
float: left;
padding: 20px 0 0 20px;
font-size:12px;
}

#contact_info{
margin-top: 10px;
margin-left:520px;
width:145px;
height:320px;
font-size:12px;
/*color:#424242;*/
}

.contact_vervolg {
margin-top:63px;
}

#contact_info h2{font-size:20px; color:#ff4200; margin-bottom:-17px;}
.contact_vervolg h3{font-size:13px; color:#ff4200; margin-bottom:0px;}

/* inloggen box (dialog & dialoggray) */
#dialoggray {
   position: absolute;
   z-index: 3;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: #000000;
   visibility: hidden;
   Filter: Alpha(Opacity=70);	
   -moz-opacity:0.7;
}


#dialog {
   position: absolute;
   z-index: 5;
   left: 50%;
   width: 781px;
   margin-left: -390px;
   height: 333px;
   top: 50%;
   margin-top: -166px;
   text-align: left;
}

#alert_dialog {
   position: absolute;
   z-index: 5;
   left: 50%;
   width: 340px;
   margin-left: -200px;
   height: 140px;
   top: 50%;
   margin-top: -100px;
   text-align: left;
   background: url(../img/dialoge/alert_box.png); background-repeat:no-repeat;	
   padding: 30px;
}

#inlogform {
	height: 233px;
	width: 731px;
	
	padding-left:50px;
	padding-top:100px;
	background: url(../img/inloggen_bg.png); background-repeat: no-repeat;	
}

#gebruikersvoorwaarden {
	width: 781px;
}


#persoonlijke_demo_left {
margin-left:20px; 
width:300px; 
height:400px; 
border: 1px solid; 
float:left;
}

#persoonlijke_demo_right {
margin-left:400px; 
width:300px; 
height:400px; 
border: 1px solid; 
}


.prijzen_icon_help {
	cursor: help;
}

.prijzen_icon{
	cursor: pointer ;
}

.head {
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	
}
#close_help_prijzen {
	position: absolute;
	display: block;

	width: 15px;
	height: 15px;

	top : 10px;
	right: 10px;
}

.datepicker { border: 1px solid black; width: 208px; height: 234px; position: absolute; }
.datetimepicker { border: 1px solid black; width: 208px; height: 264px; position: absolute; }
.pxl_datepicker, .pxl_datetimepicker { visibility: hidden; }

.aanmelden_pagina {
	position : relative;
	width: 770px;
	margin: 10px 0 20px 0;
	
	
}

#aanmelden_stap1{
	/*background-color : #123123;*/
}

#aanmelden_stap2{
	/*background-color : #321321;*/
}

#aanmelden_stap3{
	/*background-color : #111111;*/
}

#uitbreidingen td {
	background: #eee;
}


/***** PRIJZEN ****/

.prijzen_contrainer {
	background: url('../img/prijzen/paketten.jpg') top right no-repeat;
}

.orange {
	color: #eb5816;
}
.blue {
	color: #154b87 !important;
}

.prijzen_vlak {
	background-image: url('../img/prijzen/prijzen_vlak.gif');
	width: 424px;
	height: 138px;
	float: left;
}
.prijzen_vlak div {
	padding: 15px 20px;
}

.prijzen_vlak h1, .prijzen_tabel thead th.header {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	color: #ff4200;
	font-size: 15px !important;
	font-weight: normal;
	text-align: left;
}

.probeer_gratis {
	float: left;
	margin-left: 16px;
}

.prijzen_tabel {
	width: 100%;
	background: white url('../img/prijzen/tabel_bg.gif') left top repeat-y;
	border-collapse: collapse;
}

.prijzen_tabel td {
	padding: 4px 4px 3px;
}

.prijzen_tabel thead th, .prijzen_tabel thead th.header {
	padding-bottom: 8px;
	background: white;
	color: #eb5816;
	font-size: 13px;
	font-weight: normal;
}

/* Rounded bg stuff */

.prijzen_tabel tbody tr.first td {
	border-top: 0;
	background: transparent url('../img/prijzen/tabel_top_bg.gif') top center no-repeat;
}
.prijzen_tabel tbody tr.first td.first {
	background: transparent url('../img/prijzen/tabel_top_bg.gif') left top no-repeat;
}
.prijzen_tabel tbody tr.first td.last {
	background: transparent url('../img/prijzen/tabel_top_bg.gif') right top no-repeat;
}

.prijzen_tabel tbody tr.last td {
	border-bottom: 0;
	background: transparent url('../img/prijzen/tabel_bottom_bg.gif') bottom center no-repeat;
}
.prijzen_tabel tbody tr.last td.first {
	background: transparent url('../img/prijzen/tabel_bottom_bg.gif') left bottom no-repeat;
}
.prijzen_tabel tbody tr.last td.last {
	background: transparent url('../img/prijzen/tabel_bottom_bg.gif') right bottom no-repeat;
}

.prijzen_tabel tbody td.first {
	border-left: 0;
}
.prijzen_tabel tbody td.last {
	border-right: 0;
}

/* ----  */

.prijzen_tabel tbody td {
	border: 1px solid #f0eded;
	text-align: center;
}

.prijzen_tabel tbody td.first div {
	background: transparent url('../img/prijzen/pijl_rechts.gif') center no-repeat;
	height: 8px;
	width: 8px;
	margin-left: 2px;
	cursor: pointer;
}
.prijzen_tabel tbody td.first div.beneden {
	background-image: url('../img/prijzen/pijl_beneden.gif');
}

.prijzen_tabel tbody td.name {
	color: #999;
	text-align: left;
}

/* Hover */

/* .prijzen_tabel tbody tr.standaardHover td {
	background-color: #ff6600;
	color: white;
}

.prijzen_tabel tbody tr.standaardHover td {
	border-bottom: 0;
	background: #ff6600 url('../img/prijzen/tabel_bottom_bg.gif') bottom center no-repeat;
}
.prijzen_tabel tbody tr.standaardHover td.first {
	background: #ff6600 url('../img/prijzen/tabel_bottom_bg.gif') left bottom no-repeat;
}
.prijzen_tabel tbody tr.standaardHover td.last {
	background: #ff6600 url('../img/prijzen/tabel_bottom_bg.gif') right bottom no-repeat;
} */
	
	
/* Help */

.prijzen_tabel tbody tr.help td {
	background-color: #e6e4e4;
	border: 0;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}

.prijzen_tabel tbody tr.help td.first {
	background: #e6e4e4 url('../img/prijzen/tabel_bg_help_border.gif') left bottom repeat-y;
}
.prijzen_tabel tbody tr.help td.last {
	background: #e6e4e4 url('../img/prijzen/tabel_bg_help_border.gif') right bottom repeat-y;
}

/* Laatste help row mooie rondjes */
.prijzen_tabel tbody tr.help td.lastfirst {
	background: #e6e4e4 url('../img/prijzen/tabel_bg_help_border_left.gif') left bottom repeat-y;
}
.prijzen_tabel tbody tr.help td.lastmiddle {
	background: #e6e4e4 url('../img/prijzen/tabel_bg_help_border.gif') left bottom repeat-x;
}
.prijzen_tabel tbody tr.help td.lastlast {
	background: #e6e4e4 url('../img/prijzen/tabel_bg_help_border_right.gif') right bottom repeat-y;
}

.prijzen_tabel tbody tr.help td div span {
	display: block;
	margin: 10px 0;
}

/* Setup */

.prijzen_tabel tbody tr.setup td {
	border-bottom: 0;
	border-top: 0;
}