/*www.vakwijzer.nl*/
html {
	margin:0;
	padding:0;
	height:100%;
	border:none;
}
body {
	width:100%;
	height:100%;
	color:#333;
	margin:0;
	padding:0;
	font-size:75%;
	font-family: Arial, sans-serif;
}

div.container {
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

table.wrapper {
	width:100%;
	height:100%;
	border:0;
	text-align:left;
	border-collapse:collapse;
	background:#fff;
	margin:0;
	padding:0;
}

table.wrapper tr td.boven {
	vertical-align:top;
	margin:0;
	padding:0;
	/*background: #fff url("/roxen-local/images/bgbody.gif") repeat-y top left;*/
}
table.wrapper tr td.onder {
	vertical-align:bottom;
	margin:0;
	padding:0;
	color:#333;
	/*background: #fff url("/roxen-local/images/bgbody.gif") repeat-y top left;*/
}

td {
	padding:0;
	margin:0;
}

h1 {
	margin:1.5em 0 1em 0;
	padding:5px 5px 5px 30px;
	letter-spacing:1px;
	color:#333;
	font-size:1.6em;
	font-weight:bold;
	background: url("/roxen-local/images/bg-h1.gif") left center no-repeat;
}

h2 {
	margin:1em 0 0 0;
	padding:0;
	color:#333;
	font-weight:bold;
	font-size:1.25em;
}
h2.subkop {
	margin:-1em 0 1em 1em;
	padding:0 0 0 30px;
	font-weight:normal;
	font-style:italic;
	font-size: 1.2em;
	color:#333;
	letter-spacing:1px;
}
h2.streamer {
	margin: 1em 0 1.5em 0;
	color: #00524E;
	padding: 0.5em 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	font-weight:bold;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	width:25em;
	font-style:normal;
	display:block;
	line-height:1.5em;
}
img.packshot {
	width:135px;
	display:inline;
	float:right;
	margin:0 3em 3em 0.5em;
	border:0;
}
h3 {
	margin:1.5em 0 2px 0;
	padding:0;
	font-size:1.1em;
	letter-spacing:0;
	font-weight:bold;
}
h4, h5, h6 {
	margin:2em 0 0 0;
	padding:0;
	font-size:1em;
	letter-spacing:2px;
}
p {
	padding:0;
	margin: 0 0 1.1em 0;
}
p.document {
	/*display:block;*/
	height:20px;
	margin:0.5em 0 0 1em;
}
p.document a[href $='.pdf'] { 
	padding: 3px 3px 2px 20px;
	height:20px;
	background: transparent url("/roxen-local/images/icons/pdf.gif") no-repeat center left;
}
p.document a[href $='.htm'] { 
   padding: 3px 3px 2px 20px;
   height:20px;
   background: transparent url("/roxen-local/images/icons/external.gif") no-repeat center left;
}
p.document a[href $='.zip'] { 
   padding: 3px 3px 2px 20px;
   height:20px;
   background: transparent url("/roxen-local/images/icons/icon_archive.gif") no-repeat center left;
}
p.document a[href $='.doc'] { 
   padding: 3px 3px 2px 20px;
   height:20px;
   background: transparent url("/roxen-local/images/icons/icon_doc.gif") no-repeat center left;
}
p.document a[href $='.exe'] { 
   padding: 3px 3px 2px 20px;
   height:20px;
   background: transparent url("/roxen-local/images/icons/icon_exe.gif") no-repeat center left;
}

div.intro {
	margin:0;
	padding:0;
	display:inline;
}
div.intro p {
	font-size: 1.2em;
	letter-spacing:1pt;
	margin-bottom:2em;
	line-height:1.5em;
}
div.leaflet p {
	font-family:Georgia,"Times New Roman", Times, serif;
}
div.commentaar {
	padding:10px;
	border-top:1px dotted #ccc
}
div.commentaar h2 {
	color:#666;
}
div.commentaar p {
	color:#666;
	line-height:1.5em;
}
div.tip {
	padding:10px;
	padding-left:30px;
	border:0;
	background: transparent url('/roxen-local/images/bg-tip.gif') 0 15px no-repeat;
	color:#060;
}
div.tip h2 {
	color:#060;
}
div.waarschuwing {
	margin:0.5em;
	padding:5px;
	padding-left:45px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	background: transparent url('/roxen-local/images/bg-waarschuwing.gif') left center no-repeat;
}
div.waarschuwing p {
	margin:0;
}
p.datum {
	color:#aaa;
	letter-spacing:1px;
	padding:10px;
}
p.bron {
	font-style:italic;
	padding-top:2em;
	color:#aaa;
}
a {
	color:#DF7003;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color:#CDA527;
}
a:visited {
	color:#4867C1;
}
a:visited:hover {
	text-decoration:none;
}

img {
	border:0;
}
img.print { 
	display:none;
	border:0;
}

/* 	=HEADER
------------------------------------------------------------------------------- */
#header {
	border-collapse:collapse;
	width:100%;
	font-size:inherit;
	margin:0;
	height:80px;
	background: #fff url("/roxen-local/images/bg-header.gif") bottom left repeat-x;
}
#header td {
	margin : 0;
	padding : 0;
	position : relative;
	height : 80px;
	background : url("/roxen-local/images/headerSitenaam.gif") bottom left no-repeat;
}

#header td img.logo {
	float:left;
}
#header tr td {
	vertical-align:top;
}
#zoeken {
	width:300px;
	float:right;
	text-align:right;
	padding:10px 5px 0 0;
}
#zoeken input.input {
	width:125px;
	height:18px;
	padding:3px 0 0 3px;
	margin:2px 4px 0 0;
}
#zoeken input.submit {
	border: 1px double #bbb;
	border-top-color: #666;
	border-left-color: #666;
	padding: 3px 5px;
	background: #F0F8FB url("/roxen-local/images/bg-submit.gif") repeat-x;
	color: #000;
	font-weight:normal;
	font-size:0.8em;
	margin:-2px 0 0 0;
	padding:3px;
	
}
/* =TOPMENU 
-------------------------------------------------------------------------------- */
#topmenu {
	vertical-align:top;
	padding:2px 0 0 0;
	margin:0;
	height:25px;
	background:#5F4F40;
	color:#fff;
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#nav, #nav ul {
	float:left;
	list-style:none;
	line-height:1;
	padding:0;
	border:1px solid rgb(102,102,102);
	margin:0;
	white-space:nowrap;
	z-index:100;
	font-size:0.9em;
}
#nav {
	border:0;
}
#nav li { /*alle list items */
	float:left;
	padding:0;
	margin:0;
	background:transparent;
	z-index:100;
	display:block;
}
#nav li:hover,
#nav li.daddy:hover { /* de eerste (de 'tab') hoeft geen background bij hover */
	background:transparent;
}
#nav li ul { /*block van de subs  */
	position:absolute;
	display:none;
	width:13.5em;
	font-weight:normal;
	margin:-0.25em 0 0 0;
	color:rgb(27,27,27);
	background: rgb(228,228,228);
	background:#79695B;
	padding: 0;
	padding: 0 0 1px 0;
	border: 1px solid #847E7E;
	z-index:100;
	white-space:normal;
	font-size:1em;
}

#nav li ul li ul, 
#nav li ul li ul li ul,
#nav li ul li ul li ul li ul { 
	position:absolute;
	padding: 0 0 1px 0;
	white-space:normal;
	margin:-1.75em 0 0 13em;
	z-index:100;
}

/*list items van subs */
#nav li ul li,
#nav li ul li ul li,
#nav li ul li ul li ul li { 
	background: rgb(228,228,228);
	background:#fff;
	clear:left;
	padding-right:0.5em;
	width:13em;
}
#nav ul li iframe,
#nav ul li ul li iframe,
#nav ul li ul li ul li iframe,
#nav ul li ul li ul li ul li iframe {
	position: absolute;
	display: none;
	margin: 0;
	width: 13em;
}
#nav iframe {
	position: absolute;
	display: none;
	margin: 0;
	width: 13em;
	visibility:hidden; /*deze nog even speciaal voor Opera */
}
#nav li a, 
#nav li a.daddy  { /* dit is de link v/d eerste, de 'tab' */
	display:block;
	color: rgb(255,255,255);
	text-decoration:none;
	margin:0;
	padding:4px 10px;
	background:transparent;
	border:0;
	font-weight:normal;
}

#nav li a:hover, 
#nav li a.daddy:hover { /* dit is de link v/d eerste, de 'tab' */
	color: #fff;
	background:#79695B;
	/*padding: 3px 9px;*/
}

#nav li li a, 
#nav li li a.daddy,
#nav li li li a,
#nav li li li a.daddy   { /*links in de subs */
	color: rgb(0,0,0);
	padding:3px 3px;
	border:0;
	width:13em;
	border:0;
}
#nav li li a.daddy,
#nav li li li a.daddy {
	background:url("/roxen-local/images/li-topmenu-meer.gif") center right no-repeat;
	
}
#nav li li a:hover, 
#nav li li a.daddy:hover,
#nav li li li a:hover,
#nav li li li a.daddy:hover   { 
	color:#fff;
	padding:3px 3px;
	border:0;
	background:#ff7200;
}
#nav li li a.daddy:hover,
#nav li li li a.daddy:hover {
	background:url("/images/template/pijlRechts.gif") center right no-repeat;
}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	display:none;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul {
	display:block;
}
#nav li.sfhover,
#nav li li.sfhover,
#nav li li li.sfhover,
#nav li li li li.sfhover   { /* voor IE */
	background:#ff7200;
}

#nav li.sfhover iframe,
#nav li li.sfhover iframe,
#nav li li li.sfhover iframe,
#nav li li li li.sfhover iframe {
	position: absolute;
	display: none;
	margin: 0;
	width: 14.3em;
	margin:-1.75em 0 0 13em;
}

#nav li.sfhover iframe {
	margin: 0;
}
#nav li.sfhover {
	background:transparent;
}
/* voor Moz */
#nav li.daddy:hover, #nav li.daddy li.daddy:hover,
#nav li:hover, 
#nav li li:hover,
#nav li li li:hover, 
#nav li li li li:hover { 
	background:#ff7200;
}

/* =SIDEBAR
---------------------------------------------------------------------- */
#content tr td.sidebar {
	vertical-align:top;
	width:180px;
	padding:0;
}
#content tr td.sidebar img.sidebar {
	width:180px;
	height:120px;
	margin:0;
	border:0;
	padding:0;
}
#content tr td.sidebar h2 {
	color:#A30000;
}
#content tr td.sidebar ul {
	list-style:none;
	border-bottom:3px solid #A30100;
	margin:0;
	padding:0 0 15px 10px;
	background:#fff;
	width:180px;
	font-size:0.9em;
	voice-family: "\"}\""; /*gezeik met IE ook altijd... zucht*/
	voice-family: inherit;
	width: 170px;
	display:block;
}

#content tr td.sidebar ul li {
	background: url("/roxen-local/images/li-submenu.gif") 0 3px no-repeat;
	padding:0 0 0 12px;
	margin:4px 0;
}
#content tr td.sidebar ul li a,
#content tr td.sidebar ul li a:visited {
	font-weight:normal;
	color:#333;
	text-decoration:none;
}
#content tr td.sidebar ul li a:hover,
#content tr td.sidebar ul li a:visited:hover {
	text-decoration:underline;
	color:#a30000;
}

#content tr td.sidebar ul li.select a,
#content tr td.sidebar ul li.select a:visited {
	font-weight:normal;
	color:#a30000;
	text-decoration:underline;
}

/*= sidebar sub sub navigatie
-------------------------------------------------------------------------------------*/
#content tr td.sidebar ul li ul, 
#content tr td.sidebar ul li.select ul { 
	border:0;
	margin:0;
	padding:0 0 3px 3px;
	width:150px;
	display:block;
	font-size:1em;
}
#content tr td.sidebar ul li.select ul li {
	background: url("/roxen-local/images/li-subsubmenu.gif") 3px 5px no-repeat;
}

#content tr td.sidebar ul li.select ul li a {
	text-decoration:none !important;
	color:#333 !important;
}
#content tr td.sidebar ul li.select ul li a:hover {
	text-decoration: underline !important;
	color:#a30000 !important;
}
#content tr td.sidebar ul li.select ul li.select a {
	text-decoration: underline !important;
	color:#a30000 !important;
}


/* =CONTENT
---------------------------------------------------------------------- */
#content {
	border-collapse:collapse;
	vertical-align:top;
	border-top:1px solid #fff;
}
#content tr td.content {
	vertical-align:top;
	padding:0 2em 0 30px;
	margin:0;
	background: transparent url("/roxen-local/images/bg-content.gif") 0 0 repeat-y;
}

#content tr td.content div.nieuwsblok {
	padding:5px;
}
#content tr td.content div.nieuwsblok h2 {
	color:#333;
}
#content tr td.content div.nieuwsblok h2 a,
#content tr td.content div.nieuwsblok h2 a:visited; {
	color:#333 !important;
	text-decoration:none !important;
}
#content tr td.content div.nieuwsblok h2 a:hover {
	text-decoration:underline !important;
	background:#FFFFFE !important;
}
#content tr td.content div.nieuwsblok p {
	padding:0;
	margin:5px 0 1.5em 15px;
	line-height:1.25em;
}
#content tr td.content div.nieuwsblok p.datum {
	color:#aaa;
	letter-spacing:1px;
	margin:0;
	display:inline;
	padding:2px;
}

#content tr td.content ul, 
#content tr td.content ol {
	margin-left:35px;
	padding-left:15px;
}
#content tr td.content ul ul, 
#content tr td.content ol ol{
	margin: 0 0 5px 10px;
}

#content tr td.content ul li,
#content tr td.content ol li {
	margin:0;
	padding:3px 0;
}
#content tr td.content ul li {
	list-style-image:url("/roxen-local/images/list.gif");
}
#content tr td.content ul ul li {
	list-style-type:disc;
}


/* =FOOTER
---------------------------------------------------------------------- */

#footer {
	border-collapse:collapse;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	height:25px;
	background:#5F4F40;
	border-top:2px solid #fff;
	font-size:0.9em;
}
#footer tr td {
	color:#fff;
	padding:0 0 0 3px;
}
#footer a, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}

/* =FORMULIEREN
---------------------------------------------------------------------- */
form {
	padding:0;
	margin:0;
}
dl.formulier{
	padding:0;
}
dl.formulier dt{
	font-weight: bold;
	padding:0.4em 0 0 0;
}
dl.formulier dd{
	padding: 0.4em 0 0.6em 0;
	margin:0 0 0 20px;
}
/*select {
	padding:0;
	margin:3px;
	font-family:inherit;
	border:1px solid #999;
	font-size:0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	background:#FFFEF0;
}
option {
	padding:2px;
	vertical-align:bottom;
}
select option.highlight {
	background:#FFFEF6;
}
input.input {
	border:1px solid #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFFEF0;
	margin:3px;
	padding:3px;
	color:inherit;
	font-size:0.95em;
	width:300px;
}

input.submit {
	border: 3px double #bbb;
	border-top-color: #666;
	border-left-color: #666;
	padding: 3px 5px;
	background: #F0F8FB url("/roxen-local/images/bgSubmit.gif") repeat-x;
	color: #000;
	font-weight: bold;
}
input.submit:active {
	border: 3px double #666;
	border-top-color: #bbb;
	border-left-color: #bbb;
} 

input.checkbox {
	margin:3px;
	border:0;
}
input.radio {
	margin:3px;
	border:0;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	width:350px;
	height:80px;
	padding:3px;
	margin:3px;
	border:1px solid #999;
}
*/

/* =INFOBAR
---------------------------------------------------------------------- */
div.infobar {
	width:180px;
	float:right;
	margin: 1em 1em 5em 2em;
	padding:0;
	display:inline;
}
div.infobar div.bovenkant {
	background: #EBDEEB url("/roxen-local/images/bg-infobartop.gif") top left no-repeat;
	margin:0;
	padding:4px;
	position:relative;
}
div.infobar div.bovenkant h2 {
	color:#fff;
	text-align:center;
	margin:1em 0 .5em 0;
}
div.infobar div.bovenkant h3 {
	color:#606;
	margin:1.25em 0 0 10px;
	padding:0;
}

div.infobar div.bovenkant ul {
	margin:0;
	padding: 0;
	list-style:none;
	text-indent:none;
}
div.infobar div.bovenkant ul li {
	background: url("/roxen-local/images/li-submenu.gif") 0 3px no-repeat;
	padding:0 0 0 10px;
	margin:3px 0;
	height:16px;
}
div.infobar div.bovenkant ul li a,
div.infobar div.bovenkant ul li a:visited {
	color:#333;
	text-decoration:none;
	font-weight:normal;
}
div.infobar div.bovenkant ul li a:hover,
div.infobar div.bovenkant ul li a:visited:hover {
	color:#333;
	text-decoration:underline;
	font-weight:normal;
}
div.infobar div.onderkant {
	background: #EBDEEB url("/roxen-local/images/bg-infobarbottom.gif") bottom left no-repeat;
	margin:0;
	padding:0;
	height:29px;
	width:180px;
	color:#EBDEEB;
	position:relative;
}

div.infobar div.bovenkant p {
	margin:0 0 0 5px;
	font-size:0.9em;
	padding:0.75em 0 0 0;
	letter-spacing:1px;
}
div.infobar div.bovenkant img {
	margin:2em 0 0 18px ;
	border:0;
}
div.infobar div.bovenkant p.rss{
	background: transparent url("/roxen-local/images/icons/rss.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.delicious{
	background: transparent url("/roxen-local/images/icons/delicious.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.afdrukken {
	background: transparent url("/roxen-local/images/icons/afdrukken.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.afspraak {
	background: transparent url("/roxen-local/images/icons/afspraak.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.calculator {
	background: transparent url("/roxen-local/images/icons/calculator.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.contact {
	background: transparent url("/roxen-local/images/icons/contact.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.demo {
	background: transparent url("/roxen-local/images/icons/demo.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.informatie {
	background: transparent url("/roxen-local/images/icons/informatie.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.inschrijven {
	background: transparent url("/roxen-local/images/icons/inschrijven.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.luidspreker {
	background: transparent url("/roxen-local/images/icons/luidspreker.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.pdf {
	background: transparent url("/roxen-local/images/icons/pdf.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.referentie {
	background: transparent url("/roxen-local/images/icons/referentie.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p.download {
	background: transparent url("/roxen-local/images/icons/download.gif") 2px 10px no-repeat;
	padding:1em 0 0 25px;
}
div.infobar div.bovenkant p a,
div.infobar div.bovenkant p a:visited {
	color:#000;
	text-decoration:underline;
}
div.infobar div.bovenkant p a:hover {
	text-decoration:none;
}

/* ----- gewone tabel ---------------------------------------------------------- */
#content tr td.content table {
	margin:0.75em 0 1em 30px;
	padding:0;
	border:0;
	border-collapse:collapse;
	background:transparent;
	width:90%;
}
#content tr td.content table tbody tr td {
	margin:0;
	padding:5px;
	background:transparent;
	vertical-align:top;
}
#content tr td.content table thead tr td,
#content tr td.content table tfoot tr td {
	margin:0;
	padding:5px;
	font-weight:bold;
}

/* ----- grijze tabel ---------------------------------------------------------- */
#content tr td.content table.data {
	margin:0.75em 0 1em 30px;
	padding:0;
	border:1px solid #000;
	border-collapse:collapse;
	background:transparent;
	width:90%;
}
#content tr td.content table.data thead tr td,
#content tr td.content table.data tfoot tr td {
	margin:0;
	padding:5px;
	color:#fff;
	background:#666;
	border-bottom:1px solid #000;
	font-weight:bold;
}
#content tr td.content table.data tfoot tr td {
	border:0;
	border-top:1px solid #000;
	font-weight:normal;
}
#content tr td.content table.data tbody tr td {
	margin:0;
	padding:5px;
	background:#F8F8F8;
	vertical-align:top;
}
#content tr td.content table.data tbody tr.highlight td {
	background:#DEDEDE;
}

#wistudat {
	width:200px;
	height:250px;
	float:right;
	background:#F4EDF4 url("/roxen-local/images/bg-wistudat.gif") top right no-repeat;
	margin:2em;
	padding:1em;
	border-left:1px dotted #EFE6EF;
	border-bottom:1px dotted #EFE6EF;
}
#wistudat h2 {
	font-size:2em;
	margin:1em 0 0 0;
	padding:0;
	color: #606;
}
#wistudat p {
	font-size:1.2em;
	font-style:italic;
	line-height:1.25em;
	margin: 1em;
	font-family:Georgia,"Times New Roman", Times, serif;
	letter-spacing:1px;
	color: #606;
}
#wistudat a {
	color:#f60;
	text-decoration:none;
	font-style:normal;
	font-family: Arial, sans-serif;
	font-size:0.9em;
	letter-spacing:0;
}
#wistudat a:hover {
	text-decoration:underline;
}


/* = FORMULIEREN CMS 
--------------------------------------------------------------------- */
div.component-spacing {
	display:none !important;
}
div.forms-and-response-text-0 {
	margin:0 !important;
	padding:0 !important;
}
div.forms-and-response-text-0 p, 
div.forms-and-response-text-1 p, 
div.forms-and-response-text-2 p, 
div.forms-and-response-text-4 p,
div.forms-and-response-selection-1 p,
div.forms-and-response-selection-2 p {
	margin:1em 0 0 0 !important;
	padding:0 !important;
	font-weight:bold !important;
}
div.forms-and-response-selection-1 br {
	display:none;
}

 #websuite {
	position : relative;
	width : 500px;
	height : 350px;
	left : 30px;
	background: #FDE8DF;
	border: 1px solid #ED1B2E;
	margin:2em 0 0 0;
}

#websuite div {
	margin:0;
	background:transparent;
	font-weight:bold;
	font-variant:small-caps;
	vertical-align:middle;
	vertical-align:bottom;
	text-align:center;
}

#websuite div.nieuw {
	background:#ef4038;
	font-variant:normal;
	font-weight:normal;
	font-size:0.9em;
	color:#fff;
}
#websuite div.regular {
	background:#f89e7f;
	font-variant:normal;
	font-weight:normal;
	font-size:0.9em;
}

#websuite p {
	margin : 0;
	padding : 2px;
	text-align : left;
}

#websuite span.nieuw {
	font-weight:bold;
}

#websuite a {
	color:#fff;
	border:0;
	font-weight:bold;
	text-decoration:underline;
}

#websuite a:hover {
	text-decoration:none;
}
#websuite div.regular a {
	color:#000;
}
#websuite #input {
	position : absolute;
	left : 105px;
	top : 5px;
	width : 125px;
	height : 25px;
}

#websuite #controle {
	position : absolute;
	left : 240px;
	top : 5px;
	width : 125px;
	height : 25px;
}

#websuite #output {
	position : absolute;
	left : 370px;
	top : 5px;
	width : 125px;
	height : 25px;
}


#websuite #verwerking {
	position : absolute;
	left : 5px;
	top : 35px;
	width : 90px;
	height : 150px;
}
#websuite #eppw {
	position : absolute;
	left : 105px;
	top : 35px;
	width : 125px;
	height : 150px;
}

#websuite #voorcheckweb {
	position : absolute;
	left : 240px;
	top : 35px;
	width : 125px;
	height : 150px;
}

#websuite #md {
	position : absolute;
	left : 370px;
	top : 35px;
	width : 125px;
	height : 150px;
}


#websuite #ondersteuning {
	position : absolute;
	left : 5px;
	top : 190px;
	width : 90px;
	height : 50px;
}
#websuite #adponline {
	position : absolute;
	left : 105px;
	top : 190px;
	width : 390px;
	height : 50px;
}
#websuite #communicatie {
	position : absolute;
	left : 5px;
	top : 245px;
	width : 90px;
	height : 150px;
}
#websuite #derden {
	position : absolute;
	left : 105px;
	top : 245px;
	width : 190px;
	height : 100px;
}

#websuite #digitale_loonstrook {
	position : absolute;
	left : 305px;
	top : 245px;
	width : 190px;
	height : 100px;
}


/* === schema salarisadministratie ===== */



#sa_schema {
	background:#fff url(/productenendiensten/salarisadministratie/bg.gif) left bottom no-repeat;
	width:450px;
	height:275px;
	margin:1em 0 0 1em;
	position:absolute;
	padding:0;
}

#sa_schema #uitbesteden, 
#sa_schema #salarisverwerking, 
#sa_schema #div2, 
#sa_schema #div3, 
#sa_schema #div4, 
#sa_schema #div5 {
	padding:5px;
	font-weight:bold;
	height:35px;
	width:125px;
	position:absolute;
	border:1px solid #333;
	text-align:center;
}

#sa_schema #salarisverwerking {
	margin:180px 0 0 50px;
	background:#8C8C8C;
	color:#fff;
	z-index:1;
}

#sa_schema #div2 {
	margin:150px 0 0 90px;
	background:#ABABAB;
	z-index:2;
}

#sa_schema #div3 {
	margin:120px 0 0 130px;
	background:#c9c9c9;
	z-index:3;
}
#sa_schema #div4 {
	margin:90px 0 0 170px;
	background:#DCDCDC;
	z-index:4;
}
#sa_schema #div5 {
	margin:60px 0 0 200px;
	background:#E2E2E2;
	z-index:5;
}
#sa_schema #uitbesteden {
	margin:30px 0 0 230px;
	background:#F4F4F4;
	z-index:6;
}
#sa_schema #toelichting1, 
#sa_schema #toelichting2 {
	padding:5px;
	font-size:0.9em;
	color:#999;
	position:absolute;
}

#sa_schema #toelichting1 {
	width:200px;
	margin:200px 0 0 200px;
	position:absolute;
}

#sa_schema #toelichting2 {
	width:180px;
	margin:30px 0 0 30px;
}

#pi_schema {
	background:#fff url(/productenendiensten/personeelsadministratie/bg.gif) left bottom no-repeat;
	width:450px;
	height:328px;
	margin:3em 0 0 1em;
	position:absolute;
	padding:0;
}

#pi_schema a {
	color:#fff;
}
#pi_schema #permanIBasis, 
#pi_schema #permanICompact, 
#pi_schema #permanICompleet, 
#pi_schema #permanII {
	padding:0 0 0 40px;
	font-weight:bold;
	color:#fff;
	height:35px;
	width:130px;
	position:absolute;
	border:1px solid #333;
}

#pi_schema #permanIBasis {
	margin:200px 0 0 50px;
	background:#8C8C8C;
	background:#E95319 url(/productenendiensten/personeelsadministratie/permanI-Basis.jpg) left no-repeat;
	z-index:1;
}

#pi_schema #permanICompact {
	margin:145px 0 0 100px;
	background:#ABABAB;
	background:#ED7647 url(/productenendiensten/personeelsadministratie/permanI-Compact.jpg) left no-repeat;
	z-index:2;
}
#pi_schema #permanICompleet {
	margin:90px 0 0 150px;
	background:#c9c9c9;
	background:#F29672 url(/productenendiensten/personeelsadministratie/permanI-Compleet.jpg) left no-repeat;
	z-index:3;
}
#pi_schema #permanII {
	margin:10px 0 0 275px;
	background:#DCDCDC;
	background:#F1CC6A url(/productenendiensten/personeelsadministratie/permanII.jpg) left no-repeat;
	z-index:4;
}