/*
  RoosRoos-groen: #009fa3
*/
body
{
  background-image: url(achtergrond2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
  font-size: 80%;
	margin: 10px 0px 0px 0px;
	padding: 5px;
  background-color: white; /*#1d6e7c; */ 
  color: Black;
}
/*
a:link
{
    color :#FF0000;
}
a:hover
{
    color :#FF0000;
}
.bodylink
{
    color :#FF0000;
}
*/
.LinkZonderStreep
{
    color :#333333;
    font-weight: normal;
    text-decoration: none;
   	font-size : 12px;
}

/* hij krijgt dus een streepje als je hoooovert */
.LinkZonderStreep:hover
{
    color :#000000;
    text-decoration: underline;
}

.LinkZonderStreep:visited
{
    color :#202020;
    font-weight: normal;
    text-decoration: none;
   	font-size : 12px;
}

.head {
    HEIGHT: 85px;
    WIDTH: 100%; 
/*    background-image: url(achtergrond4.jpg); */
    background-color:#215E77;
}

.bodypositie
{
 /* voor pagina met volle breedte kies width :100% */
 /* width:100%; */
 
 /* voor pagina met een bepaalde vaste breedte: kies width :800px */
 width: 800px; 
}

.headkolom {
	WIDTH: 100%;
  background-image: url(loonsalarissoftware.jpg);  	  
  background-position:center; 
  Background-repeat: no-repeat;
}

.headLeft
{
		width:20px;
}

.headRight 
{
	WIDTH: 200px;
  vertical-align :top;
}

.headklein {
    HEIGHT: 85px;
    WIDTH: 100%; 
    background-color:#215E77;
/*    background-image: url(achtergrond4.jpg);  	 */
/*    background-color:#20707f */
}

.headkolomklein {
	WIDTH: 750px;
/*  background-image: url(MijnLoonheader.gif); */
  background-image: url(loonsalarissoftware.gif);  	
  background-position: left; 
  Background-repeat: no-repeat;
}

.tableonderhead 
{
  background-image: url(achtergrond3.jpg); 
  width: 100%;
  BORDER-BOTTOM: 0px; 
  HEIGHT: 10px; 
}

.tablemain {
	BACKGROUND-COLOR: #ffffff; 
	WIDTH: 100%; 
  BORDER-BOTTOM: 0px; 
  height: 1200px; 
  vertical-align:top;
}

.tablemenu{
	width:100%; 
	border:0; 
}

.kolommidden {
	VERTICAL-ALIGN: top; 
  text-align : left; 
}

.tablelinks {
	BACKGROUND-COLOR : #F0F3E9;  /* #e0e0e0; */
	VERTICAL-ALIGN: top; 
	WIDTH: 200px
}

.tablelinksblank {
	VERTICAL-ALIGN: top; 
	WIDTH: 200px
}


.tablemidden 
{
 /* width :545px;	 */
  width :545px;	
  vertical-align: top;
  margin-left: 30px;
  margin-right: 20px;
  text-align :left;
}

.bg_eerste_ruimte_midden  {
  height :20px; 
  vertical-align :top;
}

.Handleiding
{
	height:25px;
	width:75%;
}

.bullit
{
 	list-style-type: circle; 
 /*	 list-style-image :url(http://www.mijnloon.nl/favicon.ico); */
}

.driehoek
{
	/* voor een lijst */
 	 list-style-image :url(arrow_black_8px.jpg); 
}

.maintexttable
{
	width : 100%;
	vertical-align : top;
}

.maindefault
{
	border:"0";
  vertical-align :top;
}


.subnavgroot
{
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000022;
	line-height: 25px;
*/ 
  text-decoration: underline;
}

input, textarea
{
  /* border: #cccccc 1px solid; */
}

/* --- links --- */

a:hover
{
  text-decoration: none;
}

a:visited
{
  color: blue;
}

/*
  Stijlen voor navigatie (linkerkant)
*/

.activenavigation1, .activenavigation1:visited /* actieve link */
{
	display:block; 
	margin-top		: 0px;
	margin-right	: 0px;
	margin-bottom	: 0px;
	margin-left		: 0px;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
  vertical-align:middle; 
  color: Black;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  line-height : 20px; 
  width : 180px;
  height: 25px;
	background-image :url(bgMenuItem.gif);
}

.activenavigation, .activenavigation:visited /* actieve link */
{
  color: Black;
  font-size: 13px;
  text-decoration: none;
  font-weight:normal;
  line-height : 20px;
  width : 350px;
}

.activenavigation:hover
{
  /* color: black; */
  /* text-decoration: underline; */
  color: #AA0000;
}

.inactivenavigation1 /* huidige item */
{
  color: #009fa3; /* #1d6e7c; /* RoosRoos-groen */
  font-size: 13px;
  font-weight: bold;
  line-height : 20px;
	display:block; 
	margin-top		: 0px;
	margin-right	: 0px;
	margin-bottom	: 0px;
	margin-left		: 0px;
  padding-left: 5px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
  vertical-align:middle; 
  width : 180px;
  height: 25px;
	background-image :url(bgMenuItem.gif);
  /* text-decoration: underline; */
}

.inactivenavigation /* huidige item */
{
  color: #009fa3; /* #1d6e7c; /* RoosRoos-groen */
  font-size: 13px;
  font-weight: bold;
  line-height : 20px;
  /* text-decoration: underline; */
}

.disablednavigation
{
  color: #808080; /* grijs */
  font-size: 14px;
  font-weight: bold;
  line-height : 20px;
  width : 100%;
}

.adminlink, .adminlink:visited /* navigatie voor administrators */
{
  color: red; /* RoosRoos-groen */
  font-size: 14px;
  text-decoration: none;
  font-weight: bolder;
}

.nieuws
{
  color: black;
  border: solid 1px black;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align:middle; 
}

.nieuwsbrieftabel
{
	background-color :#ffffff;
}

.NieuwsBriefMarges
{
 margin-top			: 20px;
 margin-right		: 20px;
 margin-bottom	: 30px;
 margin-left		: 20px; 
/* padding-top		: 20px;
 padding-right	: 20px;
 padding-bottom	: 20px;
 padding-left		: 20px; */
}

.nieuws p
{
  margin: 5px;
}

.validationerror
{
  padding-left: 5px;
  padding-right: 5px;
  color: red;
}

.messages
{
	font-weight: bolder;
}

/* Bericht bovenaan de home page bij statusmeldingen etc */
.clientmessage
{
  display: block;
  border: solid 1px black;
  text-align: center;
  padding: 10px;
  margin: 10px;
  vertical-align: middle;
}

/* cel van de tabel met keuzes op de home page */
.homelinkcell
{
  vertical-align: top;
  width: 120px;
}

.requiredfield
{
  color: Red;
}

.tabletitle
{
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
}

.GridHeader a, .GridHeader a:hover, .GridHeader a:visited
{
  color: Black;
  font-weight: bold;
}
  
/* --- koppen --- */
h1
{
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bolder;
	font-size: 18px;
	line-height: 30px;
}

h2
{
  font-size: 16px; /*120%;*/
  margin-top: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
	vertical-align: middle;
}

h3
{
  color: Black;
  font-size: 14px; /*100%;*/
  font-weight: bold;
}

p
{
	color : Black;
	font-size : 12px;
}

h5
{
	color : Black;
	font-size : 12px;
  font-weight :bold;
}

/* voor error melding */
h6
{
	color : Red;
	font-size : 16px;
  font-weight :bold;
}

.ErrorMelding
{
	color : Red;
	font-size : 20px;
  font-weight :bold;
}

.Button
{
  border: solid 1px black;
}

.BoxLabel
{
	width: 400px;
}

span.tracecontent table 
{
  color:Black;
}

.errormessage
{
  font-weight: bolder;
  color: Red;
  border: solid 1px red;
  padding: 5px;
}

.debtmessage
{
  color: Red;
  border: solid 1px red;
  padding: 5px;
}

.downloadkop
{
  visibility: hidden;
  height: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
}
 
.debtmessage a, .debtmessage a:visited
{
  color: red;
}

.downloadlink
{
  /* border-top: solid 1px black; */
  padding-top: 10px;
}

.downloadlink img
{
  position: relative;
  top: 3px;
}

.downloadlink2 a
{
  color: Blue;
}

.downloadpanel
{
  padding-bottom: 10px;
}

.registratiepanel
{
 background-image: url(factuur_bg.jpg); 
 background-repeat:no-repeat;
 background-position:right center;    
 height: 150px;
 margin-top:0px;
 margin-right:80px;
 margin-bottom: 10px;
 margin-left: 70px;

 padding-top: 80px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 40px;
}

.registratiepanel2008
{
	background-color:#d4dbc2; /*2008: #E6DCB9; /* #F8EDC7; */

 border-top    : solid 4px #e9eddf; /*#FAEFC9; */
 border-bottom : solid 4px #bfc9a7;  /*#979079; */
 border-left   : solid 4px #e9eddf;  /*#FAEFC9; */
 border-right  : solid 4px #bfc9a7;  /*#979079; */
 margin-top:10px;
 margin-right:80px;
 margin-bottom: 10px;
 margin-left: 70px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 40px;
}

.selectiepanel
{
 border-top			: solid 6px #FAEFC9; 
 border-bottom	: solid 6px #FAEFC9; 
 border-left		: solid 6px #FAEFC9; 
 border-right		: solid 6px #FAEFC9; 
 margin-top			: 30px;
 margin-right		: 30px;
 margin-bottom	: 30px;
 margin-left		: 30px; 
 padding-top		: 20px;
 padding-right	: 20px;
 padding-bottom	: 20px;
 padding-left		: 20px;
 vertical-align : middle; 
}

.panelHelp
{
 border-top			: solid 3px #FAEFC9; 
 border-bottom	: solid 3px #FAEFC9; 
 border-left		: solid 3px #FAEFC9; 
 border-right		: solid 3px #FAEFC9; 
 padding-top		: 10px;
 padding-right	: 5px;
 padding-bottom	: 10px;
 padding-left		: 5px;
}

.PanelHandleidingHelp
{
 margin-top			: 0px;
 margin-right		: 20px;
 margin-bottom	: 10px;
 margin-left		: 20px; 
}

.selectiePeriodepanel
{
 border-top    : solid 1px #888888; 
 border-bottom : solid 1px #888888; 
 border-left   : solid 1px #888888; 
 border-right  : solid 1px #888888; 
}



.LASselectiekolom
{
	vertical-align :top;
}

.sessioninfo
{
  color: Black;
}

.loginform
{
  border: solid 1px black;
  padding: 10px;
  margin-bottom: 10px;
}

/* --- vaste onderdelen van de pagina --- */

#MainTable
{
  background-color: White;
  padding: 10px;
}

#titlecell
{
  text-align: center;
  /* border-bottom: solid 5px #1d6e7c; */
}

#contentcell
{
  padding-right: 10px;
  /* background-image: url(images/main_circ2.gif); */
}

#menucell
{
  /*width: 120px; */
  width: 100%;
  /* background-image: url(images/nav_circ2.gif); */
}

#footercell /* footer */
{
  font-size: 80%;
  margin-left: 20px;
  margin-right: 20px;
}

#footerrow
{
  text-align: center;
  background-color: #1d6e7c; /* RoosRoos-groen */
  padding-top: 10px;
  padding-bottom: 10px;
}

#namecell /* met naam van gebruiker */
{
  text-align: right;
  padding-bottom: 10px;
}

#adminrow
{
  font-size: 80%;
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* --- Table editor stijlen --- */

.Grid
{
  border: none;
}
.GridColumnHeading
{
  padding-right: 2px;
  padding-left: 2px;
  vertical-align: top;
  color: Black;
  background-color: White;
}
.GridColumnHeadingLeft
{
  padding-right: 2px;
  padding-left: 2px;
  text-align:left;
  vertical-align: top;
}
.GridColumnHeadingBorder
{
  padding-right: 2px;
  padding-left: 2px;
  color: white;
  text-align:center;
}
.GridRow
{
  color: Black;
  background-color: white;
}
.GridAlternatingRow
{
  color: Black;
  background-color: #eeeeee;
}
.GridSelectedRow
{
  background-color: #c0ffff;
  /* color: White; */
}
.GridItemCell
{
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 0px;
  margin: 0px;
  vertical-align: top;
  color: black;
  padding-top: 0px;
  text-align: left;
}
.GridItemCellRight
{
  padding-left: 3px;
  padding-bottom: 0px;
  margin: 0px;
  vertical-align: top;
  color: black;
  padding-top: 0px;
  text-align: right;
  padding-right: 3px;
}
a.GridColumnHeadingLink, a.GridColumnHeadingLink:visited
{
  font-weight: bold;
  color: black;
}

#_ctl0_content_DXTEPanel A:visited
{
  COLOR: white;
}
#_ctl0_content_dataGridSessionInfo A:visited
{
  COLOR: white;
}

/* Stylen voor de factuur */

.MijnFacturenlijst
{
	width : 500px;
}

.MijnFacturenHeader
{
	background-color : #F0F3E9;
}

.MijnFacturenLijstFooter
{
	background-color : #F0F3E9;
}

.MijnFacturenLijstKolomL
{
  text-align : left;
}

.MijnFacturenLijstKolomR
{
	text-align : right;
}

.Streep
{
	height : 1px;
	color : #000000;
}

.DubbelStreep
{
 	height : 3px; 
	color : #000000;
  border-top-style  : double;
}


.mainfactuur
{
	background-color : #ffffff;
	width:770px;
	font-family : Arial, Helvetica, sans-serif; 
  font-size :9px;
/*
	margin-left :30px;
	margin-right :30px;
 */
}

.factuurmarge
{
	width:40px;
	background-color : #ffffff;
}
.factuurheader
{
	width:100%;
}
.factuurbasis
{
	width:100%;
}
.factuurlijst
{
	width:100%;
}
.factuurtotaal
{
	width:100%;
}

.linksFactuurHeader
{
  width : 50%;	
}

/* helpt dat...*/

.FactuurLijstKolom
{
  vertical-align : top;
  text-align : right;
  width : 80px;
}

.FactuurLijstKolomLA
{
  vertical-align : top;
  text-align : left;
}

.FactuurLijstKolomHoog
{
  vertical-align : top;
  text-align : right;
  width : 80px;
  height : 300px;
}

.FactuurLijstKolomLAHoog
{
  vertical-align : top;
  text-align : left;
  height : 300px;
}
.FactuurLijstFooter
{
 height : 150px;
} 

.rechtsFactuurheader
{
  text-align : right;
  vertical-align : top;
  color : #0C7973;
  width : 50%;	
  font-size : 11px;
	font-family : Arial, Helvetica, sans-serif; 
	line-height: 17px;
}

.factuurNAWMarge
{
	width : 90px;
}

.factuurLinkstotaal
{
	width : 100%;
}

.factuurRechtsTotaal
{
	width : 290px;
}

.factuurTotBedrag
{
	text-align : right;
	width : 100px;
}

.factuurRechtsTotaalTekst
{
    width : 120px;
}

.factuurFooter
{
	background-color : #027B96; /* #0D7973; #1D6E7C; */
	text-align : center;
	/*width : 710px; */
	width : 100%;
}

.prijzentabel
{
 vertical-align:top;
 height:21px; 
} 

.prijzentabelR
{
 text-align :right; 
 vertical-align:top;
 height:21px; 
}

.prijzentabelkolomR
{
 width:280px;
}

.prijzentabelkolomtabelR
{
 width:180px;
 text-align :left; 
}

.voorkeurdagtabel
{
 vertical-align:top;
 height:16px; 
}


.abowizard
{
/*	height: 300px; */
	height: 360px;
	width: 550px;
  vertical-align:top;
}

.navigatiebuttons
{
	vertical-align:bottom ;
	text-align:right;
	width:100%;
}

.linkkolomcursus
{
  width:70%;	
}

.rechtskolomcursus
{
 	BACKGROUND-COLOR: #F8EDC7;
 	vertical-align: top;
  width:30%;
}

.margesblankepage
{
  width:20%;

}

.linksSizeOudeDownload
{
	width:32px;
	text-align:left; 
}

.iconplaatje
{
  width:16px;
  height:16px; 
  border:0;
}
/* --- Einde table editor stijlen --- */