BODY { 
font-size                 : 11px; 
font-family               : Verdana;
margin 										: 0px;
overflow									: auto; 
scrollbar-3dlight-color		: D2DDCC; 
scrollbar-arrow-color			: D2DDCC; 
scrollbar-darkshadow-color: D2DDCC; 
scrollbar-face-color			: BFC9B9; 
scrollbar-highlight-color	: D2DDCC; 
scrollbar-shadow-color		: D2DDCC; 
scrollbar-track-color			: D2DDCC; 

}

.mainbody{
    background-color: #E0F0D8;
    padding: 10px;
  }
  
.text   { color: #424940; font-size: 11px; font-family: Verdana; text-decoration: none }
.tablegroenelijn { border-bottom: 1px solid #360 }
.veld   { color: #424940; font-size: 10px; font-family: Verdana; text-decoration: none; background-color: #ECF2E9; border: solid 1px }
.faqveld   { color: #ffffff; font-size: 10px; font-family: Verdana; text-decoration: none; background-color: #666C65; border: solid 1px }
.buttonswit  { color: white; font-size: 11px; font-family: Verdana; text-decoration: none }
.buttonsgroen  { color: #424940; font-size: 11px; font-family: Verdana; text-decoration: none }
.buttonsgroen :hover { text-decoration: underline; }
.grijs {background-color: #c2c2c2;}

.content_bg{
  	
  	background-position: right bottom;
  	background-repeat: no-repeat;
  	background-color: #D2DDCC;
  	border: #333333 1px solid;
  }

.balk
 { color: white; font-size: 11px; font-family: Verdana; text-decoration: none; background: #8C9C85; height: 26px; border-style: solid none solid none; border-color: #006000; border-width: 1pt}
 
.foto     { background: #d2ddcc url("../../view/images/foto.jpg") no-repeat right bottom }
INPUT
  { color: #424940; font-size: 10px; font-family: Verdana; text-decoration: none; background-color: #ECF2E9; border: solid 1px }

.INPUTcombo
  { color: #424940; font-size: 10px; font-family: Verdana; text-decoration: none; background-color: #ECF2E9; border: solid 1px }

TEXTAREA
  { Color: #424940; font-size: 10px; font-family: Verdana; text-decoration: none; background-color: #ECF2E9; border: solid 1px; overflow:auto;}

.readonly
{ color:#D3D3D3; font-size: 10px; font-family: Verdana; text-decoration: none; background-color: #F0F1F7; border: solid 1px }  

TD { Color: #424940; font-size: 11px; font-family: Verdana; text-decoration: none }

/* Voor lijsten */
.TD_DARK  {padding-left: 10px; background-color: #D2DDCC;}
.TD_DARKER  {padding-left: 10px; background-color: #C5D2BD;}
.TD_LIGHT {padding-left: 10px; background-color: #DDE7DB;}


.td_header_sortactive 
{
  padding-left: 10px; 
  padding-bottom: 4px;
  background-color: #999999; 
  color:#006000; 
  font-weight: bold;
  height:26px;
  background-image: url("header_bg.gif");
	background-repeat: repeat-x;
}

.td_header 
{
  padding-left: 10px; 
  padding-bottom: 4px;
  background-color: #999999; 
  color:white; 
  font-weight: bold;
  height:26px;
  background-image: url("header_bg.gif");
	background-repeat: repeat-x;
}

.td_header_inactief {Color:#999999;}


P  { color: #424940; font-size: 11px; font-family: Verdana; text-decoration: none; margin: 0 0 0pt }
BR {margin:0cm;;margin-bottom:.0001pt}
BLOCKQUOTE {margin-bottom:.0001pt; margin-top:.0001pt}
OL {text-indent:-1.0pt; margin-bottom:.0001pt; margin-top:.0001pt}
UL  { text-indent: -1pt; margin-top: 0; margin-bottom: 0 }
LI   { text-indent: -1pt; margin-top: 0pt; margin-bottom: 0pt }  
A { color: #424940; font-size: 11px; font-family: Verdana; text-decoration:none; }
A:hover {text-decoration:underline;}

.hidden_style
{
	position				: relative;
	
	padding-left		: 20px;
	padding-top			: 5px;
	padding-bottom	: 5px;
	
	border-left			: 1px solid #006000;
	border-top			: 1px solid #006000;
	border-bottom			: 1px solid #006000;
	border-right			: 1px solid #006000;		
}

.separator
{
	color : White;
	font-family : Verdana;
	text-decoration : none;	 
}

.pijltje
{
}

SPAN P
 { color: #424940; font-size: 11px; font-family: Verdana; text-decoration: none; padding-left: 5px }

SPAN A
{
	color: #006000; 
	text-decoration: none	
}

.kop
 { color: #000000; font-size: 11px; font-family: Verdana; text-decoration: none; font-weight: bolder;}

H1
  { color: white; font-size: 11px; font-family: Verdana; font-weight: bolder; text-decoration: none; background: #006612; height: 24px; padding-right: 6px;padding-top: 4px;  padding-left: 6px; margin:0; vertical-align:bottomm}

H2
 { Color: #660000; font-size: 11px; font-weight: bold; font-family: Verdana; text-decoration: none; margin:0  }

H3
 { color: #000000; font-size: 11px; font-family: Verdana; text-decoration: none; padding-left: 3px }

H4
 { color: #424940; font-size: 11px; font-family: Verdana; text-decoration: none; padding-left: 3px }

H5
 { color: #424940; font-size: 11px; font-family: Verdana; text-decoration: none; padding-left: 3px }


.controlpanel
{ 
  color: white; 
  font-size: 11px; 
  font-family: Verdana; 
  text-decoration: none; 
  background: #006612; 
  height: 18px; 
  valign: middle;
}

.content_kop{
  	background-image: url("content_kop.gif");
  	background-position: right top;
  	background-repeat: repeat-x;
  	height: 30px;
  	font-family: Verdana;
  	font-size: 11px;
  	font-weight: bold;
  	color: #FFFFFF;
  	padding-left: 10px;
  	padding-right: 10px;
  	padding-top: 3px;
  	display: block;
  }
  .content_kop_font{
  	font-family: Verdana;
  	font-size: 11px;
  	font-weight: bold;
  	color: #FFFFFF;
  }

/*********************\
 * VOOR DE TABBLADEN *
\*********************/
  
.tab1{
	background-image: url("tab1.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 5px;
	height: 26px;
	font-size: 13px;
}

.tab2{
	background-image: url("tab2.gif");
	background-position: left top;
	background-repeat: repeat-x;
	height: 26px;
	padding-top: 4px;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	cursor:pointer;
}

.tab3{
	background-image: url("tab3.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 5px;
	height: 26px;
	font-size: 13px;
}

/****/

.tab_bg{
	background-image: url("tab_bg.gif");
	background-position: left top;
	background-repeat: repeat-x;
	height: 26px;
}

/****/

.tab_actief1{
	background-image: url("tabactief1.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 5px;
	height: 26px;
	font-size: 13px;
}

.tab_actief2{
	background-image: url("tabactief2.gif");
	background-position: left top;
	background-repeat: repeat-x;
	height: 26px;
	padding-top: 5px;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	cursor:pointer;
}

.tab_actief3{
	background-image: url("tabactief3.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 5px;
	height: 26px;
	font-size: 13px;
}


.tabselected
{
  font-size: 11px; 
  font-family: Verdana; 
  text-decoration: none;
  color: #000000;
}
.tab
{
  color: white;
  font-size: 11px; 
  font-family: Verdana; 
  text-decoration: none;
}

.tabcolor
{
    COLOR: #000000;
    BACKGROUND-COLOR: #CEDDCC;
}
.tabcolor_inactive
{
    COLOR: #ffffff;
    background: #8C9C85;
}


/* Het zoekgedeelte van KOMBI/office - Universeel zoeken: */

.searchactive
{
    BACKGROUND-COLOR: #8C9C85;
    COLOR: "FFFFFF";
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    /*border: 2px solid #360*/
}
.searchinactive
{
    BACKGROUND-COLOR: #E0F0D8;
    COLOR: "000000";
    FONT-STYLE: italic;
    TEXT-ALIGN: center;
}
.gegevensactive
{
    BACKGROUND-COLOR: #E0E7DB;
    COLOR: black;
    FONT-FAMILY: Verdana;
}
.gegevensinactive
{
    BACKGROUND-COLOR: #E0F0D8;
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-STYLE: italic;
}



.LAY_logo{
	background-image: url("logo.gif");
	background-position: center top;
	background-color: #D2DDCC;
	background-repeat: no-repeat;
	width: 285px;
}

.LAY_loginnnaam{
	background-image: url("LAY_top_bg.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #D2DDCC;
}

.LAY_loginnnaam_font{
  color: #000000;
  font-weight: normal;
  padding-left:10px;
}

.LAY_loginlijn{
  height: 1px; 
  background-color: #336600;
}

.LAY_schaduw_rechtsboven{
	background-image: url("LAY_schaduw_rechtsboven.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 8px;
}

.LAY_schaduw_rechts{
	background-image: url("LAY_schaduw_rechts.gif");
	background-position: left top;
	background-repeat: repeat-y;
	width: 8px;
}

.LAY_schaduw_rechtsonder{
	background-image: url("LAY_schaduw_rechtsonder.gif");
	background-position: left top;
	background-repeat: no-repeat;
	width: 8px;
}

.LAY_schaduw_onder{
	background-image: url("LAY_schaduw_onder.gif");
	background-position: left top;
	background-repeat: repeat-x;
	height: 10px;
}

.LAY_titlebar{
  	background-image: url("LAY_titlebar.gif");
  	background-position: right top;
  	background-repeat: repeat-x;
  	height: 30px; 
  	padding-right: 6px;padding-top: 4px;  padding-left: 6px;
  	font-family: Verdana;
  	font-size: 11px;
  	font-weight: bold;
  	color: #FFFFFF;
  	background-color: #D2DDCC;
  }

.LAY_titlebar_tekst{
  font-family: Verdana;
  Font-size: 11px;
  Font-weight: bold;
  Color: #FFFFFF; 
}

/* Voor zoekresultaat */

.zoekresultaat_overzicht_samenvatting{
	padding-bottom: 10px;
	padding-right: 10px;
}

.zoekresultaat_overzicht_samenvatting_tabel{
}

.zoekresultaat_overzicht_samenvatting_kop{
	font-weight: bold;
}

.zoekresultaat_overzicht_samenvatting_item{
	width: 100px;
}

.zoekresultaat_overzicht_samenvatting_item_totaal{
}

.zoekresultaat_overzicht_totaal{
  Font-weight:bold;
}

.zoekresultaat_overzicht_tabel{}

.rij_item_opsommingteken_datum{
  width: 80px;; 
}

.zoekresultaat_overzicht_kop{
	padding: 10px;
	font-weight: bold;
	Color: #660000;
}

/* Voor 't menu */  

DIV.menuBar {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif
}
DIV.menuBar A.menuButton {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif
}
DIV.menu {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif
}
DIV.menu A.menuItem {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, sans-serif
}
DIV.menuBar {
	BACKGROUND-COLOR: transparant;
	COLOR	: #ffffff;
	TEXT-ALIGN: left
}
DIV.menuBar A.menuIcon  { text-decoration: none; background-color: transparent; margin: 1px; padding: 1px 0 0; position: absolute; z-index: 100; top: 0; right: 16px; border: solid 0 }
DIV.menuBar A.menuButton  { color: #ffffff; text-decoration: none; background-color: transparant; cursor: default; margin: 1px; padding: 2px 6px; position: relative; z-index: 100; top: 0; left: 0 }
DIV.menuBar A.menuButton:hover {
	BORDER-LEFT-COLOR: silver; 
	BORDER-BOTTOM-COLOR: silver; 
	BORDER-TOP-COLOR: silver; 
	BACKGROUND-COLOR: transparant; 
	BORDER-RIGHT-COLOR: silver;
	COLOR				: #C0C0C0;
}
DIV.menuBar A.menuButtonActive  { color: #fff; top: 1px; left: 1px; border-color: gray white white gray }
DIV.menuBar A.menuButtonActive:hover  { top: 1px; left: 1px; border-color: gray white white gray }
DIV.menu  { color: white; background-color: #8C9C85; visibility: hidden; position: absolute; z-index: 101; top: 0; left: 0; border: solid 0 }
DIV.menu A.menuItem  { color: white; text-decoration: none; white-space: nowrap; cursor: default; display: block }
DIV.menu A.menuItem {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
DIV.menu DIV.menuItemHdr {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
DIV.menu A.menuItem:hover {
	COLOR: white; BACKGROUND-COLOR: #60665f;
}
DIV.menu A.menuItemHighlight  { color: black; background-color: #d2ddcc }
DIV.menu A.menuItem SPAN.menuItemText {
	
}
DIV.menu A.menuItem SPAN.menuItemArrow {
	MARGIN-RIGHT: -0.75em;
	fontFamily: Webdings;
}
DIV.menu DIV.menuItemHdr  { }
DIV.menu DIV.menuItemSep {
	BORDER-TOP: #906040 1px solid; MARGIN: 4px 2px; BORDER-BOTTOM: #e0b090 1px solid
} 
  
  
/* Knoppen */

.button{
	background-color: #787D77;
	display: block;
}

.button A{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	text-decoration: none;
	border: #CFD5DE 1px solid;
}

.website_button{
	background-color: #787D77;
	display: block;
}

.website_button A{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	text-decoration: none;
	border: #CFD5DE 1px solid;
}