@charset "UTF-8";
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* changes the font color of the top level item of the side fly menu to show you where you are;
needs body class to be set */
body.uebersicht a#uebersichtLink, 
body.ueber_mich a#ueber_michLink, 
body.aktuelle_projekte a#aktuelle_projekteLink, 
body.kompositionen a#kompositionenLink, 
body.fruehere_arbeiten a#fruehere_arbeitenLink, 
body.computersupport a#computersupportLink, 
body.reiki a#reikiLink,
body.fotos a#fotosLink, 
body.verschiedenes a#verschiedenesLink {
	color: #FF0800;
}

/* height sets the height of the menu when unfolded, 1 top item line heigth is 30px */
#menu_b {
	list-style-type:none;
	width:9.375em;
	z-index:100;
	float:left;
	height:420px;
	margin-top: 0em;
	margin-right: 0.313em;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
	padding-top: 0.313em;
	padding-right: 0.625em;
	padding-bottom: 0.313em;
	padding-left: 0.313em;
	margin-bottom: 0.313em;
	margin-left: 0.313em;
}
#menu_b ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#menu_b li {float:left; background:#fff url(../graphics/slide_menu_pix/slide_2.gif) no-repeat;}

#menu_b li.sub {background:#fff url(../graphics/slide_menu_pix/slide_2.gif) no-repeat;}

#menu_b li, #menu_b li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:30px; width:150px; text-decoration:none; cursor:pointer; font-weight:bold; text-align:center;}

#menu_b table {border-collapse:collapse; padding:0; margin:0 -1px -1px;}

#menu_b ul,
#menu_b :hover ul ul,
#menu_b :hover ul :hover ul ul {position:absolute; left:-9999px; width:150px;}

#menu_b :hover {color:#ff0; background:#fff url(../graphics/slide_menu_pix/slide_1.gif) no-repeat; z-index:600; white-space:nowrap;}

#menu_b :hover > a {color:#ff0; background:#fff url(../graphics/slide_menu_pix/slide_1.gif) no-repeat; z-index:600; white-space:nowrap;}

#menu_b :hover ul {position:static; height:152px; margin-top:-1px; background:#383838;}
#menu_b :hover ul :hover ul, 
#menu_b :hover ul :hover ul :hover ul {display:block; position:absolute; left:130px; top:0; height:auto; z-index:600; border:1px solid #fff;}

#menu_b :hover ul li, #menu_b :hover ul li a {background:#383838; text-align:left; text-indent:10px; }
#menu_b :hover ul li.fly a {background: #383838 url(../graphics/slide_menu_pix/arrow.gif) no-repeat 120px center;}
#menu_b :hover ul :hover {background:#255fa3; position:relative; z-index:100;}
#menu_b a:hover ul li.fly a:hover {background:#255fa3 url(../graphics/slide_menu_pix/arrow.gif) no-repeat 120px center; color:#ff0;}
#menu_b :hover ul li.fly:hover > a {background:#255fa3 url(../graphics/slide_menu_pix/arrow.gif) no-repeat 120px center; color:#ff0;}

#menu_b :hover ul :hover ul li, 
#menu_b :hover ul :hover ul li a {background:#666;}
#menu_b :hover ul :hover ul :hover ul li {background:#666; z-index:600;}

#menu_b :hover ul :hover ul li.fly a {background: #626262 url(../graphics/slide_menu_pix/arrow.gif) no-repeat 120px center;}
#menu_b :hover ul :hover ul :hover {z-index:600; background:#0d72c0; color:#ff0;}
#menu_b a:hover ul a:hover ul li.fly a:hover {background:#0d72c0 url(../graphics/slide_menu_pix/arrow.gif) no-repeat 120px center; color:#ff0;}
#menu_b :hover ul :hover ul li.fly:hover > a {background:#0d72c0 url(../graphics/slide_menu_pix/arrow.gif) no-repeat 120px center; color:#ff0;}

#menu_b :hover ul :hover ul :hover ul li, 
#menu_b :hover ul :hover ul :hover ul li a {background:#888;}

#menu_b :hover ul :hover ul :hover ul :hover {background:#5184b8; color:#ff0;}
#menu_b :hover ul :hover ul :hover ul :hover a {color:#ff0;}

/* "span.not_yet" modifies the appearance of those menu items that are not online yet */
#menu_b span.not_yet a,
#menu_b span.not_yet a:hover,
#menu_b li a.not_yet {
	text-decoration: line-through !important;
	color: #999 !important;
}

/* changes font color on click for all links; */
#menu_b a:active, #menu_b a:focus {
	color: #FF0800;
}