/* ------------ Body ------------ */

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	background: #F1F2F3;
}

/* ------------ Container ------------ */

td#body {
	width: auto;
	width: 573px;
}

td#right {
	width: 200px;
}

td.left_shadow {
  width: 8px;
  background: url(../images/gb_shadow_l.gif) repeat-y;
}

td.right_shadow {
  width: 8px;
  background: url(../images/gb_shadow_r.gif) repeat-y;
}

div.left_bot_shadow {
  height: 18px;
  background: url(../images/gb_shadow_bl.gif) top left no-repeat;
}

div.right_bot_shadow {
  height: 18px;
  background: url(../images/gb_shadow_br.gif) top right no-repeat;
}

td.bottom_shadow {
	height: 18px;
  	text-align: center;
  	vertical-align: top;
  	background: url(../images/gb_shadow_b.gif) bottom left repeat-x;
}

div.border {
	border: 0px;
	padding: 0px;
}

table.contentpane, table.contentpaneopen {
	width: 97%;
    border: 0px solid #00f;
}

ul {
	margin: 0;
	padding-left: 15px;
}

ul li {
}

.clr {
	clear: both;
}

/* ------------ Lettertypes ------------ */

#body p {
    margin: 4px 0px 12px 0px;
    line-height: 1.3em;
}

div, p, table, td, th {
	line-height: 1.3em;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #B02D30;
	letter-spacing: 0.2em;
	font-weight: bolder;
	padding-top: 2px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2D5986;
	letter-spacing: 0.0em;
	padding-top: 10px;
	font-weight: bold;
	margin: 11px 0px 5px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
	color: #2D5986;
	padding-top: 10px;
	margin: 11px 0px 5px 0px;
}

h4 {
	font-size: 13px;
	color: #2D5986;
	letter-spacing: 0.2em;
}

p.firstsection {
	text-align: justify;
	font-weight: bold;
}

p.subsection {
	text-align: justify;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	display: inline;
	white-space: pre;
    line-height: 1.3em;
}

/* ------------ Hyperlinks ------------ */

a:link, a:visited {
	color: #B02D30;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #3D6F9F;
	font-weight: normal;
	text-decoration: none;	
}

div.announcements a:link, div.announcements a:visited {
	color: #B02D30;
	font-weight: bold;
	text-decoration: none;
}

a.mainlevel {
	margin-left: 0px;
	padding-left: 20px;
	background: url(../images/arrow.gif) 0 -1px no-repeat;
}

/* ------------ Content Area ------------ */

div#content_area h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

div#content_area .contentheading {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 25px;
	font-size: 20px;
	font-weight: normal;
	color: #B02D30;
	text-align: left;
	padding: 0px 0px 0px 0px;

}

div#content_area .componentheading {
  	width: 100%;
	height: 25px;
	font-size: 17px;
	font-weight: normal;
	color: #B02D30;
	text-align: left;
	padding: 0px 0px 0px 0px;
	letter-spacing: 0.1em;
}

.buttonheading {
	padding-bottom: 8px !important;
	padding-bottom: 4px;
	vertical-align: bottom;
}

td.wrapper {
	width: 773px;
	text-align: left;
	background: #FFFFFF;
	background: url(../images/bg.gif) repeat-y;
}

div.bottomspacer {
	height: 15px;
}

div.main_padding {
	padding: 0 0px;
}

div#links {
	float: right;
}

div.center {
	text-align: center;
}

table#main {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

table#inner {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div#surround {
	float: left;
	width: auto !important;
	width: 773px;
}

div#middle {
	float: none !important;
	float: left;
	margin-bottom: 2px;
	padding: 15px;
}

div#logo {
	height: 110px;
	background: url(../images/logo.gif) top left no-repeat;
}

div#logodivider {
	height: 10px;
	background-color: #315880;
	border-bottom: 1px solid #FFFFFF;
}

div#menudivider {
	height: 10px;
	background-color: #315880;
	border-bottom: 1px solid #FFFFFF;
}

div.bannerdivider {
	height: 140px;
	background-color: #FFFFFF;
	border-bottom: 5px solid #b02e2e;
}

.homebutton {
	float: left;
	display: inline;
	width: 311px;
	height: 72px;
	margin-top: 26px;
	margin-left: 6px;
	padding: 0;
}

#logo span {
	display: none;
}

/* ------------ Banners ------------ */

div.imagebanner {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/splashbar.gif) top left no-repeat;
}

div.imagebanner1 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_welkom.jpg) top left no-repeat;
}

div.imagebanner2 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_over_ferry_heijnen_nl.jpg) top left no-repeat;
}

div.imagebanner3 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_producten_en_diensten.jpg) top left no-repeat;
}

div.imagebanner3a {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_domeinnamen.jpg) top left no-repeat;
}

div.imagebanner3b {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_webhosting.jpg) top left no-repeat;
}

div.imagebanner3c {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_backup_hosting.jpg) top left no-repeat;
}

div.imagebanner3d {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_telecom.jpg) top left no-repeat;
}

div.imagebanner3e {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_webdesign.jpg) top left no-repeat;
}

div.imagebanner3f {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_ictdiensten.jpg) top left no-repeat;
}

div.imagebanner4 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_servicedesk.jpg) top left no-repeat;
}

div.imagebanner5 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_inloggen.jpg) top left no-repeat;
}

div.imagebanner6 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_bestellen.jpg) top left no-repeat;
}

div.imagebanner7 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_neem_contact_op.jpg) top left no-repeat;
}

div.imagebanner8 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_juridisch.jpg) top left no-repeat;
}

div.imagebanner9 {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_servicecentrum.jpg) top left no-repeat;
}










div.hbanner_3d {
	float: left;
	z-index: 100;
	height: 139px;
	width: 773px;
	background: #F4F4F4 url(../images/banners/banner_telecom.jpg) top left no-repeat;
	border-top: 0px solid #FFFFFF;
}







/* ------------ Navigatie ------------ */

div.horizmenu, div.submenu {
	float: left;
	z-index: 100;
	width: 773px;
	font-size: 11px;
	margin: 1px 0;
	background: #B02D30;
}
div.submenu {
	z-index: 101;
	height: 24px;
	margin-top: -2px;
	border-top: 1px solid #FFFFFF;
	background: #315880;
}
div.horizmenu ul, div.submenu ul {
	float: left;
	margin: 0;
  	padding: 0;
  	list-style: none;
}
div.horizmenu li, div.submenu li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
div.horizmenu a:link, div.horizmenu a:visited, div.submenu a:link, div.submenu a:visited {
	float:left;
  	display:block;
	color: #FFFFFF;
  	height: 26px;
	line-height: 23px;
	padding: 0 14px;
}
div.submenu a:link, div.submenu a:visited {
	height: 22px;
	font-weight: normal;
	color: #FFFFFF;
	border-right: 0px;
	border-bottom: 0px;
	line-height: 23px;
}
div.horizmenu a:hover, div.submenu a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #3A6A9A;
	background-color: #3A6A9A;
}
div.horizmenu a.active_menu:link, div.horizmenu a.active_menu:visited {
	position: relative;
	z-index: 102;
	color: #FFFFFF;
	background: #315880;
}
div.horizmenu a:link, div.horizmenu a:visited {
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

div.horizmenu .lastmenu {
	width: 101px;
}

ul#sublevel li.spam a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	background: #3A6A9A;
}











#domeinnamen li.domeinnamen a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#webhosting li.webhosting a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#backup li.backup a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#telecom li.telecom a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#webdesign li.webdesign a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#ictdiensten li.ictdiensten a {
	color: #FFFFFF;
	background: #3A6A9A;
}


























#relatiegegevens li.relatiegegevens a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#facturen li.facturen a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#offertes li.offertes a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#bestellingen li.bestellingen a {
	color: #FFFFFF;
	background: #3A6A9A;
}

#diensten li.diensten a {
	color: #FFFFFF;
	background: #3A6A9A;
}









/* ------------ Modules ------------ */

div.moduletable {
	width: auto !important;
	width: 170px;
	min-height: 52px;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 10px;
	vertical-align: top;
	background: url(../images/hline.jpg) no-repeat bottom left;
}

div#content_area div.moduletable h3 {
	font-weight: bold;
	font-size: 11px;
	color: #2D5986;
	line-height: 20px;
	margin-top: 10px;
	padding-right: 9px;
}

div#content_area div.moduletable p {
	line-height: 15px;
	padding-left: 4px;
	padding-right: 9px;
	margin: 0 -5px 5px -5px;
}

div.moduletable {
	margin-bottom: 2px;
	padding: 0px 13px 13px;
}

/* ------------ Sidebar ------------ */

.sidebar-label {
	font-weight: bold;
	color: #A3A3A3;
	padding: 0px 0px 5px 0px;
}

.sidebar-field {
	padding-bottom: 4px;
}

.sidebar-field input {
	width: 159px;
	font-size: 11px;
	color: #333333;
	margin-bottom: 4px;	
	border: 1px solid #D5D5D5;
	padding: 2px;
}

.sidebar-field checkbox {
	width: 20px;
}

.sidebar-field select {
	width: 163px;
	font-size: 11px;
	color: #333333;
	margin-bottom: 4px;	
	border: 1px solid #D5D5D5;
	padding: 2px;
}

.sb-submitbutton {
	width: 164px;
	background: #B02E2E none repeat scroll 0 0;
	border: 1px solid #731E1E;
	color: #FFFFFF;
    padding-bottom: 1px;
    padding-bottom: 2px;
    vertical-align:middle;
}

input {
	width: 159px;
	font-size: 11px;
	color: #333333;
	margin-bottom: 4px;	
	border: 1px solid #D5D5D5;
	padding: 2px;
}

select {
	width: 163px;
	font-size: 11px;
	color: #333333;
	margin-bottom: 4px;	
	border: 1px solid #D5D5D5;
	padding: 2px;
}

checkbox {
	width: 20px;
	font-size: 11px;
	color: #333333;
	margin-bottom: 4px;	
	border: 1px solid #D5D5D5;
	padding: 2px;
}

.liveresponse {
	width: 175px;
	height: 38px;
	padding: 10px 0px 0px 0px;
}

.callmenow {
	width: 175px;
	height: 38px;
	padding: 10px 0px 0px 0px;
}

/* ------------ Pathway ------------ */

div#pathway {
	margin-bottom: 0px;
}

/* ------------ Footer ------------ */

div#footer {
	text-align: center;
	font-size: .9em;
	color: #7D9EC4;
	margin-top: -1px !important;
	margin-top: 0;
	color: #b0b0b0;
	text-align: center;
	padding-top: 15px;
}

div#footer a:link, div#footer a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #8A8A8A;
}

div#footer a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #8A8A8A;
}

/* ------------ Forms ------------ */

textarea {
	width: 326px;
	height: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-bottom: 0px;	
	border: 1px solid #C3C3C3;
	border-bottom-color: #DDDDDD;
	border-top-color: #7C7C7C;
	padding-left: 2px;
}

select {
	width: 170px;
	font-size: 11px;
	color: #333333;
	margin-bottom: 0px;	
	border: 1px solid #C3C3C3;
	border-bottom-color: #DDDDDD;
	border-top-color: #7C7C7C;
	padding-left: 2px;
}

.inner_select {
	width: 220px;
	font-size: 11px;
	color: #333333;
	margin-bottom: 0px;	
	border: 1px solid #C3C3C3;
	border-bottom-color: #DDDDDD;
	border-top-color: #7C7C7C;
	padding-left: 2px;
}

.inputbox {
	width: 250px;
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	color: #666666;
	font-size: 100%;
	padding: 2px;
	margin:0px;
}

.select {
	width: 250px;
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	color: #666666;
	font-size: 100%;
	padding: 2px;
	margin:0px;
}

.textarea {
	width: 250px;
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	color: #666666;
	font-size: 100%;
	padding: 2px;
	margin:0px;
}


.radio {
	width: 20px;
}

.checkbox {
	width: 20px;
}

.submitbutton {
	width: 110px;
	background: #B02E2E none repeat scroll 0 0;
	border: 1px solid #731E1E;
	color: #FFFFFF;
    padding-bottom: 2px;
    vertical-align:middle;
}

.addresponsebutton {
	background: #709A27 none repeat scroll 0 0;
	border: 1px solid #608422;
	color: #FFFFFF;
	width: 150px;
}

.addresponsebutton {
	width: 110px;
	background: #709A27 none repeat scroll 0 0;
	border: 1px solid #608422;
	color: #FFFFFF;
    padding-bottom: 2px;
    vertical-align:middle;
}

.orderbutton {
	width: 77px;
	background: #B02E2E none repeat scroll 0 0;
	border: 1px solid #731E1E;
	color: #FFFFFF;
    padding-bottom: 2px;
    vertical-align:middle;
}

.checkbox {
	width: 20px;
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	color: #666666;
	font-size: 100%;
	padding: 2px;
}

.swifttext
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #454545;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	PADDING: 2px 2px 2px 2px;
}

/* ------------ Foutmeldingen ------------ */

#errormessage {
	display: block;
	min-height: 16px;
	color: #D80000;
	font-weight: bolder;
	background-color: #EAEAEA;
	padding: 2px 5px 2px 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
	background: url(../images/warning_sign.gif) top left no-repeat;
}

#resultmessage {
	display: block;
	min-height: 16px;
	color: #D80000;
	font-weight: bolder;
	background-color: #EAEAEA;
	padding: 2px 5px 2px 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
	background: url(../images/warning_sign.gif) top left no-repeat;
}

#ordererror {
	display: block;
	min-height: 16px;
	color: #D80000;
    background-color: #FCFCFC;
	padding: 2px 5px 2px 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
	background: url(../images/warning_sign.gif) #FCFCFC top left no-repeat;
}

#returning-customer {
	display: block;
	min-height: 16px;
    background-color: #FCFCFC;
	padding: 2px 5px 2px 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
}

#invoice-address {
	display: block;
	min-height: 16px;
    background-color: #FCFCFC;
	padding: 2px 5px 2px 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
}

#message {
	display: block;
	min-height: 16px;
    background-color: #FCFCFC;
	padding: 2px 5px 2px 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
}

#importantmessage {
	display: block;
	min-height: 16px;
	color: #D80000;
	font-weight: bolder;
	background-color: #EAEAEA;
	padding: 2px 5px 2px 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
	background: url(../images/warning_sign.gif) top left no-repeat;
}

.nodatafound {
	color: #B02D30;
	font-weight: normal;
	text-align: center;
	background-color: #FCFCFC;
	height: 40px;
}

#redtext {
	display: block;
	color: #FF0000;
}

/* ------------ Hints ------------ */

#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: lightyellow;
	width: 550px; /*Default width of hint.*/
	padding: 13px;
	border: 1px solid black;
	font: normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	visibility: hidden;
}

.hintanchor {
	color: navy;
	margin: 3px 18px;
}

.balloonstyle {
	position: absolute;
	top: -500px;
	left: 0;
	padding: 13px;
	visibility: hidden;
	border: 1px solid black;
	line-height: 18px;
	z-index: 100;
	background-color: lightyellow;
	width: 460px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
}

/* ---------- Content Blocks -------------- */

.contentblock {
	float:left;
	width: 100%;
	min-height: 100px;
	background: #FAFAFA;
	border-width: 1px;
	border-style: dotted;
	border-color: #959598;
	margin-top: 7px;
	margin-bottom: 18px;
}

.contentblock .left-column {
	float: left;
	width: 60px;
	height: 70px;
	padding-top: 18px;
	padding-left: 20px;
}
 
.contentblock .right-column {
	float: left;
	width: 420px;
	padding-top: 17px;
	padding-bottom: 5px;
}

.contentblock .contentbox-title {
	color: #B02D30;
	font-weight: bold;
	text-decoration: none;
	height: 200px;
}

.contentblock .clear {
	clear: both;
}

.sub-contentblock {
	float:left;
	width: 100%;
	margin-bottom: 10px;
}

.sub-contentblock .sub-left-column {
	float: left;
	width: 200px;
	margin-bottom: 2px;
}
 
.sub-contentblock .sub-right-column {
	float: left;
	margin-bottom: 2px;
}

.tableblock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.tableblock .blocktitle {
	float:left;
	width: 520px;
	height: 23px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.tableblock .first-label {
	float: left;
	width: 166px;
	min-height: 22px;
	font-weight: bold;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.tableblock .first-field {
	float: right;
	width: 342px;
	min-height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
}

.tableblock .second-label {
	float: left;
	width: 166px;
	min-height: 22px;
	font-weight: bold;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.tableblock .second-field {
	float: right;
	width: 342px;
	min-height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
}
 
.tableblock .second-smfield {
	float: right;
	width: 342px;
	min-height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
}

.tableblock .lfirst-label {
	float: left;
	width: 206px;
	min-height: 22px;
	font-weight: bold;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.tableblock .lfirst-field {
	float: right;
	width: 302px;
	min-height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
}

.tableblock .lsecond-label {
	float: left;
	width: 206px;
	min-height: 22px;
	font-weight: bold;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.tableblock .lsecond-field {
	float: right;
	width: 302px;
	min-height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
}

.tableblock .light-longfield {
	float: right;
	width: 508px;
	min-height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}

.tableblock .dark-longfield {
	float: right;
	width: 508px;
	min-height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}

/* ---------- SIDN Forms Wizard -------------- */

.customerblock .sidn1-first-label {
	float: left;
	width: 36px;
	height: 22px;
	font-weight: bold;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.customerblock .sidn1-first-field {
	float: right;
	width: 472px;
	height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
}

.customerblock .sidn1-second-label {
	float: left;
	width: 36px;
	height: 22px;
	font-weight: bold;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.customerblock .sidn1-second-field {
	float: right;
	width: 472px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
}

.customerblock .sidn2-first-label {
	float: left;
	width: 186px;
	height: 22px;
	font-weight: bold;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.customerblock .sidn2-first-field {
	float: right;
	width: 322px;
	height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
}

.customerblock .sidn2-second-label {
	float: left;
	width: 186px;
	height: 22px;
	font-weight: bold;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.customerblock .sidn2-second-field {
	float: right;
	width: 322px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
}

.listblock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.listblock .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.listblock .first-label {
	float: left;
	width: 366px;
	height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.listblock .first-field {
	float: right;
	width: 142px;
	height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
}

.listblock .second-label {
	float: left;
	width: 366px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.listblock .second-field {
	float: right;
	width: 142px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
}

.listblock .light-longfield {
	float: right;
	width: 508px;
	min-height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}

.listblock .dark-longfield {
	float: right;
	width: 508px;
	min-height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}

.datablock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.datablock .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.datablock .first-label {
	float: left;
	width: 166px;
	height: 22px;
	font-weight: bold;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.datablock .first-field {
	float: right;
	width: 342px;
	height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
}

.datablock .second-label {
	float: left;
	width: 166px;
	height: 22px;
	font-weight: bold;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.datablock .second-field {
	float: right;
	width: 342px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
}

.datablock .lfirst-label {
	float: left;
	width: 206px;
	height: 22px;
	font-weight: bold;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.datablock .lfirst-field {
	float: right;
	width: 302px;
	height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
}

.datablock .lsecond-label {
	float: left;
	width: 206px;
	height: 22px;
	font-weight: bold;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.datablock .lsecond-field {
	float: right;
	width: 302px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
}

.datablock .light-longfield {
	float: right;
	width: 508px;
	min-height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}

.datablock .dark-longfield {
	float: right;
	width: 508px;
	min-height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}














/* ---------- Nieuws en mededelingen -------------- */

.articlesblock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.articlesblock .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(https://www.ferryheijnen.nl/images/blocktitle_bar.gif) no-repeat;
}

.articlesblock .fields-articledata {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.articlesblock .first-label {
	float: left;
	width: 166px;
	height: 22px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.articlesblock .first-field {
	float: right;
	width: 342px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
}

.articlesblock .second-label {
	float: left;
	width: 166px;
	height: 22px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.articlesblock .second-field {
	float: right;
	width: 342px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
}

.articlesblock .light-longfield {
	float: right;
	width: 508px;
	min-height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}

.articlesblock .dark-longfield {
	float: right;
	width: 508px;
	min-height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}

.articlesblock .pingdom-label {
	float: left;
	width: 316px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.articlesblock .pingdom-field {
	float: right;
	width: 192px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
}

.articlesblock .fields-articledata:hover {
	background-color: #ecefef;
	cursor: pointer;
}

.articlesblock .fields-pingdomdata {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.articlesblock .fields-pingdomdata:hover {
	background-color: #ecefef;
}












/* ---------- Domain Prices -------------- */

.domainsblock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.domainsblock .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.domainsblock .top-labels {
	float: left;
	width: 520px;
	height: 22px;
	font-weight: bold;
	background-color: #EEF0F0;
}
 
.domainsblock .top-label-extension {
	float: left;
	width: 118px;
	height: 22px;
	padding-top: 3px;
	padding-left: 12px;
}

.domainsblock .top-label-country {
	float: left;
	width: 140px;
	height: 22px;
	padding-top: 3px;
}

.domainsblock .top-label-price {
	float: left;
	width: 110px;
	height: 22px;
	padding-top: 3px;
	padding-right: 40px;
	text-align: left;
}

.domainsblock .top-label-order {
	float: left;
	width: 100px;
	height: 22px;
	padding-top: 3px;
	text-align: center;
}

.domainsblock .fields-domaindata {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.domainsblock .field-extension {
	float: left;
	width: 118px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.domainsblock .field-country {
	float: left;
	width: 140px;
	padding-top: 6px;
	padding-bottom: 3px;
}

.domainsblock .field-price {
	float: left;
	width: 110px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-right: 40px;
	text-align: left;
}

.domainsblock .field-order {
	float: left;
	width: 100px;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
}

.domainsblock .fields-domaindata:hover {
	background-color: #ecefef;
	cursor: pointer;
}

/* ---------- E-mail and Windows hosting -------------- */

.hosting1block {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.hosting1block .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.hosting1block .top-labels {
	float: left;
	width: 520px;
	height: 22px;
	font-weight: bold;
	background-color: #EEF0F0;
}
 
.hosting1block .top-label-description {
	float: left;
	width: 151px;
	height: 22px;
	padding-top: 3px;
	padding-left: 12px;
}

.hosting1block .top-label-package1 {
	float: left;
	width: 119px;
	height: 19px;
	padding-top: 3px;
	text-align: center;
}

.hosting1block .top-label-package2 {
	float: left;
	width: 119px;
	height: 19px;
	padding-top: 3px;
	text-align: left;
	text-align: center;
}

.hosting1block .top-label-package3 {
	float: left;
	width: 119px;
	height: 19px;
	padding-top: 3px;
	text-align: center;
}

.hosting1block .fields-hosting1data {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.hosting1block .field-description {
	float: left;
	width: 151px;
	height: 19px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.hosting1block .field-package1 {
	float: left;
	width: 119px;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: center;
}

.hosting1block .field-package2 {
	float: left;
	width: 119px;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: left;
	text-align: center;
}

.hosting1block .field-package3 {
	float: left;
	width: 119px;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: center;
	text-align: center;
}

.hosting1block .fields-hosting1data:hover {
	background-color: #ecefef;
	cursor: pointer;
}

/* ---------- Linux hosting -------------- */

.hosting2block {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.hosting2block .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.hosting2block .top-labels {
	float: left;
	width: 520px;
	height: 22px;
	font-weight: bold;
	background-color: #EEF0F0;
}
 
.hosting2block .top-label-description {
	float: left;
	width: 152px;
	height: 22px;
	padding-top: 3px;
	padding-left: 12px;
}

.hosting2block .top-label-package1 {
	float: left;
	width: 89px;
	height: 22px;
	padding-top: 3px;
	text-align: center;
}

.hosting2block .top-label-package2 {
	float: left;
	width: 89px;
	height: 22px;
	padding-top: 3px;
	text-align: left;
	text-align: center;
}

.hosting2block .top-label-package3 {
	float: left;
	width: 89px;
	height: 22px;
	padding-top: 3px;
	text-align: center;
}

.hosting2block .top-label-package4 {
	float: left;
	width: 89px;
	height: 22px;
	padding-top: 3px;
	text-align: center;
}

.hosting2block .fields-hosting2data {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.hosting2block .field-description {
	float: left;
	width: 152px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.hosting2block .field-package1 {
	float: left;
	width: 89px;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: center;
}

.hosting2block .field-package2 {
	float: left;
	width: 89px;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: left;
	text-align: center;
}

.hosting2block .field-package3 {
	float: left;
	width: 89px;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: center;
	text-align: center;
}

.hosting2block .field-package4 {
	float: left;
	width: 89px;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: center;
	text-align: center;
}

.hosting2block .fields-hosting2data:hover {
	background-color: #ecefef;
	cursor: pointer;
}

/* ---------- Database Hosting & Backup Hosting -------------- */

.dbhostingblock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.dbhostingblock .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.dbhostingblock .top-labels {
	float: left;
	width: 520px;
	height: 22px;
	font-weight: bold;
	background-color: #EEF0F0;
}
 
.dbhostingblock .top-label-description {
	float: left;
	width: 90px;
	height: 22px;
	padding-top: 3px;
	padding-left: 12px;
	text-align: right;
}

.dbhostingblock .top-label-price {
	float: left;
	width: 333px;
	height: 22px;
	padding-top: 3px;
	padding-right: 85px;
	text-align: right;
}

.dbhostingblock .fields-dbhostingdata {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.dbhostingblock .field-description {
	float: left;
	width: 90px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
	text-align: right;
}

.dbhostingblock .field-price {
	float: left;
	width: 388px;
	height: 22px;
	padding-top: 8px;
	padding-bottom: 2px;
	padding-right: 30px;
	text-align: right;
}

.dbhostingblock .fields-dbhostingdata:hover {
	background-color: #ecefef;
	cursor: pointer;
}


/* ------------ Productspecifications ------------ */

.productspecsblock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.productspecsblock .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.productspecsblock .first-label {
	float: left;
	width: 366px;
	height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.productspecsblock .first-field {
	float: right;
	width: 142px;
	height: 22px;
	background-color: #FCFCFC;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
}

.productspecsblock .second-label {
	float: left;
	width: 366px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}
 
.productspecsblock .second-field {
	float: right;
	width: 142px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
}

/* ------------ Partners ------------ */

.partnersblock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.partnersblock .left-column {
	float: left;
	width: 260px;
	padding-top: 6px;
	padding-bottom: 20px;
	text-align: center;
}
 
.partnersblock .right-column {
	float: right;
	width: 260px;
	padding-top: 6px;
	padding-bottom: 20px;
	text-align: center;
}

/* ---------- Contentblock -------------- */

.contentblock {
	float:left;
	width: 100%;
	min-height: 100px;
	background: #FAFAFA;
	border-width: 1px;
	border-style: dotted;
	border-color: #959598;
	margin-top: 7px;
	margin-bottom: 18px;
}

.contentblock .left-column {
	float: left;
	width: 60px;
	height: 70px;
	padding-top: 18px;
	padding-left: 20px;
}

.contentblock .right-column {
	float: left;
	width: 420px;
	padding-top: 17px;
	padding-bottom: 5px;
}

.contentblock .contentbox-title {
	color: #B02D30;
	font-weight: bold;
	text-decoration: none;
	height: 200px;
}

.contentblock .clear {
	clear: both;
}

.sub-contentblock {
	float:left;
	width: 100%;
	margin-bottom: 10px;
}

.sub-contentblock .sub-left-column {
	float: left;
	width: 200px;
	margin-bottom: 2px;
}

.sub-contentblock .sub-right-column {
	float: left;
	margin-bottom: 2px;
}


/* ------------ Messages ------------ */

#message {
	display: block;
	min-height: 16px;
    background-color: #FCFCFC;
	padding: 2px 5px 2px 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
}

#importantmessage {
	display: block;
	min-height: 16px;
	color: #D80000;
	font-weight: bolder;
	background-color: #EAEAEA;
	padding: 2px 5px 2px 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
	background: url(http://www.ferryheijnen.nl/images/warning_sign.gif) top left no-repeat;
}

/* ---------- WHOIS -------------- */

.whoisblock {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.whoisblock .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(../images/blocktitle_bar.gif) no-repeat;
}

.whoisblock .top-labels {
	float: left;
	width: 520px;
	height: 22px;
	font-weight: bold;
	background-color: #EEF0F0;
}
 
.whoisblock .top-label-domain {
	float: left;
	width: 258px;
	height: 22px;
	padding-top: 3px;
	padding-left: 12px;
}

.whoisblock .top-label-status {
	float: left;
	width: 75px;
	height: 22px;
	padding-top: 3px;
	margin-left: 15px;
	text-align: left;
}

.whoisblock .top-label-price {
	float: left;
	width: 80px;
	height: 22px;
	padding-top: 3px;
	text-align: center;
}

.whoisblock .top-label-order {
	float: left;
	width: 80px;
	height: 22px;
	padding-top: 3px;
	text-align: center;
}

.whoisblock .fields-domaindata {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.whoisblock .field-domain {
	float: left;
	width: 258px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.whoisblock .field-status {
	float: left;
	width: 90px;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
}

.whoisblock .field-price {
	float: left;
	width: 80px;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
}

.whoisblock .field-order {
	float: left;
	width: 80px;
	padding-top: 6px;
	padding-bottom: 3px;
	text-align: center;
}

.whoisblock .fields-domaindata:hover {
	background-color: #ecefef;
	cursor: pointer;
}















.redtext
{
    COLOR: red;
}





















/* ---------- Tickets overzicht -------------- */

.ticketlist {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.ticketlist .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(https://www.ferryheijnen.nl/images/blocktitle_bar.gif) no-repeat;
}

.ticketlist .top-labels {
	float: left;
	width: 520px;
	height: 22px;
	font-weight: bold;
	background-color: #EEF0F0;

}
 
.ticketlist .top-label-date {
	float: left;
	width: 140px;
	height: 22px;
	padding-top: 3px;
	padding-left: 12px;
}

.ticketlist .top-label-response {
	float: left;
	width: 170px;
	height: 22px;
	padding-top: 3px;
}

.ticketlist .top-label-status {
	float: left;
	width: 89px;
	height: 22px;
	padding-top: 3px;
}

.ticketlist .top-label-priority {
	float: left;
	width: 89px;
	height: 22px;
	padding-top: 3px;
}

.ticketlist .fields-ticketdata {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.ticketlist .field-date {
	float: left;
	width: 140px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.ticketlist .field-response {
	float: left;
	width: 170px;
	padding-top: 6px;
	padding-bottom: 3px;
}

.ticketlist .field-status {
	float: left;
	width: 89px;
	padding-top: 6px;
	padding-bottom: 3px;
}

.ticketlist .field-priority {
	float: left;
	width: 89px;
	padding-top: 6px;
	padding-bottom: 3px;
}

.ticketlist .light-longfield {
	float: right;
	width: 508px;
	height: 22px;
	background-color: #ecefef;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.ticketlist .fields-ticketdata:hover {
	background-color: #D5E1EE;
	cursor: pointer;
}

.tborder {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #1C3146;
}

.highlightpage {
	background-color: #335980;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}
.highlightpage a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.highlightpage a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.highlightpage a:hover, .highlightpage a:active {
	color: #FFFFFF;
	text-decoration: underline;
}





















/* ---------- Veel gestelde vragen -------------- */

.table-knowledgebase {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.table-knowledgebase .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(https://www.ferryheijnen.nl/images/blocktitle_bar.gif) no-repeat;
}

.table-knowledgebase .fields-knowledgebase {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.table-knowledgebase .field-article {
	float: left;
	width: 508px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.table-knowledgebase .fields-knowledgebase:hover {
	background-color: #ecefef;
	cursor: pointer;
}














/* ---------- Probleemoplosser -------------- */

.table-troubleshooter {
	float:left;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}

.table-troubleshooter .blocktitle {
	float:left;
	width: 520px;
	height: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background: url(https://www.ferryheijnen.nl/images/blocktitle_bar.gif) no-repeat;
}

.table-troubleshooter .fields-knowledgebase {
	float: left;
	width: 520px;
	background-color: #FCFCFC;
}

.table-troubleshooter .field-article {
	float: left;
	width: 508px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.table-troubleshooter .light-longfield {
	float: right;
	width: 496px;
	min-height: 12px;
	background-color: #FCFCFC;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-right: 12px;
	padding-left: 12px;
}

.table-troubleshooter .dark-longfield {
	float: right;
	width: 496px;
	min-height: 12px;
	background-color: #ecefef;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-right: 12px;
	padding-left: 12px;
}

.table-troubleshooter .light-longfield:hover {
	background-color: #ecefef;
	cursor: pointer;
}

.table-troubleshooter .light-optionfield {
	float: right;
	width: 496px;
	min-height: 12px;
	background-color: #FCFCFC;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-right: 12px;
	padding-left: 12px;
}

.table-troubleshooter .light-optionfield:hover {
	background-color: #ecefef;
}













.article-meta {
	color: #858585;
	width: 100%;
}

.createdby {
	color: #858585;
}

.createdate {
	background: url(../images/vline.gif) no-repeat right center;
	margin-right: 5px;
	padding-right: 6px;
}






.article_separator {
	background:transparent url(http://www.ferryheijnen.nl/images/dot.gif) repeat-x scroll left center;
	clear:both;
	display:block;
	height:20px;
	margin:0;
}



.irsui
{
	WIDTH: 100%;-moz-border-radius: 6px 6px 6px 6px; PADDING: 0px; MARGIN: 0px;
}

.irshr
{
	BORDER: none;
	COLOR: #FFEECF;
	BACKGROUND-COLOR: #FFEECF;
	HEIGHT: 1px;
	MARGIN: 3 1 3 1;
	PADDING: 0;
}



















.open {
	font-size: 14px;
	color: #FF0000;
}

.gesloten {
	font-size: 14px;
	color: #009900;
}

.algemeen {
	font-size: 14px;
	color: #E08D00;
}

.service_down {
	color: #FF0000;
}

.service_up {
	color: #009900;
}

.service_unavailable {
	color: #E08D00;
}

#2jtabs_container {
	width: 350px;
	display: table;
}

#row  {
	display: table-row;
}

#left, #right {
	width: 175px;
	display: table-cell;
}


































button {
	border: 0 none;
	cursor: pointer;
	padding: 0 15px 0 0;
	text-align: center;
	height: 25px;
	line-height: 25px;
	width: auto;
}

button.submit a {
	color:#fff; 
}

button.submit a:hover {
	color:#fff; 
	text-decoration: underline;
}

button.submit {
	background: transparent url(../images/btn_right.png) no-repeat scroll right top;
	clear: left;
	margin-top: 13px;
}

button span {
	display: block;
	padding: 0 0 0 15px;
	position: relative;
	white-space: nowrap;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}

button.submit span {
	background: transparent url(../images/btn_left.png) no-repeat scroll left top;
	color: #FFFFFF;
}

button.submit:hover {
	background-position: 100% -25px;
}

button.submit:hover span {
	background-position: 0% -25px;
}

button::-moz-focus-inner {
	border: none;
}














#ja-mainnav {

	background: #000000;

	margin: 0px 0 0;

	width: 100%;

	float: right;

	z-index: 9999;

}



#ja-mainnav a, #ja-subnav a {

	line-height: normal;

	outline: none;

}


/* Clearfix */

* html .clearfix {

	height: 1%; /* IE5-6 */

}



.clearfix {

	display: inline-block; /* IE7xhtml*/

}



html[xmlns] .clearfix {

	display: block; /* O */

}



.clearfix:after {

	clear: both;

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

	line-height: 0;

	font-size: 1px;

	overflow: hidden;

}














div.hbanner_divider {
	float: left;
	z-index: 100;
	width: 773px;
	font-size: 11px;
	margin: 1px 0;
	background: #000000;
}
div.hbanner_divider {
	z-index: 101;
	height: 4px;
	margin-top: -2px;
	border-top: 0px solid #FFFFFF;
	background: #335980;
}

div#content_area .contentheading2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 25px;
	font-size: 20px;
	font-weight: normal;
	color: #b02e2e;
	text-align: left;
	padding: 0px 0px 0px 0px;

}