/* COLOR

004595 dark blue
f39a00 orange
999999 light gray

*/

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

body {
	background: url(/image/extranet/bodybg.jpg) repeat-x top left;
}


body, p, td, font, .button, .cancel, .form, h1, h2, h3 {
	font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
	line-height: 1.5em;
}
body {
	font-size: 70%;
}
p {
	font-size: 100%;
	}
h1, h2, h3 {
	font-weight: bold;
	text-transform: uppercase;
}
h1 {
	font-size: 160%;
	color:#004595;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 125%;
	color:#004595;
}

h3 {
	font-size: 110%;
	color:#999999;
}

a:link, a:visited {
	text-decoration: none;
	color: #f39a00;
}
a:active, a:hover {
	text-decoration: underline;
}



/* OFFSET ITEMS */

p.offset {
	position: absolute;
	width: 100%;
	z-index: -100;
	top: 80px;
}
	p.offset span {
		display: block;
		width: 50%;
		height: 40px;
		background: #004595;
	}

	p.offsetright {
		top: 50px;
	}
	p.offsetfooter {
		top: auto;
		bottom: 0px;
		border-bottom: 10px solid #004595;
	}
		p.offsetright span,
		p.offsetfooter span
		{
			background: #f39a00;
			float: right;
			height: 30px;
		}



#container {
	min-height:100%;
	position:relative;
}
	#container2 {
		width: 930px;
		margin: 0 auto;
		padding-bottom: 125px;
		overflow: auto;
		zoom: 1;
	}


	#header {
		height: 120px;
	}
		#header.login {
			height: 80px;
		}
		#header h1,
		#login h1
		 {
			height: 50px;
			line-height: 85px;
			margin: 0;
			font-weight: normal;
			font-size: 220%;
			color: #999999;
			text-transform: none;
		}
			#header h1 em,
			#login h1 em
			{
				font-style: normal;
				font-weight: bold;
				color: #004595;
			}
			#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active {
				color:#999999;
				text-decoration:none;
			}

		#logoutbar {
			background: url("/image/extranet/bar_logout.gif") no-repeat top left;
			height: 30px;
			line-height: 30px;
			margin: 0 0 0 320px;
			padding: 0 0 0 1em;
			color: white;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 110%;
		}
			#logoutbar a {
				color: white;
				margin: 0 1em;
			}
			#logoutbar div {
				float: right;
			}

		#navigation {
			height: 40px;
			background: url("/image/extranet/bar_menu.gif") no-repeat top right;
		}


	#wrapper {
		padding-bottom: 60px;
		padding-top: 25px;
		overflow: auto;
		zoom: 1;
	}



	/* CONTENT  */

	#content {
		width: 610px;
		float: left;
	}
		#content div.text img {
			float: right;
		}


	/* DOCS */
	.tabbedBox {
		border: 1px solid #d1d0d0;
		padding: 5px 15px 15px 15px;
		margin-top: 25px;
		background-color:#FFF;
		overflow:hidden;
	}
		.tabbedBox ul {
			list-style: none;
			margin: 0;
			clear: both;

		}

		.tabbedBox ul.tabs {
			display: inline-block;
			overflow: visible;
			margin: 0 0 2em 0;
			background: url("/image/extranet/tab_mid.gif") repeat-x bottom left;
		}
			.tabbedBox ul.tabs li {
				float: left;
				background: url("/image/extranet/tab_seperator.gif") no-repeat bottom right;
			}
				.tabbedBox ul.tabs li a {
					display: block;
					float: left;
					padding: 0 20px;
					line-height: 48px;
					font-size: 110%;
					font-weight: bold;
					text-transform: uppercase;
					color: #999999;
				}
					.tabbedBox ul.tabs li a span.fixedwith {
						width: 68px;
						display:block;
						height:36px;
						padding-top: 12px;
						width:68px;
						line-height: 13px;
					}

				.tabbedBox ul.tabs li.first a {
					background: url("/image/extranet/tab_left.gif") no-repeat bottom left;
					padding-left: 15px;
				}
				.tabbedBox ul.tabs li.last {
					background: url("/image/extranet/tab_right.gif") no-repeat bottom right;
					padding-right: 15px;
				}
				.tabbedBox ul.tabs li.active {
					background: white url("/image/extranet/tab_shadow_left.gif") no-repeat bottom left;
					margin-left: -15px;
					margin-right: -15px;
				}
					.tabbedBox ul.tabs li.active.first {
						background: white;
						margin-left: 0px;
					}
						.tabbedBox ul.tabs li.active.first a {
							padding: 0 30px 0 0;
						}

					.tabbedBox ul.tabs li.active.last a {
						background: none;
					}
					.tabbedBox ul.tabs li.active a {
						background: url("/image/extranet/tab_shadow_right.gif") no-repeat bottom right;
						padding: 0 30px;
						color: #004595;
						font-size: 125%;
					}
					.tabbedBox ul.items li a {
						display: block;
						background: url("/image/extranet/border_hor.gif") repeat-x top;
						line-height: 20px;
						color: #666666;
						padding-left:5px;
					}
					.tabbedBox ul.items li.last a {
						height: 1px;
						text-indent: -999em;
					}

		#docs ul.items {
			margin: 0 0 1em 0;
		}
		#docs ul.items li {
			background: url("/image/extranet/doc.gif") no-repeat 0px 3px;
		}
		#docs ul.items li a {
			margin: 0 0 0 18px;
		}

		#docs h2 {
			margin-bottom:10px;
		}
		#docs a .docTitle {
			width:260px;
			display:block;
			float:left;
		}
		#docs a .docCat {
			width:225px;
			display:block;
			float:left;
		}
		#docs a .docDate {
		}
		#uploadButton {
			float:right;
			}
			#uploadButton input {
				width:auto;
				cursor:pointer;
			}

	/* SIDEBAR */

	#sidebar {
		width: 270px;
		float: right;
		padding: 10px;
		margin-top: 25px;
		background: white;
		border: 1px solid #cecdcd;
		color: #999999;
	}

	#sidebar ul {
		list-style: none;
		margin: 0 0 1em 0;

	}
		#sidebar ul li {
			background: url(/image/extranet/border_hor.gif) repeat-x bottom left;
			margin-top: 1em;
			padding-bottom: 2em;
		}
			#sidebar ul li h3 {
				margin: 0 0 .5em 0;
			}
			#sidebar ul li img {
				float: right;
				margin-left: 1em;
			}


#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;   /* Height of the footer */
}
	#footer.login {
		background: url("/image/extranet/login_people.gif") no-repeat center bottom;
		height: 121px;
	}

	#footer div {
		width: 930px;
		height: 30px;
		margin: 0 auto;
		background: #F39A00 url("/image/extranet/footer_bg.gif") no-repeat top left;
	}
		#footer div p {
			height: 30px;
			line-height: 30px;
			color: white;
			padding-left: 1em;
		}

/*	LOGIN	*/
#login {
	overflow: auto;
	zoom: 1;
	width:auto;
	margin: 100px auto 0 auto;
	padding: 0 30px 60px 30px;
	border: 1px solid #004595;
	border-top-width: 10px;
	background: white url("/image/extranet/login_bg.gif") repeat-x bottom left;
	}
	div#login.small {
		width: 335px;
	}
	#login form, div.txt {
		margin-top: 50px;
	}
	input,textarea {
		width: 325px;
		border: 1px solid #cccccc;
		margin: .5em 0 0 0;
		font-size: 110%;
		padding: 5px;
	}
		form .radio input {
			width:auto;
		}
		form .radio label {
			margin-right:5px;
		}
		form input.hidden {
			display: none;
		}
		form input.submit, form input.button, form input.cancel {
			width: 100px;
			background: orange;
			border: 0px;
			float: left;
			font-size: 110%;
			color: white;
			text-transform: uppercase;
			margin-left:236px;
		}
		form input.button, form input.cancel {
			margin-left:0;
		}
	form div {
		margin: 0 0 1.5em 0;
	}
	form a {
		color: #004595;
	}

#loginpayoff {
	width: 395px;
	margin: 1em auto;
	text-align: center;
}


/*	ADRESSENBOEK */

#adressenboek ul.items {
	overflow:hidden;
	margin-left:-14px;
}

#adressenboek ul.items li {
	float:left;
	width:282px;
	margin-left:14px;
	background: url("/image/extranet/icon_user.gif") no-repeat 0px 3px;
	}
	#adressenboek ul.items li.noitem {
		background:none;
	}
#adressenboek ul.items li a {
	margin: 0 0 0 18px;
}
/* BIBLIOTHEEK */
#lib table th, #lib table td {
	background:transparent url(/image/extranet/border_hor.gif) repeat-x scroll left bottom;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
}
#lib table th {
	font-weight:bold;
}
#lib table th a img {
	margin-bottom:1px;
}
/* NIEUWS */
.nieuwsItem {
	background:transparent url(/image/extranet/border_hor.gif) repeat-x scroll left bottom;
}

#nieuws .first { background:transparent none}


/* CLASSES */
span.sep {
	margin: 0 1em;
}
a.big {
	display: block;
	margin-top: 3em;
	font-size: 110%;
	font-weight: bold;
}
a.nolink:hover {
	text-decoration:none;
}
.clearfix {
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	}

#footer a {
	color:#FFF;
}

a.active_A, a.active_DE {
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:15px;
	}
	a.active_A {
		background-image:url(/image/extranet/pijltje_omhoog.gif);
	}
	a.active_DE {
		background-image:url(/image/extranet/pijltje_omlaag.gif);
	}