/* Calibris instellingen:

	indien het BR na een aanpassing van de stylesheet plots een witte (ipv blauwe) achtergrond verschijnt,
	kan een mogelijke oorzaak zijn het ontbreken van de afsluitende [ster_slash] bij een opmerking!


	Gebruikte huisstijl / kleurcodes:	arial 10	= teksten standaard
						arial 12 vet	= teksten hoofdkopjes
						arial 10 vet	= teksten tussenkopjes

	M.i.v. 4 oktober 2004 heeft Calibris een nieuwe huisstijl. 
	Deze huisstijl is in het bedrijvenregister opgenomen. 

	De volgende kleuren worden nu als huisstijl gebruikt:

	donkergrijs: #6F6F6F		(voorheen (oude huisstijl) #FFA800	= oranje/geel)
	lichtgrijs:  #E0E0E0		(voorheen (oude huisstijl) #333366	= donkerblauw)
	rood:        #DF2A26		(voorheen (oude huisstijl) #E2E2F5	= lichtblauw)


	Overig gebruikte kleuren:	color:#ffffff;	= wit
					color:#adadad;	= grijs
					color:#E2E2F5;	= grijs/blauw licht
					color:#DF2A26;	= rood
					color:#003822;	= zwart
					color:#999999;	= lichtgrijs
 */





/*
 * Basis vormgeving voor de hoofdonderdelen van het bedrijvenregisterscherm
   ========================================================================
 */

.Tabbar
{
	background-color: #6F6F6F;		/*Calibris  #336699;  */
}

.Titlebar
{
	background-color: #DF2A26;		/*Calibris  #E2E2F5;  */
}

.Footerbar
{
	background-color: #6F6F6F;		/*Calibris  #336699;  */
}


/*
 * Detailvormgeving van de tabbar - de huidig geselecteerde tab
   ============================================================
 */

.TabSeparator
{
	color: Black;
	padding: 0 3px;
	visibility:visible;   /* op visible/hidden zetten als je wel/geen separator wilt */
}

.SelectedTab, .OtherTab
{						/** Tekststyle geselecteerde menu-tabs**/
    font-weight: normal;
    text-transform: uppercase;
	text-align: center;
}


.SelectedTab A
{
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-color: white;
	padding: 5px 1px;
	height: 20px;
}


.SelectedTab A:hover
{
	text-decoration: none;			/*underline;*/
}



/*
 * Detailvormgeving van de tabbar - de niet-geselecteerde tabs
   =========================================================== 
 */

.OtherTab A
{
	color: white;
	text-decoration: none;
	display: block;
	padding: 5px 1px;
	height: 20px;
}

.OtherTab A:hover
{
	text-decoration: none;			/* Calibris underline; */
}



/*
 * Detailvormgeving van de Titlebar
   ================================
 */

.Title
{
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	color: white;				/* Calibris black; */
	font-family: Verdana, Arial;
}

.Titlebar TD
{
	padding: 4px;
}

A.TitlebarLink:link
{
	text-decoration: none;			/* Calibris	underline; */
	color: white;				/* Calibris blue; */
}

A.TitlebarLink:visited
{
	text-decoration: none;			/* Calibris	underline; */
	color: white;				/* Calibris blue; */
}

A.TitlebarLink:hover
{
	text-decoration: underline;
	color: white;				/* Calibris darkred; */
}

A.TitlebarLink:active
{
	text-decoration: underline;
	color: white;				/* Calibris blue; */
}

    
/*
 * Detailvormgeving van de footerbar - links in de footerbar
   =========================================================
 */

.FooterText
{
	font-weight: normal;
	font-size: 10px;
	color: white;
	line-height: 12px;
	font-family: Verdana, Arial;
}

A.FooterLink:link
{
	font-size: 11px;
	color: white;
	text-decoration: none;
}

A.FooterLink:visited
{
}

A.FooterLink:hover
{
	color: White;
	text-decoration: underline;
}

A.FooterLink:active
{	
	font-size: 11px;
	color: white;
	text-decoration:none;
}


/* 
 * Vormgeving van de (nu grijze) borders om het bedrijvenregister heen
   ===================================================================
 */

.GrayScaleLinks
{
	background-position: left center;
	background-attachment: fixed;
/*	background-image: url(../images/verloop.gif);		   Calibris

	verloop.gif is een image met een raster die verlooopt van grijs naar wit naar grijs
 */
	background-color: white;				/* Calibris */
	background-repeat: repeat-y;
}

.GrayScaleRechts
{
	background-position: right center;
	background-attachment: fixed;
/*	background-image: url(../images/verloop.gif);		Calibris
 */
	background-color: white;
	background-repeat: repeat-y;
}

.GrayScale
{
	background-position: center center;
	background-attachment: fixed;
/*	background-image: url(../images/verloop.gif);		Calibris
 */
	background-color: white;
	background-repeat: repeat-y;
}


/* style for ERROR messages
   ========================
 */

.ErrorText
{
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight: bold;
	color: red;
}



/* text style used for textboxes in the several pages 
   (SEARCHPAGE, RESULTPAGE, DETAILPAGE, REQUESTPAGE etc.
   =====================================================
 */

.SearchPageTextBox
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 3px;
/*	margin-left: 5px;  */
	color:Black;
}

.SearchPageLabel
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 3px;
/*	margin-left: 5px;  */
	color:Black;
}


.SearchPageLabelWarning
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color:Red;
	width: 350px;
}


.QuickSearchPageTextBox
{
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color:Black;
}

TD .RequestPageHeading
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	color: Black;
	background-color: #999999;		/*Calibris  #E2E2F5;  */
	text-align: center;
}

TD .SearchPageHeading
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	color: Black;
	background-color: #999999;		/*Calibris  #E2E2F5;  */
	text-align: center;
}

/* BUTTONS
   =======
 */

.SearchPageButton
{
	border-right: 0px;
	border-top: thin;
	font-size: 10px;
	border-left: 0px;
	cursor: hand;
	color: white;
	border-bottom: thin;
	font-family: Verdana, Arial;
	background-color: #6F6F6F		/* Calibris #336699;  */
}

.QuickSearchPageButton
{
	border-right: 0px;
	border-top: thin;
	font-size: 10px;
	border-left: 0px;
	cursor: hand;
	color: white;
	border-bottom: thin;
	font-family: Verdana, Arial;
	background-color: #6F6F6F		/* Calibris #336699;  */
}



/* STYLE USED FOR TABLES/DATAGRID
   ==============================
 */

.OUTERTABLE
{
	width: 800px;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background: #E0E0E0;			/* Calibris	white; */
}

.OUTERTR					/* ??? wat doet dit ??? */
{
	border-bottom: #000000 1px solid;
	background-color: #adadad;
}

.OUTERTABLE_TOP_LEFT				/* ??? wat doet dit ??? */
{
	border-bottom: #000000 1px solid;
	background-color: #E2E2F5; /* #C0FFC0; */ 
}

.OUTERTABLE_DATAGRID
{
	border-right: #000000 0px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 0px solid;
	background-color: white;		/* kader om gevonden bedrijven heen en
						   en zebrakleur regelachtergrond gevonden bedrijven */
}



/* DATAGRID: SearchResult Page
   ===========================
 */

.DatagridHeader
{	background-color: #6F6F6F;		/* balk boven met kolomkoppen REL_NR etc */
	font-family: "Verdana, Arial";
	font-size: small;
	font-weight: normal;
	color: white;				/* betreft sorteerdriehoekje */
	text-transform: uppercase;
}

.DatagridFooter					/* ??? wat doet dit ??? */
{	background-color: #6F6F6F;
	font-family: "Verdana, Arial";
	font-size: 10px;
	color: White;
}

.DatagridItems
{	background-color: #E0E0E0;		/* achtergrondkleur regel 1, 3 enz. */
	font-family: "Verdana, Arial";
	font-size: 10px;
	color: Black;				/* tekst in kolommen REL_NR, Vest.Adres, -Plaats
						   niet in de kolom NAAM BEDRIJF */
}

.DatagridAlternatingItems
{	background-color: white;		/* achtergrondkleur regel 2, 4 enz. */
	font-family: "Verdana, Arial";
	font-size: 10px;
	color: Black;
}

.DatagridSelectedItems
{	background-color: Yellow;
	font-family: "Verdana, Arial";
	font-size: 10px;
	color: Black;				/* tekst in kolommen REL_NR, Vest.Adres, -Plaats
						   niet in de kolom NAAM BEDRIJF */
}

.DatagridPager
{	background-color: #6f6f6f;		/* balk onder met Pagina 1 [2] etc. */
	font-family: "Verdana, Arial";
	font-size: 10px;
	color: White;
}

.DatagridPagingItems				/* ??? wat doet dit ??? */
{	background-color: White;
	font-family: "Verdana, Arial";
	font-size: xx-small;
	color: white;
}



/* HELP
   ====
 */

.HelpPage
{	
	background-color: lightyellow;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: Black;
}



/* DISCLAIMER
   ==========
 */

.DisclaimerPage
{	
	background-color: lightyellow;
	font-family: Verdana, Arial;
	font-size: 11px;•
	color: Black;
}



/* MAINTENANCE pagina, wordt getoond als de site in onderhoud is
   =============================================================
 */

.MaintenancePage
{	
	background-color: lightyellow;
	font-family: Verdana, Arial;
	font-size: 14px;
	color: Black;
}



/* ERKENNINGSREGLEMENT
   ===================
 */

.ErkenningsReglementPage
{	
	background-color: lightyellow;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: Black;
}



/* ERRORPAGE
   =========
 */

.ErrorPage
{	
	background-color: lightyellow;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: red;
}



/* DETAILPAGE
   ==========
 */

.DataListHeader						/*onder tabblad 'Vestigingen' balk met kolomkoppen */
{	background-color: #6F6F6F;  /* green;  */
	font-family: Verdana, Arial;
	font-size: 11px;
	color: White;
	text-transform: uppercase;
}

.DataListItems						/*onder tabblad 'Vestigingen' regel 1, 3 enz. */
{	background-color: White;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: Black;
}

.DataListAlternatingItems				/*onder tabblad 'Vestigingen' regel 2, 4 enz. */
{	background-color: #E0E0E0;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: Black;					/*Calibris	'Erkende deelkwal.' onder tabblad 'Erkend voor' */
}

.DetailPageCellHeader					/* onder tabblad 'Bedr.gegevens' rubriekkopjes' */
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #6F6F6F;
	color: white;
}	

.DetailPageCellLabel
{	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
	background-color: #E0E0E0;
}	

.DetailPageCellData
{	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: black;
	background-color: #E0E0E0;
}	



/* VACANCIES (nog niet ingericht op huisstijl)
   =========
 */

.VacancieHeader
{	font-family: "Verdana, Arial";
	font-size: 10px;
	font-weight:  normal;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #E2E2F5; /* #C0FFC0 */
}	

.VacancieItemCell
{	font-family: "Verdana, Arial";
	font-size: 10px;
	font-weight:  normal;
}	

.VacancieSelectedItemCell
{	font-family: "Verdana, Arial";
	font-size: 10px;
	font-weight:  bold;
	background-color: WhiteSmoke;
	color: black;
}	

.VacancieSelectedItemDetailCell
{	font-family: "Verdana, Arial";
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
}	

.VacancieEditItemDetailCell
{	font-family: "Verdana, Arial";
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
}	

.VacancieSelectedItemBorder
{ border-color: green;
  font-family: "Verdana, Arial";
  font-size: 10px;
}	

.VacancieEditItemBorder
{ border-color: darkred;
  font-family: "Verdana, Arial";
  font-size: 10px;
}



/* PROFILES (nog niet ingericht op huisstijl)
   ========
 */

.ProfileCellLabel
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #E2E2F5; /* #C0FFC0 */
	color: black;
}	

.ProfileCellData
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
}	

.ProfileEditCellLabel
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #E2E2F5; /* #C0FFC0 */
	color: black;
}	

.ProfileEditCellData
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: white;
	color: black;
}	



/* EDUCATIONPLACES (leerplaatsen tabblad) (nog niet ingericht op huisstijl)
   ======================================
 */

.EducationPlaceCellData
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
}



/* hyperlink style for the vacancy link (nog niet ingericht op huisstijl)
   ====================================
 */

A.EducationPlaceCellLink
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
	text-decoration:    underline;
}

A.EducationPlaceCellLink:link
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
	text-decoration:    underline;
}

A.EducationPlaceCellLink:visited
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
	text-decoration:    underline;
}

A.EducationPlaceCellLink:active
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
	text-decoration:    underline;
}

A.EducationPlaceCellLink:hover
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
	text-decoration:    underline;
}

.EducationPlaceCellLabel
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #E2E2F5; /* #C0FFC0 */
	color: black;
}	

.EducationPlaceMonthAvailableCell
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: Green;
	color: black;
}	
.EducationPlaceMonthNotAvailableCell
{	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: Red;
	color: black;
}	
.EducationPlaceMonthCell_True
{	background-color:Red;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight:  normal;
	color:White;
}
.EducationPlaceMonthCell_False
{	background-color:Green;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight:  normal;
	color:White;
}



/* Styles specifiek voor de beheerssectie
   ======================================
 */



/* style of item titles on edit and admin pages
   ============================================
 */

.SubHead
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: darkred;
}



/* text style used for most text rendered by modules
   =================================================
 */

.Normal
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	margin-left: 5px;
}



/* text style for buttons and link buttons used in the portal admin pages ONLY!
   ============================================================================
 */

.CommandButton
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
}



/* hyperlink style for buttons and link buttons used in the portal admin pages
   ===========================================================================
 */

.CommandButton:link
{
	text-decoration: underline;
	color: blue;

}

.CommandButton:visited
{
	text-decoration: underline;
	color: blue;
}
 
.CommandButton:hover
{
	text-decoration: underline;
	color: darkred;
}

.CommandButton:active
{
	text-decoration: underline;
	color: blue;
}



/* text style used for textboxes in the admin pages, for Nav compatibility
   =======================================================================
 */

.NormalTextBox
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
}



/* Stijlen voor algemeen gebruik, in het "content" gedeelte van de site
   ====================================================================
 */

TD
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}


H1
{
	font-family: Verdana, Arial;
	font-size: 20px;
	font-weight: normal;
	color: #003822;
}

H2
{
	font-family: Verdana, Arial;
	font-size: 20px;
	font-weight: normal;
	color: #003822;
}

H3
{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #003822;
}

H4
{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #003822;
}

H5, DT
{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #003822;
}

H6
{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #003822;
}

TFOOT, THEAD
{
	font-family: Verdana, Arial;
	font-size: 12px;
	color: darkred;
}

TH
{
	vertical-align: baseline;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #003822;
}

A
{
	font-size: 11px;
	color: black;					/* (hyper)links in div. schermen, o.a. STARTscherm en detailscherm (bv. email) en 'Disclaimer'*/
	text-decoration: none;
}


SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}
LI
{
	font-size: 8pt;
}

UL LI
{
	font-size: 8pt;
	list-style-type: square;
}

UL LI LI
{
	font-size: 8pt;
	list-style-type: disc;
}

UL LI LI LI
{
	font-size: 8pt;
	list-style-type: circle;
}

OL LI
{	
	font-size: 8pt;
	list-style-type: decimal;
}

OL OL LI
{
	font-size: 8pt;
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	font-size: 8pt;
	list-style-type: lower-roman;
}

HR
{
	color: dimgrey;
	height: 1pt;
	text-align: left;
}

P
{
	font-size: 11px;
}
SPAN
{
	font-size: 10px;
}
.CORPORATE
{
	font-size: 11px;
}



/* text style for link buttons used in the several pages
   =====================================================
 */

.LinkButton
{	font-family: "Verdana, Arial";
	font-size: 10px;
	font-weight: normal;
}

.LinkButton:link
{
	text-decoration: none			/*Calibris	underline; */
	color: #6F6F6F;				/* Calibris blue; */
}

.LinkButton:visited
{
	text-decoration: underline;
	color: #6F6F6F;				/* Calibris blue; */
}

.LinkButton:active
{
	text-decoration: underline;
	color:  black;				/* Calibris blue; */
}

.LinkButton:hover
{
	text-decoration: underline;
	color:  #6F6F6F;			/* Calibris darkred; */
}



/* hyperlink style for buttons and link buttons used in the portal admin pages
   ===========================================================================
 */

.ListLink
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
}

.ListLink:link					/* nog niet aangeklikte link 'Naam' onder tabblad 'Vestigingen' */
{
	text-decoration: underline;
	color: #6F6F6F; 			/* Calibris blue; */
}

.ListLink:visited
{
	text-decoration: underline;
	color: #6F6F6F; 			/* Calibris blue; */
}

.ListLink:hover					/* schermen 'gevonden leerbedrijven' en 'Vestigingen' */
{
	text-decoration: underline;
	color: #DF2A26;				/* Calibris darkred; */
}

.ListLink:active				/* na klikken op 'Naam bedrijf' in schermen 'gevonden leerbedrijven' en 'Vestigingen' */
{
	text-decoration: underline;
	color: #DF2A26;				/* Calibris darkred; */
}


/* This is where you can customize the appearance of the tooltip
   =============================================================
 */

div#tipDiv
{
  position:absolute;
  visibility:hidden;
  left:0;
  top:0;
  z-index:10000;
  
  background-color: #DF2A26;		/*Calibris  #E2E2F5;  */
  border: 1px solid #6F6F6F;		/*Calibris  #336699;  */
  color: #000;

  width: 250px;
  padding: 4px;

  font-size: 9px;
  line-height:1.2;
  font-family: Verdana, Arial;
}