/* =========================== */
/*  LUSANET WEBSITE            */
/*  VERSIE 4.0.01              */
/*  2008 KW 1                  */
/* =========================== */
/*  © 2007-2008 LuSaneT Group  */
/*  www.lusanet.nl             */
/* =========================== */
/*  Basis LuSaneT-website      */
/*  includes/styles/base.css   */
/* =========================== */

/* === Body === */
 body {
 	background-color: #ecf3fa;
 	background-image: url('../../images/body_top.jpg');
 	background-position: 0px 0px;
 	background-repeat: repeat-x;
 	color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}
	
 table, img {
		border: 0px;
 	color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}

 p, span, div, table {
		text-align: left;	
	}
	
	a {
		color: #225588;
		text-decoration: underline;
	}
	a:hover {
		color: #DE2100;
	}
	
	td {
		vertical-align: top;	
	}
	
	.space_5 {
		height: 5px;
		font-size: 2px;
		line-height: normal;
	}

	.space_10 {
		height: 10px;
		font-size: 8px;
		line-height: normal;
	}

	.space_15 {
		height: 15px;
		font-size: 12px;
		line-height: normal;
	}
	
	.field, .fieldReadonly, .fieldError {	
		width: 400px;
		height: 14px;
		margin-top: 2px;
		margin-bottom: 2px;
		padding-top: 2px;
		padding-left: 2px;
		padding-right: 2px;
		border: 1px solid #5588BB;
		background-color: #FFFFFF;
		background-image: url('../../images/field_background.jpg');
		background-position: 0px 0px;
		background-repeat: repeat-x;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}
	.fieldReadonly {	border: 0px; background-image: url(''); font-size: 9pt; color: #000000; }
	.fieldError { border: 1px solid #DE2100; background-image: url('../../images/fielderror_background.jpg'); }
	
	select .field, select .fieldReadonly, select .fieldError {
		height: 18px;
	}
	
	.button_a {
		width: 100px;
		height: 21px;
		padding-top: 3px;
		padding-bottom: 2px;
		border: 1px solid #336699;
		background-color: #c7dff1;
		background-image: url('../../images/buttona_background.jpg');
		background-position: 0px 0px;
		background-repeat: repeat-x;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
	}
	
	.hidden {
		position: absolute;
		visibility: hidden;
		z-index: 0;
		left: 0px;
		top: 0px;
	}
	
 #windowsize {
  position: absolute;
  z-index: 0;
  right: 0px;
  bottom: 3px;
  width: 1px;
  height: 10px;	
  font-size: 2px;
 }
 
 #fulllayer {
	 position: absolute;
	 visibility: hidden;
	 z-index: 0;
	 left: 0px;
	 top: 0px;
	 width: 1px;
	 height: 1px;
	 font-size: 2px;
	 background-color: #0f1f2d;
 }
 
/* === ERROR STYLES == */
 .errorBox {
		padding: 5px;
		border: 2px solid #336699;
		background-color: #ECF3FA;
		text-align: center;
	}
	.errorBox strong {
		color: #DE2100;
	}
	
 .errorNotification {
 	margin-top: 10px;
 	margin-bottom: 10px;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	border-top: 1px solid #5588BB;
 	border-bottom: 1px solid #5588BB;
		background-color: #ECF3FA;
 	color: #000000;
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
	}
	
/* === TOPTABLE === */
	#toptable {
		visibility: hidden;
		position: absolute;
		z-index: 2;
		left: 0px;
		top: 0px;
		width: 1008px;
		height: auto;
		background-color: #FFFFFF;
		text-align: left;	
	}
	
	#toptable .shadowLeft, #toptable .shadowRight {
		width: 4px;
		height: auto;
		background-color: transparent;
		background-repeat: repeat-y;
		font-size: 2px;
	}
	#toptable .shadowLeft { background-image: url('../../images/toptable_shadowleft.jpg'); background-position: right top; border-right: 1px solid #611f20; }
	#toptable .shadowRight { background-image: url('../../images/toptable_shadowright.jpg'); background-position: left top; border-left: 1px solid #611f20; }
	
	/* === HEADER === */
		#header {
			width: 1000px;	
			height: 100px;
			background-color: #66a7d6;
			background-image: url('../../images/header_sky.jpg');
			background-position: 0px 0px;
			background-repeat: repeat-x;
			font-size: 2px;
		}
		
		#header img {
			float: left;
			clear: none;
			width: 199px;
			height: 100px;
			margin-left: 10px;	
			cursor: pointer;
		}
		
		#header #icons {
			float: left;
			clear: none;
			width: 190px;
			margin-left: 580px;
			text-align: right;
		}

		#header #icons .spacer {
		 width: 190px;
			height: 25px;
			font-size: 2px;
		} 
		
		#header #icons .item {
		 width: 190px;
			height: 18px;
			background-image: url('../../images/headericons_background.gif'); 
			background-position: 0px 0px;
			background-repeat: repeat;
		} 
		
		#header #icons div {
			padding-top: 4px;
			padding-bottom: 4px;
			padding-right: 30px;
			background-image: url('../../images/headericons_background.gif');
			background-position: 172px 1px;
			background-repeat: no-repeat;
			color: #FFFFFF;
			font-size: 8pt;
			text-align: right;
			vertical-align: bottom;
			cursor: pointer;
		}
		
		#header #icons .hover {
			background-color: #5588BB;
		}
		
	/* === CATEGORIES === */
		#categories {
			height: 17px;
			padding-left: 300px;
			border-top: 1px solid #611f20;
			border-bottom: 1px solid #611f20;
			background-color: #d42e31;
			background-image: url('../../images/categories_background.jpg');
			background-position: 0px 0px;
			background-repeat: repeat-x;
			color: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			text-align: left;
		}
		
		#categories .active {
			background-color: #aa3235;
		}
		
		#categories a {
			padding-left: 10px;
			padding-right: 8px;
			border-left: 1px solid #ef8d8f;
			color: #FFFFFF;
			text-decoration: none;
		}
		#categories a:hover {
			background-color: #aa3235;
		}
		
	/* === CONTENT === */
		#content {
			width: 1000px;
			height: auto;
		}
		
			
	/* === OVERLAY === */
		#overlay {
			position: absolute;
			visibility: hidden;
			z-index: 0;
			left: 0px;
			top: 0px;
			width: 800px;
			height: 600px;
			border: 2px solid #336699;
			background-color: #FFFFFF;
			text-align: left;
		}
		
		#overlay .titleBar td {
			width: auto;
			height: 17px;
			border-bottom: 1px solid #336699;
			background-color: #5487b9;
			background-image: url('../../images/overlay/title_background.jpg');
			background-position: 0px 0px;
			background-repeat: repeat-x;
		}
		
		#overlay .titleBar .title {
			overflow: hidden;
		 width: 766px;
		 height: 16px;
		 padding-top: 1px;
			color: #FFFFFF;
			font-weight: bold;
			text-align: left;
		}
		
		#overlay .titleBar .icons {
			overflow: hidden;
		 width: 34px;
		 padding-top: 1px;
			font-size: 2px;
			text-align: right;
		}
		
		#overlay .content {
			padding: 10px;
			text-align: left;
		}

		
	/* === COPYRIGHT === */
		#copyright {
			width: 1000px;
			height: 22px;
			background-image: url('../../images/copyright_background.jpg');
			background-position: left bottom;
			background-repeat: repeat-x;
		}
		
		#copyright div {
			width: 499px;
			height: 18px;
			float: left;
			clear: none;
			padding-top: 3px;
			color: #336699;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 8pt;
		}
		#copyright .copyright { text-align: left; }
		#copyright .legal { text-align: right; }
	 
		#copyright .legal a {
			padding-left: 7px;
			padding-right: 5px;
			border-left: 1px solid #94bce4;
			text-decoration: none;
		}
		#copyright .legal a:hover { text-decoration: underline; }
		
		#copyright .copyright {
			background-image: url('../../images/copyright_copyrightbackground.jpg');
			background-position: 0px bottom;
			background-repeat: no-repeat;
		}