html {
	height: 100%;
	width: 100%;
	}

body {
	background-color: #8d9199;
	text-align: center;
	height: 100%;
	width: 100%;
	margin: 0px;
	}

body, table, td, tr, p, div, h1, h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 18px;
	}

h1 {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

h2 {
	font-size: 12px;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	}

p {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

div.total {
	display: table;
	width: 780px;
	min-height: 540px;
	margin: auto;
	border: 1px solid #44474e;
	background-color: #5b5e66;
	background-image:url(../images/bg_total.gif);
	background-position: left top;
	background-repeat: repeat-x;
	}

div.visual {
	width: 780px;
	height: 180px;
	padding: 30px 0px 0px 0px;
	}

div.menu {
	float: left;
	width: 290px;
	height: 180px;
	}

div.menu_nav {
	float: right;
	width: 220px;
	height: 120px;
	padding: 20px;
	text-align: left;
	background-color: #44474e;
	}

div.logo {
	float: left;
	width: 490px;
	height: 180px;
	text-align: left;
	background-image:url(../images/logo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}

div.content {
	width: 720px;
	padding: 0px 30px 0px 30px;
	height: 300px;
	}

div.text {
	float: left;
	width: 480px;
	padding: 0px 20px 0px 0px;
	text-align: left;
	}

div.services {
	float: left;
	width: 220px;
	height: 300px;
	text-align: left;
	background-color: #44474e;
	}

div.service_icon {
	float: left;
	width: 44px;
	height: 44px;
	padding: 8px 6px 8px 10px;
	}

div.service_text {
	float: left;
	width: 120px;
	height: 40px;
	padding: 10px 20px 10px 20px;
	background-image: url(../images/dash.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	line-height: 13px;
	}

img.service {
	border: 0px;
	width: 44px;
	height: 44px;
	}

#menu_selected {
	color: #8d9199;
	}

a.menu_item:link, a.menu_item:visited {
	color: #fff;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/menu_item.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
	display: block;
	}

a.menu_item:hover, a.menu_item:active {
	background-image: url(../images/menu_hover.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #8bb900;
	}

#snelmenu_selected {
	color: #8d9199;
	}

a.service:link, a.service:visited {
	color: #fff;
	line-height: 13px;
	text-decoration: none;
	display: block;
	}

a.service:hover, a.service:active {
	color: #8bb900;
	}

div.footer {
	width: 780px;
	height: 20px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	color: #8d9199;
	}

div.hr {
	clear: none;
	background-image: url(../images/hr.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	width: 100%;
	}

/*Tekst module*/

img.tekst {
	border: 1px solid #5b5e66;
	margin: 0px 0px 10px 20px;
	}

/*Product module */

img.product {
	margin: 0px 0px 140px 30px;
	}

/*Portfolio module */
div.portfolio_text {
	float: left;
	width: 240px;
	height: 130px;
	margin: 0px 20px 0px 0px;
	line-height: 15px;
	}

div.portfolio_img {
	float: left;
	width: 220px;
	height: 130px;
	}

img.portfolio {
	border: 1px solid #5b5e66;
	}

a.portfolio:link, a.portfolio:visited, a:link, a:visited {
	color: #8bb900;
	text-decoration: underline;
	}

a.portfolio:hover, a.portfolio:active, a:hover, a:active {
	color: #44474e;
	}

div.portfolio_hr {
	clear: both;
	height: 20px;
	}

div.portfolio_nav {
	position: absolute;
	top: 491px;
	clear: both;
	width: 240px;
	height: 20px;
	}

table.portfolio_nav td {
	padding: 0px 0px 0px 16px;
	text-align: left;
	color: #44474e;
	}

/*Formulier module */

form {
	margin: 0px;
	}

table.formulier {
	margin: 0px 0px 0px 181px;
	}

td.formulier {
	padding: 0px 20px 2px 0px;
	}

input, textarea, select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #44474e;
	border: 1px solid #44474e;
	}

input {
	width: 214px;
	padding: 0px 2px 2px 2px;
	}

select {
	width: 220px;
	}

textarea {
	width: 214px;
	height: 187px;
	padding: 0px 2px 2px 2px;
	}

input.knop {
	width: 220px;
	height: 18px;
	background-color: #8bb900;
	}
	
span.highlight {
	font-weight: bold;
	color: #8bb900;
	}
	
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0px;
	padding: 0px;
	width: 200px;
	list-style: none;
	}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 200px;
	}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
	position: relative;
	margin-bottom: 0px;
	}
	
.menulist ul>li:last-child {
	 margin-bottom: 0px; /* Mozilla fix */
	}

/* Links inside the menu */
.menulist a {
	display: block;
	color: #fff;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/menu_item.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
	}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	background-image: url(../images/menu_hover.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #8bb900;
	}

.menulist a.highlighted {
	background-image: url(../images/menu_hover.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #8bb900;
	}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */