@charset "UTF-8";

/*

COLORS

purple: #330066
light-purple: #9999cc
red: #ff0033

*/

/* --------------------------------------------
CSS RESET v1.0 | 20080212 (meyerweb.com)
-------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --------------------------------------------
	PAGE BUILDING
-------------------------------------------- */

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	height: 100%;
	z-index: 1;
}

#container {
	width: 900px;
	margin: 0px auto;
	z-index: 1;
}

#top {
	height: 110px;
	width: 900px;
	background: #FFFFFF url(img/1px_grey.gif) bottom repeat-x;
	z-index: 1;
}
#top #logo {
	padding: 10px 0px 0px 10px;
	height: 100px;
	float: left;
	position: relative;
	z-index: 200;
	*top: -40px;
}
#top #nav {
	width: 900px;
	height: 40px;
	margin: 70px 0px 0px -450px;
	float: right;
	position: absolute;
	left: 50%;
	top: 0px;
	overflow: hidden;
	z-index: 100;
}

#page_slogan {
	clear: both;
	padding: 55px 20px;
	width: 860px;
	overflow: hidden;
	background: #FFFFFF url(img/1px_grey.gif) bottom repeat-x;
}
#content {
	clear: both;
	width: 900px;
	overflow: hidden;
}

#footer {
	margin: 50px 0px 25px 0px;
	padding: 10px 10px 0px 10px;
	clear: both;
	background: #FFFFFF url(img/1px_grey.gif) repeat-x;
	overflow: hidden;
	
}

/* --------------------------------------------
	NAVIGATION
-------------------------------------------- */

#site_overlay {
	width: 100%;
	height: 100%;
	background: transparent url(img/bg_site_nav.gif);
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 50;
}

#nav_trigger {
	height: 39px;
	background: #FFFFFF;
}
#top #nav ul {
	float: right;
}
#top #nav ul li {
	float: left;
	width: 130px;
	height: 36px;
	background: #FFFFFF url(img/1px_grey.gif) repeat-y;
}
#top #nav ul.extranet li {
	width: auto;
	height: 36px;
	margin: 0 15px 0 0;
}
#top #nav ul li a {
	color: #330066;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 10px;
	line-height: 36px;
	vertical-align: middle;
}
#top #nav ul li a:hover {
	_color: #000000;
	font-weight: bold;
}
#top #nav ul.extranet li a:hover {
	color: #000000;
	font-weight: normal;
}


#site_nav {
	clear: both;
	width: 860px;
	height: 138px;
	padding: 20px 20px 20px 20px;
	margin-top: 0px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#site_nav #slider { }

#top #site_nav ul li {
	float: left;
	width: 150px;
	height: auto;
	background: none;
	margin: 0px 22px 0px 0px;
	padding: 0px;
}
#top #site_nav ul li a {
	color: #ea0031;
	text-transform: none;
	line-height: normal;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#top #site_nav ul li a:hover {
	color: #ea0031;
	text-decoration: underline;
}
#top #site_nav ul li ul li {
	margin: 0px;
}
#top #site_nav ul li ul li a {
	color: #333333;
	font-weight: normal;
}
#top #site_nav ul li ul li a:hover {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}

ul.subnav {
	margin-top: 5px;
	background: transparent url(img/stroke_x.gif) repeat-x;
}
ul.subnav li {
	padding: 5px 0px;
}
ul.subnav li a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	color: #666666;
	
}
ul.subnav li a:hover {
	color: #000000;
}
ul.subnav li.active a {
	color: #330066;
}

ul.subnav li li {
	padding: 3px 0px;
}
ul.subnav li.active li a {
	color: #666666;
	padding: 0 0 0 15px;
	text-transform: none;
	font-size: 12px;
}
ul.subnav li li a:hover {
	color: #000000;
}
ul.subnav li li.active a {
	color: #330066;
}

/* beheer */
ul.subnav li li li {
	padding: 0;
}
ul.subnav li li li a {
	padding: 0 0 0 15px;
}

#footer ul {
	float: left;
}
#footer ul li {
	float: left;
	margin-right: 10px;
}
#footer ul li a {
	color: #999999;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	
}
#footer ul li a:hover {
	color: #666666;
}


/* --------------------------------------------
	TEXT & LINKS
-------------------------------------------- */
h1, h2, h3 {
	color: #9999cc;
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 32px;
}
h2 {
	color: #330066;
	font-size: 20px;
}
.two_colm_right h2 {
	margin: 0 0 10px 0;
}
h3 {
	color: #330066;
	font-size: 14px;
}

p {
	margin-bottom: 18px;
}

a.more {
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	background: transparent url(img/bullet_more.gif) right 2px no-repeat;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
}

a {
	color: #000000;
}
a:hover {
	color: #333333;
}

a.more:hover {
	text-decoration: underline;
}

p {
	margin-nottom: 18px;
}

p.small,
span.small {
	font-size: 12px;
	color: #999999;
}


#footer p {
	float: right;
	color: #999999;
	font-size: 11px;
}

#footer .partners {
	clear: both;
	overflow: hidden;
	float: right;
}
#footer .partners a {
	margin: 0 0 0 30px;
}

#footer #iso_norm,
#footer #actiz,
#footer #mijntijdvoordezorg,
#footer #human {
	float: left;
}
#footer #iso_norm a {
	display: block;
	width: 60px;
	height: 50px;
	background: transparent url(img/iso9001.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
#footer #iso_norm a:hover {
	background: transparent url(img/iso9001.gif) left -50px no-repeat;
}
#footer #actiz a {
	display: block;
	width: 100px;
	height: 50px;
	background: transparent url(img/actiz.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
#footer #actiz a:hover {
	background: transparent url(img/actiz.gif) left -50px no-repeat;
}
#footer #human a {
	display: block;
	width: 105px;
	height: 50px;
	background: transparent url(img/human.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
#footer #human a:hover {
	background: transparent url(img/human.gif) left -50px no-repeat;
}
#footer #mijntijdvoordezorg a {
	display: block;
	width: 103px;
	height: 50px;
	background: transparent url(img/mijntijdvoordezorg.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
#footer #mijntijdvoordezorg a:hover {
	background: transparent url(img/mijntijdvoordezorg.gif) left -50px no-repeat;
}

span.label {
	width: 30%;
	display: block;
	float: left;
	clear: left;
}
span.value {
	width: 70%;
	display: block;
	float: left;
	font-weight: bold;
	color:#411079;
}

.red {
	color: #FF0033;
}

p img {
	float: right;
	margin: 0px 25px 20px 0px;
	margin: 0px 0 20px 25px;
}
p img.right {
	float: right;
	margin: 0px 25px 20px 0px;
	margin: 0px 0px 20px 25px;
}

.two_colm_right ul, .two_colm ul {
	margin: 0 0 0 15px;
}
.two_colm_right ul li, .two_colm ul li {
	list-style-type: disc;
}

/* --------------------------------------------
	IMAGES
-------------------------------------------- */
#content img {
	margin-bottom: 20px;
}

/* --------------------------------------------
	BLOCKS
-------------------------------------------- */

.one_colm {
	width: 265px;
	padding: 40px 30px 0px 5px;
	float: left;
}
.one_colm_right {
	width: 265px;
	padding: 40px 5px 0px 5px;
	float: left;
}
.two_colm {
	width: 565px;
	padding: 40px 30px 0px 5px;
	float: left;
}
.two_colm_right {
	width: 590px;
	padding: 40px 5px 0px 5px;
	float: left;
}
.three_colm {
	width: 890px;
	padding: 40px 5px 0px 5px;
	float: left;
}
.intro_blocks {
	clear: both;
	width: 900px;
	margin: 10px 0px;
	overflow: hidden;
}
.intro_blocks .title {
	color: #ff0033;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	float: left;
	padding-left: 10px;
}
.intro_blocks .more_link {
	float: right;
	padding-right: 10px;
}

.intro_blocks .item {
	width: 290px;
	margin: 10px 5px 15px 5px;
	float: left;
	display: inline;
}
.item_mouse_over {
	cursor: pointer;
}
.item_mouse_over h3 {
	text-decoration: underline;
}
.intro_blocks .item img {
	margin: 0px !important;
}
.intro_blocks .item .title {
	padding: 0px 5px;
	clear: left;
}
.intro_blocks .text {
	padding: 0px 5px;
	clear: left;
}

/* --------------------------------------------
	TABLES / LISTS
-------------------------------------------- */
table.data {
	clear: both;
	width: 100%;
	background: transparent url(img/stroke_x.gif) repeat-x;
}

table.data tr {
	background: transparent url(img/stroke_x.gif) bottom repeat-x;
}

table.data td {
	padding: 5px;
}
table.data td.date {
	width: 80px;
	color: #330066;
	font-family: Georgia, "Times New Roman", Times, serif;
}
table.data td.time {
	width: 70px;
}
table.data td.title {
	width: auto;
}
table.data td.location {
	width: auto;
}

.tr_mouse_over td {
	cursor: pointer;
	background-color: #F2F2F2;
}

ul.data {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 0px;
	margin: 0 0 18px 0;
}
ul.data li {
	list-style-type: none;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
	clear: left;
	overflow: hidden;
}
ul.data li:hover {
	background: #f2f2f2;
}
ul.data li.header:hover {
	background: none;
}
ul.data li span {
	float: left;
	margin: 0 5px 0 0;
	overflow: hidden;
}
ul.data li.header span {
	font-weight: bold;
	color: #330066;
	
}
ul.data li span.title {
	width: 250px;
}
ul.data li span.date {
	width: 115px;
}
ul.data li span.actions {
	width: 80px;
	float: right;
	text-align: right;
}
ul.data li span.actions a {
	width: 20px;
	display: block;
	float: left;
	overflow: hidden;
}
ul.data li span img {
	margin: 0px !important;
	padding: 0px !important;
}
/* --------------------------------------------
	FORMS
-------------------------------------------- */


fieldset {
	clear: left;
	margin-botom: 20px;
	background: transparent url(img/1px_grey.gif) left 10px repeat-x;
	_background: transparent url(img/1px_grey.gif) left 30px repeat-x;
}
*:first-child+html fieldset {
	background: transparent url(img/1px_grey.gif) left 30px repeat-x;
}
fieldset.save {
	background: transparent url(img/1px_grey_dashed.gif) left 10 repeat-x;
	_background: transparent url(img/1px_grey_dashed.gif) left 30px repeat-x;
}
legend {
	color: #FF0033;
	font-size: 1.2em;
	margin-bottom: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
fieldset.save legend {
	color: #999999;
}
form {
	clear: left;
}
form#actueel {
	margin: 0 0 150px 0;
}
div.element {
	clear: left;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
	min-height: 30px;
	position: relative;
	width: 100%;
}
div.radio_group,
div.sub_element {
	width: 71%;
	float: right;
}
div.group_element {
	clear: left;
}
div.sub_group {
	margin: 0 0 0 30px;
}
.radio,
.checkbox {
	width: 15px;
	padding: 0;
	margin: 0;
	position: relative;
	border: none;
}
.radio_group input {
	border: none;
	width: 20px;
}

label {
	width: 25%;
	display: block;
	text-align: right;
	float: left;
	padding: 0.3em 1.5em 0.5em 0;
	font-size: 1.1em;
}
.subelement label {
	width: auto;
	display: block;
	text-align: left;
	float: left;
	padding: 0;
	font-size: 1.1em;
}
label.required {
	background: url(img/required.gif) 95% 0.8em no-repeat;
}
div.group_element label {
	text-align: left;
	padding: 0.1em 0 0.5em 0.5em;
	width: auto;
}
input, select, textarea,div.fake_input {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 7px;
	margin: 0 5px 0 0;
	border: 1px solid #999999;
	float: left;
}
select {
	width: 268px;
	padding: 6px;
}
input.large {
	width: 400px;
}
textarea {
	width: 50%;
}
textarea.extra_large {
	width: 400px;
	height: 300px;
}
textarea.full {
	width: 568px;
	height: 400px;
}
textarea.large {
	height: 100px;
}
input.date,
input.small {
	width: 30%;
	position: static;
}
input.extra_small {
	width: 15%;
}

select.date {
	width: 11%;
	float: left;
	margin-right: 5px;
}
select.time {
	width: 70px;
	float: left;
	margin-right: 5px;
}
td .checkbox {
	margin: 0px 0px 0px 0px;
}
input:focus,
textarea:focus {
	border: 1px solid #330066;
}
input.submit {
	width: auto;
	padding: 5px 20px;
	background-color: #9999cc;
	color: #FFFFFF;
	font-weight: bold;
}
input.submit:hover {
	background-color: #330066;
}
div.sub_element .select_file {
	clear: left;
	margin-bottom: 15px;
}

/* --------------------------------------------
	16. FEEDBACK
-------------------------------------------- */
.info, .success, .warning, .error, .validation {
	clear: left;
    border: 1px solid;
    margin: 0px 0px 10px 0px;
    padding:15px 10px 15px 60px;
    background-repeat: no-repeat;
    background-position: 12px center;
}
.info ul, .success ul, .warning ul, .error ul, .validation ul {
	margin-bottom: 0px !important;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/error.png');
}
.el_error {
    color: #D8000C;
}



/* --------------------------------------------
	CRUMB
-------------------------------------------- */
#crumb {
	padding: 5px 10px;
	background: #FFFFFF url(img/stroke_x.gif) bottom repeat-x;
	overflow: hidden;
}
#crumb ul li {
	float: left;
	color: #999999;
	font-size: 10px;
	margin-right: 10px;
}
#crumb ul li a {
	color: #999999;
	text-decoration: none;
	background: #FFFFFF url(img/bullet_crumb.gif) left 2px no-repeat;
	padding-left: 8px;
}
#crumb ul li a:hover {
	color: #666666;
}

/* --------------------------------------------
	FONT SIZE SELECT
-------------------------------------------- */

#font_size {
	float: right;
	margin: 20px 0 0 0;
}
#font_size ul li {
	float: left;
	margin: 0 10px 0 0;
}
#font_size ul li a {
	color: #330066;
}
#font_size ul li a:hover {
	color: #ff0033;
}
#font_size ul li.fs_small a {
	font-size: 12px !important;
}
#font_size ul li.fs_medium a {
	font-size: 16px !important;
}
#font_size ul li.fs_large a {
	font-size: 20px !important;
}


/* --------------------------------------------
	HELPERS
-------------------------------------------- */
.clear {
	clear: both;
}
.stroke {
	clear: both;
	height: 1px;
	background: transparent url(img/1px_grey.gif) repeat-x;
	margin: 10px 0px;
	width: 100%;
	overflow: hidden;
}
#debugged {
	clear: both;
	font-size: 9px;
	line-height: 10px;
	color: #000000;
}
div.gutter,
div.gutter_large {
	clear: both;
	height: 18px;
	width: 100%;
	overflow: hidden;
}
div.gutter_large {
	height: 32px;
}

/* BEHEER */
.last_login {
	background: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 10px;
}