/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         		{ z-index:9; width: 978px; height: 103px; position: relative; margin-top/*\**/: -55px\9; *margin-top: 0px;  }
.anythingSlider .wrapper               	{ z-index:9; width: 978px; overflow: auto; height: 103px; margin: 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             	{ z-index:9; width: 99999px; list-style: none; position: absolute; float:left; top: 0; left: 156px; margin: 0;}
.anythingSlider ul li                   		{ z-index:9; display: block; float: left; padding: 0; height: 101px; width: 164px; margin: 0; margin-left:1px; text-align:center;  }
.anythingSlider ul li:hover .niveau { border:1px solid #E38900; border-top:0px; background: #E38900;color: white;   }
.anythingSlider ul li:hover .niveau  a{ color: white;   }
.anythingSlider ul li a                  		{ z-index:9; color: #999; font-weight:bold;text-decoration:none; }
.anythingSlider ul li a:visited         	{ color: #999; font-weight:bold; }
.anythingSlider ul li a:hover               { color: white; }
.anythingSlider ul li img              		{ z-index:9; text-align:left; }
.anythingSlider .arrow                  	{ display: block; height: 150px; width: 67px; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.anythingSlider .forward                	{ background: url(../images/right.png) no-repeat 0 0; right: -30px; top:35px;}
.anythingSlider .back                   	{ background: url(../images/left.png) no-repeat 0 0; left: -0px; top:35px;}
.anythingSlider .niveau                   	{ float:left; border:1px solid #999; border-top:0px; width:148px; padding-top:1px; height:21px; margin-top:-5px; margin-left:7px; _margin-left:3px;  padding-top:5px; margin-top/*\**/: 0px\9;}
.anythingSlider .niveau:hover        { border:1px solid #E38900; border-top:0px; background: #E38900;}
.anythingSlider .niveau:hover a    { color:#fff; }

#thumbNav                               			{ position: relative; top: 323px; text-align: center; display:none;  }
#thumbNav a                             			{ color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                      		{ background-image: none; }
#thumbNav a.cur                         		{ background: #e0a213; }

#start-stop                             			{ background: green; display:none; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     	{ background-color: red; display:none; }
#start-stop:hover                       		{ background-image: none; display:none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          	{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       	{ float: none; height: auto; width: auto; background: none; }