body, html {
	padding: 0px;
	margin: 0px;
	font-family: Arial,Helvetica,Serif,Verdana,Geneva;
	font-size: 11px;
	background-color: white;
	width: 100%;
	height: 100%;
}

#header {
	height: 73px;
	background: white url('/images/logo/cs.gif') left center no-repeat;
}

#header2 {
	height: 73px;
	#background: white url('/images/foto.jpg') left center no-repeat;
	background: white;
	position: absolute;
	right: 0;
	top: 0;
	width: 57px;
}

#status {
	position: absolute;
	top: 36px;
	right: 65px;
}

p {
	margin-top: 0px;
}

a, a:visited {
	color: #B60050;
	text-decoration: none;
}

a:hover {
	color: #B60050;
	text-decoration: underline;
}

a img {
	border: 0;
}

h1 {
	font-size: 18px;
}

hr {
	color: #B60050;
}

/*menu
------------------*/
#menu {
	position: absolute;
	top: 73px;
	left: 0px;
	background: white;
	border-right: 1px solid #B60050;
	border-bottom: 1px solid #B60050;
	width: 210px;
	padding-left: 5px;
	padding-right: 5px;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

#menu .icon {
	margin-right: 5px;
}

ul.menu_level_0 li {
	margin-bottom: 5px;
	background-color: #B60050;
}

ul.menu_level_0 li a, ul.menu_level_0 li a:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	height: 26px;
	padding-top: 13px;
	padding-left: 6px;
}

ul.menu_level_0 li a:hover {
	text-decoration: none;
	font-weight: bold;
}

ul.menu_level_0 li.active {
}

ul.menu_level_1 li {
	padding-left: 15px;
	background-color: #556b77;
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
}

ul.menu_level_1 li a, ul.menu_level_1 li a:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	height: 23px;
	padding-top: 7px;
}

ul.menu_level_1 li a:hover {
	text-decoration: none;
	font-weight: bold;
}
ul.menu_level_1 li.active {
	background-color: #556b77;
	font-weight: bold;
}

dd, dt, dl {
	padding: 0px;
	margin: 0px;
}

/*titel en content
------------------*/
#title {
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	border-top: 1px solid #B60050;
	border-bottom: 1px solid #B60050;
	#background: #B60050 url('/images/title.jpg') top right no-repeat;
	background: #B60050;
	font-size: 11px;
	display: block;
	padding: 4px 0px 4px 235px;
}

#content {
	padding-left: 235px;
	padding-right: 20px;
	padding-top: 26px;
	padding-bottom: 10px;
	#background: white url('/images/content_bg.jpg') repeat-x;
	background: white;
	height: 468px;
	z-index: 20;
}

#content p {
	width: 746px;
}

/*buttons
------------------*/
.btn {
	padding: 0px;
	background-color: #B60050;
	border: 1px solid #B60050;
	cursor: pointer;
	color: white;
	font-weight: bold;
	width: auto;
	overflow: visible;
}

.btn:hover, .btnhover {
	padding: 0px;
	background-color: #B60050;
	cursor: pointer;
	color: white;
	border: 1px solid black;
	font-weight: bold;
	width: auto;
	overflow: visible;
}

.btncog, .btnlogin, .btnlogout, .btnsave, .btnedit, .btncancel, .btnvorige,
.btnsearch, .btnuserrights, .btnsend, .btnuseradd, .btnuserdelete, .btnvacatureindelen,
.btnvacatureedit, .btnaddspider, .btnoverrideadd, .btnvacdelete, .btneye,
.btnaddexport, .btnaddabonnement, .btnconflictspider, .btnconflictuser,
.btnaddmelding, .btnaccept, .btnvacsave {
	background-repeat: no-repeat;
	padding-left: 18px;
	*padding-left: 22px;
	*padding-right: 4px;
	background-position: -2px -2px;
	*background-position: -3px -3px;
	height: 20px;
	_height: 21px;
}

.btncog { background-image: url(/images/icons/buttons/cog.png); }
.btnlogin { background-image: url(/images/icons/buttons/key.png); }
.btnlogout { background-image: url(/images/icons/buttons/lock.png); }
.btnsave { background-image: url(/images/icons/buttons/save.png); }
.btnedit { background-image: url(/images/icons/buttons/edit.png); }
.btncancel { background-image: url(/images/icons/buttons/cancel.png); }
.btnsearch { background-image: url(/images/icons/buttons/magnifier.png); }
.btnvorige { background-image: url(/images/icons/buttons/back.png); }
.btnuseradd { background-image: url(/images/icons/buttons/user_add.png); }
.btnuserdelete { background-image: url(/images/icons/buttons/user_delete.png); }
.btnuserrights { background-image: url(/images/icons/buttons/user_key.png); }
.btnsend { background-image: url(/images/icons/buttons/reactie_versturen.png); }
.btnvacatureindelen { background-image: url(/images/icons/buttons/vacature_indelen.png); }
.btnvacatureedit { background-image: url(/images/icons/buttons/page_edit.png); }
.btnaddspider { background-image: url(/images/icons/buttons/spider_add.png); }
.btnoverrideadd { background-image: url(/images/icons/buttons/page_add.png); }
.btnvacdelete { background-image: url(/images/icons/buttons/page_delete.png); }
.btnaddexport {background-image: url(/images/icons/buttons/database_add.png);}
.btnaddabonnement {background-image: url(/images/icons/buttons/brick_add.png);}
.btnconflictspider {background-image: url(/images/icons/buttons/spider_go.png);}
.btnconflictuser {background-image: url(/images/icons/buttons/user_go.png);}
.btneye {background-image: url(/images/icons/buttons/eye.png);}
.btnaddmelding {background-image: url(/images/icons/buttons/melding_add.png);}
.btnaccept {background-image: url(/images/icons/buttons/accept.png);}
.btnvacsave {background-image: url(/images/icons/buttons/page_save.png);}

.icon {
	vertical-align: middle;
	margin-right: 3px;
}

.clickable {
	cursor: pointer;
}

.clickable:hover {
	text-decoration: underline;
}

/*tabellen
------------------*/
tr, th {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif,Verdana,Geneva,;
	font-size: 11px;
}

tr.header th {
	background-color: #B60050;
	border-bottom: 1px solid #B60050;
	border-top: 1px solid #B60050;
	color: #FFFFFF;
	text-align: left;
	padding: 2px;
	font-weight: normal;
	vertical-align: top;
}

tr.huidigAbo td {
	font-style: italic;
}

tr.indelen th {
	background-color: #B60050;
	color: #707070;
	border-bottom: solid #fff 5px;
}

tr.indelenheader th {
	border-bottom: solid #fff 5px;
}

table.overzicht {
	border: 0;
	border-spacing: 0;
	width: 750px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

table.overzicht td {
	height: 16px;
	vertical-align: top;
	padding-right: 3px;
	background-color: #fff;
}

table.overzichtLinks {
	width: 750px;
	margin-bottom: 7px;
}

table.overzichtLinks td {
	vertical-align: top;
}

table.overzichtLinks td.tonenPer {
	text-align: right;
	color: #B2B2B2;
}

table.overzichtLinks td.tonenPer a, table.overzichtLinks td.tonenPer a:visited {
	color: #B2B2B2;
}

td select{
	vertical-align: top;
}

table.overzicht tr.alternate td {
	background-color: #FEF5E4;
	border-bottom: 0;
}

.lastrow {
	border-bottom: 0;
	border-top: 1px solid #929292;
}

.akties_1 {
	width: 25px;
}

.akties_2 {
	width: 38px;
}

.akties_3 {
	width: 57px;
}

.akties_4 {
	width: 76px;
}

.akties_5 {
	width: 95px;
}

.akties_6 {
	width: 114px;
}

.akties_7 {
	width: 133px;
}

.akties_8 {
	width: 152px;
	overflow: visible;
}

.inactief {
	color: #BFBFBF;
}

.boldtext {
	font-weight: bold;
}

table.overzicht .gebruiker td, table.overzicht .trefwoord td{
	font-style: italic;
	background-color: #FFFAF3;
}

table.conflict td {
	width: 32%;
}

table.conflict tr.conflicting td {
	background-color: #FFD27D;
}

/*forms
------------------*/
.label_required {
	color: red;
	font-size: 80%;
}

.label_error {
	color: red;
}

.label_required_text {
	font-size: 80%;
	font-style: italic;
}

.label_left, .label_right, .formheader {
	vertical-align: top;
	text-align: left;
}

.label_left {
	padding-right: 5px;
}

form {
	margin: 0px;
	padding: 0px;
}

form td {
	background: none;
	border: 0;
	padding-left: 0;
}

input, textarea, select {
	color: #004770;
	font-family: Arial,Helvetica,sans-serif,Verdana,Geneva;
	font-size: 10px;
}

select {
	background: #ffffff;
	border: 1px solid #6D8E9F;
	padding: 1px;
}

#content select {
	width: 206px;
}

#content select.autorefreshSelect {
	width: auto;
	padding: 0;
	background: white;
	display: block;
}

#content tr.alternate select.autorefreshSelect {
	background: #FEF5E4;
}

#content table tr td.indelen select {
	width: 305px;
}

#content table tr td.indelen input.text {
	width: 300px;
}

#content select.mceSelectList {
	width: 90px;
}

#content select.timefield {
	width: auto;
}

input.text, input.password, textarea, input.calendar {
	width:200px;
	padding: 2px;
	background: #ffffff;
	border: 1px solid #bebebe;
}

input.disabled-text {
	background: #DFDFDF;
}

input.calendar {
	width:100px;
	color: #004770;
}

input.checkbox {
	vertical-align: middle;
	width: 10px;
	height: 10px;
}

div.nogteposten {
	background: #FFEC1F;
}

div.exportfout {
	background: red;
}

div.centerText {
	text-align: center;
}

.doelsite_row {
	display: none;
	padding: 0;
	margin: 0;
}

.doelsite_row .label_right {
	background: white;
}

.doelsite_left {
	width: 100px;
}

#content select.aliasvoorkeurSelect {
	width: 346px;
}

/*overig
------------------*/
div.textbox {
	border-left: 1px solid #B60050;
	border-right: 1px solid #B60050;
	border-bottom: 1px solid #B60050;
	width: 750px;
	margin-bottom: 10px;
	background: white;
}

div.textbox-grijs {
	border-left: 1px solid #868686;
	border-right: 1px solid #868686;
	border-bottom: 1px solid #868686;
}

div.textbox table.overzicht {
	width: 740px;
}

div.textbox div.text {
	padding: 0 5px 5px 5px;
}

div.textbox div.text p {
	margin-bottom: 0;
	margin-top: 10px;
}

.textheader, .formheader {
	background-color: #B60050;
	padding: 2px;
	color: #FFFFFF;
}

.textheader-grijs {
	border-top: 1px solid #B60050;
	border-bottom: 1px solid #B60050;
	background: #EBF3FE;
	color: #FFFFFF;
}

.textheader a, .formheader a, .textheader a:hover, .formheader a:hover, .textheader a:visited, .formheader a:visited {
	color: #FFFFFF;
}

.textheader-grijs a, .textheader-grijs a:hover, .textheader-grijs a:visited {
	color: #FFFFFF;
}

.textheader {
	margin-bottom: 10px;
	width: 746px;
}

.information {
	width: 750px !important;
	font-size: 9px;
	line-height: 16px;
	padding-bottom: 4px;
	color: #868686;
	border-bottom: 1px solid #868686;
	margin-bottom: 20px;
}

.information2 {
	width: 750px !important;
	font-size: 9px;
	padding-bottom: 4px;
	color: #868686;
	margin-bottom: 10px;
}

#helpWindow_container {
	position: absolute;
	right: 0px;
	top: 130px;
	height: 400px;
}

#helpWindow_handle {
	width: 19px;
	background: #B60050 url('/images/icons/help_open.gif') center no-repeat;
	text-align: center;
	height: 400px;
	float: left;
}

#helpWindow_textContainer {
	float: left;
	width: 1px;
	left: 20px;
	height: 399px;
	top: 0px;
	border-bottom: 1px solid #B60050;
	background: #FFFFFF;
	overflow: hidden;
}

#helpWindow_textContainer h3 {
	overflow: hidden;
	margin: 0px;
	background: #EBF3FE;
	height: 16px;
	color: #919191;
	padding-left: 5px;
	font-size: 12px;
	border-top: 1px solid #B60050;
	border-bottom: 1px solid #B60050;
	margin-bottom: 5px;
	width: 250px;
}

#helpWindow_text {
	overflow: auto;
	overflow-x: hidden;
	height: 372px;
	padding-left: 5px;
	width: 223px;
}

#helpWindow_text p {
	width: auto;
}

.bericht_container {
	background: #F4F4EE;
	padding: 1px;
	margin-bottom: 10px;
}

.bericht_header {
	padding: 2px;
	color: #000;
	border-bottom: 1px solid #B60050;
}

.bericht_text {
	background: white;
	padding: 8px 2px 2px;
}

.bericht_quote {
	border-left: 2px solid #B60050;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

#rechtenFormTable input {
	padding: 0;
	margin: 0;
}

div.autocomplete {
	position: absolute;
	width: 250px;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
}

div.autocomplete ul {
	list-style-type: none;
	background-color: white;
	margin: 0px;
	padding: 0px;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	background-color: white;
}

div#profiling_container {
	width: 670px;
	height: 600px;
	position: absolute;
	top: 100px;
	left: 300px;
	background: white;
	border: 2px solid black;
}

div#profiling_list {
	height: 400px;
	overflow: auto;
	padding: 3px;
	margin-bottom: 10px;
}

div#profiling_detail {
	border-top: 2px solid black;
	padding: 3px;
}

.profile_details {
	display: none;
}

.zoekOpdrachtWissenForm {
	background: #FEF5E4;
}

.zoekOpdrachtWissenFormLinks {
	padding-right: 10px;
}

.zoekOpdrachtWissenFormRechts {
	padding-right: 5px;
}

#onderhoudsmelding {
	width: 750px;
	background: #ffb;
	border: 1px solid black;
	margin-bottom: 10px;
}

#onderhoudsmeldingMelding {
	overflow: hidden;
}

#onderhoudsmelding img.icon {
	float: right;
	margin: 2px 2px 5px 5px;
}

#onderhoudsmelding h3 {
	font-size: 13px;
	font-weight: bold;
}

#onderhoudsmelding h3, #onderhoudsmelding div {
	margin: 0;
	padding: 5px;
}

#grijs {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #808080;
	-moz-opacity: .8;
	filter:alpha(opacity=80);
	display: none;
	z-index: 10;
}

#voorwaarden {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -250px;
	background: #ffff99;
	border: 1px solid black;
	width: 500px;
	z-index: 100;
}

#voorwaardenText {
	height: 370px;
	overflow: auto;
}

#voorwaardenButtons p {
	font-style: italic;
}

#ruleInfo {
	position: fixed;
	top: 200px;
	left: 300px;
	background: #ffff99;
	border: 1px solid black;
	width: 250px;
	display: none;
	z-index: 100;
}

#ruleInfo .icon {
	float: right;
	background: #868686;
	padding-right: 3px;
	margin: 0;
}

#ruleInfoTitle, #voorwaardenTitle {
	background: #868686;
	color: #EFEDC7;
	font-size: 12px;
	height: 16px;
	padding-left: 3px;
}

#ruleInfoText, #voorwaardenText {
	padding: 10px 3px 3px 3px;
}

#errorDiv {
	margin-top: 10px;
}

#spiderDiv {
	margin-top: 10px;
}

.exampleUrl {
	margin-bottom: 20px;
	color: #004770;
}

#exampleUrlQuery {
	font-weight: bold;
}

.bekijkenLabel {
	font-weight: bold;
	margin-top: 10px;
}

.asteriks {
	font-size: 9px;
	color: #868686;
}

ul.fancyul {
	padding-left: 15px;
	list-style-image : url('/images/bullet.gif');
}

tr.extraRow_1 td, tr.extraRow_2 td {
	background: white !important;
	vertical-align: middle;
}

div#vacatureOverzichtLijst table#overzichtTable tr td.td_0, div#vacatureOverzichtLijst table#overzichtTable tr.extraRow_1 td.td_1, div#vacatureOverzichtLijst table#overzichtTable tr.extraRow_1 td.td_2, div#vacatureOverzichtLijst table#overzichtTable tr td.E1E1E1 {
	background: #E1E1E1 !important;
}

div#vacatureOverzichtLijst table#overzichtTable tr.extraRow_2 td.td_0 {
	background: white !important;
}

div.progresscontainer {
	width: 750px;
	height: 11px;
	background: white;
	border: 1px solid #868686;
	position: relative;
}

div.progressbar {
	background: white url('/images/progress.gif');
	height: 100%;
}

div.progresscijfer {
	position: absolute;
	top: 0px;
	right: 2px;
	font-size: 9px;
}

div#vacatureOverzichtLijst table#overzichtTable td.td_6,
div#vacatureOverzichtLijst table#overzichtTable td.td_7,
div#vacatureOverzichtLijst table#overzichtTable td.td_8,
div#vacatureOverzichtLijst table#overzichtTable td.td_9,
div#vacatureOverzichtLijst table#overzichtTable td.td_10,
div#vacatureOverzichtLijst table#overzichtTable td.td_11,
div#vacatureOverzichtLijst table#overzichtTable td.td_12,
div#vacatureOverzichtLijst table#overzichtTable td.td_13,
div#vacatureOverzichtLijst table#overzichtTable td.td_14,
div#vacatureOverzichtLijst table#overzichtTable td.td_15,
div#vacatureOverzichtLijst table#overzichtTable td.td_16,
div#vacatureOverzichtLijst table#overzichtTable td.td_17,
div#vacatureOverzichtLijst table#overzichtTable td.td_18,
div#vacatureOverzichtLijst table#overzichtTable td.td_19,
div#vacatureOverzichtLijst table#overzichtTable td.td_20,
div#vacatureOverzichtLijst table#overzichtTable td.td_21,
div#vacatureOverzichtLijst table#overzichtTable td.td_22,
div#vacatureOverzichtLijst table#overzichtTable td.td_23,
div#vacatureOverzichtLijst table#overzichtTable td.td_24,
div#vacatureOverzichtLijst table#overzichtTable td.td_25 {
	border-left: 1px solid #E1E1E1;
	margin: 0;
	padding: 0 1px 0 1px;
}

div#vacatureOverzichtLijst table#overzichtTable tr.extraRow_2 td.td_6 {
	border-left: 0;
	padding: 0;
}