/*

Copyright © 2006 Westerweel.biz, All rights reserved.

*/


/*****************************************************************************
	general
*****************************************************************************/

body {
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	color: #000;
	text-align: left;
	font-weight: normal;
	font-smooth: always;
	text-decoration: none;
	background-color: #FFF;
}

a {
	color: #000;
	text-decoration: underline;
}

a:HOVER {
	color: #F93;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

img {
	margin: 0;
	padding: 0;
	border: 0 ;
}

.item a {
	color: #F93;
	text-decoration: underline;
}

.item a:HOVER {
	color: #999;
}

.left {
	text-align: left;
}

.pagebreak {
	page-break-before: always;
}

.right {
	text-align: right;
}

span {
	background-color: #FFF;
}

/*****************************************************************************
	framework
*****************************************************************************/

#outer {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #CCC;
}

#canvas {
	width: 1001;
	height: 100%; /* 640 */
	background-color: #FFF;
}

#navigation {
	width: 137;
	height: 100%;
	float: left;
}

#site {
	position: relative;
	top: 0;
	left: 0;
	width: 864;
	height: 100%;
	float: right;
	background-image: url(img/wd-bg.jpg);
	background-repeat: no-repeat;
	background-position: 30 194;
}

#design {
	position: absolute;
	bottom: 22;
	left: 0;
	clear: both;
	width: 137;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #999;
	font-size: 8pt;
}

#design .rh {
	color: #000;
}

#step {
	position: absolute;
	bottom: 0;
	left: 0;
	clear: both;
	width: 1001;
	height: 21;
	color: #FFF;
	font-size: 8pt;
	background-color: #F93;
}

#step span {
	color: #F93;
	font-size: 8pt;
	background-color: #F93;
}

/*****************************************************************************
	navigation
*****************************************************************************/

#logo {
	position: relative;
	top: 15;
	left: 8;
	width: 130;
	height: 150;
}

#menu {
	position: relative;
	top: 27;
	left: 0;
	margin: 0;
	padding: 0;
	clear: both;
	text-align: right;
	width: 137;
}

#menu a {
	text-align: right;
	color: #333;
	font-size: 12pt;
	font-weight: bold;
	font-smooth: always;
	text-decoration: none;
	background-color: #FFF;
}

#menu a:hover, #menu .current {
	color: #F93;
}

#menu .current:hover {
	color: #999;
}

/*****************************************************************************
	deck
*****************************************************************************/

#deck {
	width: 864;
	height: 165;
	margin: 0;
	padding: 0;
}

#deck h2 {
	margin: 0;
	padding: 0;
	color: #F93;
	font-size: 12pt;
	font-weight: bold;
	font-smooth: always;
	text-decoration: none;
	text-align: right;
}

#deck table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: right;
}

#deck table td {
	margin: 0;
	padding: 0;
	text-align: right;
}

#deck table td.left {
	margin: 0;
	padding: 0;
	text-align: left;
}

#deck table td.right {
	margin: 0;
	padding: 0;
	text-align: right;
}

#mijnvisie {
	position: relative;
	top: 15;
	left: 450;
	margin: 0;
	padding: 0;
	float: left;
}

#manonseat {
	position: relative;
	top: 17;
	right: 17;
	width: 170;
	height: 139;
	margin: 0;
	padding: 0;
	float: right;
}

#dsync {
	position: relative;
	top: 35;
	right: 43;
	width: 450;
	float: right;
	text-align: justify;
}

#dsync img, #msync img {
	cursor:pointer;
	cursor:hand;
}

#msync {
	position: relative;
	top: 35;
	right: 64;
	width: 450;
	float: right;
	text-align: justify;
}

#tsync {
	position: relative;
	top: 35;
	right: 40;
	width: 595;
	float: right;
	text-align: justify;
}

#wsync {
	position: relative;
	top: 35;
	right: 40;
	width: 796;
	float: right;
	text-align: justify;
}

/*****************************************************************************
	content
*****************************************************************************/

#fimg {
	width: 864;
	clear: both;
}

#ltext {
	width: 439;
	float: left;
	clear: both;
}

#rtext {
	width: 425;
	float: right;
}

#fimg .content {
	position: relative;
	top: 16;
	left: 30;
	width: 820;
	clear: both;
}

#ltext .content {
	position: relative;
	top: 16;
	left: 30;
	width: 395;
	clear: both;
}

#rtext .content {
	position: relative;
	top: 45;
	left: 15;
	width: 370;
	clear: both;
}

.content h5 {
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	font-smooth: always;
	text-decoration: none;
}

.content p {
	margin: 10 0 30 0;
	padding: 0;
	text-align: justify;
}

.content p.tight {
	margin: 10 0 10 0;
	padding: 0;
	text-align: justify;
}

.vertlist {
	position: relative;
	top: 0;
	left: 0;
	width: 425;
	font-size: 10pt;
	color: #F93;
	text-align: center;
}

.vertlist .item {
	margin: 20 30;
	padding: 10;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
}

.vertlist table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.horlist {
	position: relative;
	top: 0;
	left: 0;
	width: 410;
}

.horlist table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.horlist table td {
	margin: 0;
	padding: 0;
	font-size: 9pt;
	color: #F93;
	text-align: center;
}

.palet {
	position: relative;
	top: 0;
	left: 0;
	width: 795;
	text-align: right;
}

.palet table {
	text-align: right;
	width: 100%;
	height: 350;
	margin: 0;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.palet table td {
	margin: 0;
	padding: 1;
	text-align: center;
}

.palet table td.prev {
	text-align: right;
	width: 200;
}

.palet table td.prevl {
	text-align: left;
	width: 200;
}

img.hand {
	cursor:pointer;
	cursor:hand;
	border: 1px;
}

#ltext .partners {
	position: relative;
	top: 0;
	left: 0;
	width: 425;
	font-size: 10pt;
	color: #F93;
	text-align: center;
}

#rtext .partners {
	position: relative;
	top: 18;
	left: 0;
	width: 425;
	font-size: 10pt;
	color: #F93;
	text-align: center;
}

.partners .item {
	margin: 20 30;
	padding: 10;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
}

.partners table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.contact {
	position: relative;
	top: 0;
	left: 0;
	width: 425;
	font-size: 10pt;
	color: #F93;
	text-align: center;
}

.contact .item {
	margin: 20 30;
	padding: 10;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
}

.contact table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

/*****************************************************************************
	list
*****************************************************************************/

.list1 {
	position: relative;
	top: 0;
	left: 15;
}

.list1 .list1 {
}

.list2 {
	position: relative;
	top: 0;
	left: 15;
}

.list2 .list1 {
}

.list2 .list2 {
}

.list3 {
	position: relative;
	top: 0;
	left: 15;
}

.list3 .list1 {
}

.list3 .list2 {
}

.list3 .list3 {
}

/*****************************************************************************
	step
*****************************************************************************/

#lang {
	margin: 3 0 3 7;
	padding: 0;
	float: left;
}

#copyright {
	float: right;
}