/* header menu */
.header {
	background:url('../img/bg-header_www.jpg') no-repeat;
	height:100px;
}
.header ul {
	margin:0 15px 0 0;
	float:right;
}
.header li {
	float:left;
	margin:7px 0 0 8px;
	list-style:none;
	font-weight:bold;
}
.header li a {
	list-style:none;
	color:#666;
	font-weight:100;
	font-size:1em;
	display:inline-block;
	line-height:24px;
	padding:0 0 0 27px;
	margin:0 0 0 1em;
}
.header li a:hover {
	color:#333;
	text-decoration:underline;
}
.header li a#home {
	background:url('../img/icons/home_24.png') left top no-repeat;
	padding:0 0 0 24px;
}
.header li a#profiel {
	background:url('../img/icons/user_info_24.png') -1px top no-repeat;
}
.header li a#news {
	color: #fff;
	background: #b01110;
	padding:0 12px 0 12px;
	margin:0 0 0 .8em;
	font-weight: 800;
}
.header li a#feedback {
	background:url('../img/icons/lamp_lit_24.png') left 1px no-repeat;
	padding:0 0 0 24px;
	margin:0 0 0 .8em;
}
.header li a#verzuim {
	background:url('../img/icons/sandclock_24.png') left 2px no-repeat;
}
.header li a#weekplanning {
	background:url('../img/icons/calendar_24.png') left 1px no-repeat;
}
.header li a#loguit {
	background:url('../img/icons/user_back_24.png') -1px top no-repeat;
	color:#b01110;
}


.menu {
	width:200px;
	min-height:400px;
	_height:400px;
}
.menu ul {
	margin:2px 0 10px 0;
	padding:0;
	width:200px;
}
.menu li#link {
	padding:0;
	margin:0 0 0 24px;
	list-style:none;
}
.menu li#link a {
	display:block;
	padding:3px 0 3px 12px;
	*padding:1px 0 1px 12px; /* IE 7 whitespace */
	_padding:3px 0 3px 12px; /* IE 6 restore */
	font-size:0.75em;
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #ddd;
	_height:1%; /* onfortuinlijke kill bill ie6 haxx0r */
}
.menu li#link a:hover {
	font-weight:900;
	background:#d8e8f8 url('../img/icon-link.jpg') no-repeat center left;
}
.menu li#link .active {
	font-weight:900;
	background:#d8e8f8 url('../img/icon-link.jpg') no-repeat center left;
	color:#000;
}
.menu li#subkop {
	margin:10px 0 5px 36px;
	border-bottom:1px solid #eee;
	font-size:0.75em;
	font-weight:900;
	list-style:none;
}
/* kopjes */
li.kop {
	font-size:1em;
	font-weight:bold;
	border-top:1px solid #0266a4;
	margin:0 0 5px 0;
	padding:5px 0 0 15px;
	color:#0266a4;
}
li.kop.overige {
	margin:25px 0 15px 0;
}
li.subkop {
	font-size:1em;
	font-weight:100;
	margin:15px 0 0 5px;
	padding:3px 0 0 30px;
	height:22px;
	color:#0266a4;
}
li.subkop.beheer {
	background:url('../img/icon-overig.jpg') no-repeat;
}
li.subkop.management {
	background:url('../img/icon-overig.jpg') no-repeat;
}
li.subkop.admin {
	background:url('../img/icon-overig.jpg') no-repeat;
}
li.subkop.configuratie {
	background:url('../img/icon-configuratie.jpg') no-repeat;
}
li.subkop.config {
	background:url('../img/icon-config.jpg') no-repeat;
}
li.subkop.uren {
	background:url('../img/icon-uren.jpg') no-repeat;
}
li.subkop.urenbeheer {
	background:url('../img/icon-overig.jpg') no-repeat;
}
li.subkop.overig {
	background:url('../img/icon-overig.jpg') no-repeat;
}
li.subkop.verlof {
	background:url('../img/icon-overig.jpg') no-repeat;
}
li.subkop.overzichten {
	background:url('../img/icon-overig.jpg') no-repeat;
}



/* submenu */
.sub-menu {
	margin:10px 0 0 8px;
	background-color:#fff;
	/*
	border-top:1px solid #0061a7;
	*/
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:2px 0 2px 0;
}
.sub-menu ul {
	margin:0;
	padding:0;
}
.sub-menu li#sub-menu-link {
	display:block;
	*white-space:nowrap; /* Lange links in IE */
	float:left;
	margin:0 4px 0 0;
}
.sub-menu li#sub-menu-link a {
	display:block;
	padding:5px 8px 5px 8px;
	font-size:0.8em;
	color:#000;
	background-color:#eee;
	text-decoration:none;
	border-left:4px solid #ddd;
}
.sub-menu li#sub-menu-link a:hover {
	color:#000;
	background-color:#7abbee;
	border-left:4px solid #0060aa;
}
.sub-menu li#sub-menu-link .active {
	font-weight:900;
	color:#000;
	background-color:#7abbee;
	border-left:4px solid #0060aa;
}
.sub-menu.extra {
	border-top:1px solid #ccc;
	margin-top:-1px;
}


/* submenu categorien */
#submenu_cat {
	padding:1em 0 1em 0;
}
#submenu_cat a {
	padding: 3px;
	margin-right: 3px;
	text-decoration:none;
	background-color:#eee;
	border:1px solid #ddd;
	position:relative;
}
#submenu_cat a.active {
	padding: 3px;
	margin-right: 3px;
	text-decoration:none;
	background-color:#7abbee;
	border:1px solid #0060aa;
}
#submenu_cat a input {
	display:none;
}




/* submenu terugknoppen */
#submenu_return {
	padding:1em 0 1em 0;
}
#submenu_return a {
	padding: 3px;
	margin-right: 3px;
	text-decoration:none;
	background-color:#eee;
	border:1px solid #ddd;
	font-weight:900;
}
#submenu_return a.selected {
	background-color:#eee;
	border:1px solid #666;
}
#submenu_return a:hover {
	padding: 3px;
	margin-right: 3px;
	text-decoration:none;
	background-color:#fff;
	color:#0060aa;
	border:1px solid #0060aa;
}


/* navigatie / bladeren */
.terug_verder {
	margin:0 0 5px 0;
}
.terug_verder a {
	padding:0 7px 0 7px;
	margin:1px;
	text-decoration:none;
	border:1px solid #eee;
}
.terug_verder a:hover {
	background-color:#ddd;
}
.terug_verder #vorige {
}
.terug_verder a:hover#vorige {
}
.terug_verder #huidig {
	font-weight:900;
	color:#333;
	padding:0 10px 0 10px;
	background-color:#eee;
}
.terug_verder #volgende {
}
.terug_verder a:hover#volgende {
}
.terug_verder #einde {
}


/* overzichten */
ul#overzichten {
	padding:0;
	margin:0;
	line-height:1.5em;
}
ul#overzichten.activiteit {
	width:100%;
}
ul#overzichten.fvormen {
	width:270px;
	margin:0 0 0 20px;
}
ul#overzichten li {
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#overzichten li a {
	display:block;
	text-decoration:none;
	background-color:#f5f5f5;
	border-bottom:1px solid #bbb;
	padding:2px 4px;
	margin:3px 0;
}
ul#overzichten li a:hover {
	background-color:#d8e8f8;
	font-weight:100;
	color:inherit;
}
ul#overzichten li a.selected {
	background-color:#fcf0c5;
}
ul#overzichten li.leeg {
	border-bottom:0px;
	background-image:none;
}
ul#overzichten .sub_titel {
	display:block;
	width:200px;
	clear:both;
	padding:20px 0 3px 0;
	font-weight:900;
	font-size:1.2em;
}


/* label lijst */
.item_lijst {
	overflow:auto;
	padding:1px 5px 1px 1px;
}
.item_lijst label a {
	display:block;
	padding:1px;
	*margin:0;
	*padding:3px;
	*border:1px solid #eee;
}
.item_lijst label a:hover {
	text-decoration:none;
	*border:1px solid #aaa;
}
.select_all {
	margin-top:1em;
}

.item_lijst.client {
	height:600px;
	border-top:1px dotted #ddd;
	margin-top:3px;
}
	.item_lijst.client a {
		padding:0 3px;
		display:block;
		background-color:#eee;
		border:1px solid #eee;
		margin:1px 0;
		line-height:1.30em;
	}
	.item_lijst.client a:hover {
		background-color:#d8e8f8;
		color:#000;
		text-decoration:none;
		border:1px solid #0266a4
	}
a.exceldump {
	display:inline-block;
	float:right;
	margin:0 1em 0 0;
}