.hide, .nodisp {
 display:none;
}

fieldset {
 border: 0;
}

form var {
 display: inline-block;
 width: 110px;
}

form#profielbewerken var {
 width: 260px;
 font-weight: bold;
 vertical-align: top;
}

#loginform {
 max-width: 350px;
 margin: auto;
}







.loginform input[type="text"],
.loginform input[type="password"] {
 min-width:auto;
 max-width:80px;
 font-size: 70%;
}

a.abtn,
.loginform input[type="submit"] {
 text-transform: capitalize;
 display: inline-block;
 padding: 4px 12px;
 background: #0E93EF;
 color: #FFF;
 outline:none;
 border:1px solid #0E93EF;
 border-radius: 6px;
 font-size: 70%;
 text-decoration: none;
}

a.abtn:hover,
.loginform input[type="submit"]:hover {
 background: #0D5F99;
 border:1px solid #0D5F99;
}

a.abtn.hide,
.hide {
 display:none;
}

#navmainlogin {
 position: absolute;
 right: 6px;
 top: 36px;
 width: 70%;
 text-align: right;
 list-style: none;
}

#navmainlogin span {font-size: 70%; display: none; }








#profielbewerken input[type="text"], #profielbewerken input[type="number"], #profielbewerken input[type="password"],
#loginform input[type="text"], #loginform input[type="number"], #loginform input[type="password"] {
 min-width: auto;
 max-width: auto;
}

#profielbewerken textarea {
 min-width: 50%;
 max-width: 96%;
}

form#profielbewerken input:disabled {
 background-color: transparent;
 border-style: dotted;
}

#profielbewerken input[type="submit"],
#loginform input[type="submit"] {
 display: inline-block;
 min-width: auto;
 max-width: auto;
 margin: auto;
 padding: 4px;
 outline: 0;
}

#profielbewerken label, 
#loginform label {
 display: block;
 margin-bottom: 12px;
}

#profielbewerken fieldset {
 margin-left: 0;
 margin-right: 0;
}

#profielbewerken label {
 padding: 8px 12px 8px 12px;
}
#profielbewerken label:nth-child(even) {
 background-color: #E5E5E5;
 border-radius: 12px;
}

.inner.wit {
 background: #FFF;
 padding-top: 12px;
 padding-bottom: 12px;
 border-radius: 12px;
}

.vspacer {
 height: 12px;
 width: 100%;
}
.vspacerb {
 height: 36px;
 width: 100%;
}

#agentintrobox.sectie.grijs h3 {
 text-align: left;
 font-size: 130%;
}

.mystatus.OFFLINE,
.roodtxt {
    font-size: 130%;
    background-color: red;
    font-weight: bold;
    color: #FFF;
    padding: 4px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
    border-radius: 20px;
    cursor: default;
}

.mystatus.OCCUPIED,
.mystatus.BEZET {
    font-size: 130%;
    background-color: blue;
    font-weight: bold;
    color: #FFF;
    padding: 4px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
    border-radius: 20px;
    cursor: default;
}

.mystatus.VOYEUR {
    font-size: 130%;
    background-color: purple;
    font-weight: bold;
    color: #FFF;
    padding: 4px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
    border-radius: 20px;
    cursor: default;
}

.mystatus.ONLINE {
    font-size: 130%;
    background-color: green;
    font-weight: bold;
    color: #FFF;
    padding: 4px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
    border-radius: 20px;
    cursor: default;
}


.divider {
 background: #CCC;
 height:6px;
 width:100%;
 margin-top: 20px;
 margin-bottom: 20px;
 border-radius: 12px;
}

.extralh {
 line-height:160%;
}


button,
.big-button {
	display: inline-block;
	border: 1px solid;
	border-color: #50a3c8 #297cb4 #083f6f;
	background: #0c5fa5 url(/agent/images/old-browsers-bg/button-element-bg.png) repeat-x left top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#72c6e4 4%,
		#0c5fa5
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#0c5fa5),
		color-stop(0.03, #72c6e4)
	);
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	-webkit-background-clip: padding-box;
	border-radius: 0.333em;
	color: white;
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	font-size: 14px;
	padding: 0.286em 1em 0.357em;
	line-height: 1.429em;
	cursor: pointer;
	font-weight: bold;
	}
	/* IE class */
	.ie button {
		overflow: visible;
	}
	/* IE class */
	.ie7 button {
		padding-top: 0.357em;
		padding-bottom: 0.214em;
		line-height: 1.143em;
	}
	button img,
	.big-button img {
	margin-right:6px;
		margin-bottom: -3px;
	}
	button:hover,
	.big-button:hover {
		border-color: #1eafdc #1193d5 #035592;
		background: #057fdb url(/agent/images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
		background: -moz-linear-gradient(
			top,
			white,
			#2bcef3 4%,
			#057fdb
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(white),
			to(#057fdb),
			color-stop(0.03, #2bcef3)
		);
	}
	button:active,
	.big-button:active {
		border-color: #5b848b #b2def1 #b2def1 #68a6ba;
		background: #3dbfed url(/agent/images/old-browsers-bg/button-element-active-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			#89e7f9,
			#3dbfed
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#89e7f9),
			to(#3dbfed)
		);
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	button.red,
	.red button,
	.big-button.red,
	.red .big-button {
		color: white;
		border-color: #bf3636 #5d0000 #0a0000;
		background: #790000 url(/agent/images/old-browsers-bg/button-element-red-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			white,
			#ca3535 4%,
			#790000
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(white),
			to(#790000),
			color-stop(0.03, #ca3535)
		);
		}
		button.red:hover,
		.red button:hover,
		.big-button.red:hover,
		.red .big-button:hover {
			border-color: #c24949 #9d3d3d #590909;
			background: #9d0404 url(/agent/images/old-browsers-bg/button-element-red-hover-bg.png) repeat-x top;
			background: -moz-linear-gradient(
				top,
				white,
				#fe6565 4%,
				#9d0404
			);
			background: -webkit-gradient(
				linear,
				left top, left bottom,
				from(white),
				to(#9d0404),
				color-stop(0.03, #fe6565)
			);
		}
		button.red:active,
		.red button:active,
		.big-button.red:active,
		.red .big-button:active {
			border-color: #7c5656 #f7cbcb #f7cbcb #a15151;
			background: #ff5252 url(/agent/images/old-browsers-bg/button-element-red-active-bg.png) repeat-x top;
			background: -moz-linear-gradient(
				top,
				#ff9d9d,
				#ff5252
			);
			background: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#ff9d9d),
				to(#ff5252)
			);
		}
	
	button:disabled,
	button:disabled:hover,
	.big-button.disabled,
	.big-button.disabled:hover {
		color: #bfbfbf;
		border-color: #e9f2f6 #c4c3c3 #a2a2a2 #e3e2e2;
		background: #c8c8c8 url(/agent/images/old-browsers-bg/button-element-disabled-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			#f0f2f2,
			#c8c8c8
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#f0f2f2),
			to(#c8c8c8)
		);
		-moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
		-webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		cursor: auto;
	}
	/* IE class */
	button.disabled,
	button.disabled:hover {
		color: #bfbfbf;
		border-color: #e9f2f6 #c4c3c3 #a2a2a2 #e3e2e2;
		background: #c8c8c8 url(/agent/images/old-browsers-bg/button-element-disabled-bg.png) repeat-x top;
		cursor: auto;
	}
	
	button.grey,
	.big-button.grey {
		color: white;
		border-color: #a1a7ae #909498 #6b7076;
		background: #9fa7b0 url(/agent/images/old-browsers-bg/button-element-grey-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			white,
			#c5cbce 5%,
			#9fa7b0
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(white),
			to(#9fa7b0),
			color-stop(0.05, #c5cbce)
		);
		-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		}
		button.grey:hover,
		.big-button.grey:hover {
			border-color: #a1a7b0 #939798 #6e7275;
			background: #b1b5ba url(/agent/images/old-browsers-bg/button-element-grey-hover-bg.png) repeat-x top;
			background: -moz-linear-gradient(
				top,
				white,
				#d6dadc 4%,
				#b1b5ba
			);
			background: -webkit-gradient(
				linear,
				left top, left bottom,
				from(white),
				to(#b1b5ba),
				color-stop(0.03, #d6dadc)
			);
		}
		button.grey:active
		.big-button.grey:active {
			border-color: #666666 #ffffff #ffffff #979898;
			background: #dddddd url(/agent/images/old-browsers-bg/button-element-grey-active-bg.png) repeat-x top;
			background: -moz-linear-gradient(
				top,
				#f1f1f1,
				#dddddd
			);
			background: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#f1f1f1),
				to(#dddddd)
			);
		}
	
	button.small,
	.big-button.small {
		font-size: 0.833em;
		padding: 0.2em 0.3em 0.3em 0.2em;
		vertical-align: 0.2em;
		}
		/* IE class */
		.ie button.small {
			padding: 0.5em 0.3em;
			vertical-align: 0.1em;
		}
	
	.ie7 button + button {
		margin-left: 0.25em;
	}






.number {
	display: block;
	float: left;
	min-width: 1em;
	padding: 0.25em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-align: center;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-webkit-background-clip: padding-box;
	border-radius: 0.25em;
	margin-right: 0.5em;
	background: #3399cc;
}
.number.red,
.red .number {
	background-color: #cc3333;
}

/**
 * Simple lists styles
 */

/****************** Basic list ******************/
.bullet-list li {
	padding-top: 0.083em;
	margin-bottom: 0.75em;
	background: url(/agent/images/icons/fugue/control-000-small.png) no-repeat 0 0.167em;
	padding-left: 1.5em;
	line-height: 1.25em;
}

/**************** Keywords list *****************/
.keywords {
	font-size: 0.833em;
	line-height: 2.2em;
	}
	.keywords li {
		display: inline-block;
		background: #3399cc;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		-webkit-background-clip: padding-box;
		line-height: 1.6em;
		border-radius: 0.4em;
		padding: 0.2em 0.5em;
		font-weight: bold;
		color: white;
		text-transform: uppercase;
		white-space: nowrap;
		}
		/* IE class */
		.ie7 .keywords li {
			display: inline;
			margin-right: 0.3em;
		}
		.keywords li.orange-keyword { background-color: #cc9900; }
		.keywords li.purple-keyword { background-color: #cc0066; }
		.keywords li.green-keyword { background-color: #009900; }
		.keywords li a {
			margin: -0.4em -0.5em;
			padding: 0.4em 0.5em;
			color: white;
		}
		.keywords li img {
			margin-bottom: -4px;
		}
		/* IE class */
		.ie7 .keywords li img {
			margin-bottom: 0;
			vertical-align: middle;
		}
		
		.table tbody th .keywords,
		.table tbody td .keywords {
			margin: -0.3em -0.2em;
		}

/****************** Tags list *******************/
ul.floating-tags {
	float: right;
	width: 10em;
	margin-bottom: 0;
}
ul.tags {
	line-height: 2em;
	}
	ul.tags li,
	ul.floating-tags li {
		background: #808080;
		font-size: 0.833em;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		-webkit-background-clip: padding-box;
		border-radius: 0.4em;
		color: white;
		text-transform: uppercase;
		white-space: nowrap;
		line-height: 1.3em;
		background-repeat: no-repeat;
		background-position: 0.2em center;
		padding: 0.4em 0.5em;
		}
		ul.tags li {
			display: inline-block;
		}
		/* IE class */
		.ie7 ul.tags li {
			float: left;
			margin-right: 0.25em;
		}
		/* IE class */
		.ie7 ul.tags li.last-child {
			margin-right: 0;
		}
		ul.floating-tags li {
			margin-bottom: 0.3em;
			}
			ul.floating-tags li:last-child {
				margin-bottom: 0;
			}
			/* IE class */
			ul.floating-tags li.last-child {
				margin-bottom: 0;
			}
			ul.tags li a,
			ul.floating-tags li a {
				color: white;
			}
		
		ul.tags .tag-time,
		ul.tags .tag-tags,
		ul.tags .tag-user,
		ul.floating-tags .tag-time,
		ul.floating-tags .tag-tags,
		ul.floating-tags .tag-user {
			padding-left: 2em;
		}
		
		ul.tags .tag-time, ul.floating-tags .tag-time { background-image: url(/agent/images/icons/fugue/clock.png); }
		ul.tags .tag-tags, ul.floating-tags .tag-tags { background-image: url(/agent/images/icons/fugue/tags-label.png); }
		ul.tags .tag-user, ul.floating-tags .tag-user { background-image: url(/agent/images/icons/fugue/user.png); }

/*************** Small pagination ***************/
.small-pagination {
	text-align: center;
	}
	ul + .small-pagination {
		margin-top: -0.667em;
	}
	.small-pagination li {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		display: inline-block;
		font-size: 0.75em;
		height: 1.555em;
		line-height: 1.555em;
		padding: 0 0.333em 0 0.222em;
		min-width: 1em;
		text-align: center;
		background: #d0d0d0;
		color: #666666;
		-moz-border-radius: 0.778em;
		-webkit-border-radius: 0.778em;
		-webkit-background-clip: padding-box;
		border-radius: 0.778em;
		}
		/* IE class */
		.ie7 .small-pagination li {
			display: inline;
			margin-right: 0.333em;
		}
		/* IE class */
		.ie7 .small-pagination li.last-child {
			display: inline;
			margin-right: 0;
		}
		.small-pagination li a {
			display: block;
			margin: 0 -0.333em 0 -0.222em;
			padding: 0 0.333em 0 0.222em;
			height: 1.555em;
			min-width: 1em;
			color: white;
			background-color: #3399cc;
			-moz-border-radius: 0.778em;
			-webkit-border-radius: 0.778em;
			-webkit-background-clip: padding-box;
			border-radius: 0.778em;
		}
		
		.small-pagination li.current a,
		.small-pagination li a:hover {
			background-color: #7cc5e9;
		}
	
	.small-pagination li.prev,
	.small-pagination li.next {
		background: none;
		vertical-align: middle;
		}
		/* IE class */
		.ie7 .small-pagination li.prev,
		.ie7 .small-pagination li.next {
			vertical-align: auto;
		}
		.small-pagination li.prev a,
		.small-pagination li.next a {
			margin: -0.111em -0.444em -0.111em -0.333em;
			padding: 0.111em 0.444em 0.111em 0.333em;
			width: 1em;
			overflow: hidden;
			text-indent: 100em;
			}
			.small-pagination li.prev a {
				background: url(/agent/images/icons/fugue/navigation-180.png) no-repeat center center;
				}
				.small-pagination li.prev a:hover {
					background-image: url(/agent/images/icons/fugue/navigation-180-white.png);
				}
			.small-pagination li.next a {
				background: url(/agent/images/icons/fugue/navigation.png) no-repeat center center;
				}
				.small-pagination li.next a:hover {
					background-image: url(/agent/images/icons/fugue/navigation-000-white.png);
				}
			/* IE class */
			.ie7 .small-pagination li.prev a,
			.ie7 .small-pagination li.next a {
				background-position: 0 0;
			}

/********************* Arbo *********************/
ul.arbo {
	margin-top: 0.5em;
	}
	ul.arbo li {
		background: url(/agent/images/arbo-points-v.gif) repeat-y 8px 0.667em;
		padding-left: 20px;
		line-height: 1.333em;
		padding-bottom: 0.333em;
		}
		ul.arbo li:last-child {
			background: url(/agent/images/arbo-points-v-end.gif) no-repeat 8px -7px;
		}
		/* IE class */
		ul.arbo li.last-child,
		ul.arbo li.first-child.last-child {
			background: url(/agent/images/arbo-points-v-end.gif) no-repeat 8px -7px;
		}
		ul.arbo > li:only-child {
			background: url(/agent/images/arbo-points-h.gif) no-repeat 8px 0.75em;
		}
		/* IE class */
		ul.arbo > li.first-child.last-child {
			background: url(/agent/images/arbo-points-h.gif) no-repeat 8px 0.75em;
		}
		ul.arbo li > a,
		ul.arbo li > span {
			color: #333;
			display: block;
			padding-left: 12px;
			}
			/* IE class */
			.ie7 ul.arbo li > a,
			.ie7 ul.arbo li > span {
				float: left;
			}
			.dark-grey-gradient ul.arbo li > a,
			.dark-grey-gradient ul.arbo li > span {
				color: white;
			}
			ul.arbo li > a:hover span,
			ul.arbo li > a.current span {
				background: #999999;
				color: white;
				padding: 0.083em 0.25em 0.167em;
				margin: -0.083em -0.25em -0.167em;
				-moz-border-radius: 0.25em;
				-webkit-border-radius: 0.25em;
				-webkit-background-clip: padding-box;
				border-radius: 0.25em;
			}
		ul.arbo li.closed ul {
			display: none;
		}
		ul.arbo li ul li:first-child {
			padding-top: 0.5em;
			background-position: 8px 1.167em;
		}
		/* IE class */
		ul.arbo li ul li.first-child {
			padding-top: 0.5em;
			background-position: 8px 1.167em;
		}
		ul.arbo li ul li:only-child {
			background-position: 8px -1px;
		}
		/* IE class */
		ul.arbo li ul li.first-child.last-child {
			background-position: 8px -1px;
		}
		
		ul.arbo li span.toggle {
			padding: 0;
			float: left;
			width: 16px;
			height: 1.333em;
			margin: 1px 0 -1px -19px;
			background: url(/agent/images/icons/toggle-small-sprite.png) no-repeat 0 center;
			cursor: pointer;
			}
			ul.arbo li span.toggle:hover {
				background-position: -16px center;
			}
			ul.arbo li.closed span.toggle {
				background-position: -32px center;
			}
			ul.arbo li.closed span.toggle:hover {
				background-position: -48px center;
			}
	
	ul.arbo li .loading {
		padding-left: 32px;
		color: #999999;
		background: url(/agent/images/arbo-loader.gif) no-repeat 10px center;
		}
		.dark-grey-gradient ul.arbo li .loading,
		ul.arbo.dark-grey-gradient li .loading {
			background-image: url(/agent/images/arbo-loader-grey.gif);
		}
	ul.arbo li .empty {
		color: #999999;
		font-style: italic;
	}
	
	ul.arbo li .document,
	ul.arbo li .document-access,
	ul.arbo li .document-binary,
	ul.arbo li .document-bookmark,
	ul.arbo li .document-code,
	ul.arbo li .document-excel,
	ul.arbo li .document-film,
	ul.arbo li .document-flash,
	ul.arbo li .document-illustrator,
	ul.arbo li .document-image,
	ul.arbo li .document-music,
	ul.arbo li .document-office,
	ul.arbo li .document-pdf,
	ul.arbo li .document-photoshop,
	ul.arbo li .document-powerpoint,
	ul.arbo li .document-text,
	ul.arbo li .document-web,
	ul.arbo li .document-word,
	ul.arbo li .document-zip,
	ul.arbo li .folder,
	ul.arbo li .folder-bookmark,
	ul.arbo li .folder-document,
	ul.arbo li .folder-music,
	ul.arbo li .folder-text,
	ul.arbo li .folder-film,
	ul.arbo li .folder-image,
	ul.arbo li .folder-table,
	ul.arbo li .folder-zipper {
		padding-left: 20px;
		background-repeat: no-repeat;
	}
	ul.arbo li .document { background-image: url(/agent/images/icons/fugue/document.png); }
	ul.arbo li .document-access { background-image: url(/agent/images/icons/fugue/document-access.png); }
	ul.arbo li .document-binary { background-image: url(/agent/images/icons/fugue/document-binary.png); }
	ul.arbo li .document-bookmark { background-image: url(/agent/images/icons/fugue/document-bookmark.png); }
	ul.arbo li .document-code { background-image: url(/agent/images/icons/fugue/document-code.png); }
	ul.arbo li .document-excel { background-image: url(/agent/images/icons/fugue/document-excel.png); }
	ul.arbo li .document-film { background-image: url(/agent/images/icons/fugue/document-film.png); }
	ul.arbo li .document-flash { background-image: url(/agent/images/icons/fugue/document-flash-movie.png); }
	ul.arbo li .document-illustrator { background-image: url(/agent/images/icons/fugue/document-illustrator.png); }
	ul.arbo li .document-image { background-image: url(/agent/images/icons/fugue/document-image.png); }
	ul.arbo li .document-music { background-image: url(/agent/images/icons/fugue/document-music.png); }
	ul.arbo li .document-office { background-image: url(/agent/images/icons/fugue/document-office.png); }
	ul.arbo li .document-pdf { background-image: url(/agent/images/icons/fugue/document-pdf.png); }
	ul.arbo li .document-photoshop { background-image: url(/agent/images/icons/fugue/document-photoshop.png); }
	ul.arbo li .document-powerpoint { background-image: url(/agent/images/icons/fugue/document-powerpoint.png); }
	ul.arbo li .document-text { background-image: url(/agent/images/icons/fugue/document-text.png); }
	ul.arbo li .document-web { background-image: url(/agent/images/icons/fugue/document-globe.png); }
	ul.arbo li .document-word { background-image: url(/agent/images/icons/fugue/document-word.png); }
	ul.arbo li .document-zip { background-image: url(/agent/images/icons/fugue/document-zipper.png); }
	
	ul.arbo li .folder { background-image: url(/agent/images/icons/fugue/folder-open.png); }
	ul.arbo li.closed .folder { background-image: url(/agent/images/icons/fugue/folder.png); }
	ul.arbo li .folder-bookmark { background-image: url(/agent/images/icons/fugue/folder-bookmark.png); }
	ul.arbo li .folder-document { background-image: url(/agent/images/icons/fugue/folder-open-document.png); }
	ul.arbo li .folder-music { background-image: url(/agent/images/icons/fugue/folder-open-document-music.png); }
	ul.arbo li .folder-text { background-image: url(/agent/images/icons/fugue/folder-open-document-text.png); }
	ul.arbo li .folder-film { background-image: url(/agent/images/icons/fugue/folder-open-film.png); }
	ul.arbo li .folder-image { background-image: url(/agent/images/icons/fugue/folder-open-image.png); }
	ul.arbo li .folder-table { background-image: url(/agent/images/icons/fugue/folder-open-table.png); }
	ul.arbo li .folder-zipper { background-image: url(/agent/images/icons/fugue/folder-zipper.png); }
	
	ul.arbo.with-title > li {
		background: none;
		padding-left: 0;
		padding-bottom: 1em;
		font-size: 1.25em;
		line-height: 1.71em;
		font-weight: bold;
		}
		ul.arbo.with-title > li > a,
		ul.arbo.with-title > li > span {
			padding-left: 7px;
		}
		/* IE class */
		.ie7 ul.arbo.with-title > li > a,
		.ie7 ul.arbo.with-title > li > span {
			float: none;
		}
		ul.arbo.with-title > li > ul {
			margin-left: 5px;
			font-size: 0.8em;
			font-weight: normal;
		}
		
		ul.arbo.with-title > li > .title-computer,
		ul.arbo.with-title > li > .title-picture,
		ul.arbo.with-title > li > .title-print,
		ul.arbo.with-title > li > .title-user,
		ul.arbo.with-title > li > .title-search {
			padding-left: 30px;
			padding-bottom: 3px;
			background-repeat: no-repeat;
			background-position: 0 center;
		}
		ul.arbo.with-title > li > .title-computer { background-image: url(/agent/images/icons/web-app/24/Loading.png); }
		ul.arbo.with-title > li > .title-picture { background-image: url(/agent/images/icons/web-app/24/Picture.png); }
		ul.arbo.with-title > li > .title-print { background-image: url(/agent/images/icons/web-app/24/Print.png); }
		ul.arbo.with-title > li > .title-user { background-image: url(/agent/images/icons/web-app/24/Profile.png); }
		ul.arbo.with-title > li > .title-search { background-image: url(/agent/images/icons/web-app/24/Search.png); }

/****************** Icons lists *****************/
.picto-list li {
	line-height: 1.25em;
	padding: 0.083em;
	padding-left: 1.667em;
	margin-bottom: 0.333em;
	background: url(/agent/images/icons/fugue/control-000-small.png) no-repeat 0 1px;
	}
	.picto-list.with-line-spacing li {
		margin-bottom: 1em;
	}
	.picto-list li:last-child {
		margin-bottom: 0;
	}
	
	
	.picto-list.icon-info li, .picto-list li.icon-info { background-image: url(/agent/images/icons/fugue/information-blue.png); }
	.picto-list.icon-image li, .picto-list li.icon-image { background-image: url(/agent/images/icons/fugue/image.png); }
	.picto-list.icon-user li, .picto-list li.icon-user { background-image: url(/agent/images/icons/fugue/user.png); }
	.picto-list.icon-top li, .picto-list li.icon-top { background-image: url(/agent/images/icons/fugue/arrow-curve-090.png); }
	.red .picto-list.icon-top li, .red .picto-list li.icon-top { background-image: url(/agent/images/icons/fugue/arrow-curve-090-red.png); }
	.picto-list.icon-tag-small li, .picto-list li.icon-tag-small { background-image: url(/agent/images/icons/fugue/tag-small.png); }
	.picto-list.icon-doc-small li, .picto-list li.icon-doc-small { background-image: url(/agent/images/icons/fugue/document-small.png); }
	.picto-list.icon-pin-small li, .picto-list li.icon-pin-small { background-image: url(/agent/images/icons/fugue/pin-small.png); }

/****************** Simple list *****************/
.simple-list li {
	background: #f2f2f2;
	-moz-border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-webkit-background-clip: padding-box;
	border-radius: 0.417em;
	padding: 0.75em;
	color: #333333;
	margin-bottom: 0.25em;
	}
	.simple-list li:last-child {
		margin-bottom: 0;
	}
	/* IE class */
	.simple-list li.last-child {
		margin-bottom: 0;
	}
	.simple-list li a,
	.simple-list li span {
		display: block;
		margin: -0.75em;
		padding: 0.75em;
		color: #333333;
		background-repeat: no-repeat;
		background-position: 0.667em center;
		-moz-border-radius: 0.417em;
		-webkit-border-radius: 0.417em;
		-webkit-background-clip: padding-box;
		border-radius: 0.417em;
		}
		.simple-list li a:hover,
		.simple-list li span:hover {
			background-color: #e0e0e0;
		}
		
		.simple-list.with-icon li a,
		.simple-list.with-icon li span,
		.simple-list .with-icon li a,
		.simple-list .with-icon li span,
		.simple-list li.with-icon a,
		.simple-list li.with-icon span {
			background-image: url(/agent/images/icons/fugue/control-000-small.png);
			padding-left: 2.5em;
		}

/*************** Collapsible list ***************/
.collapsible-list > li {
	padding: 0.75em;
	color: #333333;
	-moz-border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-webkit-background-clip: padding-box;
	border-radius: 0.417em;
	margin-bottom: 0.25em;
	}
	.collapsible-list.with-bg > li {
		background: #f2f2f2;
	}
	.collapsible-list > li:last-child {
		margin-bottom: 0;
	}
	/* IE class */
	.collapsible-list > li.last-child {
		margin-bottom: 0;
	}
	.collapsible-list li a,
	.collapsible-list li span {
		display: block;
		margin: -0.5em;
		padding: 0.5em;
		color: #333333;
		background-repeat: no-repeat;
		background-position: 0.417em center;
		}
		.collapsible-list > li > a,
		.collapsible-list > li > span {
			margin: -0.75em;
			padding: 0.75em;
			background-position: 0.667em center;
			}
			.collapsible-list.with-bg > li > a,
			.collapsible-list.with-bg > li > span {
				-moz-border-radius: 0.417em 0.417em 0 0.417em;
				-webkit-border-radius: 0.417em;
				-webkit-background-clip: padding-box;
				-webkit-border-bottom-right-radius: 0;
				border-radius: 0.417em 0.417em 0 0.417em;
			}
			.collapsible-list.with-bg > li.closed > a,
			.collapsible-list.with-bg > li.closed > span {
				-moz-border-radius-bottomright: 0.417em;
				-webkit-border-bottom-right-radius: 0.417em;
				border-bottom-right-radius: 0.417em;
			}
		.collapsible-list li a:hover,
		.collapsible-list li span:hover {
			background-color: #e0e0e0;
		}
	.collapsible-list li ul {
		margin: 0.5em -0.5em 0 1em;
		}
		.collapsible-list li.closed ul {
			display: none;
		}
		.collapsible-list > li > ul {
			margin: 0.75em 0 0 0.25em;
		}
		.collapsible-list li ul li {
			padding: 0.5em;
			color: #333333;
		}
	
	.collapsible-list.with-icon a,
	.collapsible-list.with-icon span,
	.collapsible-list .with-icon a,
	.collapsible-list .with-icon span {
		background-image: url(/agent/images/icons/fugue/control-000-small.png);
		padding-left: 2.25em;
		}
		.collapsible-list.with-icon > li > a,
		.collapsible-list.with-icon > li > span,
		.collapsible-list > li.with-icon > a,
		.collapsible-list > li.with-icon > span {
			padding-left: 2.5em;
		}
	
	.collapsible-list li .toggle {
		float: left;
		width: 16px;
		height: 2em;
		background: url(/agent/images/icons/toggle-sprite.png) no-repeat 0 center;
		margin: -0.5em 2px -0.5em 0;
		padding: 0;
		cursor: pointer;
		}
		.collapsible-list li.closed > .toggle {
			background-position: -32px center;
		}
		.collapsible-list li .toggle:hover {
			background-color: transparent;
			background-position: -16px center;
		}
		.collapsible-list li.closed > .toggle:hover {
			background-position: -48px center;
		}
		.collapsible-list > li > .toggle {
			height: 2.5em;
			margin: -0.75em 2px -0.75em 0;
		}
		.collapsible-list li .toggle + a,
		.collapsible-list li .toggle + span {
			margin-left: 18px;
			padding-left: 0.25em;
			-moz-border-radius-topleft: 0 !important;
			-moz-border-radius-bottomleft: 0 !important;
			-webkit-border-top-left-radius: 0 !important;
			-webkit-border-bottom-left-radius: 0 !important;
			border-top-left-radius: 0 !important;
			border-bottom-left-radius: 0 !important;
			cursor: pointer;
			}
			.collapsible-list.with-icon .toggle + a,
			.collapsible-list.with-icon .toggle + span,
			.collapsible-list .with-icon .toggle + a,
			.collapsible-list .with-icon .toggle + span {
				padding-left: 2em;
				background-position: 0.25em center;
			}
		
	.with-icon.no-toggle-icon .toggle + a,
	.with-icon.no-toggle-icon .toggle + span,
	.with-icon .no-toggle-icon .toggle + a,
	.with-icon .no-toggle-icon .toggle + span {
		background-image: none !important;
		padding-left: 0.25em;
		}
	
	.with-icon.icon-info a,
	.with-icon.icon-info span,
	.with-icon .icon-info a,
	.with-icon .icon-info span
		{ background-image: url(/agent/images/icons/fugue/information-blue.png) !important; }
	.with-icon.icon-group a,
	.with-icon.icon-group span,
	.with-icon .icon-group a,
	.with-icon .icon-group span
		{ background-image: url(/agent/images/icons/fugue/users.png) !important; }
	.with-icon.icon-user a,
	.with-icon.icon-user span,
	.with-icon .icon-user a,
	.with-icon .icon-user span
		{ background-image: url(/agent/images/icons/fugue/user.png) !important; }
	.with-icon.icon-file a,
	.with-icon.icon-file span,
	.with-icon .icon-file a,
	.with-icon .icon-file span
		{ background-image: url(/agent/images/icons/fugue/document.png) !important; }
	.with-icon.icon-tags a,
	.with-icon.icon-tags span,
	.with-icon .icon-tags a,
	.with-icon .icon-tags span
		{ background-image: url(/agent/images/icons/fugue/tags-label.png) !important; }
	.with-icon.icon-date a,
	.with-icon.icon-date span,
	.with-icon .icon-date a,
	.with-icon .icon-date span
		{ background-image: url(/agent/images/icons/fugue/calendar-day.png) !important; }

/*************** Definitions list ***************/
dl.definition dt {
	background: url(/agent/images/icons/fugue/control-000-small.png) no-repeat;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1.25em;
	margin-bottom: 0.167em;
}
dl.definition dd {
	padding-left: 20px;
	color: #666;
	margin-bottom: 1em;
	line-height: 1.25em;
	}
	dl.definition dd:last-child {
		margin-bottom: 0;
	}
	/* IE class */
	dl.definition dd.last-child {
		margin-bottom: 0;
	}

/**************** Accordion list ****************/
dl.accordion {
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-webkit-background-clip: padding-box;
	border-radius: 0.5em;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	padding: 1px;
	}
	.ie dl.accordion {
		border: 1px solid #cccccc;
	}
	dl.accordion dt {
		background: #e7e7e7 url(/agent/images/old-browsers-bg/accordion-tab-bg.png) repeat-x top;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#f8f8f8,
			#e7e7e7
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#f8f8f8),
			to(#e7e7e7)
		);
		padding: 0.75em;
		border: 1px solid #cccccc;
		color: #3399cc;
		cursor: pointer;
		}
		dl.accordion dt:first-child {
			-moz-border-radius-topleft: 0.417em;
			-moz-border-radius-topright: 0.417em;
			-webkit-border-top-left-radius: 0.417em;
			-webkit-border-top-right-radius: 0.417em;
			border-top-left-radius: 0.417em;
			border-top-right-radius: 0.417em;
		}
		dl.accordion dt:last-of-type {
			-moz-border-radius-bottomleft: 0.417em;
			-moz-border-radius-bottomright: 0.417em;
			-webkit-border-bottom-left-radius: 0.417em;
			-webkit-border-bottom-right-radius: 0.417em;
			border-bottom-left-radius: 0.417em;
			border-bottom-right-radius: 0.417em;
			}
			dl.accordion dt.opened {
				-moz-border-radius-bottomleft: 0;
				-moz-border-radius-bottomright: 0;
				-webkit-border-bottom-left-radius: 0;
				-webkit-border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}
		dl.accordion dt .number {
			display: block;
			float: left;
			margin: -0.333em 0.5em -0.333em -0.333em;
			font-weight: normal;
			background: #0c5fa5 url(/agent/images/old-browsers-bg/title-bg.png) repeat-x top;
			-webkit-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			-o-background-size: 100% 100%;
			background-size: 100% 100%;
			background: -moz-linear-gradient(
				top,
				#72c6e4,
				#0c5fa5
			);
			background: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#72c6e4),
				to(#0c5fa5)
			);
			border: 0.083em solid white;
			-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
		}
		dl.accordion dt:hover {
			border-color: #3399cc;
		}
	dl.accordion dd {
		background: url(/agent/images/old-browsers-bg/accordion-content-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			rgba(0,0,0,0.1),
			rgba(0,0,0,0)
		) no-repeat;
		-moz-background-size: 100% 2.5em;
		background: -webkit-gradient(
			linear,
			0 0, 0 2.5em,
			from(rgba(0,0,0,0.1)),
			to(rgba(0,0,0,0))
		);
		padding: 1em;
		color: #666666;
	}






	.topmenu {
 position:fixed;
 left:0;
 top:0;
 z-index:300;
 width:100%;
 height:100%;
 margin:0;
 padding: 0;
 display:block;
 text-align:center;
 background: #000;
 background: rgba(0,0,0, 0.8);
}

.topmenu ul {
 cursor:default;
 list-style: none;
 margin: 0;
 padding: 0;
 display:block;
 width:100%;
 position:absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 pointer-events: auto;
}

.topmenu ul li {
 display:block;
 list-style: none;
 padding: 0;
 margin-top:12px;
 margin-bottom:12px;
 margin-left: auto;
 margin-right:auto;
 width: 98%;
 font-weight:bold;
}

.topmenu ul li.opmerking {
 color: yellow;
 font-size: 3vh;
 width: 90%;
 padding: 12px;
}

.topmenu ul li.fout {
 background: red;
 color: #FFF;
 font-size: 3vh;
 width: 80%;
 width: calc(98% - 32px);
 margin-bottom:20px;
 border: 4px solid red;
 border-radius: 12px;
 padding: 12px;
}

.topmenu ul li.menuitem {
 cursor: pointer;
 padding-top:12px;
 padding-bottom:12px;
 color: #102138;
 font-size: 100%;

background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,d3e2ed+50,c5d8e2+51,d5ebfb+100 */
background: #ebf1f6; /* Old browsers */
background: -moz-linear-gradient(top, #ebf1f6 0%, #d3e2ed 50%, #c5d8e2 51%, #d5ebfb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ebf1f6 0%,#d3e2ed 50%,#c5d8e2 51%,#d5ebfb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ebf1f6 0%,#d3e2ed 50%,#c5d8e2 51%,#d5ebfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#71c8e2+16,29b8e5+54 */
background: #71c8e2; /* Old browsers */
background: -moz-linear-gradient(top, #71c8e2 16%, #29b8e5 54%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #71c8e2 16%,#29b8e5 54%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #71c8e2 16%,#29b8e5 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c8e2', endColorstr='#29b8e5',GradientType=0 ); /* IE6-9 */
 color: #FFF;
}

.topmenu ul li.menuitem:hover {
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 color:#FFF;
}

.topmenu ul li.leegitem {
 cursor: pointer;
 padding-top:12px;
 padding-bottom:12px;
 color: #102138;
 font-size: 100%;
 background: #FFF; /* Old browsers */
	margin: auto;
	text-align:center;
}


.topmenu ul li.leegitem div.inside {
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 2px;
    outline: 0;
	width: 70%;
    min-width: 70%;
    max-width: 96%;
	text-align: left;
	margin: auto;
}

.topmenu ul li.leegitem div.inside label {
 margin-left: 12px;
 font-weight: normal;
}

.probleembtn {
 width: auto;
}
.storingvlak {
 position: relative;
}
.storingvlak img {
 position: relative;
 display: inline-block;
 margin:0;
 padding: 0;
 border: 0;
}
.storingtxt {
 position: relative;
 display: inline-block;
 background: #da0001;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 border-right: 1px solid #000;
 height: 79px;
 line-height: 79px;
 vertical-align: top;
 margin:0;
 margin-top: 27px;

 padding-right: 12px;
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;

}




.notice {
 background: #FFE743;
 padding: 20px;
 font-size: 13px;
 font-weight: bold;
 text-align:center;
 color: #000;
 border: 1px dashed #000;
}

.notice a {
 color: #000;
}

.notice.error {
 background: red !important;
 color: #FFF !important;
}
.notice.error a {
 color: #FFF !important;
}

#videosexlijnmovies {
 margin-top: 20px;
 margin-bottom: 20px;
}

div.sexvideo {
 float: left;
 margin-right: 6px;
 margin-bottom: 6px;
 width: 100px;
 cursor: pointer;
 font-size:10px;
}
div.sexvideo:hover {
 background: #CCC;
}

img.sexvideo-thumb {
 width: 100px;
 max-width: 100%;
 display:block;
 border:0;
 margin:0;
}
div.sexvideo-category {
 float:none;
 clear: both;
 margin-top: 20px;
 font-weight: bold;
 font-size: 14px;
 text-transform: uppercase;
}

#videosexlijn-viewer {
 position:relative;
 margin-top: 20px;
 display:none;
}
#videosexlijnvideo {
 width: 100%;
 background: #000;
}

span.sexvideotitel {
 display:block;
 font-weight: bold;
 font-size: 14px;
 margin-top: 6px;
}

.circledred, 
.circled { 
   display:inline-block;
   color: #FFF;
   font-weight: bold;
   line-height: 30px;
   width: 30px;
   height: 30px;
   text-align:center;
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}
.circled { 
   background: blue; 
}
.circledred { 
   background: red; 
}
.markred {
   background: red; 
   display:inline-block;
   color: #FFF;
   font-weight: bold;
   padding-left: 4px;
   padding-right: 4px;
   font-size:14px;
}
#videosexlijn-viewer-title {
 background: rgba(0,0,0,.3);
 color: #FFF;
 padding-top:10px;
 padding-bottom:10px;
 text-align:center;
 font-weight: bold;
 font-size: 14px;
 position:absolute;
 width: 100%;
 top: 0;
 left: 0;
}

big {
 color: blue;
 font-weight: bold;
 font-size: 16px;
}

div.sexvideo-category h4 {
 margin-bottom: 0;
}