/*
    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                         { width: 496px; height: 275px; position: relative; margin: 0 auto 0 auto; padding: 8px 5px 4px 5px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ margin: -1px 0 0 0;}
#anythingSlider .sliderwrapper                { width: 490px; overflow: auto; height: 264px; margin:0; position: absolute; top: 12px; left: 8px; background:none; padding:0; }
#anythingSlider .sliderwrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }
#anythingSlider ul li                   { display: block; float: left; padding: 0; height: 240px; width: 490px; margin: 0; padding:0; position:relative; background: #fff url(../images/slides_bg.gif) top left no-repeat; }
#anythingSlider ul li a					{ text-decoration:none;}
#anythingSlider ul li img				{ width:320px; height:240px; float:left; display:inline; margin:0 10px 0 0; padding:0;}
#anythingSlider ul li div.slideinfo		{ width:155px; height:200px; float:left; display:inline; margin:0; padding:5px 5px 5px 0; overflow:hidden;}
#anythingSlider ul li div.slideinfo	 p.slide-immobilienpreis{ text-align:right; font-weight:bold; margin:10px 0 0 0;}
#anythingSlider ul li div.slideinfo h3	{ font-size:15px; line-height:18px; margin:0 0 5px 0; padding:0;}
#anythingSlider .arrow                  { display: block; height: 36px; width: 24px; background: url(../images/slider/arrows2.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 110px; cursor: pointer; }
#anythingSlider .forward                { background-position: -24px 0; right: -20px;}
#anythingSlider .back                   { background-position: 0 0; left: -20px; }
#anythingSlider .forward:hover          { background-position: -24px -36px; }
#anythingSlider .back:hover             { background-position: 0 -36px; }

#thumbNav                               { position: relative; top: 250px; padding:0 0 0 3px; margin:0; height:20px;}
#thumbNav a                             { color: #ebebeb; display: inline-block; padding:0; height: 16px; margin: 0 5px 0 0; width:40px; background:#333 url(../images/slider/thumbnav_bg.jpg) top left repeat-x; text-align: center; font-size:10px; line-height:16px;}
#thumbNav a:hover                       { background:#333 url(../images/slider/thumbnav_bg.jpg)  0px -26px repeat-x; text-decoration:none;}
#thumbNav a.cur                         { background:#333 url(../images/slider/thumbnav_bg.jpg)  0px -52px repeat-x; color:#3c3c3c; }

#start-stop                             { background:#333 url(../images/slider/thumbnav_bg.jpg)  0px -78px repeat-x; color: #fff; padding:0; width: 40px; height:16px; text-align: center; position: absolute; right:8px; top:261px; font-size:10px; line-height:16px;}
#start-stop.playing                     { background:#333 url(../images/slider/thumbnav_bg.jpg)  0px -78px repeat-x; }
#start-stop:hover                       { text-decoration:none; }

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