/*
=================================================================================================================================
Skin styles for Aquariumvereniging Betta Splendens Almelo; Designed by Jos Richters Visual Data Webservices Almelo, Netherlands
=================================================================================================================================
*/
/*
Deze code wordt in een HTML pagina in tabellen geplaatst in een "CLASS" tag. Deze tags kunnen op de "TABLE" regel of "TD" regel
geplaatst worden.
*/
/*
BODY: de foto die de achtergrond van het scherm bepaald; de hoogte en breedte (in %%) en de achtergrondkleur
#008800 = soort groen
#CFE0F2 = soort blauwgrijs
#EEF4FA = soort uiterst wit/lichtblauw; sluit aan bij de achtergrondfoto
*/
body {
	width: 100%;
	height: 100%;
	background-color: #EEF4FA;
	background-image: url(achtergrond.jpg);
	background-repeat: no-repeat;
}

/* PAGEMASTER: Bepaalt in de hoofdtabel de afmetingen van het webscherm; geen kleur! */
.pagemaster {
	width: 100%;
	height: 100%;
	background-color: transparent;
}

/*
SKINMASTER: bepaalt in de eerste sub-tabel de hoofdkleur van de achtergrond van het webscherm; de "Draagkleur"
#008800 = soort groen
#E3EDF7 = soort licht blauw (de kaderlijn rond de sub-menuopties)
#F3F5FA = soort wit
*/
.skinmaster {
	height: 100%;
	background-color: transparent;#F3F5FA;
	BORDER-RIGHT: #E3EDF7 1px solid;
	BORDER-TOP: #E3EDF7 1px solid;
	BORDER-LEFT: #E3EDF7 1px solid;
	BORDER-BOTTOM: #E3EDF7 1px solid;
	moz-border-radius-bottomleft: 15px;
	moz-border-radius-bottomright: 15px;
	moz-border-radius-topleft: 3px;
	moz-border-radius-topright: 3px;
}

/* SKINHEADER: bepaalt de achtergrondkleur voor het regelpaneel
Als een kleur wordt aangegeven ontstaat er ook een wit streepje over het scherm (mmestal niet gewenst)
#00ff00 = soort zeer licht groen
#DFE5F2 = soort zeer licht blauwgrijs
*/
.skinheader {
	/* background-color: #DFE5F2; */
}

/* SKINGRADIENT: de fotobalk bovenin het scherm waar de menuopties in staan, inclusief de Zoekfunctie)  */
.skingradient {
	/* BACKGROUND-IMAGE: url(gradient_Skin.jpg); */
	HEIGHT: 26px;
	background-repeat: repeat-x;
}

/* MENUGRADIENT: de fotobalk bovenin het scherm waar de menuopties in staan, inclusief de Zoekfunctie)  */
.menugradient {
	 BACKGROUND-IMAGE: url(gradient_Menu.jpg);
	HEIGHT: 26px;
	/* background-color: #00ff00; */
	background-repeat: no-repeat;
}

/* CONTROLPANEL: bepaalt de breedte en kleur van de balk (het regelpaneel)
bovenin het scherm voor de administrator ...
#00ff00 = soort zeer licht groen
#DFE5F2 = soort zeer licht blauwgrijs
*/
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}

/* TOPPANE: bepaalt ...  */
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

/* LEFTPANE: bepaalt ...  */
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

/* CONTENTPANE: bepaalt ...  */
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

/* RIGHTPANE: bepaalt ...  */
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

/* BOTTOMPANE: bepaalt ...  */
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

/* FOOTERGRADIENT: bepaalt de foto in de balk onder aan de webpagina */
.footergradient {
	BACKGROUND-IMAGE: url(gradient_footer.jpg);
	HEIGHT: 26px;
	background-repeat: repeat-x;
}

/* MAINMENU-CONTAINER: bepaalt ...  */
.MainMenu_MenuContainer {
	background-color: transparent;
}

/* MAINMENU-MENUBAR: bepaalt ...  */
.MainMenu_MenuBar {
	cursor: pointer;
	cursor: hand;
	height: 16;
	background-color: Transparent;
    /* background-color: #333333; */
}

/*
MAINMENU-MENUITEM: bepaalt ...
#E3EDF7 = soort licht blauw (de kaderlijn rond de sub-menuopties)
#333333 = soort donker grijs
#CFE0F2 = soort blauwgrijs
*/
.MainMenu_MenuItem {
	border-left: #333333 1px solid;
	border-bottom: #333333 1px solid;
	border-top: #333333 1px solid;
	border-right: #333333 0px solid;
	height: 21px;
	cursor: pointer;
	cursor: hand;
	color: #333333;
	/* font-family: Tahoma, Arial, Helvetica; */
    font-family:Verdana, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: Transparent;
}

/*
MAINMENU-MENUICON: bepaalt de kleur van de achtergrond van het menu-icoon
als de muis NIET over dit menu wordt bewogen
#ffd700 = soort goud
#CFE0F2 = soort blauwgrijs
*/
.MainMenu_MenuIcon {
	background-color: #ffd700;
	border-left: #CFE0F2 1px solid;
	border-bottom: #CFE0F2 1px solid;
	border-top: #CFE0F2 1px solid;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 15;
	height: 21px;
}

/* MAINMENU-SUBMENU: bepaalt ...
#2e8b57 = soort zeegroen
#CFE0F2 = soort blauwgrijs
*/
.MainMenu_SubMenu {
	background-color: #CFE0F2;
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
}

/* MAINMENU-MENUBREAK: bepaalt ...  */
.MainMenu_MenuBreak {
	height: 1px;
}

/*
MAINMENU-MENUITEMSEL: bepaalt de kleur van de hoofd menuoptie als de muis erop staat
#7fff00 = soort helder groen
#8DA4D3 = soort lichtblauw
*/
.MainMenu_MenuItemSel {
	background-color: #8DA4D3;
	cursor: pointer;
	cursor: hand;
	color: black;
	/* font-family: Tahoma, Arial, Helvetica; */
    font-family:Verdana, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	height: 21px;
}

/* MAINMENU-MENUARROW: bepaalt ...
#CFE0F2 = soort blauwgrijs
*/
.MainMenu_MenuArrow {
	border-right: #CFE0F2 1px solid;
	border-bottom: #CFE0F2 1px solid;
	border-top: #CFE0F2 0px solid;
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}

/* MAINMENU-ROOTMENUARROW: bepaalt ...  */
.MainMenu_RootMenuArrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}

/* StandardBUTTON: bepaalt ...
#7994CB = soort blauw
*/
.StandardButton     {
    background: #7994CB none;
    color: #FFFFFF;
	/* font-family: Tahoma, Arial, Helvetica; */
    font-family:Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* TREEVIEW: bepaalt ...
#EFF2FE = soort uiterst lichtblauw-wit
*/
.TreeViewMenu {
	width: 150px;
	background-color: #EFF2FE;
	BORDER-RIGHT: #7994CB 0px solid;
	BORDER-TOP: #7994CB 0px solid;
	BORDER-LEFT: #7994CB 0px solid;
	BORDER-BOTTOM: #7994CB 0px solid;
	moz-border-radius-bottomleft: 15px;
	moz-border-radius-bottomright: 15px;
	moz-border-radius-topleft: 3px;
	moz-border-radius-topright: 3px
}

/* TREEVIEWMENU_HEADER: bepaalt ...
#BDCBE6 = soort lichtblauw-wit
*/
.TreeViewMenu_Header{
	background-color:#BDCBE6;
	background-image:url(mid_grad.gif);
	background-repeat:repeat-x;
	font-size: 16px;
	border-top: 1px solid #41638B;
	border-bottom: solid 1px #41638B;
	border-right: solid 1px #41638B;
	border-left: solid 1px #41638B;
	line-height: 16px;
}

/* TREEVIEWMENU_COLOR: bepaalt ...
#EFF2FE = soort uiterst lichtblauw-wit
#7994CB = soort blauw
*/
.TreeMenu_color {
	background-color: #EFF2FE;
	BORDER-RIGHT: #7994CB 1px solid;
	BORDER-TOP: #7994CB 0px solid;
	BORDER-LEFT: #7994CB 1px solid;
	BORDER-BOTTOM: #7994CB 1px solid;
	background-repeat: repeat-x;

}
/*
TREEVIEWMENU_TEXT:  bepaalt de kleur van de hoofd menuoptie als de muis erop staat
#7fff00 = soort dof groen
#EFF2FE = soort uiterst lichtblauw-wit
*/
.TreeViewMenu_Text {
color: #EFF2FE;
line-height: 1em;

}

/* HEAD: bepaalt tekstformaat, kleur en grootte
#333333 = soort donker grijs
*/
.Head   {
	/* font-family: Tahoma, Arial, Helvetica; */
    font-family:Verdana, sans-serif;
    font-size:  14px;
    font-weight:  bold;
    color: #333333;
}

/*
SUBHEAD: bepaalt tekstformaat, kleur en grootte
#333333 = soort donker grijs
*/
.SubHead   {
	/* font-family: Tahoma, Arial, Helvetica; */
    font-family:Verdana, sans-serif;
    font-size:  14px;
    font-weight:  bold;
    color: #333333;
}



/* -- CustomStyles -- */

/*
DARKBG: bepaalt tekstformaat, kleur en grootte */
#FFFFFF = wit
#000000 = zwart
*/
.DarkBG {
    color: #000000;
	/* font-family: Tahoma, Arial, Helvetica; */
    font-family:Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}