html * {
	margin:0;
	padding:0;
}	

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	line-height: 18px;
	color: #333333;
}

ul, ol {
	padding: 0px;
	margin: 0px;
}

a {
	color: #000000;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #376980;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 26px;
}
h2 {
	font-size: 18px;
	line-height: 26px;
}
h3 {
	font-size: 16px;
	line-height: 24px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust:none;
	font-style:normal;
	line-height: 18px;
	color: #333333;
	font-weight: bold;
}
p {
	margin: 5px 0px 18px 0px;
}

#container {
	width: 780px;
	margin: 0px auto;
	position: relative;
}

#top_nav {
	height: 29px;
	background-color: #b8ccd7;
	border-bottom: 1px solid #376980;
}
#top_nav ul li {
	float: left;
	list-style-type: none;
	
}
#top_nav ul li a {
	height: 29px;
	line-height: 29px;
	padding: 0px 30px 0px 10px;
	text-decoration: none;
}
#top_nav li a.active, #top_nav li a:hover {
	color: #FFFFFF;
}

#header {
	height: 130px;
}
#header img.logo {
	margin-top: 41px;
	border: none;
	float: left;
}
#header h2.page_title {
	margin:15px 0px;
	float: right;
	width: 450px;
	font-weight: normal;
	color: #999999;
}

#content {
	width: 560px;
	float: left;
	margin: 0px;
	padding: 0px;
	min-height: 270px;
}

#footer {
	display: block;
	height: 180px;;
	padding: 8px 10px 10px 10px;
	clear: both;
	background-image: url(/images/bg_footer.gif);
	background-repeat: repeat-x;
}
#footer .copyright {
	float: left;
	font-weight: bold;
	color: #376980;
}
#footer ul {
	margin-bottom: 10px;
}
#footer li {
	list-style-type: none;
	float: left;
	padding: 0px 0px 0px 20px;
}
#footer li a {
	text-decoration: none;
}

#footer ul.footer_docs {
	margin-top: 20px;
}
#footer ul.footer_docs li {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer #footer_marquee {
	height: 20px;
	margin: 15px 0px;
}
marquee {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ### CONTENT BOXEN ### */
.box_half {
	width: 250px;
	float: left;
	padding: 10px;
	margin: 0px 10px 10px 0px;
	display: inline;
}
.box_full {
	width: 530px;
	float: left;
	padding: 10px;
	margin: 0px 10px 10px 0px;
	display: inline;
}
.box_blanco {
	width: 550px;
}
.hr {
	clear: both;
	border: none;
	border-bottom: 1px dashed #CCCCCC;
	margin-right: 10px;
}

/* ### KLEUR BOXEN ### */
.box_blue {
	background-image: url(/images/bg_item_blue.gif);
	background-repeat: no-repeat;
}
.box_orange {
	background-image: url(/images/bg_item_orange.gif);
	background-repeat: no-repeat;
}
.box_orange h1, .box_orange h2, .box_orange h3 {
	color: #f5891d;
}
.box_orange .big_btn {
	background-color: #f5891d;
}

/* ### CONTENT ITEMS ### */
#content ul, #content ol {
	padding: 0px 0px 0px 15px;
}

.big_btn_blue {
	background-color: #376980 !important;
}


/* ### TEKSTEN ### */
.light_txt {
	color: #999999;
}
.light_txt a {
	color: #999999;
}
.light_txt a:hover {
	color: #666666;
}
#footer p {
	padding: 20px 0px;
	clear: both;
}

/* ### MESSAGE BOXES ### */
div.message {
	padding: 5px 10px;
	margin-bottom: 18px;
	background: #FFFFFF;
	font-weight: bold;
}
div.orange {
	background: #FFFFFF url(images/bg_orange.gif);
	border-left: 4px solid #ff6600;
	color: #ff6600;
}
div.orange a {
	color: #ff6600;
}
div.red {
	background: #FFFFFF url(images/bg_red.gif);
	border-left: 4px solid #cc0000;
	color: #cc0000;
}
div.red a {
	color: #cc0000;
}
div.green {
	background: #FFFFFF url(images/bg_green.gif);
	border-left: 4px solid #339900;
	color: #339900;
}
div.green a {
	color: #339900;
}
/* ### LINKS & BUTTONS ### */
a.popup {
	font-weight: bold;
	background: url(/images/bullet.gif) no-repeat 0 3px;
	padding-left: 10px;
}
.lees_verder {
	font-weight: bold;
	text-decoration: none;
	color: #376980;
	padding-left: 10px;
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.lees_verder:hover {
	text-decoration: underline;
}

.btn {
	background-color: #376980;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	border: none;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	text-decoration: none;
}
.btn:hover {
	background-color: #333333;
}
.cancel {
	background-color: #CCCCCC;
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	border: none;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	text-decoration: none;
}
.cancel:hover {
	background-color: #333333;
	color: #FFFFFF;
}
.big_btn {
	display: table-cell;
	margin: 10px 0px;
	padding: 5px 10px 7px 10px;
	vertical-align: middle;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	background-color: #376980;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;	
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}
.big_btn:hover {
	background-color: #698fa0;
	background-color: #333333;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;	

}
.btn_green {
	padding: 5px 10px;
	background-color: #339900;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #333333;
}
.btn_green:hover {
	background-color: #99cc7f;
	color: #000000;
}
.btn_red {
	padding: 5px 10px;
	background-color: #cc0000;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #333333;
}
.btn_red:hover {
	background-color: #e57f7f;
	color: #000000;
}

/* ### FORMULIEREN ### */
form {
	display: block;
	margin: 10px 0px;
}
form .element {
	clear: left;
	margin-bottom: 10px;
}
fieldset {
	border: 1px dashed #999999;
	background-color: #FFFFFF;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
}
fieldset label,
label {
	width: 150px;
	display: block;
	float: left;
}
label.nvt {
	width: auto;
}
legend {
	font-weight: bold;
	color: #376980;
	background-color: #FFFFFF;
	padding: 0px 5px;
	
}
label {
	padding-left: 5px;
}
label.error {
	font-weight: bold;
	color: #990000;
}
label.checkbox {
	width: auto;
	float: left;
	margin: 0px 0px 10px 150px;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input.text, textarea {
	width: 250px;
	border: 1px solid #999999;
	padding: 3px 3px 4px 3px;
}
input.medium, select.medium {
	width: 170px;
}
input.small, select.small {
	width: 120px;
}
input.extra_small, select.extra_small {
	width: 70px;
}
#dashboard input.text {
	width: 180px;
}
select {
	width: 257px;
	height: 20px;
	border: 1px solid #999999;
}
select.date {
	width: 83px;
}
input.submit {
	background-color: #376980;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	border: none;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}
input.submit:hover {
	background-color: #333333;
}
input:focus,select:focus,textarea:focus {
	border: 1px solid #000000;
}
textarea {
	width: 340px;
}
textarea.large {
	height: 200px;
}
form iframe {
	border: 1px solid #999999;
}
p.form_help {
	border-left: 4px solid #990000;
	padding: 5px 10px;
	background-color: #f2f2f2;
	margin-right: 10px;
}

/* ### FOUT AFHANDELINGEN ### */
div.error {
	border: 2px solid #990000;
	background-color: #FFFFFF;
	margin-bottom: 18px;
}
div.error .title {
	background-color: #990000;
	color: #FFFFFF;
	padding: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
div.error .message {
	padding: 5px;
	color: #000000;
}
div.error .message ul {
	padding-left: 15px;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
td {
	padding: 3px 0px;
}

/* ### SPECIALISMEN ### */
table.specialismen {
	width: 100%;
	background-color: #FFFFFF;
}
table label {
	padding-left: 0px;
}
table.specialismen td {
	padding: 3px 0px 3px 3px;
}
table.specialismen .parent td {
	padding: 10px 0px 5px 5px;
	background: url(images/bg_tr_parent.gif) repeat-x;
	font-weight: bold;
}
table.specialismen .child td {
	font-weight: normal;
	padding: 5px 0px;
	height: 14px;
}
table.specialismen label {
	width: auto;
	float: left;
}

table.specialismen td .loader {
	float: left;
	margin-right: 5px;
}

/* ### TABEL OVERZICHTEN ### */
table.data {
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
table.data td,
table.data th {
	padding: 3px 0px 3px 3px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
}
table.data th {
	background: #376980;
	color: #FFFFFF;
}
table.data tr:hover {
	background: #F2F2F2;
}
/* ### BORDERS / STROKES ### */
div.stroke {
	width: auto;
	height: 1px;
	margin: 10px 0px;
	background: url(images/dotted_blue_2px.gif) repeat-x;
}
div.stroke_hite {
	width: auto;
	height: 1px;
	margin: 10px 0px;
	background: url(images/dotted_2px.gif) repeat-x;
}

/* ### DASHBOARD ### */

#dashboard {
	width: 193px;
	float: right;
	padding: 10px 5px 10px 10px;
	background-image: url(/images/bg_item_blue.gif);
	background-repeat: no-repeat;
}
#dashboard.orange {
	background-image: url(/images/bg_item_orange.gif);
}

#dashboard ul li {
	list-style-type: none;
}
#dashboard ul li a {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	background: url(images/bullet.gif) no-repeat 0px 10px;
	padding: 0px 0px 0px 12px;
	color: #376980;
	font-weight: bold;
	text-decoration: none;
}
#dashboard ul li.active a {
	background: url(images/bullet_active.gif) no-repeat 0px 10px;
	color: #333333;
}
#dashboard ul li.active a:hover {
	text-decoration: none;
	color: #333333;
}
#dashboard ul li a:hover {
	text-decoration: underline;
	color: #333333;
}

div.extra_attention {
	border: 2px solid #F5891D;
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
}

/* ### BRANCHES ### */
#dashboard ul li {
	list-style-type: none;
}
#dashboard ul li a {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	background: url(images/bullet.gif) no-repeat 0px 10px;
	padding: 0px 0px 0px 12px;
	color: #376980;
	font-weight: bold;
	text-decoration: none;
}
#dashboard ul li.back {
	background: url(images/dotted_blue_2px.gif) repeat-x bottom left;
	color: #333333;
}
#dashboard ul li.back a {
	background: url(images/bullet_back.gif) no-repeat 0px 10px;
	color: #333333;
}
#dashboard ul li.active a {
	background: url(images/bullet_active.gif) no-repeat 0px 10px;
	color: #333333;
}
#dashboard ul li.active a:hover {
	text-decoration: none;
	color: #333333;
}
#dashboard ul li a:hover {
	text-decoration: underline;
	color: #333333;
}

/* ### PROVINCIE CHECKBOX SELECT ### */
table.provincies {
	width: 350px;
}
table.provincies td {
	width: 50%;
	padding: 3px 0px;
}
table.provincies td input {
	float: left;
	margin-right: 5px;
}

/* ### POPUP ### */
#popup_container {
	width: 100%;
	height: 100%;
	padding: 0px;
}
#popup_header {
	background-color: #376980;
	color: #FFFFFF;
	display: block;
	padding: 10px;
}
#popup_title {
	float: left;
	display: inline;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#popup_close {
	float: right;
	display: inline;
}
#popup_close img {
	border: none;
}
#popup_print {
	float: right;
	display: inline;
	margin-right: 15px;
}
#popup_print img {
	border: none;
}
#popup_content {
	padding: 10px;
}


/* ### DESIGN HELPERS ### */
.clear {
	clear: both;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}
.margin_right {
	margin-right: 10px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.gutter {
	clear: both;
	height: 18px;
}

/* ### POPUP SELECT SPECS ### */
#d_selected_specs {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 5px 10px 0px 0px;
}
.search_box {
	width: 480px;
	padding: 10px;
	background-color: #f5891d;
}
#spec_list ul li {
	width: 220px;
	margin-right: 10px;
	float: left;
	list-style-type: none;
	background: url(images/dotted_blue_2px.gif) repeat-x bottom left;
}
#spec_list ul li a {
	display: block;
	padding-left: 10px;
	text-decoration: none;
	color: #333333;
	background: url(images/bullet_active.gif) no-repeat 0px 5px;
}
#spec_list ul li a:hover {
	color: #000000;
	text-decoration: underline;
}
#selected_list {
	width: 230px;
	float: right;
	border: 1px solid #f5891d;
}
#selected_list #title {
	padding: 5px;
	background-color: #f5891d;
	color: #FFFFFF;
	font-weight: bold;
}
#selected_list #actions {
	background-color: #CCCCCC;
	padding: 5px;
}
#selected_list_info {
	width: 220px;
	float: right;
	padding: 5px;
}
#selected_specs {
	padding: 5px;
}
#selected_specs ul li {
	list-style-type: none;
	background: url(images/dotted_blue_2px.gif) repeat-x bottom left;
}
#selected_specs ul li a {
	display: block;
	padding-left: 10px;
	text-decoration: none;
	color: #333333;
	background: url(images/bullet_back.gif) no-repeat 0px 5px;
	
}
#selected_specs ul li a:hover {
	color: #000000;
	text-decoration: underline;
}

/*
CV 
*/
#cv_opleiding_container,
#cv_werkgever_container {}
.cv_opleiding,
.cv_werkgever {
	padding: 10px 0px 0px 10px;
	/*Background: #F2F2F2;*/
	margin: 0px 10px 10px 0px;
	border: 1px solid #E5E5E5;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}
.cv_werkgever textarea.small {
	width: 320px;
}

.cv_opleiding .delete,
.cv_werkgever .delete {
	float: right;
	margin-right: 10px;
}
.cv_opleiding .delete img,
.cv_werkgever .delete img {
	border: none;
}
.legenda_verwijderen {
	float: right;
	border: 1px solid #CCCCCC;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	background: url(images/icon_error_grey.gif) no-repeat 4px 5px;
	padding: 0px 4px 0px 22px;
	margin-right: 10px;
	color: #999999;
}

#badge_free {
	position: absolute;
	left: 740px;
	top: 100px;
	z-index: 100;
}