.menu_s {font-family: verdana, arial, sans-serif; position:relative; margin:0; margin:20px 0 70px 0; padding:5px 0px 0 0px; float:right; width:256; height: 390px; background:#000 url(../images/menu_back_05c.jpg) 0px 120px no-repeat; border:1px solid #fff; border-left-width:0px; border-top-width:0px; border-bottom-width:1px; border-right-width:0px; z-index:20;}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu_s ul {padding:0; margin:0; list-style-type: none;}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu_s ul li {float:left; position:relative; }

/* style the links to be 150px wide by 25px high. Set the color and the font size. */
.menu_s ul li a, .menu_s ul li a:visited {display:block; width:150px; height:26px; color:#fff; line-height:25px; border: 1px solid #979797; padding: 0;}
/* make the dropdown ul invisible */
.menu_s ul li ul li {display:none; position:relative; height:auto; line-height:1.6em; border:2px solid transparent; left:-2px; clear:left;}

/* set the background and foreground color of the main menu_s li on hover (Text-color)*/
.menu_s ul li:hover a {color:#666;}

.menu_s ul li:hover ul {position:absolute; top:25px; width:150px; left:0px;}
/* make the sub menu_s 'ul' visible and position it beneath the main menu_s list item */
/* style the background and foreground color of the submenu_s links */
.menu_s ul li:visited ul li, .menu_s ul li:hover ul li {display:block;}
.menu_s ul li:hover ul li a {color:#fff; text-align:left; height:auto; font-size:0.85em; line-height:1.6em; margin:0; padding:0 0 0 3px; }
/* style the hidden span text */
.menu_s ul li:hover ul li span {display:none; position:absolute; left:0px; top:180px; text-align:left; text-decoration:none; width:150px; height:auto; color:#000; line-height:1.1em; font-size:0.9em; padding:0 0 0 5px;	margin: 10px 0 0 0;}
/* style the first letter of the span text */
.menu_s ul li:hover li a span:first-letter, .menu_s ul li a:hover li a span:first-letter {font-weight:bold; font-size:1.2em;}
 /* style the background and forground colors of the links on hover */
.menu_s ul li:hover ul li a:hover {background-color:#fff; color:#666; font-weight:bold; height:auto; line-height:1.6em;}
/* make the span text visible */
.menu_s ul li ul li:hover span {display:block; text-align:left; font-weight:normal; line-height:1.2em; width:230px; left:0px; background:transparent url(../images/span_background_02a.png); padding:5px; z-index:100;}
/* position the span text on the left of the last menu_s item */

.menu_s ul li a.picture, .menu_s ul li a.picture:visited, .menu_s ul li a.story, .menu_s ul li a.story:visited, .menu_s ul li a.profil, .menu_s ul li a.profil:visited, .menu_s ul li a.login, .menu_s ul li a.login:visited, .menu_s ul li a.logout, .menu_s ul li a.logout:visited {
	display:block; float:left; background-position:top left; background-color:#000; height:25px; margin:0; padding:0; border:0; border-right-width:3px; border-right-style:solid; border-right-color:#000; }
.menu_s ul li a.login, .menu_s ul li a.login:visited {width:40px; background:#000 url(../images/menu_login.gif) no-repeat; } 
.menu_s ul li a.logout, .menu_s ul li a.logout:visited {width:40px; background:#000 url(../images/menu_logout.gif) no-repeat; } 

.menu_s ul li a.picture:hover, .menu_s ul li a.story:hover, .menu_s ul li a.profil:hover, .menu_s ul li a.login:hover, .menu_s ul li a.logout:hover {
	background-position:0 -25px; line-height:25px; height:25px; background-color:#000; padding:0; }
/* align the text right of the last menu_s item */
.menu_s ul li:hover ul.left {display:block; position:absolute; left:-40px; width:75px; top:25px;}
.menu_s ul li:hover ul.left li {border:2px solid #000;}
.menu_s ul li:hover ul.left a {width:75px; text-align:right; padding:0 5px 0 0;}
.menu_s ul li:hover ul.left a.llogout {display:block; position:absolute; text-align:right; width:50px; left:25px; border-color:#ff9900; z-index:30; }

/* align the text right of the pre-last menu_s item */
.menu_s ul li:hover ul.pre-left	{display:block; position:absolute; top:25px; left:-43px; width:120px; }
.menu_s ul li:hover ul.pre-left a {text-align:right;}
/* align the span text of the submenu links */
.menu_s ul li:hover ul.first li:hover span {left:5px;}
.menu_s ul li:hover ul.second li:hover span {left:-64px;}
.menu_s ul li:hover ul.left li:hover span {left:-166px;}
.menu_s ul li:hover ul.left li:visited span.span_log {display:none;}
.menu_s ul li:hover ul.pre-left li:hover span {left:-92px;}
/* style border of admin- and logout-button */
.menu_s ul li:hover ul li a.admin {border-color:#ff3399}
.menu_s li.author {position:absolute; display:block; top:371px; left:0px; line-height:1em; font-size:0.75em;}