/*	
	SalesShape colors
		donker blauw: 	#003B79
		licht blauw: 	#C6D9EE
*/

html						{ font-family: verdana, helvetica; font-size: 11px;}

body						{ text-align: center; margin: 0px; min-height: 800px; border: none; background: URL(../img/back.gif) center repeat-y #D4D0C8;}

h1							{ color: #003B79; margin-top: 38px; font-size: 16px; font-weight: bold; letter-spacing: 1px; }
h2							{ color: #8F6B00; font-size: 12px; font-weight: bold; padding: 0px; margin-bottom: 4px;}
h3							{ color: #003B79; font-weight: bold; font-size: 14px;}
a							{ color: #060;}
a:hover					{ color: #F30;}
a:active					{ color: #060;}
a:visited				{ color: #060;}
hr							{ margin: 0px; padding: 0px; height: 1px; color: #006080;}
form						{ padding: 0px; margin: 0px;}

#main						{ text-align: left; margin: 0px auto; width: 728px; padding: 0px; border-top: solid 4px #FFF;}
#left						{ float: left; width: 152px; border-left: solid 4px #FFF;}
#right					{ float: left; width: 564px; border-left: solid 4px #FFF; }

#left	hr					{ margin: 0px; padding: 0px; height: 15px; color: #09C; border: none; border-top: solid 2px #FFF; border-bottom: solid 1px #006080;}
#left	dl					{ margin: 0px 0px 10px 0px; padding: 0px;}
#left	dt					{ margin: 0px; padding: 3px 5px; color: #006080; font-weight: bold;}
#left	dd					{ margin: 0px 0px 0px 6px; padding: 0px 10px 3px 15px; background: url(../img/submenu.gif) no-repeat 0 3px;}
#left address			{ color: #C6D9EE; margin: 20px 0px 0px 10px; }
#left address a		{ color: #DDD; text-decoration: none;}

#logo						{ margin: 0px; width: 152px; height: 237px;}

#top						{ width: auto; height: 124px; background-color: #8F8F8F;}
#top a					{ font-size: 10px; color: #FFF; text-decoration: none; letter-spacing: 1px;}
#top a:hover			{ color: #F00;}
#topmenu					{ position: absolute; top: 4px; height: 20px; width: 564px; margin: 0px; background-color: #8F8F8F;}
#topmenu	.bar			{ float: right; text-align: right; height: 20px; border-collapse: collapse; border-spacing: 0px; background: url(../img/topmenucorner.gif) left bottom no-repeat #003B79}
#topmenu td				{ padding: 0px 0px 0px 5px; margin: 0px;}
#topmenu input			{ border-width: 1px;}

#content					{ line-height: 16px; width: 520px; padding: 10px 10px 0px 10px;  }
#content	img			{ border: solid 1px #003B79; }
#content	table			{ width: 520px; }
#content	tr				{ vertical-align: top;}
#content	li				{ list-style-type: square;}

#newsitems				{ float: right; padding: 34px 5px 30px 5px; width: 180px; background-color: #C6D9EE; border: dotted 1px #003B79;}
#newsitems ul			{ margin: 15px; padding: 0px;}
#newsitems li			{ margin: 0px; padding: 0px;}

#navigation 							{ width: auto; height: 47px; background-color: #C6D9EE; border-top: solid 4px #FFF; border-bottom: solid 4px #FFF; }
#navigation ul							{ width: auto; margin: 30px 0px 0px 0px; padding: 0px; list-style: none;  }
#navigation li							{ float: left; text-transform: uppercase; margin: 0px 5px; padding: 0px; }
#navigation li span					{ color:#000; font-weight: normal; display: block; text-decoration: none; }
#navigation li a						{ color: #003B79; font-weight: normal; display: block; margin: 0px; text-decoration: none; }
#navigation li a:hover				{ border-bottom: solid 4px #003B79; color:#000; }
#navigation li a.visited			{ color: #003B79; }
#navigation li ul						{ position: absolute; top: 13px; padding: 0px; margin: 0px; display: none; left: 0px; border: solid 1px #003B79; border-top: solid 4px #003B79; background-color: #DDD;}
#navigation li .parent a			{ border: none; }
#navigation li .parent:hover > ul	{ display: block;}
#navigation li ul li					{ text-transform: none; background: none; line-height: 14px; color:#000; float:none; border:none; padding: 1px; margin: 0px; white-space:nowrap;}
#navigation li ul li span			{ background: none; text-align: left; width: 140px; color:#000; padding: 3px 10px; overflow: hidden; text-overflow: ellipsis; background-color: #FFF;  }
#navigation ul ul ul					{ top: -1px; left: 161px; border-top: solid 1px #003B79; }
#navigation li ul li a				{ background: none; text-align: left; width: 140px; padding: 3px 10px; overflow: hidden; text-overflow: ellipsis;}
#navigation li ul li a:hover		{ background: none; background-color: #FFF; color:#000; border: none;}
/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation li							{ position: relative; padding: 0px; }
#navigation li a						{ width: auto; float: none; }
/* End IE5-Mac hack */

#footer						{ width: auto; text-align: center; border-top: dashed 1px #003B79; margin: 20px 0px 50px 0px; }
#footer span				{ color: #666; font-size:9px;  padding:0px 7px;}
#footer a					{ color: #666; font-weight:normal;  font-size:9px; padding:0px 7px; text-decoration: none;}
#footer a:hover			{ color: #C00;}

#extra						{ width: auto; text-align: center; display: none; }

.route					{ border: solid 1px #00548E;}
.intro					{ font-style: italic;}
.important				{ color: #F00; text-align: center; font-weight: bold; font-size: 16px;}
.alert					{ color: #F00; text-align: center; font-weight: bold;}
.horline					{ background: url(../img/horline.gif) center repeat-x;}
.vertline				{ background: url(../img/vertline.gif) center repeat-y;}
.home						{ text-align: center; font-weight: bold; padding: 0px; margin: 28px 0px; }
.sub						{ width: 200px; border: solid 1px #003B79; background-color: #C6D9EE;}
.sub dt					{ color: #FFF; font-weight: bold; margin: 0px; padding: 3px; background-color: #003B79;}
.sub dd					{ margin: 0px; padding: 3px; }
.item						{ width: 240px; float: left; margin: 15px 20px 0px 0px; }
.item dt					{ color: #8F6B00; font-size: 12px; font-weight: bold; padding: 0px;}
.item dd					{ margin: 0px; padding: 3px; }
.search					{ width: 100%;}
.search em				{ font-style: normal; background-color: #FF0;}
.search dt, dd			{ margin: 0px; padding: 0px;}
.search dt a			{ font-size: 16px;}
.thumb					{ margin: 4px 4px 0px 0px; border: solid 2px #003B79;}
.right					{ float: right; padding-left: 5px;}
.button					{ color: #FFF; font-weight: bold; background: transparent url(../img/ui_button.gif); border: none; width: 100px; height: 20px;}
.clear						{ clear:both; margin:0px 0px; padding:0px; }
.bold							{ font-weight:bold;}
.error						{ font-weight:bold; color:#f00;}