@charset "utf-8";
/* CSS Document */

body {
	margin: 0; 
	padding: 0;
	text-align: center;
	padding-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#container {
	width: 852px;
	margin: 0 auto; 
	text-align: left; 
	color:#000000;
}
a {
	color: #3d44a3;
}
/*
HEADER & NAVIGATION
*/
#header {
	height: 188px;
	background-image:url(/images/dsp_header.gif);
	background-repeat:no-repeat;
	border-right: 40px solid #4D4297;
	margin-bottom: 8px;
}
#header.ver {
	background-image:url(/images/dsp_header_ver.gif);
}
#header .headerImg {
	width: 570px;
	height: 148px;
	position: relative;
	left: 262px;
}
#header a {
	color: #4D4297;
	text-decoration:none;
}
#header ul {
	margin: 0px;
	padding: 0px;
	position:relative;
	margin-left:262px;
	list-style: none;
	display: block;
}
#header li {
	display: inline;
}
#homeButton {
	position:relative; 
	top:-150px;
	left:20px; 
	width:240px; 
	height:140px; 
	cursor: pointer;
}
#navigation_meta,
#topSearchDiv,
#navigation_ver_meta {
	font-size:10px;
	line-height:10px;
	height:20px;
	color: #4D4297;
}
#topSearchPlaceholder {
	display:none;
}
#topSearch {
	width:100px;
	border:1px solid black;
	height: 12px;
	font-size:12px;
	margin: 0px 4px -2px 4px;
}
li.search img {
	margin-bottom: -6px;
}
#veritySearch {
	display:inline;
	width:200px;
	overflow:hidden;
	margin-bottom:0px;
	padding:0;
}
#navigation_meta .selected,
#navigation_ver_meta .selected {
	font-weight: bold;
}
#navigation_meta li,
#navigation_ver_meta li {
	background-image:url(/images/navigation_meta_divider.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-position: right 2px;
	padding-right: 18px;
}
#navigation_meta li.search,
#navigation_ver_meta li.search {
	background: none;
}
#navigation_main,
#navigation_ver_main {
	font-size:13px;
	font-weight: bold;
	z-index:9;
}
#navigation_main li a,
#navigation_main li a.javascriptClass,
#navigation_ver_main li a,
#navigation_ver_main li a.javascriptClass {
	background-image:url(/images/navigation_main_leader.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left: 20px;
	height: 16px; /* = 20 WTF ?!*/
	display: block;
	width:  117px; /* 138 - 20 */
	float:left;
	font-weight: bold;
}
#navigation_ver_main li a,
#navigation_ver_main li a.javascriptClass {
	width:  140px; /* 160 - 20 */
}

#navigation_main li a.javascriptClass {
	width: 105px;
	margin: 1px 0 0 -1px;
}
#navigation_ver_main li a.javascriptClass {
	width: 127px;
}
#navigation_main li ul,
#navigation_ver_main li ul {
	display:none;
	margin: 0px;
	padding: 10px 0;
	list-style: none;
	width: 125px;
	border: 1px solid #98C000;
	border-bottom: 1px solid white;
}
#navigation_ver_main li ul {
	width: 147px;
}

#navigation_main li:hover ul,
#navigation_main li.selected ul,
#navigation_ver_main li:hover ul,
#navigation_ver_main li.selected ul {
	display:block;
	background-color: white;
	bottom:-26px;
	position:absolute;	
}
#navigation_main li li,
#navigation_ver_main li li {
	display:list-item;
	clear:left;
	border: none;
}
#navigation_main li li a,
#navigation_ver_main li li a {
	background:none;
	font-weight: normal;
	width:  105px; /* 125 - 20 */
}
#navigation_ver_main li li a {
	width:  127px; /* 147 - 20 */
}
#navigation_main li li.selected a,
#navigation_main li li a:hover,
#navigation_ver_main li li.selected a,
#navigation_ver_main li li a:hover {
	font-weight: bold;
}
/*
LEFT MENU
*/
#sidemenu {
	width: 222px;
	min-height: 398px;
	background-color: #98C000;
	float:left;
	margin-left:40px;
	color: white;
	z-index:2;
	/* place menu  'over' main content border
	position: relative;
	right:-1px; */
}
#leftMenu {
	float:right;
}
#leftMenu ul {
	margin: 64px 0px 0px 0px;
	padding: 0px;
	position:relative;
	list-style: none;
}
#leftMenu li {
	text-align: right;
	margin-right:-1px;
	padding-right: 16px;
}
#leftMenu li:hover, #leftMenu li.selected{
	font-weight: bold;
	background-image: url(/images/navigation_left_item.gif);
	background-position:right 3px;
	background-repeat:no-repeat;
}
#leftMenu a {
	line-height: 18px;
	color: white;
	text-decoration: none;
	
}

#sidemenu .header,
#leftMenu_home a {
	font-size: 16px;
	padding: 0px 30px;
	font-weight: bold;
	height: 24px;
	color: #D9EDBB;
	text-decoration: none;
}
#sidemenu .header {
	margin-top: 24px;
	color: white;
}
#leftMenu_home ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#leftMenu_home li {
	height: 24px;
}
#leftMenu_home a {
	background-image: url(/images/navigation_left_item.gif);
	background-repeat: no-repeat;
	background-position: left ;
	width: 162px;/* 222 - 2*30 */
	display: block;
	height: 20px;
}
#leftMenu_home li.selected a,
#leftMenu_home li:hover a {
	background-position: right ;
	color: white;
	text-align: left;
}
/*
RIGHT MENU
*/
#rightMenu {
	float:right;
	margin-top: 56px;
	margin-right: -22px;
	
	margin: 56px -22px 10px 14px;
}
#rightMenu ul {
	margin: 0px;
	padding: 0px;
	position:relative;
	list-style: none;
	display: block;
	width: 122px;
}
#rightMenu li {
	margin-bottom: 12px;
}
#rightMenu a {
	display: block;
	border: 1px solid #98C000;
	border-right: 1px solid white;
	padding: 6px 0 6px 20px;
	line-height: 18px;
	background-color: white;
	color: #98C000;
	text-decoration: none;
}
#rightMenu li.selected a,
#rightMenu a:hover {
	color: #4D4297;
	background-color: #98C000;
}
/* rightmenu clone for employees */ 
a.employee_rapport {
	display: block;
	float: right;
	width: 122px;
	border: 1px solid #98C000;
	border-right: 1px solid white;
	padding: 6px 0 6px 20px;
	line-height: 18px;
	background-color: white;
	color: #98C000;
	text-decoration: none;
	margin-right: -26px;
	font-size: 12px;
}
a.employee_rapport:hover {
	color: #4D4297;
	background-color: #98C000;
}
/*
MAIN CONTENT
*/
#maincontent {
	width: 510px; /* 550 - 2*20 */
	min-height: 356px; /* 398px - 2*20(padding) - 2*1(border) */
	border: 1px solid #98C000;
	/*border-left: 0px;*/
	float:left;
	padding: 20px;
	z-index:1;
}
/*
HOME
*/
#homecontent {
	width: 550px;
	min-height: 365px;
	float:left;
	border: none;
	padding: 0px;
	z-index:1;
	border-left:2px solid white;
}
#home_1 {
	width: 326px;
	height: 220px;
	background-color: #4D4297;
	color: white;
	float: left;
	overflow: hidden;
}
#home_2 {
	width: 220px;
	height: 107px;
	background-color: #98C000;
	color: white;
	margin: 0 0 2px 2px;
	float: left;
	overflow: hidden;
}
#home_3 {
	width: 220px;
	height: 111px;
	background-color: #4D4297;
	color: white;
	margin: 0 0 2px 2px;
	float: left;
	overflow: hidden;
}
#home_4 {
	width: 548px;
	height: 176px;
	background-color: #98C000;
	color: white;
	float: left;
	overflow: hidden;
}
#homecontent ul.news_headlines li,#homecontent ul.news_headlines {
	list-style:none;
	margin:0;
	padding:0;	
}
#homecontent a{
	color: white;
	text-decoration: none;
}
#homecontent a:hover{
	text-decoration: underline;
}
#bottom_logos {
	clear:both;
	}
/*
CRUMBLE PATH
*/
#crumblepath {
	font-size: 16px;
	color: #4D4297;
	margin: 0px;
	padding: 0px;
	position:relative;
	list-style: none;
	margin-bottom: 10px;
}
#crumblepath li {
	display: inline;
}
#crumblepath a {
	color: #4D4297;
	text-decoration: none;
}
/* set individual styles, to be set by javascript, so 0-based */
#crumblepath .crumble_1,
#crumblepath .crumble_1 a { 
	font-weight: bold; 
	font-size: 90%;
}
#crumblepath .crumble_2,
#crumblepath .crumble_2 a { 
	color: #98C000; 
	font-weight: bold;
	font-size: 80%;
}

/*
CONTENT
*/
.greenHeader,
.greenHeader a {
	font-size:12px;
	font-weight:bold;
	color: #98C000;
}
.whiteHeader {
	font-size:14px;
	font-weight:bold;
	color: white;
}
.article,
.article_padded {
	color: #4D4297;
}
.article_padded,
.article_home_padded {
	padding: 8px;
}
#homecontent .article,
#homecontent .article_padded {
	color: white;
	padding: 8px;
}
.art_intro p {
	margin-top: 0;
	padding-top: 0;
}
.article_padded a,
.article a {
	font-weight: bold;
}
.green {
	background-color: #DDECD7;
}
.full-height {
	min-height: 300px;
}
img.imgarticle {
	margin-right:10px;
}


table.recordTable {
	width:100%;
	padding: 0;
	margin: 0;
}
table.recordTable th {

}
table.recordTable td {
	padding:4px;
	color: #3D44A3;
}
.row_0 {
	
}
.row_1 {
	background-color:#DDECD7;
}
.row,.selectrow {
	cursor: default;
}
.selectrow,
td.employeeName:hover,
tr.customer:hover,
.home_inner tr:hover {
	font-weight: bold;
	cursor:pointer;
}
.hidden {
	display:none;
}
table.recordTable .properties {
	float:left;
	font-size: 11px;
	width: 100%;
}
table.recordTable .properties .var{
	clear:left;
	color: #98c000;
	display: block;
	width: 80px;
	float: left;
}
table.recordTable .properties li {
	padding-left: 12px;
	
	}
table.recordTable .properties ul {
	padding-left: 12px;
	
	}
.status_bar {
	width:196px;
	float:left;
}
.status_block {
	display: block;
	float:left;
	padding:0 12px;
	background-image:url(/images/status/off.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	font-weight: normal;
}
.status_on {
	background-image:url(/images/status/on.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	padding-right: 8px;
}
#maxrowsForm select {
	margin-left:10px;
	border:1px solid grey;
}
/*
SEARCH BLOCKS
*/
.searchBlock {
	width: 190px;
	padding: 10px 0px;
	color: white;
}
.searchBlock form {
	width: 160px;
	overflow: hidden;
}
.searchBlock input,
.searchBlock select {
	margin:5px 0px;
	width:120px; 
	border:1px solid white;
}
.searchHeader {
	font-size: 14px;
	font-weight: bold;
}

input.searchSubmit {
	background-color: #98c000;
	border: none;
	color: white;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	text-align:left;
}
.news_reader .news_reader_main {
	display: block;
	width: 326px;
	height: 188px;
	border-bottom: 2px solid white;
}
.news_reader a.news_page_select {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border-right: 3px solid white;
	text-align: center;
	padding-top: 8px;
	background-color: #98C000;
}
.news_reader a.news_page_select_active {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border-right: 3px solid white;
	text-align: center;
	padding-top: 8px;
	background-color: #4D4297;
	cursor: pointer;
}
#news_select_10 {
	border-right: 0px;
	width: 29px;
}
.news_reader .news_reader_main h1 {
	font-size: 12pt;
	margin: 0;
	}
.nr_left {
	padding: 5px 5px 0 0; 
	margin: -5px 5px 0px 0px;
}
.news_reader .nr_left {
	
} 
.nr_right {
	margin: -5px -10px 0px 5px;
}
.news_reader_intro {
	float:left;
	margin-top: 4px 
}
.news_reader_intro img {
	/* margin-left:-110px; */ 
	margin-top: -2px;
	float: right;
	margin-left: 4px;
}
.news_reader_intro p {
	margin: 0px;
}
.news_reader .news_page_select:hover {
	background-color: #98C000;
	cursor: pointer;
}
.news_reader a:hover {
	text-decoration:none!important;
}
.news_item {
	height: 188px;
	overflow: hidden;
	padding: 8px;	
}
/*
PRINT
*/
#printHeader {
	display: none;
}
.print {
	position: absolute;
	margin-top: -14px;
	margin-left:420px;
	}
.article .Code, .article .code, .article_padded .Code, .article_padded .code {
	color: #98C000;
	font-weight: bold;
	background-image:url(/images/vk_groen.gif);
	background-repeat:no-repeat;
	padding-left: 20px;
	background-position: 0 2px;
}
.j20 li {
	margin-bottom:8px;
}
.innerLink {
	font-style: italic;
	text-decoration: none;	
}
tr.row:hover .innerLink {
	font-weight: normal;
}
tr.row:hover .innerLink:hover {
	font-weight: bold;	
}
