/* AnythingSlider v1.8+ portfolio theme by A. Dittrich */
/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */

#slider {					
width: 1000px;
height: 600px;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
}

#sliderVideos {
width: 1000px;
height: 563px;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
}

#sliderWebdesign {
width: 1000px;
height: 600px;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
}

#sliderAnimiert {
width: 1000px;
height: 500px;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
}

#sliderB2B {
width: 1000px;
height: 500px;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
}

#sliderAds {
width: 1000px;
height: 360px;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
}

#sliderPosts {
width: 1000px;
height: 403px;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
}

/* anythingBase class added to the #slider above by the plugin */
.anythingBase {
background: transparent;
list-style: none;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
/* override the #slider overflow above, once the class is added */
overflow: visible !important;
}

/*************ACTIVE STATE (slider has keyboard focus)*************/
/* slider window, active state */
.anythingSlider-portfolio.activeSlider .arrow a {
}

.anythingSlider-portfolio.activeSlider .anythingControls {
}

/*****************DEFAULT STATE (no keyboard focus)*****************/
/* Overall Wrapper */
.anythingSlider-portfolio {
display: block;
position: relative;
margin: 0 auto;
padding: 0; /* adjust left/right padding here to move arrows towards or away from the center */
}

/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
background: transparent;
display: block;
overflow: hidden;
float: left;
padding: 0;
margin: 0;
}

/* vertical mode */
.anythingSlider .vertical .panel {
float: none;
}

/* fade mode */
.anythingSlider .fade .panel {
float: none;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}

/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
z-index: 1;
}

/* Slider window - top & bottom borders, default state */
.anythingSlider-portfolio .anythingWindow {
border: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}

/* Arrow buttons position */
.anythingSlider-portfolio .arrow {
top: 50%;
position: absolute;
display: block;
}

.anythingSlider-portfolio span.back {
left: 0;
}

.anythingSlider-portfolio span.forward {
right: 0;
}

/* Arrow buttons images */
.anythingSlider-portfolio .arrow a {
display: block;
background: transparent url(../Slider/portfolio_pfeile.png) no-repeat;
height: 45px;
width: 23px;
text-align: center;
text-decoration: none;
outline: 0;
margin: -21px 0 0; /* set to 1/2 height */
}

.anythingSlider-portfolio .arrow a:hover {
}

.anythingSlider-portfolio .back a {
background-position: left top;
}

.anythingSlider-portfolio .forward a {
background-position: right top;
}

/* Disabled arrows - infiniteSlide = false & stopAtEnd = true */
.anythingSlider-portfolio .back.disabled,
.anythingSlider-portfolio .forward.disabled {
display: none;
}

/* Navigation tabs - Slider control block */
.anythingSlider-portfolio .anythingControls {
outline: 0;
margin: 0 auto;
position: absolute;
bottom: 6px;
right: 25px;
z-index: 100;
}

.anythingSlider-portfolio .anythingControls:hover {
}

/* control list */
.anythingSlider-portfolio .anythingControls ul {
float: left;
margin: 0;
padding: 0;
z-index: 100;
}

/* control tabs */
.anythingSlider-portfolio .anythingControls ul li {
display: block;
float: left;
}

/* control links */
.anythingSlider-portfolio .anythingControls ul a {
display: block;
background: transparent url(../Slider/portfolio_pfeile.png) no-repeat left -47px; /* default tab, active/inactive slider */
text-decoration: none;
width: 11px;
height: 11px;
margin: 0;
padding: 0;
outline: 0;
}

/* control nav window (navigationSize = true) */
.anythingSlider-portfolio .anythingControls .anythingNavWindow {
overflow: hidden;
float: left;
}

.anythingSlider-portfolio .anythingControls ul a.hover,
.anythingSlider-portfolio .anythingControls ul a:hover,{
background-position: left -47px;
}

.anythingSlider-portfolio .anythingControls ul a.cur,
.anythingSlider-portfolio .anythingControls ul a.cur:hover{
background-position: left -59px;	
}


/* Navigation size window arrows */
.anythingSlider-portfolio .anythingControls li.next a span, .anythingSlider-portfolio .anythingControls li.prev a span {
text-indent: 1px;
padding: 4px 0 0 3px;
font-size: 8px;
}

.anythingSlider-portfolio .anythingControls li.prev a, .anythingSlider-portfolio .anythingControls li.next a {
color: #ddd;
}

.anythingSlider-portfolio .anythingControls li.next a:hover, .anythingSlider-portfolio .anythingControls li.prev a:hover {
color: #000;
}

/***********************COMMON SLIDER STYLING***********************/
/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider-portfolio .arrow a span, .anythingSlider-portfolio .anythingControls ul a span, .anythingSlider-portfolio .start-stop span {
display: block;
line-height: 1px; /* needed for IE7 */
width: 0;
visibility: hidden; /* needed for IE8, instead of text-indent: -9999px */
}

/* AnythingSlider IE7 and older styling */
.as-oldie div.anythingSlider .arrow {
margin: 0;
}

/* When using the navigationSize option, the side margins need to be zero None of the navigation panels look good in IE7 now =( */
.as-oldie div.anythingSlider .anythingControls {
margin: 0 0 0 30px;
}

.as-oldie div.anythingSlider .anythingControls ul.thumbNav a {
margin: 0 0 0 2px;
}

.as-oldie div.anythingSlider .anythingControls .anythingNavWindow li {
padding: 3px 0 0 0;
}

.as-oldie div.anythingSlider .anythingControls {
display: block;
width: 95%; /* arbitrary percentage, adjust to fit your slider in IE7 */
margin: 0;
}