/* --- StyleSheet -------------------------------------------------------- */
/* Author: ASPerience BV                                                   */
/* Creation date: 16-04-2007                                               */
/* Modification date: 16-04-2007                                         */
/* Customer: MailBalance - Veenendaal                                      */
/* Usage: Basic stylesheet for MailBalance corporate website               */
/* ----------------------------------------------------------------------- */
BODY {
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
background-color : #666666;
font:normal 9px/140% Arial, Verdana;
color : #666666;	
line-height: 20px;
margin-bottom: 0px;
}
H1 {
font-size : 16pt;
color : #666666;
font-weight: bold;
margin-bottom: 0px;
}
H2 {
font-size : 12pt;
color : #666666;
font-weight: bold;
margin-bottom: 0px;
}
H3 {
font-size : 12pt;
color : #666666;
font-weight: bold;
margin-bottom: 0px;
}
HR {
height : 1px;
color : #58b145;
}
P {
font-size : 10pt;
color : #666666;	
line-height: 20px;
margin-bottom: 0px;
}
ul {
font-size : 10pt;
margin-left : 20px;
margin-right : 5px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 5px;
line-height: 20px;
}
ol {
font-size : 10pt;
margin-left : 27px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 5px;
line-height: 20px;		
}
/*--- Default link styles ----------------------------------------------------*/
a:link {	
color: #58b145;
text-decoration: none;
}
a:visited {	
color: #58b145;
text-decoration: none;
}
a:active {	
color: #000000;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: underline;
}
/*--- END Default link styles ------------------------------------------------*/
/* --- Framestructure definition ----------------------------------------- */
td.bannerBox {
vertical-align : top;
background-color : #EEEEEE;
height: 150px;
width: 990px;
}
td.footerBox {
vertical-align : bottom;
background-color : #EEEEEE;
height: 76px;
width: 990px;
background-image : url(../footerbalk.jpg);
}
td.leftCollumn {
background-color: #c5e4bf;
width: 190px;
}
td.pageBox {
background-color : #FFFFFF;
vertical-align : top;
padding : 10px;
}
td.rightCollumn {
background-color: #c5e4bf;
width: 190px;
}
/* --- END FrameStructure definitition -------------------------------- */
/* --- Menu box definition ----------------------------------------- */
#extraNavigation {
padding: 10px;
font-size : 9pt;
color: #666666;
line-height: 20px;
text-align : right;		
}
#extraNavigation P {
font-size : 9pt;
color: #666666;
}
#extraNavigation A {
color: #f76c29;
}
/* --- END box definition ----------------------------------------- */
/*--- menu items normal   -----------------------------------------------*/
a.menu:link,
a.menu:visited 		{
padding : 5px 5px 5px 5px;
margin: 0px;	
display:block;
font : normal 10pt Verdana;
color: #FFFFFF;
text-decoration: none;
background-color: #58b145;
border-bottom : 1px solid #FFFFFF;
font-weight : bold;
}
a.menu:hover	{
color: #000000;
background-color: #ffe80f; 
}
a.menu_current:link,
a.menu_current:visited,
a.menu_current:hover	{
padding : 5px 5px 5px 5px;
margin : 0px;	
display:block;
font : normal 10pt Verdana;
color: #000000;
background-color: #ffe80f;
text-decoration: none;	
border-bottom : 1px solid #FFFFFF;	
font-weight : bold;	
}
a.submenu:link,
a.submenu:visited 		{
padding : 5px 5px 5px 15px;
margin-top : 0px;	
display:block;
font : normal 8pt Verdana;
color: #FFFFFF;
background-color: #58b145;
text-decoration: none;
}
a.submenu:hover	{
color: #000000;
background-color: #ffe80f; 		
}
a.submenu_current:link,
a.submenu_current:visited,
a.submenu_current:hover	{
padding : 5px 5px 5px 15px;
margin: 0px;	
display:block;
font : normal 8pt Verdana;
color: #000000;
background-color: #ffe80f;
text-decoration: none;			
}
a.menuPage:link,
a.menuPage:visited 		{
padding : 5px;
font : normal 8pt Verdana;
color: #58b145;
text-decoration: none;
}
a.menuPage:hover	{
color: Black;
}
/*--- END menu items ---------------------------------------------------*/
/* --- Article definition ----------------------------------------- */
#articleBody {
font-size : 10pt;
color : #666666;	
padding: 5px;
background-color: #EEEEEE;
border : 1px solid #909090;
}
#articleBody H2 {
margin-top: 0px;
}
/* --- END Article definition ----------------------------------------- */
/*--- Embedded Tables ---------------------------------------------------*/
table.object {
background-color: #EEEEEE;
border : 1px solid #909090;
}
tr.objectHeaders {
font-family: Arial;
font-size : 10pt;
color: #333333;
font-weight : bold;
background-color : #EEEEEE;
padding : 3px 3px 3px 3px;
}
tr.objectContent{
font-family: Arial;
font-size : 10pt;
color: #333333;	
font-weight : normal;
padding : 3px 3px 3px 3px;
background-color : #FFFFFF;
vertical-align : top;
}
/*--- END Embedded Tables -------------------------------------------------*/
/*--- Attachement Items -----------------------------------------------------*/
a.attachement:link,
a.attachement:visited 		{
display:block;
width: 100%;
color: #58b145;
text-decoration: none;
}
a.attachement:hover	{
display:block;
width: 100%;	
color: #000000;
background-color: #FFFFCC; 		
text-decoration: underline;
}
/*--- END Attachement Items -------------------------------------------------*/
/* --- Crossell box definition ----------------------------------------- */
#xsellBody {
padding: 5px;
color : #000000;
font-size : 9pt;
line-height: 20px;
}
#xsellbody ul {
font-size : 9pt;
margin-left : 20px;
margin-right : 5px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 5px;
line-height: 20px;
}
#xsellBody P {
margin-top: 0px;
font-size : 9pt;
color: #000000;
line-height: 20px;
}
#xsellBody H2 {
margin-top: 0px;
color : #58b145;
font-size : 12pt;
font-weight: bold;
}
#xsellBody A:link,
#xsellBody A:visited {
color: #58b145;
text-decoration: none;
}
#xsellBody A:hover,
#xsellBody A:active {
color: #000000;
text-decoration: underline;
}
/* --- END Crossell box definition ----------------------------------------- */
/* --- Menu box definition ----------------------------------------- */
#menuColofon {
padding: 10px;
color: #000000;
line-height: 20px;	
}
#menuColofon P {
font-size : 9pt;
color: #000000;
}
#menuColofon A:link,
#menuColofon A:visited  {
color: #58b145;
text-decoration: none;
}
#menuColofon A:hover,
#menuColofon A:active  {
color: #000000;
text-decoration: underline;
}
/* --- END box definition ----------------------------------------- */
/* --- Footer box definition ----------------------------------------- */
#footerColofon {
padding: 5px;
color: #000000;
line-height: 20px;
text-align : right;
}
#footerColofon P {
font-size : 9pt;
color: #000000;
}
#footerColofon A:link,
#footerColofon A:visited  {
font-size : 9pt;
color: #FFFFFF;
text-decoration: none;
}
#footerColofon A:hover,
#footerColofon A:active  {
color: #FFFFFF;
text-decoration: underline;
}
/* --- END box definition ----------------------------------------- */
/*--- FORM Items --------------------------------------------------------*/
INPUT {
font-family: Arial;
color : #000000;
font-size : 10pt;
}
SELECT {
font-family: Arial;
color : Black;
font-size : 10pt;
}
input.textfield {
font-family: Verdana;
color : #000000;
font-size : 10pt;
background-color: #EEEEEE;
font-style : italic;
padding: 2px;
border : 1px solid #666666;
}
textarea {
font-family: Verdana;
color : #000000;
font-size : 10pt;
background-color: #EEEEEE;
font-style : italic;
padding: 2px;
border : 1px solid #666666;
}
/*--- END FORM items ----------------------------------------------------*/
/* --- END StyleSheet ---------------------------------------------------- */