body.salarispoint {
	background: url(../images/achtergrond-sp.jpg) no-repeat #6F2876;
	margin: 0;
	padding: 0;
}

body.payroll {
	background: url(../images/achtergrond-pr.jpg) no-repeat #4A2602;
	margin: 0;
	padding: 0;
}

.clear {
	clear: left;
}

#container {
	width: 955px;
	float: left;
}

/*** SALARISPOINT ***/
.salarispoint #header-right .hr-button a {
	background: url(../images/ganaarpayroll.gif) no-repeat;
}

.salarispoint #content-left li a {
	color: #581963;
}

.salarispoint #content-left a.active {
	color: #581963;
}

.salarispoint #content-left a:hover {
	font-weight: bold;
	color: #00A6E0;
}

.salarispoint #content-middle h1 {
	color: #581963;
}

.salarispoint #content-middle .kop {
	color: #581963;
}

.salarispoint #content-middle .pages span.p-tekst {
	color: #581963;
}

.salarispoint #cm-text {
	color: #581963;
}

.salarispoint #cm-left .body {
	color: #581963;
}

.salarispoint #cm-left .body strong {
	color: #581963;
}

.salarispoint #cm-right .nieuws_item {
	color: #581963;
}

.salarispoint #footer a:hover {
	color: #581963;
}

/*** PAYROLL ***/
.payroll #header-right .hr-button a {
	background: url(../images/ganaarsalaris.gif) no-repeat;
}

.payroll #content-left li a {
	color: #381D00;
}

.payroll #content-left a.active {
	color: #381D00;
}

.payroll #content-left a:hover {
	font-weight: bold;
	color: #00A6E0;
}

.payroll #content-middle h1 {
	color: #663300;
}

.payroll #content-middle .kop {
	color: #663300;
}

.payroll #cm-text {
	color: #381D00;
}

.payroll #cm-left .body {
	color: #381D00;
}

.payroll #cm-left .body strong {
	color: #381D00;
}

.payroll #cm-right .nieuws_item {
	color: #381D00;
}

.payroll #footer a:hover {
	color: #381D00;
}

/*** ALGEMEEN ***/

#header {
	width: 955px;
	height: 229px;
}

#header-logo {
	margin: 36px 0 0 590px;
	position: absolute;
}

#header-logo img {
	width: 261px;
	height: 89px;
	behavior: url("/iepngfix.htc");
}

#header-logo-payroll {
	margin: 36px 0 0 590px;
	position: absolute;
}

#header-logo-payroll img {
	width: 256px;
	height: 89px;
	behavior: url("/iepngfix.htc");
}

#header-left {
	width: 200px;
	float: left;
}

#header-middle {
	width: 522px;
	float: left;
}

#header-middle .inloggen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	margin: 126px 0 0 200px;
	_margin: 126px 0 0 100px;
	float: left;
}

#header-middle ul, #header-middle li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header-middle ul {
	margin: 122px 0 0 15px;
	padding: 0;
	float: left;
}

#header-middle li {
	background: url(../images/loginarrow.gif) no-repeat 0 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	padding: 4px 0 0 15px;
	_padding: 0 0 0 15px;
}

#header-middle li img {
	margin: 0 9px 0 12px;
}

#header-middle li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	text-decoration: none;
}

#header-middle li a:hover {
	text-decoration: underline;
}

#header-right {
	width: 200px;
	float: left;
}

#header-right .hr-button {
	margin: 122px 0 0 54px;
}

#header-right .hr-button a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	width: 141px;
	height: 22px;
	display: block;
	padding: 3px 0 0 22px;
}

#header-right .hr-button a:hover {
	background: url(../images/ganaar_hover.gif) no-repeat;
}

#content {
	width: 955px;
	float: left;
}

#content-top {
	width: 755px;
	height: 22px;
	margin: -28px 0 6px 0;
	_margin: 0 0  6px 0;
}

#content-top ul, #content-top li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content-top ul {
	margin: 0 0 0 201px;
}

#content-top li {
	margin: 0 1px 0 0;
	float: left;
}

#content-top li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	background: #7BCFEC;
	width: 163px;
	height: 19px;
	display: block;
	padding: 3px 0 0 10px;
}

#content-top li a:hover, #content-top li a.active {
	background: #00A5E0;
}

#content-left {
	width: 200px;
	float: left;
}

#content-left ul, #content-left li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content-left ul {
	margin: 18px 0 0 31px;
}

#content-left li {
	margin: 0 0 3px 0;
}

#content-left li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#content-left a.active {
	font-weight: bold;
}

#content-middle {
	width: 522px;
	float: left;
}

#content-middle h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 2px 0;
	border-top: 1px dotted #581963;
	border-bottom: 1px dotted #581963;
}

#content-middle h1 span.blue {
	color: #00A6E0;
}

#content-middle #cm-kop {
	height: 20px;
	border-top: 1px dotted #581963;
	border-bottom: 1px dotted #581963;
}

#content-middle .kop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	width: 150px;
	float: left;
}

#content-middle .pages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 0 2px 0;
	float: right;
}

#content-middle .pages span.p-tekst {
	margin: -1px 5px 0 0;
	float: left;
}

#content-middle .pages ul, #content-middle .pages li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content-middle .pages ul {
	float: left;
}

#content-middle .pages li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #581963;
	margin: 0 0 0 2px;
	float: left;
}

#content-middle .pages li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #581963;
	text-decoration: none;
}

#content-middle .pages li a:hover {
	color: #00A5E0;
}

#content-middle .pages li a.active {
	font-weight: bold;
	color: #00A5E0;
}

#cm-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	padding: 7px 0 0 0;
}

#cm-text h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A6E0;
	margin: 0;
	padding: 0;
}

#cm-text strong, #cm-text b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#cm-text a {
	color: #00A6E0;
	text-decoration: none;
}

#cm-text a:hover {
	text-decoration: underline;
}

#cm-text ul, #cm-text li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#cm-text ul {
	margin: 21px 0 26px 29px;
}

#cm-text li {
	border-left: 1px dotted #581963;
	padding: 0 0 0 15px;
}

#cm-text li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #581963;
	text-decoration: none;
}

#cm-text li a:hover {
	color: #00B1E4;
}

#cm-text li a.active {
	font-weight: bold;
	color: #00B1E4;
}

#cm-text .nieuws_item {
	width: 505px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #581963;
}

#cm-text .nieuws_titel h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A6E0;
	margin: 0;
	padding: 0;
}

#cm-text .nieuws_datum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A893AD;
	margin: 0 0 14px 0;
}

#cm-text .nieuws_inleiding {
	font-weight: bold;
	margin: 0 0 10px 0;
}

#cm-text .nieuws_body a {
	font-style: italic;
}

#cm-text .nieuws_terug {
	margin: 10px 0 0 0;
}

#cm-left {
	width: 255px;
	float: left;
}

#cm-left .body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	padding: 7px 0 0 0;
}

#cm-left .body p {
	margin: 10px 0 10px 0;
}

#cm-left .body span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A6E0;
}

#cm-left .body a {
	color: #00A6E0;
	text-decoration: none;
}

#cm-left .body a:hover {
	text-decoration: underline;
}

#cm-left .body h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A6E0;
	margin: 0;
	padding: 0;
}

#cm-right {
	width: 240px;
	padding: 16px 0 0 27px;
	_padding: 16px 0 0 26px;
	float: left;
}

#cm-right h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A6E0;
	margin: 0;
	padding: 0;
}

#cm-right .nieuwsbrief_blok {
	width: 241px;
	margin: 13px 0 18px 0;
	padding: 0 0 23px 0;
	_padding: 0 0 12px 0;
	border-bottom: 1px dotted #581963;
}

#cm-right .nb_top {
	background: url(../images/nieuwsbrief_top.gif) no-repeat;
	width: 241px;
	font-size: 0;
	height: 8px;
}

#cm-right .nb_middle {
	background: #CCEDF9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A6E0;
	width: 229px;
	padding: 0 0 0 12px;
}

#cm-right .nb_middle form {
	margin: 0;
	padding: 17px 0 7px 14px;
}

#cm-right .nb_middle form .submit {
	background: url(../images/arrow.gif) no-repeat;
	border: 0px none;
	cursor: pointer;
	width: 23px;
	height: 18px;
	margin: 0 0 0 15px;
}

#cm-right .nb_bottom {
	background: url(../images/nieuwsbrief_bottom.gif) no-repeat;
	width: 241px;
	height: 8px;
}

#cm-right .nieuws_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	margin: 18px 0 0 0;
}

#cm-right .nieuws_titel {
	font-weight: bold;
}

#cm-right .nieuws_meer {
	margin: 10px 0 0 0;
}

#cm-right .nieuws_meer a {
	color: #00A6E0;
	text-decoration: none;
}

#cm-right .nieuws_meer a:hover {
	text-decoration: underline;
}

#cm-right .nm-left {
	width: 25px;
	height: 20px;
	float: left;
}

#content-right {
	width: 164px;
	padding: 65px 0 0 36px;
	float: left;
}

#content-right .quote_top {
	background: url(../images/quotekader-boven.jpg) no-repeat;
	width: 161px;
	height: 10px;
	font-size: 0;
}

#content-right .quote-middle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	color: #581963;
	text-align: center;
	line-height: 150%;
	background: #EBE4EC;
	width: 146px;
	padding: 0 10px 0 5px;
}

#content-right .q_titel {
	font-weight: bold;
}

#content-right .q_tekst {
	color: #00A6E0;
}

#content-right .quote_bottom {
	background: url(../images/quotekader-onder.jpg) no-repeat;
	width: 161px;
	height: 10px;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	width: 755px;
	margin: 0 0 0 200px;
	padding: 30px 0 15px 0;
	clear: left;
}

#footer a {
	color: #CCCCCC;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*** CONTACT FORMULIER ***/
#cm-text form {
	margin: 0;
	padding: 0;
}

#cm-text fieldset {
	width: 200px;
}

#cm-text .item{
	margin: 0 0 5px 0;
}

#cm-text input.text {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

label {
	width: 100px;
	text-align: right;
	margin: 0 10px 0 0;
	float: left;
}