/* CSS reset */
*{
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

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{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
html{
	overflow-y:scroll;
}

body {
	line-height: 1;
}
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;
}
/* Einde Reset */



/* BODY */
body{
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #d6dee3;
}


/* TOP */
.top{
	height: 100px;
	background: url('img/top_bg.gif') repeat-x top;
	overflow: hidden;
	color: #ffffff;
}

.topcontent{
	width: 960px;
	margin: 0px auto;
}

	.top .title{
		position: absolute;
		padding: 10px;
	}

		.top .title h2{
			font-size: 24px;
			font-weight: bold;
			font-family: arial, helvetica, sans;

		}

		.top .title h3{
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 4px;
		}


	.top .user{
		float: right;
		padding: 10px;
		font-size: 11px;
	}

		.top .user .divider{
			color: #999;
		}

		.top .user a{
			color: #fff;
			text-decoration: underline;
		}

		.top .user a:hover{
			color: #ccc;
		}


	.top .search{
		width: 280px;
		float: right;
		clear: both;

		margin-right: 10px;
	}
		.top .search span{
			margin-top: 5px;
			margin-right: 4px;
		}

		.top .search .is_text{
			border: 1px solid #000 !important;
			background: #fff;
			color: #000;
			border: 0;

			padding: 4px;
			margin: 0px;

			line-height: normal;
			font-size: 12px;
			float: left;
			height: 14px;
			width: 214px;
		}

		.top .search .is_btn{
			border: 1px solid #000 !important;
			padding: 4px;
			margin: 0px;
			border: 0px;

			margin-left: 10px;

			line-height: normal;
			font-size: 12px;
			float: right;

			height: 24px;

			width: 60px;
		}

	.zoekSuggestieBox{
			display: block;
			position: absolute;
			margin-top: 6px;
			margin-left:-240px;
			z-index:2;
			background-color: white;
			color:black;
			border: 1px solid black;
			border-top: 1px none;
			width:222px;
		}


		.zoekSuggestieBox li{
			min-height: 15px;
			padding: 3px;
			padding-top: 2px;
			padding-left: 2px;
		}

		.zoekSuggestieBox li.resultitem{
			cursor: pointer;
		}
		.zoekSuggestieBox li.resultcategorie{
			background: url("img/tab_bg.gif") repeat-x;
			border-top: 1px solid #333333;
			border-bottom: 1px solid #DDDDDD;
			color: white;
			padding: 5px 5px 4px 4px;
			cursor: default;
		}
			.zoekSuggestieBox li.resultitem a{
				height: 20px;
				display: block;
				overflow: hidden;
				text-decoration: none;
			}
			.zoekSuggestieBox li.resultitem .foundin{
				font-size: 10px;
			}

			.zoekSuggestieBox li.resultitem.selected{
				background-color: #EEEEEE;
			}

			.zoekSuggestieBox .searchresultthumb{
				max-width: 30px;
				max-height: 30px;
			}

/* MENU */
.mainmenu{
	position: absolute;
	margin-top: 68px;
	font-size: 13px;
	margin-left: 10px;
	z-index: 101;
}

	.mainmenu  li{
		float: left;
		list-style: none;
		color: #ffffff;
		background: url('img/tab_bg.gif') repeat-x;
		margin-right: 1px;
	}
	.mainmenu li:hover, .mainmenu li.seltab{
		background: url('img/verloop_wit_20px.png') repeat-x #d6dee3;
	}

	.mainmenu li a{
		display: block;
		/*background: #efefef;*/
		padding: 0px 10px;
		text-decoration: none;
		white-space: nowrap;
		outline: none;
		height: 32px; /* Zorgt nog voor problemen in IE6 */
		vertical-align: middle;
		line-height: 32px;
		color: #fff;
	}

	/*.mainmenu li a:hover, .mainmenu  li a.seltab{
		background: url('img/verloop_wit_20px.png') repeat-x #d6dee3;
		color: #000000;
	}*/

	.mainmenu li a.notab{
		display: block;
		padding: 0px 10px;
		text-decoration: none;
		margin-right: 1px;
		color: #ffffff;
		white-space: nowrap;
		outline: none;
		height: 32px; /* Zorgt nog voor problemen in IE6 */
		vertical-align: middle;
		line-height: 32px;
		background: none;
	}

	.mainmenu li a.notab:hover, .mainmenu  li a.notab.seltab{
		background: none;
		text-decoration: underline;
		color: #fff;
	}

	.mainmenu li:hover a, .mainmenu li.seltab a{
		color: #000;
	}

/* SUBMENUS */

		.mainmenu li ul{
			position: absolute;
			margin: 0;
			padding: 0;
			border: 1px solid #00375A;
			border-top: 0;
			visibility: hidden;
			z-index: 102;
			margin-left: -1px;
		}
		.mainmenu li:hover ul{
			visibility: visible;
		}

		.mainmenu li ul li{
			float: none;
			height: 25px;
			line-height: 25px;
			color: #000;
			background: #D6DEE3;
			margin: 0;
		}

		.mainmenu li ul li:hover{

			background:	#f9f9f9 !important;
		}

		.mainmenu li ul li a{
			height: 25px;
			line-height: 25px;
			width: auto;
			color:	inherit;
			/*background: none !important;*/
		}

		.mainmenu li ul li a:hover{
			/*background: url('img/tab_bg.gif') repeat-x;*/
			background-color: F9F9F9;
			/*color: #fff;*/
		}



/* CONTENT WRAPPER */
.content_wrapper{
	margin: 10px auto 10px;
	padding-top: 10px;
	width: 960px;
}

.content_feedback{
	width: 100%;
	background: url("img/content_bg.png") repeat scroll 0 0 #FFFFFF;
	margin-top: -10px;
}


.content_feedback table{
	margin: 5px 15px 5px 15px;
}

.content_feedback .goodtekst{
	color: #00CC33;
}

.content_feedback .errortekst{
	color: #FF3300;
}

.content_feedback .infotekst{
	color: orange;/*#061760;*/
}

#pagina_titel{
	margin-bottom: 15px;
}

.content_tabs{
	height: 12px;
	width: 100%;
	z-index: 100;
	padding: 0 9px;
	margin-top: 10px;
	position: relative;
	z-index: 100;
}
.content_tabs li{
	float: left;
	margin-right: 1px;
}
.content_tabs li a{
	display: inline-block;
	padding: 1px 7px 3px;
	line-height: 17px;
	border: 1px solid #327CAD;
	border-bottom: 0;
	background: url("img/tab_bg.gif") repeat-x scroll 0 0 transparent;
	color: white;
	font-size: 11px;
}
.content_tabs li.tabselected a{
	color: black;
	background: none;
	background-color: white;
	text-decoration: none;
	border-color: #C1C8CD;
}

.content_top{
	height: 20px;
	background: url('img/content_bgtopfoot.png') no-repeat 0px 0px;
}

.content{
	width: 920px;
	padding: 10px 10px 10px 30px;
	background: url('img/content_bg.png') #fff;
}

.content_foot{
	height: 20px;
	background: url('img/content_bgtopfoot.png') no-repeat 0px -20px;
}

/* CONTENT */
			.content_left{
				width: 619px;
				float: left;
				padding-right: 20px;
				border-right: 1px solid #ccc;
			}

			.content_full{
				padding-right: 20px;
			}

				.content_main{
					line-height: 18px;
					min-height: 340px; /* voor layout van zijkant */
				}

			.content_right{
				width:280px;
				float:left;
			}

				.content_sidebar{
					font-size: 11px;
					line-height: 18px;
					background: url('img/rechts_bg.png') repeat-y;
				}

					.content_sidebar_in1{
						background: url('img/rechts_bgtop.png') no-repeat left top;
					}

					.content_sidebar_in2{
						background: url('img/rechts_bgfoot.png') no-repeat left bottom;
						padding: 0 20px 0 20px;
						min-height: 300px; /* voor layout van zijkant */
					}


/* HEADERS */
.content_wrapper h1{
	font-size: 24px;
	font-weight: normal;
	vertical-align: middle;
	font-family: arial, helvetica, sans;
	margin-bottom: -20px;
	margin-left: 12px;
}

h2{
	font-size: 14px;
	font-weight: bold;
}

h2.content_main{
	margin-bottom: 10px;
}


/* BREADCRUMBS */
.breadcrumbs{
	margin: 0 0 -2px 10px;
}

	.breadcrumbs a{
		margin: 0 5px 0 2px;
	}


/* OVERZICHTEN */
.overview{
	width: 100%;
	/*table-layout: auto;*/
}

	/* Titel */
	.overview th{
		color: #2b7aae;
		font-size: 16px;
		font-weight: bold;
		font-family:arial,helvetica,sans;
		border-bottom:2px solid #2b7aae;
		margin-bottom: 5px;
		text-align: left;
		vertical-align: middle;
		padding-bottom: 6px;
	}

	.overview.dialog th{
		color: #2b7aae;
		font-size: 14px;
		font-weight: bold;
		font-family:arial,helvetica,sans;
		border-bottom:2px solid #2b7aae;
		margin-bottom: 5px;
		text-align: left;
		vertical-align: middle;
		padding-bottom: 6px;
	}

	/* Header */
	.overview .header{
		font-family:arial,helvetica,sans;
		font-weight: bold;
		font-size: 13px;
	}

	/* Tr / Th / Td */
	.overview td{
		padding-top: 7px;
		padding-bottom: 7px;
		text-align: left;
		vertical-align: middle;
	}
	.overview tr.branch:hover td, .overview tr.sortitem:hover td{
		background-color: #F5F5F5;
	}

/* OVERZICHTEN - table */

	.overview.table td{
		border-bottom: 1px solid #e9e9e9;
	}

/* OVERZICHTEN - tree */

 	/* Tr / Th / Td */
 	.overview.tree td{
		border-bottom: 1px solid #e9e9e9;
	}

	.overview.tree .left{
		float: left;
	}

	/* Toggle knop (expand/collapse) */
	.overview.tree .toggle{
		float:left;
		width: 9px;
		height: 9px;
		margin: 4px 10px 0 5px;
		cursor: pointer;
	}

	.overview.tree .toggle.parent{
		background: url('../img/toggle.png') 0 -9px no-repeat;
	}

	.overview.tree .toggle.show{
		background-position: 0 0;
	}

	/* Positie knoppen (up/down) */
	.overview.tree .positie_icoon{
		cursor: pointer;
		float:left;
		display:block;
		width: 16px;
		height: 11px;
		background-repeat: no-repeat;
		background-position: 4px 2px;
	}

	.overview.tree .positie_icoon.up{
		background-image: url('../img/arrow-up.png');
		top:-2px;
		margin-top:-3px;
	}
	.overview.tree .positie_icoon:hover.up{
		background-image: url('../img/arrow-up-hover.png');
	}
	.overview.tree .positie_icoon.up:hover{
		background-image: url('../img/arrow-up-hover2.png');
	}

	.overview.tree .positie_icoon.down{
		background-image: url('../img/arrow-down.png');
		position:relative;
		top: 9px;
		left: -16px;
	}
	.overview.tree .positie_icoon:hover.down{
		background-image: url('../img/arrow-down-hover.png');
	}
	.overview.tree .positie_icoon.down:hover{
		background-image: url('../img/arrow-down-hover2.png');
	}

	.overview.tree .positie_icoon.solo{
		margin-right: 16px;
	}
	.overview.tree .positie_icoon.down.solo{
		left: 0px;
	}

	/* Taal niet ingevuld waarschuwings-icoon */
	.overview.tree .warning div{
		float:left;
		display:block;
		width: 20px;
		height: 19px;
		margin-left: 15px;
		margin-top:-3px;
		background:url('../img/warning_donker.png');
	}
	.overview.tree td:hover .warning div{
		background:url('../img/warning_licht.png');
	}

/* OVERZICHTEN - filters */

.overview.table.filter th{
 	padding:2px;
 	padding-left: 7px;
}

/* OVERZICHTEN - form */
.overview.form td{
	padding-top: 0px;
}
.overview.form .line{
	border-bottom: 1px solid e9e9e9;
}

	.overview.form .subkop{
	 	padding-top: 25px;
	 	padding-bottom: 2px;
	 	margin-bottom: 12px;
	 	font-size:	14px;
	 	color: #2B7AAE;
	 	border-bottom: 1px solid #2B7AAE;
	 	font-weight: bold;
	}

	.overview.form .label{
	 	padding-top: 12px;
	 	font-weight: bold;
	 	color: #999999;
	}
	.overview.form .checkbox_label{
	 	width: 150px;
	}
	.overview.form .changelog_label{
	 	color: black;
	}

/* bewerkform*/
.bewerkform{
	padding-top: 0px;
}

.bewerkform h1{
	width: 100%;
	display: block;
	padding-bottom: 7px;
	border-bottom: 2px solid #2B7AAE;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family:arial,helvetica,sans;
 	font-size:	16px;
 	color: #2B7AAE;
 	font-weight: bold;
}

.bewerkform h2{
 	font-size:	14px;
 	color: #2B7AAE;
 	padding-bottom: 5px;

 	border-bottom: 1px solid #2B7AAE;
 	font-weight: bold;
 	margin-top: 30px;
	font-family:arial,helvetica,sans;
 	clear: both;
}
.bewerkform h3{
 	color: #2B7AAE;
 	font-weight: bold;
 	border-bottom: 1px solid #2B7AAE;


}

.bewerkform .element{
	display: block;
 	margin-top: 19px;
 	clear: both;
}


.bewerkform .element .naamelement{
	float: left;
	margin-right: 5px;
	margin-bottom: 19px;

}

.bewerkform .element label{
	font-weight: bold;
 	color: #999999;
}

.bewerkform .element p{
	 margin-top: 8px;
}


.bewerkform.sidebarinfo, .bewerkform.sidebarinfo *{
	 width: 235px;
}



/*
 *  Taal selectie box
 */
#taal_select_container{
	height: 20px;
	margin-top: 19px;

}

#taal_data_select_container{
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #d6dee3;
	font-weight:normal;
	font-style:normal;
	float:right;
    height: 20px;
    margin-left: 6px;
    position: relative;
    top: -3px;
    width: 122px;
}
	.taal_select{
		width: 120px;

		border: 1px solid #7F9DB9;
		border-bottom: 0px none;

		background-color: white;
		background-image:url("../img/select.PNG");
		background-repeat: no-repeat;
		background-position: top right;
		color:black;
		position: absolute;
		z-index: 99;
		line-height: 16px;
	}
	.taal_select.active{
		border: 1px solid #7F9DB9;
	}
	.taal_select:hover{
		background-image:url("../img/select_hover.PNG");
	}

		.taal_select li{
			padding: 0 0 0 20px !important;
			/*padding: 2px 1px 1px 2px !important;*/
			cursor: default;
		}
		.taal_select li:first-child{
			margin:0px;
			border-bottom: 1px solid #7F9DB9;
		}
		.taal_select li:first-child:hover{
			background:none;
			color: black;
		}
		.taal_select li:hover{
			background-color: #316AC3;
			color: white;
		}

			.taal_select li span{
			/*
				padding:0px;
				margin:0px;
				margin-left: 23px;
				margin-bottom: -9px;
				display: block;
				*/
				position: relative;
				top: -1px;
			}

			.taal_select li img{
				border: 1px solid white;
				margin-left: -20px;
				position: relative;
				top: 1px;
				left: 1px;
				/*margin-top: -2px;*/
			}


/* Link auto suggestie box */
.linkSuggestieBox{
	width: 307px;

	border: 1px solid #7F9DB9;
	background-color: white;

}
.linkSuggestieBox.active{
	border: 1px solid #7F9DB9;
}

	.linkSuggestieBox li{
		min-height: 15px;
		padding: 1px;
		padding-top: 2px;
		padding-left: 2px;
		cursor: default;
	}

	.linkSuggestieBox li:hover, .linkSuggestieBox li.selected{
		background-color: #316AC3;
		color: white;
	}


/* INPUT */

/* Button */
.is_btn{
	background: url('img/verloop_wit_20px.png') repeat-x #eee;
	color: #000;
	border-left:	1px solid #888;
	border-top:		1px solid #888;
	border-right:	1px solid #444;
	border-bottom:	1px solid #444;
	cursor: pointer;
	outline: none;
	padding: 3px 3px 5px 3px;
	margin: 0px;
	margin-right:	15px;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 13px;
}
.is_btn:hover{
	border: 1px solid #2b7aae;
	color: #2b7aae;
}
.is_btn:focus{
	background-color: #ccc;
}
.is_btn img{
	vertical-align: middle;
}

.is_btn.down{
	background: url('img/verloop_wit_20px_du.png') bottom repeat-x #999;
}

.is_btn_top{
	padding: 0px;
	border: 1px solid #fff;
	*margin-left: 10px;
	font-size: 11px;
}
.is_btn_top:hover{
	border: 1px solid #fff;
	color: #2b7aae;
}

.is_btn_primary{
	background-color: #2b7aae;
	color: #fff;
	font-weight: bold;
}
.is_btn_primary:hover{
	border: 1px solid #000;
	color: #000;
}
.is_btn_primary:focus{
	background-color: #105887;
}

.is_btn_pill_left{
	border-top-right-radius:			0px;
	border-bottom-right-radius:			0px;

	-moz-border-radius-topright:		0px;
	-moz-border-radius-bottomright:		0px;

	-webkit-border-top-right-radius:	0px;
	-webkit-border-bottom-right-radius:	0px;
}
.is_btn_pill_middle{
	border-left: none;

	border-radius:						0px;
	-moz-border-radius:					0px;
	-webkit-border-radius:				0px;
}
.is_btn_pill_right{
	border-left: none;

	border-bottom-left-radius:			0px;
	border-top-left-radius:				0px;

	-moz-border-radius-bottomleft:		0px;
	-moz-border-radius-topleft:			0px;

	-webkit-border-bottom-left-radius:	0px;
	-webkit-border-top-left-radius:		0px;
}

.is_btn_pill_right:hover, .is_btn_pill_middle:hover{
	margin-left: -1px;
}

/* "Nieuw"-knop */
.is_btn.newbtn{
	float: right;
	margin: 0px;
	min-height: 24px;
	line-height: 24px;
	margin: -5px 0 0 5px;
}

.is_btn.newbtn span{
	height: 14px;
	padding-left: 20px;
	background: url('../img/nieuw_14.png') 0px 0px no-repeat;
	line-height: 13px;
	font-size: 12px;
}

span.newcross{
	height: 14px;
	padding-left: 20px;
	background: url('../img/nieuw_14.png') 0px 0px no-repeat;
	line-height: 13px;
	font-size: 12px;
}

.is_btn.newbtn:hover span{
	background-position: 0 -14px;
}

/* Checkbox */
input[type=checkbox]:active, input[type=checkbox]:focus, input[type=checkbox]:hover{
	outline: 2px solid #2b7aae;
}

.is_checkbox{
	vertical-align: middle;
}

/* Radio */
.is_radio{
	vertical-align: middle;
}

/* Text */
.is_text{
	border: 1px solid #888;
	padding: 4px;
	vertical-align: middle;
	background-color: #fff;
	font-size: 12px;
	outline: invert none medium;
}

.is_text.title{
	font-size: 18px;
	width: 50%;
	margin-right: 8px;
}

.is_textarea{
	border: 1px solid #888;
	padding: 4px;
	line-height: 16px;
	font-size: 110%;
	width:	450px;
	height:200px;
}

.is_textarea_code{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000099;
}

.is_text:hover, .is_textarea:hover{
	border-color: #2b7aae;
	border-width: 2px;
	padding: 3px;
}
.is_text:focus, .is_text:active, .is_textarea:focus, .is_textarea:active{
	border-color: #2b7aae;
	border-width: 2px;
	padding: 3px;
}
.is_text.xsmall{
 	width: 50px;
}
.is_text.small{
 	width: 100px;
}
.is_text.medium{
 	width: 200px;
}
.is_text.large{
 	width: 300px;
}
.is_text.xlarge{
 	width: 400px;
}

/* Textarea */
.is_textarea.small{
 	width: 400px;
 	height: 50px;
}
.is_textarea.medium{
 	width: 400px;
 	height: 100px;
}
.is_textarea.large{
 	width: 400px;
 	height: 200px;
}
.is_textarea.xlarge{
 	width: 400px;
 	height: 300px;
}

.bold{
	font-weight: bold;
}

/* Select */
.is_select{
	border: 1px solid #888;
	font-size: 12px;
	padding: 1px;
	height: 24px;
	padding-top: 3px;
}
.is_select.xsmall{
 	width: 60px;
}
.is_select.small{
 	width: 110px;
}
.is_select.medium{
 	width: 210px;
}
.is_select.large{
 	width: 310px;
}
.is_select.xlarge{
 	width: 410px;
}

.is_select:focus, .is_select:hover{
	outline: 2px solid #2b7aae;
}

/* Hyperlinks */
a{
	color: #2b7aae;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:focus, a:active{
	color: #105887;
	text-decoration: underline;
}

/* Disabled */
.is_disabled, .is_disabled:focus, .is_disabled:active{
	border: 1px solid #888888;
	background-color: lightgrey;
}

input[disabled="disabled"],
button[disabled="disabled"],
.disabled{
	color: #999;
	border-color: #ddd;
	background: #fff;
}
input[disabled="disabled"]:hover,
button[disabled="disabled"]:hover,
.disabled:hover{
	color: #999;
	border-color: #ddd;
	background: #fff;
}


/* Errorstates */
.is_text.errorstate,
.is_textarea.errorstate{
	border-color: red;
	border-style: dashed;
	border-width: 1px;
	padding: 4px;
}

.is_text.errorstate:hover, .is_text.errorstate:focus,
.is_textarea.errorstate:hover, .is_textarea.errorstate:focus{
	border-color: red;
	border-style: dashed;
	border-width: 2px;
	padding: 3px;
}


/* Content fixes */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/*	TEKST */
.xxltekst{
	font-size: 32px;
}

.xltekst{
	font-size: 26px;
}

.ltekst{
	font-size: 20px;
}

.mtekst{
	font-size: 12px;
}

.stekst{
	font-size: 10px;
}

.aandacht{
	color: orange;
}

.letop{
	color: red;
}

.goed{
	color: green;
}


.pasop{
	color: #f60;
}
.pasop a{
	color: #f60;
}


/* INPUT ELEMENTEN */
input.small{
	width: 100px;
}
input.medium{
	width: 200px;
}
input.large{
	width: 300px;
}

input.xlarge{
	width: 450px;
}

/* Fout ingevoerde velden */

input.val_error, textarea.val_error{
	border-color: #f00;
	border-style: dashed;
}
.is_select.val_error{
	outline-color: #f00;
	outline-style: dashed;
	outline-width: 1px;
}

.is_select.val_error:hover, select.val_error:focus{
	outline-width: 2px;
}

input.val_error:hover, textarea.val_error:hover,
input.val_error:focus, textarea.val_error:focus{
	border-width: 2px;
	border-color: #f00;
	border-style: dashed;
}

label.val_error{
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #f00;
}

/* Autocomplete dropdown */
ul.ui-autocomplete{
	width: 280px;
	position: relative;
	top: 1px;
	left: 1px;
	display: block;
	margin-top: 6px;
	margin-left: 1px;
	background-color: #FFFFFF;
	border: 1px solid #2B7AAE;
	color: black;
	z-index: 2;
}

li.ui-menu-item{
	min-height: 15px;
	border: 0px;
	float: none !important;
}

li.ui-menu-item a{
	display: inline-block;
	width: 96%;
	height: 100%;
	padding: 3px 2% 3px 2%;
}

li.ui-menu-item:hover{
	background-color: #2B7AAE;
	cursor: pointer;

}
li.ui-menu-item:hover a{
	color: white;
	background: none;
	border: none;
	text-decoration: none;
}

.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all{
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}
.bewerkform li{
	padding: 3px 0;
}
ul.gridlist li{
	width: 33%;
	float: left;
}

ul.gridlist.breed li{
	width: 20%;
}

ul.gridlist li label{
	position: relative;
	top: -2px;
}

/*Omschrijving mouseover*/
span.entiteit_naam:hover{
	text-decoration: none;
	cursor:text;
}

div.entiteit_beschrijving{
	display: none;
	position: absolute;
	max-width: 250px;
	border: 1px solid #272727;
	background-color: #FFFFCC;
	padding: 5px;
	line-height: 18px;
	color: #272727;
}


/* SIDEBAR */
.sidebar{
	padding-top: 0px;
}

.sidebar h1, h1.title{
	width: 100%;
	display: block;
	padding-bottom: 7px;
	border-bottom: 2px solid #2B7AAE;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family:arial,helvetica,sans;
 	font-size:	16px;
 	color: #2B7AAE;
 	font-weight: bold;
}

.sidebar h2{
 	font-size:	14px;
 	color: #2B7AAE;
 	border-bottom: 1px solid #2B7AAE;
 	font-weight: bold;
}

.sidebar .element{
	display: block;
 	margin-top: 19px;
}

.sidebar .element label{
	font-weight: bold;
 	color: #999999;
}

.sidebar .element p{
	 margin-top: 8px;
}


/***********************************
 **** Kandidaat -> Testafname -> Tests
 ***********************************/

.overview.table .testset td, .overview.table .test td{
	border-top: 1px solid #E9E9E9;
	border-bottom: 0;
}
.overview.table .sub_test td{
	border: 0;
}

.position_controls{
	width: 20px;
}
	.position_controls a{
		display: block;
		float: left;
		clear: both;

		height: 8px;
		width: 10px;
		background: url('img/positie_pijltjes.png') no-repeat lightgrey;
		margin-top: -1px;
	}
	.position_controls a:hover{
		background-color: #2B7AAE;
	}
	.position_controls a.down{
		background-position: 0 -8px;
		margin-top: 3px;
	}

.testpassendenormerrordiv{
	border: 1px solid red;
	color: red;
	padding: 3px;
	background-color: #F6E4E6;
;
}

.testpassendenormerrordiv h2{
	padding-top:2px;
	color:red;
	margin-top:0px;
	border-bottom:0px;
}

.testpassendenormerrordiv ul{
	list-style: disc;
	margin-left: 14px;
}

ul.summary li {
	list-style: disc;
	margin-left: 16px;
}