A.kop:link { color: #FFFFFF; text-decoration: none }
A.kop:visited { color: #FFFFFF; text-decoration: none }
A.kop:active { color: #FFFFFF; text-decoration: underline }
A.kop:hover { color: #FFFFFF; text-decoration: underline }
.link { color: #000000; text-decoration: underline }
.link A:visited { color: #000000 }
.link A:link { color: #000000; text-decoration: underline }
.link A:active { color: #00209F; text-decoration: underline }
A:link { color: #000000; text-decoration: underline }
A:visited { color: #000000; text-decoration: underline }
A:active { color: #00209F; text-decoration: underline }
A:hover { color: #00209F; text-decoration: underline }
BODY { margin: 0px; FONT-SIZE: 9pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #F5F5FF; COLOR: #00209F }
TD { FONT-SIZE: 9pt; FONT-FAMILY: Verdana }
.zoekButton { BORDER-RIGHT: #020051 0px solid; BORDER-TOP: #020051 0px solid; MARGIN-TOP: 1px; FONT-WEIGHT: normal; FONT-SIZE: 10px; BORDER-LEFT: #020051 0px solid; COLOR: #ffffff; BORDER-BOTTOM: #020051 0px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 19px; BACKGROUND-COLOR: #020051; position: relative; top: 24px; }
.zoekInput { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: black 1px solid; COLOR: #71709d; BORDER-BOTTOM: black 1px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff; position: relative; top: 20px; }
.blocktitle { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; valign: middle; FONT-FAMILY: Verdana; FONT-SIZE: 20pt; BACKGROUND-COLOR: #5C6CBA; } 
.LeftTable
{
background-image:url('img/back.jpg');
background-color:FFFFFF;
color:00209F;
FONT-SIZE: 9pt;
font-family:Verdana;
}
.LeftTable A:visited { color: #000000; text-decoration: none }
.LeftTable A:link { color: #000000; text-decoration: none }
.LeftTable A:active { color: #000000; text-decoration: none }
.LeftTable A:hover { color: #00209F; text-decoration: none }
.RightTable
{
background-image:url('../img/');
background-color:FFFFFF;
color:00209F;
FONT-SIZE: 9pt;
font-family:Verdana;
}
#Font1 {
	font-family: verdana, lucinda sans;
	color: 000000;
	font-size: 10px; }
#Font2 {
	font-family: verdana, arial, geneva;
	color: 000366;
	font-size: 18px; }
#Font3 {
	font-family: Verdana, arial, geneva;
	color: 00209F;
	font-size: 13px; }
#Font4 {
	font-family: Verdana, arial, geneva;
	color: FFFFFF;
	font-size: 10px; }
#Font5 {
	font-family: Verdana, arial, geneva;
	color: 000366;
	font-size: 16px; }
#Font6 {
	font-family: verdana, arial, geneva;
	color: 000000;
	font-size: 16px; }
#Font7 {
	font-family: Verdana, arial, geneva;
	color: FFFFFF;
	font-size: 20px; }
#Font9 {
	font-family: Verdana, arial, geneva;
	color: FFFFFF;
	font-size: 16px; }

/* Structurele onderdelen van de pagina */
body {
	margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:center;  /* IE hack icm wrapper{text-align:left;} */
  font-size: 9pt;
  line-height: 1;
  background-color:#CFD8FF;
  background-color:#E9E9FF;
  color:#003399;
}
/*  Achtergrond van het effectief bruikbare deel van de viewport */
#wrapper{
  position:relative;
  top:4px;
  width:986px; /* 2 te klein ivm 2*1px border. */
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  background-color:#FFFFFF;
  text-align:left;   /* IE hack icm body{text-align:center;} */
  margin-left:auto;
  margin-right:auto;
  padding: 0px;
}
#top{
  height:100px;
  background-image: url("bkgr_10x100.jpg");
  background-position:top left;
  background-repeat:repeat-x;
}
/*  Default logo CASH bedrijfs software. */
#topleft {
  float:left;
  width:110px;
  height:100px;
  background-image: url("logo_notext_110x100.jpg");
  background-position:top right;
  background-repeat:no-repeat;
}
#topright {
  float:right;
  width:180px;
  height:100px;
  color:#CCCCCC;
  background-image: url("bkgr_cashutelt_180x100.jpg");
  background-position:top right;
  background-repeat:no-repeat;
}
/*  Menubalk met navigatie items. Met deze opzet is een table ideaal. */
#menu{
  width: 100%;
  margin: 1px 0px 0px 0px;
  padding: 0px 0px 1px 0px;
  border-bottom: 1px solid #CCCCCC;
}
#menu table{
  width: 100%;
  background-color: white;
  font-size: 12px;
}
#menu td {
  padding: 2px;
  text-align: center;
  background-color: #003399;
  color: white;
  font-weight:bold;
}
#menu a:link, #menu a:visited {
 	text-decoration: none;
  background-color:#003399;
  color:white;
}
#menu a:hover, #menu a:active {
 	text-decoration: none;
  background-color: white;
  color:#003399;
}
/* Achtergrond van het content deel van de pagina, inclusief inzet. */
#contentwrapper {
  position: relative;
  width: 100%;
}
/* Algemene opmaak van content en inzet, omgeacht welke pagina */
#content{}
#inzet{}
/* Footer onder content met copyright info */
#copyright{
  padding: 4px;
  border-top: 1px solid #CCCCCC;
  font-size: 9px;
  text-align: center;
}
/* Bijna onzichtbare footer onderaan pagina met links */
#Cash {
  padding: 2px;
  font-size: 9px;
  background-color:#E9E9FF;
  color: #E9E9E9;
}
#Cash a, #Cash a:link, #Cash a:visited, #Cash a:hover, #Cash a:active {
  background-color:#E9E9FF;
  color: #E9E9E9;
}

/* Algemene element opmaak */
em {
  font-style: normal;
  color: red;
}

/* Specifiek voor (un)ordered lists met bullets*/
ul.bullets {
  padding-left: 20px;
}
ul.bullets li {
  list-style-image: url("../img/pijl_trans.gif");
}

/* Specifiek voor unordered list met koppen */
ul.headed {
  width: 100%;
  margin: 0px 0px 0px 0px;
}
ul.headed li {
  margin: 0px;
  padding: 2px 2px 2px 2px;
  text-align: left;
}
ul.headed li.head {
  margin: 5px 0px 0px 0px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #003399;
  background-image: url("../img/fade_white_lgrey_10x20.jpg");
  background-position: top left;
  background-repeat: repeat-x;  
}
ul.headed li.center {
  text-align: center; /* gewone class="center" wordt overridden, dus expliciet vermeld */
}
ul.headed li ul li {
  margin: 0px;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  border: 0px;
  background-color: transparent;
  background-image: none;
}

/* Links in de lijst met koppen */
.headed li a:link, .headed li a:visited {
 	text-decoration: none;
  background-color: transparent;
  color:#003399;
}
.headed li a:hover, .headed li a:active {
 	text-decoration: none;
  background-color:#003399;
  color: white;
}
.headed ul li a:link, .headed ul li a:visited {
 	text-decoration: none;
  background-color: transparent;
  color:#003399;
}
.headed ul li a:hover, .headed ul li a:active {
 	text-decoration: underline;
  background-color: transparent;
  color:#003399;
}

/* Afwijkingen van lijst ín inzet t.o.v. in content */
#inzet ul.headed li {
  background-color: transparent;
}
#inzet ul.headed li ul li {
  background-color: transparent;
}

.bordered{ border: 1px solid #CCCCCC;}
.center { text-align: center;}
.right { text-align: right;}
.left { text-align: left;}
.box { padding: 5px;}

/* Per (soort) pagina een andere indeling */
#content.home {
  margin: 0px 400px 0px 0px;
  border: 0px solid #CCCCCC;
}
#inzet.home {
  position: absolute;
  top: 5px;
  left: 586px;
  width: 394px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #CCCCCC; 
  background-color: #E9E9FF;
  background-image: url("../img/fade_blue_lblue_10x300.jpg");
  background-position: top left;
  background-repeat: repeat-x;

}

#download_cashwin{
	display: block;
	height: 39px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: white;
	text-decoration: none;
}
#download_cashwin:link, #download_cashwin:visited{
	background-image: url("download_cashwin_linkvisited.png");
}
#download_cashwin:active, #download_cashwin:hover{
	background-image: url("download_cashwin_activehover.png");
}

.bl, .br, .tl, .tr {
	background-image: url("border.png");
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	position: relative; 
}
.bl{background-position: left bottom; padding: 0px 0px 0px 12px;}
.br{background-position: right bottom; padding: 0px 0px 12px 0px;}
.tl{background-position: left top; padding: 0px 0px 1px 0px; left: -12px;}
.tr{background-position: right top; padding: 12px 12px 0px 0px; left: 12px;}
.clear {font-size: 1px; height: 1px}

.red { background-color: red; }
.blue { background-color: blue; }
.white { background-color: white; }
.black { background-color: black; }
.green { background-color: green; }
.yellow { background-color: #FFED00; }
.brown { background-color: brown; }
.cash { background-color: #E6E6FA; }
.darkblue { background-color: #00209F; }
.green {background-color: #33CC33; }

div[id^="noteBlock"]
{
	display: none;
	padding: 10px;
}
a[class^="headerNoteBlock"]
{
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 10px;
}		
div[class^="headerNoteBlock"]
{
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 10px;
}		
#notes		
{
	padding: 10px;
/*	margin: 10px;
	border: 1px solid black; */
}