/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical-concertina.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
===================================================================
*/
ul#slide {padding:0; margin:0; list-style:none; width:190px; height:305px; border:0px solid #888; position:relative; overflow:hidden;}

ul li div {position:absolute; left:-9999px;}

ul table {border-collapse:collapse; width:0; height:0; margin:-1px; padding:0;}

#slide li.top {height:35px; width:190px; float:left;}
#slide li.top a.outer {
display:block; 
height:30px; 
line-height:30px; 
width:190px; 
text-indent:10px; 
color:#000; 
text-decoration:none; 
font-family: 'Times New Roman',Times,serif; font-size:12px; 
border:0px solid #eee; 
}

#slide li.top a:hover {font-weight:bold; color:#09F; font-size:20px; border:0px solid #888;}
#slide li.top:hover > a {font-weight:bold; color:#09F; font-size:20px; border:0px solid #888;}
#slide li:hover {height:170px;}
#slide a:hover div, #slide li.current div {position:static; height:115px; width:160px; padding:15px; line-height:1.2em; 							font-family: 'Times New Roman',Times,serif;}
#slide li:hover div {position:static; height:115px; width:160px; padding:15px; line-height:1.2em; 													font-family: 'Times New Roman',Times,serif;}
#slide div img {display:block; margin:15px 0 8px 0;}
#slide div img.fLeft {clear:left; float:left; display:block; margin:8px; margin-right:8px;}

#slide div h3 {font-size:13px; color:#000; padding:0; margin:0;}
#slide div p {font-size:12px; color:#888; line-height:1.4em; padding:10px 0; margin:0;}

#slide :hover div a {color:#00c; text-decoration:none; font-size:11px;}
#slide :hover div a:hover {text-decoration:underline; color:#00c;}

#slide div a.big, #slide :hover div a.big {font-weight:bold; line-height:30px; border:0px solid #FF0; font-size:18px; color:#07F; text-decoration:none; text-indent:0px;}
#slide :hover div a.big:hover {font-weight:bold; color:#09F; font-size:20px; text-decoration:none;}

 div.menpa {
      position:relative; z-index:0; left:0px; width:59px; height:29px; border:0px solid #FF0; margin:5; padding:0px;
      background:url(gfx/nav_musik.png); 
      background-repeat:no-repeat; }
  * html #menmusik {
      height:29px; background:none; border:0px solid #F00;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/nav_musik.png',sizingMethod='image'); }
 div.menpb {
      position:relative; z-index:0; left:0px; width:56px; height:34px; border:0px solid #DDD; margin:5; padding:0px;
      background:url(gfx/nav_show.png);
      background-repeat:no-repeat; }
  * html #menshow {
      height:34px; background:none; border:0px solid #F00;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/nav_show.png',sizingMethod='image'); }
 div.menpc {
      position:relative; z-index:0; left:0px; width:99px; height:30px; border:0px solid #DDD; margin:5; padding:0px;
      background:url(gfx/nav_virtuell.png); 
      background-repeat:no-repeat; }
  * html #menedv {
      height:30px; background:none; border:0px solid #F00;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/nav_virtuell.png',sizingMethod='image'); }
 div.menpd {
      position:relative; z-index:0; left:0px; width:135px; height:35px; border:0px solid #DDD; margin:5; padding:0px;
      background:url(gfx/nav_links.png); 
      background-repeat:no-repeat; }
  * html #menverkn {
      height:35px; background:none; border:0px solid #F00;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/nav_links.png',sizingMethod='image'); }

