* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:900px;
}
body { 
	background:#493F0A; 
	font-family:Arial, Helvetica, sans-serif; font-size:100%; 
	line-height:1.0625em; 
	color:#635b2c;
	text-align:justify;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:900px; 
	margin:0 auto;
}




/*==== GLOBAL =====*/
#header {
	font-size:.75em;
}
#content {
	font-size:.75em;
	background:#fff;
}
#footer {
	font-size:.69em;
	background:#493F0A;
	padding:20px 0 20px 0;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:28px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:17px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#55C80B; 
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

h1 {
	font-size:27px;
	line-height:30px;
	color:#55C80B;
	margin-bottom:20px;
	display:block;
	font-style:italic;
}
h2 {
	font-size:17px;
	color:#8f8a65;
	line-height:27px;
	margin-bottom:10px;
	font-style:italic;
}
	h2 strong {
		position:relative;
		display:block;
		margin-top:-11px;
	}
	h2.alt {
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-bottom:6px;
	}
	h2.icon1 {
		background:url(images/icon1.gif) no-repeat left 2px;
		padding:4px 0 9px 46px;
	}
	h2.icon2 {
		background:url(images/icon2.gif) no-repeat left 2px;
		padding:4px 0 5px 33px;
	}
	h2.icon3 {
		background:url(images/icon3.gif) no-repeat left 2px;
		padding:4px 0 9px 46px;
	}
	h2.icon4 {
		background:url(images/icon4.gif) no-repeat left 2px;
		padding:4px 0 9px 46px;
	}
h3 {
	font-size:19px;
	line-height:1.2em;
	color:#fff;
	border-bottom:1px solid #B3AE90;
	padding-bottom:8px;
	margin-bottom:10px;
}
h4 {
	font-size:1em;
	color:#493F0A;
	margin-bottom:8px;
}
h5 {
	font-size:1em;
	color:#493F0A;
}
h6 {
	font-size:.85em;
	text-transform:uppercase;
}


.txt1 {
	color:#493F0A;
}
.txt2 {
}

.link1 { 
	display:block;
	float:right !important;
	background:#e5e5e5; 
	color:#727272 !important; 
	text-decoration:none;
	padding:0 !important
}
.link1:hover { 
	text-decoration:underline;
	color:#8F8A65 !important;
}
	.link1 em {
		display:block;
		background:url(images/link1-left.gif) no-repeat left top;
	}
	.link1 b { 
		display:block;
		background:url(images/link1-right.gif) no-repeat right top; 
		padding:2px 11px 2px 11px; 
		font-weight:normal; font-style:normal;
	}

.link2 {
	color:#55C80B;
}

.line-ver { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}


/*===== header =====*/
#header .row-1 {
	height:137px;
	background:#493F0A;
}
	#header .row-1 .logo {
		position:relative;
		margin-left:-10px;
		padding:14px 0 0 0;
		float:left;
	}
	#header .nav {
		float:right;
		padding:85px 0 0 0;
	}
		#header .nav li {
			display:inline;
			color:#CDCBB2;
		}
			#header .nav li a, #header .nav li span {
				color:#CDCBB2;
				text-decoration:none;
				padding:0 12px 0 9px;
			}
			#header .nav li a:hover, #header .nav li a.current {
				color:#B3AE90;
			}
	
#header .row-2 {
	height:334px;
	background-image:url('images/header-bg2.jpg');
}
	#header .row-2 .bg {
		background:url(images/header-bg.jpg) no-repeat center top;
		height:334px;
	}
	#header .row-2 .indent {
		padding:58px 0 0 20px;
	}
		#header .row-2 .indent .indent {
			padding:4px 405px 0 55px;
			font-size:1.1em;
			color:#493F0A;
		}
			#header .row-2 .indent p {
				margin-bottom:45px;
			}
			#header .row-2 .indent p a {
				color:#52460B;
			}

/*===== content =====*/
#content {
	padding:50px 0 0 0;
	background:#fff;
}
#content .row-1 {
	padding:0 0 30px 0;
}
#content .row-2 {
	background:#635B2C;
	color:#CDCBB2;
	padding:30px 0 35px 0;
}

#content.extra-bg {
	background:url(images/extra-bg.jpg) no-repeat center top #fff;
}

.banners {
	width:100%;
	overflow:hidden;
	border-top:1px solid #cdcbb2;
	border-bottom:1px solid #cdcbb2;
	padding:20px 0 35px 0;
	margin-bottom:28px;
}
	.banners.alt {
		border-top:none;
		padding-top:10px;
	}
	.banners li {
		float:left;
		padding:0 0 0 0;
		width:195px;
		margin-right:40px;
	}
		.banners li.last {
			margin-right:0;
		}
			.banners li li {
				background:url(images/arrow1.gif) no-repeat left 6px;
				padding:0 0 5px 15px;
				width:auto;
				margin:0;
				float:none;
			}
			.banners.alt li  li {
				background:none;
				padding-left:0;
			}
				.banners.alt li li strong {
					color:#55C80B;
				}
			.banners li h4 {
				padding-left:4px;
			}
			.banners li ul {
				padding:0 0 11px 4px;
			}
				.banners li ul li a {
					color:#635b2c;
					text-decoration:none;
				}
				.banners li ul li a:hover {
					color:#55C80B;
					font-weight:bold;
					text-decoration:none;
				}
			.banners li .wrapper a {
				font-weight:bold;
				color:#55C80B;
				float:left;
				padding-top:3px;
			}

.top-proposals {
	width:100%;
	overflow:hidden;
}
	.top-proposals li {
		float:left;
		margin-right:19px;
	}
	.top-proposals li.last {
		margin-right:0;
	}

.list1 li {
	background:url(images/arrow3.gif) no-repeat left 6px;
	padding:0 0 6px 17px;
}
	.list1 li a {
		color:#635b2c;
	}

.list2 li {
	width:100%;
	overflow:hidden;
	padding-bottom:5px;
}
	.list2 li a {
		float:left;
		width:266px;
		color:#CDCBB2;
		text-decoration:none;
	}
		.list2 li a:hover {
			color:#fff;
		}
	.list2 li span {
		font-weight:bold;
		float:left;
		width:95px;
		font-size:1.1em;
	}
	.list2 li strong {
		color:#fff;
		float:right;
		font-size:1.1em;
	}
	
	#content input.button, .content input.button {
		width:120px;
		height:28px;
		border:none;
		color:white;
		background-color:white;
		font-size:12px;
		background-image:url('./img/knopjes/contentSubmit.png');
	}
	
	#content .row-2 input.button, .content .row-2 input.button {
		width:120px;
		height:28px;
		border:none;
		color:white;
		background-color:#635B2C;
		font-size:12px;
		background-image:url('./img/knopjes/contentSubmit.png');
	}
	
	.UserMenuButton
	{
		display:block;
		height:18px;
		font-weight:bold;
	}
	.languageSelect {
		
	}
	#content input.button:hover, .content input.button:hover {
	
		color:white;
		background-color:white;
		font-size:12px;
		background-image:url('./img/knopjes/contentSubmitHover.png');
	}
	
	#content .row-2 input.button:hover, .content .row-2 input.button:hover {
	
		color:white;
		background-color:#635B2C;
		font-size:12px;
		background-image:url('./img/knopjes/contentSubmitHover.png');
	}
	
/*===== footer =====*/
#footer {
	color:#B3AE90;
	text-transform:uppercase;
}
	#footer a {
		color:#CDCBB2;
		text-decoration:none;
		text-transform:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}
/*==========================================*/
#content .row-1 .formTable , #content .row-1 .formTable input, #content .row-1 .formTable select, #content .row-1 .formTable textarea, #content .row-1 .formTable checkbox{
	
	font-size: 11px;
	color:#736C3D;
	background-color:white;
}

#content .row-1 .bg1{
	background-color:white;
}

#content .row-1 .bg2{
	background-color:#F6F7DB;
}

#content #freeservices_container{
	background-color:#F6F7DB;
	border:1px solid #D7D0A4;
}

#content .row-1  .formTable td{
	padding:5px;
}
#content .row-1 .formTable td a{
	color:#736C3D;
	text-decoration:none;
}

#content .row-1 .formTable td a:hover{
	text-decoration:underline;
}

#content .row-1 table.form,#content .row-1 table.formTable {
	width:900px;
}

#content .row-1 table.form td,#content .row-1 table.formTable td {
	border-color:#D7D0A4;
	border-width:1px;
	border-style:solid;
	border-bottom:none;
	border-left:none;
	padding:10px;
	color:#8F8A65;
}

#content .row-1 table.form td.formLabelCell,#content .row-1 table.formTable td.formLabelCell {
	background-color:#F6F7DB;
	border-left:1px solid #D7D0A4;
	text-align:right;
	text-transform:capitalize;
}

table.form td.outsideCell,#content .row-1 table.formTable td.outsideCell, #content .row-1 table.formTable td.outsideCellFirst, #content .row-1 table.form td.outsideCellFirst, #content .row-1 table td.outsideCell{
	border:none;
	padding: 10px 0 10px 0;
}

#content .row-1 table.formTable td.outsideCellFirst, #content .row-1 table.form td.outsideCellFirst {
	border-top-width:1px;
	border-top-color:#D7D0A4;
	border-top-style:solid;
}

#content .row-1 table.formTable td input, #content .row-1 table.form td input,#content .row-1 table.formTable td select, #content .row-1 table.form td select {
	color:#8F8A65;
}

.errorInput {
	color:red;
}

input.errorInput {
	color:white;
	background-color:red;
}

#content .row-1 .datagrid tr {
	border-left-width:1px;
	border-left-color:#D7D0A4;
	border-left-style:solid;
}

#content .row-1 .dataTable {
	left:0;
	border-bottom-width:1px;
	border-bottom-color:#D7D0A4;
	border-bottom-style:solid;
}

#content .row-1 .dataTable td.first,.formTable td.first {
	border-left-width:1px;
	border-left-color:#D7D0A4;
	border-left-style:solid;
	text-align:left;
}

.priceTable {
	border-bottom-width:1px;
	border-bottom-color:#D7D0A4;
	border-bottom-style:solid;
}

a.linkButton {
	line-height:18px;
	text-decoration:none;
	vertical-align:middle;
	color:black;
	border-color:#D7D0A4;
	border-style:solid;
	border-width:1px;
	display:block;
	float:left;
	padding:4px;
	background-color:#F6F7DB;
	margin:4px;
}



a.linkButton:hover, table tr td a.linkButton:hover {
	background-color:#94DB21;
	text-decoration:none;
}

a.UserMenuButton{
	height:20px;
	display:block;
	line-height:20px;
}

a.UserMenuButton img {
	height:16px;
}




/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

body { color:#009; background:#fff; font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif; }
body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }
table { text-align:left; }
iframe { width:0; height:0 }

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */


/* our default page-width div */
.pagecontainer { width:85%; text-align:left; font-size:10pt;}


 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:55px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}

#masthead {
	position:relative;      /* position our child objects relative to this div */
	float:left;
	vertical-align:top;	         /* protect from super-large user text sizing */
	border:0;
	margin:0;
	padding:0;
	width:100%;                                  /* grey-fill the entire width */
	height:36px;                  /* set the overall height above the menu-bar */
	background:#F3F3F3;                          /* a very light shade of grey */
}

#mastheadlogo {
	float:left;
	vertical-align:top;
	border:0;
	padding:0;
	margin:6px 0 0 7px;
}

#focus {                                                 /* GRC's focus label */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:15px;
	left:301px;
	width:121px;
	height:13px;
}

#search {                                                    /* search button */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:7px;
	right:6px;
	width:60px;
	height:19px;
}

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;
	top:7px;
	right:65px;
	width:12em;
/*	height:1.215em;         we'll define this at the bottom of our style sheet */
	font-size:14px !important;
	background:#fefefe;
}

#yah {                                    /* the "You are here" label graphic */
	position:absolute;
	top:5px;
	right:99px;
	width:87px;
	height:9px;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:#493F0A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	      /* give us a black border underneath */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
	margin-top:-3px;
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
	padding:0 10px;
	color:#BBB8A1; 
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	height:16px;
	color:white;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:18px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:15em;
	color:#8F8A65;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	padding:0 9px;
	color:#BBB8A1;               /* this sets the unselected drop-down text color */
	background:#493F0A;       /* this sets the drop-down menu background color */
	width:13.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#8F8A65;
	background:white;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:15em;
	width:14em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:12.5em;
	color:#BBB8A1; 
	background:#493F0A;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
	background:white;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#          /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */

.userMenu a {
	display:block;
}

.userMenu {
	width:240px;
}

body {
	color:#52460B;
	
}

#top_header {
	background-color:#635B2C;
	display:block;
	
	background-image:url('img/headerTopBackgroundImage.png');
	background-repeat:repeat-x;
	background-position:bottom;
}

#top_header .rightTopMenu .menu ul
{
	float:right;
}

#top_header .menu ul
{
	float:left;
}


.formTable td #totalprice, .formTable td #totalVat,  .formTable td #totalpriceVat{
	text-align:right;
	float:right;
}

#content table.formTable tr td input.button {
	color:white;
}

#content ul, #content ol {
	list-style:circle;
	margin-left:20px;
}

#content ul.banners, #content ol.banners, #content ul.banners ul, #content ol.banners ul {
	list-style:none;
	margin-left:0;
}

ul.banners li{
	font-size:9px;
}

.outsideCellFirst .formTable {
	float:right;
}

.product_overview .product.split_5{
	float:left;
	width:215px;
	padding:0 5px;
	text-align:left;
}

.product_overview .product.split_5 h1{
	display:block;
	line-height:16px;
	margin:2px;
	font-size:14px;
	text-align:left;
}

.product_overview .product.split_5 h1 a {
	text-decoration:none;
}

/*===================Hosting & online services========================*/
.inlanding_left {
	width:300px;
	float:left;
}

.inlanding_pimg {
	float:right;
}

.inlanding_content {
	float:right;
	width:500px;
}