/* Laatst bewerkt voor versie: 2.4.04 */
/*
--======================================================================================--
-- DEFAULT STYLES -- 
------------------------------------------------------------------------------------------
*/

/* Default CSS Stylesheet for a new Web Application project */
BODY {
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Arial, sans-serif;
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
	padding: 0;
	margin: 0;
}
	
TABLE	{ font-size: 12px; }

.fill { width:100%; height:100%; }

a, a:link, a:visited, a:active{ text-decoration: none; font-weight: normal; }
a:hover	{ text-decoration: underline; }

/* BOTTOM.ASPX */
.Bottom, .BottomMain, .TopLightNoLogo { font-weight: Normal; padding-left:2px;}
.Bottom, .BottomMain, .TopLightNoLogo { background: url(http://www.bos-dlo.nl/images/Bottombar.jpg) no-repeat; }
/* End BOTTOM.ASPX */

/* TOP.ASPX (not logged in) */
#TopBar_Login {	background: url(http://www.bos-dlo.nl/images/TopBar_Login.jpg) no-repeat left top; height:100%; }
.textnavBar{ background: url(http://www.bos-dlo.nl/images/TopBar_Textnav.jpg) no-repeat left top; height:100%; }
.iconnavBar { background: url(http://www.bos-dlo.nl/images/TopBar_IconNav.jpg) no-repeat left top; height:100%; }
/* End TOP.ASPX (not logged in) */

/* TOP.ASPX (logged in) */
/* Top bar */
#TopBar { background: url(http://www.bos-dlo.nl/images/TopBar_Beheerder.jpg) no-repeat left top; }

#divFunctionBar { margin-top:45px; }
#divFunctionBar IMG { margin-top:5px; margin-right:4px; }
#divFunctionBar TABLE { left:165px; position:relative; }

/* Primary bar: selected item */
#divFunctionBar TABLE TD.Link { background: none; } /* Space between items */
#divFunctionBar TABLE TD.Link .fill { background: none; } /* Space between items */
#divFunctionBar TABLE TD.navItem { background: url(http://www.bos-dlo.nl/images/bNavItemLeft.gif) no-repeat; } /* unselected item in Top Bar */
#divFunctionBar TABLE TD.navItem .fill { background: url(http://www.bos-dlo.nl/images/bNavItemRight.gif) no-repeat right top; } /* Space between items */
#divFunctionBar TABLE TD.TabSelected { background: url(http://www.bos-dlo.nl/images/bNavItemLeft_selected.gif) no-repeat; } /* selected item in Top Bar */
#divFunctionBar TABLE TD.TabSelected .fill { background: url(http://www.bos-dlo.nl/images/bNavItemRight_selected.gif) no-repeat right top; font-weight:bold; } /* container inside selected item in Top Bar */

/* Secundary bar */
#divSpecBar { width:100%; }
#divSpecBar TABLE { height:100%; }
#divSpecBar  B  { padding-left:15px;}
#divAfmelden { position:absolute; left:875px; }
#divAfmelden A { font-weight:normal; }

#TopBar_Deelnemer #divTop, #TopBar_Intern #divTop, #TopBar_Manager #divTop { background: url(http://www.bos-dlo.nl/images/TopBar_Textnav.jpg) no-repeat left top; height:100%; }
/* End TOP.ASPX (logged in) */

/* TOP_DEELNEMER.ASPX */
#TopBar_Deelnemer #divTitle, #TopBar_Intern #divTitle, #TopBar_Manager #divTitle { position: absolute; left:3px; bottom:0px; font-weight:bold; z-index:1; }
#TopBar_Deelnemer #divTop, #TopBar_Intern #divTop, #TopBar_Manager #divTop { display:block; width:100%; height:120px; cursor:default; }

/* text navigation */
.textnav LI { background: url(http://www.bos-dlo.nl/images/navItemLeft.gif) left no-repeat; }
.textnav LI DIV { background: url(http://www.bos-dlo.nl/images/navItemRight.gif) right no-repeat; }
.textnav LI.navOver { background: url(http://www.bos-dlo.nl/images/navItemLeft_hover.gif) left no-repeat; }
.textnav LI.navOver DIV { background: url(http://www.bos-dlo.nl/images/navItemRight_hover.gif) right no-repeat; }
.textnav LI.navSelected { background: url(http://www.bos-dlo.nl/images/navItemLeft_selected.gif) left no-repeat; }
.textnav LI.navSelected DIV { background: url(http://www.bos-dlo.nl/images/navItemRight_selected.gif) right no-repeat; }
/* End TOP_DEELNEMER.ASPX */

/* STANDARD STYLES */
#divFunctionBar TABLE { height:22px; }
/* Pagina breedte, standaard beperkt tot 1003 pixels */
#TopBar_Deelnemer #divTopIcons,
	#frmTopIntern #divFunctions,
	#frmTopManager #divFunctions,
	#divFunctionBar,
	#divSpecBar,
	body#Bottom div, body#BottomDeelnemer div, body#BottomIntern div, body#BottomManager div
	{ width:1003px;}
/* END OF STANDARD STYLES */

/* Easy settings: height of bars */
/* Height of deelnemer text-bar */
#TopBar_Deelnemer #divTitle, #TopBar_Intern #divTitle, #TopBar_Manager #divTitle { line-height:25px; }

/* Height of beheerder primary bar */
#divFunctionBar,
	#divFunctionBar TABLE  
	{ height:25px; }
#divFunctionBar .fill ,
	#divAfmelden
	{ line-height:25px; }
/* Height of beheerder secundary bar */	
#divSpecBar 	{ height:20px; }
#divAfmelden { bottom:20px; }

/*
--======================================================================================--
-- 3. EASY SETTINGS: Steunkleuren -- 
------------------------------------------------------------------------------------------
*/
/* Easy settings: Four colors:
 1. Primary color:   #FFFFFF  Text-color 1: #000
 2. -
 3. Tertiaire color: #A3A88A  Text-color 2: #000
 4. not used
 5. not used 
*/

/* Primary color: #FFFFFF */
.Bottom, .BottomMain, .TopLightNoLogo,
	#divFunctionbar  		
	{ background-color: #; }
.textnav, .iconnav { background: #FFF; }
	
/* Tertiaire color: */
#divSpecBar,
	#divFunctionBar TABLE TD.TabSelected, #divFunctionBar TABLE TD.TabSelected .fill,
	.textnav  LI.navOver, .textnav LI.navOver DIV, .textnav LI.navSelected, .textnav LI.navSelected DIV
	{ background-color: #547181; }

/* Text-color 1: #FFF */
.Bottom, .BottomMain, .TopLightNoLogo,
	#divFunctionBar TABLE A,
	#divAfmelden A,
	.textnav,
	#TopBar_Deelnemer #divTitle, #TopBar_Intern #divTitle, #TopBar_Manager #divTitle
	{ color: #FFF; font-weight:bold }

/* Text-color 2: #000 */
#divSpecBar,
	#divSpecBar A, #divSpecBar B,
	#divFunctionBar TABLE .TabSelected .fill,
	.textnav LI.navOver,
	.textnav LI.navSelected
	{ color: #FFF; }
	
/*
--======================================================================================--
-- 4. EASY SETTINGS: Instellingen in het portaal -- 
------------------------------------------------------------------------------------------
*/
/* - Alle rollen: Uncomment voor een 100% breedte ipv 1003 pixels *//*
body#frmTopDeelnemer { background-image: url(http://www.bos-dlo.nl/ images/TopBar_Deelnemer_Repeat.jpg); }
body#frmTopDeelnemer form { background-image: url(http://www.bos-dlo.nl/ images/TopBar_Deelnemer_Right.jpg); } 
#divFunctionBar, #divSpecBar, body#Bottom div, body#BottomDeelnemer div, body#BottomIntern div, body#BottomManager div { width: 100%; }
body#frmTop { background: url(http://www.bos-dlo.nl/ images/TopBar_Beheerder_Repeat.jpg) repeat-x center top; }
body#frmTop form { background: url(http://www.bos-dlo.nl/ images/TopBar_Beheerder_Right.jpg) no-repeat right top; }
body#frmTopDeelnemer, body#frmTopIntern, body#frmTopManager { background: url(http://www.bos-dlo.nl/ images/TopBar_Intern_Repeat.jpg) repeat-x center top; }
body#frmTopDeelnemer form, body#frmTopIntern form, body#frmTopManager form { background: url(http://www.bos-dlo.nl/ images/TopBar_Intern_Right.jpg) no-repeat right top; }
body#Bottom, body#BottomDeelnemer, body#BottomIntern, body#BottomManager { background: url(http://www.bos-dlo.nl/ images/Bottombar_Repeat.jpg) right top; }
body#Bottom table, body#BottomDeelnemer table, body#BottomIntern table, body#BottomManager table { width:100%; background: url(http://www.bos-dlo.nl/ images/Bottombar_Right.jpg) no-repeat right top; }	
*/

/* - Alle rollen: Uncomment bij gebruik van een afbeelding in de bottombar */
.Bottom, .BottomMain, .TopLightNoLogo { background-color:transparent; }

/* - Deelnemer: Uncomment voor een transparante navigatiebalk */
.textnav, .iconnav { background:transparent; }

/* - Deelnemer: Uncomment bij gebruik van afbeeldingen voor tabs (stel navigatie in als text ipv iconen) */
#divFunctionBar TABLE TD.TabSelected, #divFunctionBar TABLE TD.TabSelected .fill, .textnav LI.navOver, .textnav LI.navOver DIV, .textnav LI.navSelected, .textnav LI.navSelected DIV { background-color:FFF; }

/* - Deelnemer: Aanpassing voor tekstkleur in de navigatiebalk */
.textnav, #TopBar_Deelnemer #divTitle, #TopBar_Intern #divTitle, #TopBar_Manager #divTitle { color: #FFF; font-weight:bold;}

/* - Deelnemer: Aanpassing voor tekstkleur bij mouseover in de navigatiebalk */
.textnav LI.navOver, .textnav LI.navSelected { color: #48AEA4; font-weight:bold; }

/* - Deelnemer, Manager, Trainer: Uncoment om Goedemorgen <naam> te verbergen */
/* #TopBar_Deelnemer #divTitle, #TopBar_Intern #divTitle, #TopBar_Manager #divTitle  { display:none; } */

/* - Beheerder: Uncomment wanneer primaire navigatiebalk geen achtergrondkleur moet hebben */
/* #divFunctionbar { background:transparent; }  */

/* - Beheerder: Uncomment wanneer primaire navigatiebalk links ruimte moet hebben voor een logo */
#divFunctionbar { margin-left:177px; width:826px; } #divFunctionbar TABLE { left:0px; }

/* - Beheerder: Uncomment voor een transparante secundaire navigatiebalk */
#divSpecBar  { background-color: transparent; }

/* - Beheerder: Uncomment bij gebruik van tabafbeeldingen in de primaire navigatiebalk */
#divFunctionBar TABLE TD.TabSelected, #divFunctionBar TABLE TD.TabSelected .fill { background-color: transparent; }