
body, td {
	font: 8pt Verdana, sans-serif;
	color: #666;
	}

body {
	margin: 89px 0 5em;
	padding: 0;
	text-align: center; /* ie */
	background: url(/img/strip.png) center center fixed #fff;
	background: #fff;
	}
a {
	font-weight: bold;
	text-decoration: underline;
	color: #69f;
	}
a:hover {
	text-decoration: none;
	}
h1 {
	width: 996px;
	height: 58px;
	position: fixed;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 1;
	background: #fff;
	}
h1 a {
	text-indent: -8192px;
	width: 386px;
	height: 57px;
	margin-left: 16px;
	background: url(/img/logo.png) center center no-repeat;
	display: block;
	}
h1 small {
	display: none;
	}
h2 {
	font-size: 150%;
	margin: 16px 0 16px 250px;
	padding: .5em 1ex;
	background: #fea;
	border: 2px solid #999;
	text-align: center;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	}
h3 {
	font-size: 120%;
	margin: 0 0 1em;
	}
h4 {
	font-size: 100%;
	margin: 0;
	}
br.clear {
	clear: both;
	}
#tocontent {
	display: none;
	}
div#main {
	width: 996px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	}

ul#footer {
	position: fixed;
	bottom: 0;
	background: url(/img/fade2.png) center top repeat-x transparent;
	margin: 0;
	padding: 1em 0;
	list-style: none;
	text-align: center;
	width: 996px;
	}
ul#footer li {
	display: inline;
	margin: 0 ;
	color: #69f;
	font-weight: bold;
	}
ul#menu {
	font-size: 120%;
	position: fixed;
	padding: 0;
	top: 58px;
	float: right;
	list-style: none;
	margin: 0;
	height: 31px;
	background: url(/img/fade1.png) left bottom repeat-x transparent;
	border-bottom: 2px solid #999;
	}
ul#menu li {
	float: left;
	margin: 0 8px;
	padding: 8px;
	}
ul#menu li a {
	text-indent: -8192px;
	height: 27px;
	display: block;
	background: center top no-repeat transparent;
	}
ul#menu #creatief > a {
	width: 143px;
	background-image: url(/img/menu/creatief.png);
	}
ul#menu #technisch > a {
	width: 169px;
	background-image: url(/img/menu/technisch.png);
	}
ul#menu #informatief > a {
	width: 193px;
	background-image: url(/img/menu/informatief.png);
	}
ul#menu #zakelijk > a {
	width: 133px;
	background-image: url(/img/menu/zakelijk.png);
	}
ul#menu #creatief > a:hover, ul#menu #creatief:hover > a {
	background-image: url(/img/menu/creatief-hi.png);
	}
ul#menu #technisch > a:hover, ul#menu #technisch:hover > a {
	background-image: url(/img/menu/technisch-hi.png);
	}
ul#menu #informatief > a:hover, ul#menu #informatief:hover > a {
	background-image: url(/img/menu/informatief-hi.png);
	}
ul#menu #zakelijk > a:hover, ul#menu #zakelijk:hover > a {
	background-image: url(/img/menu/zakelijk-hi.png);
	}
ul#menu #creatief > a.selected {
    background-image: url(/img/menu/creatief-sel.png);
    }
ul#menu #technisch > a.selected {
    background-image: url(/img/menu/technisch-sel.png);
    }
ul#menu #informatief > a.selected {
    background-image: url(/img/menu/informatief-sel.png);
    }
ul#menu #zakelijk > a.selected {
    background-image: url(/img/menu/zakelijk-sel.png);
    }

ul#menu hr {
	border: 0;
	border-top: 2px solid #fff;
	height: 0;
	line-height: 0;
	color: #fff;
	display: none;
	position: absolute;
	z-index: 2;
	margin: 0 0 0 -6px;
	}
ul#menu > li:hover hr {
	display: block;
	z-index: 4;
	}
ul#menu #creatief hr {
	width: 155px;
	}
ul#menu #technisch hr {
	width: 181px;
	}
ul#menu #informatief hr {
	width: 205px;
	}
ul#menu #zakelijk hr {
	width: 145px;
	}
ul#menu li ul {
	position: absolute;
	width: 250px;
	display: none;
	background: url(/img/menu/bg.png) top right no-repeat #fff;
	border: 2px solid #999;
	margin: 0 0 0 -8px;
	padding: 1em 0;
	border-radius: 0 16px 0 16px;
	-moz-border-radius: 0 16px 0 16px;
	-webkit-border-radius: 0 16px 0 16px;
	z-index: 3;
	}
ul#menu li ul li {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	}
ul#menu li ul a {
	text-indent: 0;
	background: none;
	display: block;
	padding: 0 2ex;
	text-decoration: none;
	}
ul#menu li ul a:hover {
	background: #999;
	color: #fff;
	}
ul#menu li:hover ul {
	display: block;
	}
ul#menu > li:hover {
	border: solid #999;
	border-width: 2px 2px 0;
	padding: 6px;
	background: #fff;
	z-index: 2;
	border-radius: 16px 16px 0 0;
	-moz-border-radius: 16px 16px 0 0;
	-webkit-border-radius: 16px 16px 0 0;
	}
#content {
	margin: 16px 250px 16px 64px;
	padding-top: 1px;
	text-align: justify;
	}
#content p {
	margin: 0 0 1em;
	}
#content h2 a {
	text-decoration: none;
	}

#banner {
	position: fixed;
	top: 50%;
	width: 120px;
	height: 600px;
	margin: -300px 0 0 796px;
	z-index: 2;
	}
#banner img {
	border: 0; /* do it yarself! */
	}
#content ul.itemlist {
	list-style: none;
	margin: 0 16px 0 256px;
	padding: 0;
	background: #fff;
	}
#content ul.itemlist > li {
	margin: 0;
	padding: .5em 1ex;
	clear: right;
	}
#content ul.itemlist hr {
	border: 0;
	border-bottom: 1px dotted #666;
	line-height: 0;
	height: 0;
	color: #fff;
	background: transparent;
	clear: right;
	}
#content ul.itemlist > li:target {
	background: #fea;
	border-color: #999;
	}
#content ul.itemlist a:hover img {
	border-color: #69f;
	}
#content ul.itemlist img {
	float: right;
	border: 2px solid #666;
	margin: 0 0 16px 16px;
	}
#content ul.itemlist h4 {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	}

#content ul.itemlist li.inset {
	width: 200px;
	border: 2px solid #666;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	background: #999;
	color: #fff;
	float: left;
	margin: -5em 0 0 -256px;
	padding: .5em 1ex;
	}
#content ul.itemlist li.inset:first-child {
	margin-top: 0;
	}
#content ul.itemlist li.inset h5 {
	font-size: 9pt;
	margin: 0;
	padding: 0;
	text-align: right;
	}
#content ul.itemlist li.inset a {
	font-weight: bold;
	color: #fff;
	}
/*
#content ul.itemlist li.inset small {
	display: block;
	margin-top: 1em;
	}
*/
#content ul.itemlist li.inset small:target {
	color: #fea;
	}
#content ul.itemlist ul {
	list-style: square;
	margin: 0 0 1em 2ex;
	padding: 0;
	}
#content .notify {
	padding: 1em 2ex 1em 116px;
	margin: 1em 0;
	min-height: 100px;
	background: left center no-repeat #fea;
	border: 2px solid #999;
	}
#content .costs {
	background-image: url(/img/money.jpg);
	}
#content .info {
	background-image: url(/img/info.jpg);
	}
#content p.more {
	clear: right;
	text-align: right;
	}
#content dl {
	line-height: 1.5em;
	}
#content dl small {
	display: block;
	text-align: right;
	}
#content dl dt {
	margin-top: 1em;
	width: 49%;
	text-align: right;
	font-weight: bold;
	clear: right;
	}
#content dl dd {
	float: right;
	width: 49%;
	text-align: left;
	margin: -1.5em 0 1em;
	}
address {
	margin-bottom: 1em;
	font-style: normal;
	}

.inset input {
	border: 1px solid #fff;
	background: #666;
	color: #fff;
	}
#tracker {
	visibility: hidden;
	}
