#wrapper {
width: 684px;
height:586px;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
border: 0;
}
.rslides_container {
margin-bottom: 50px;
position: relative;
float: left;
width: 100%;
}
.centered-btns_nav {
z-index: 3;
position: absolute;
top: 554px;
left: 0;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 30px;
width: 30px;
margin-top: 0px;
background: url(//www.ais-jugendservice.at/wp-content/themes/ais/images/ais-sprite2.png) no-repeat 0px 0px;
}
.centered-btns_nav:active {
opacity: 1.0;
}
.centered-btns_nav.next {
left: auto;
background: url(//www.ais-jugendservice.at/wp-content/themes/ais/images/ais-sprite2.png) no-repeat -50px 0px;
right: 144px;
}
.transparent-btns_nav {
z-index: 3;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 0;
left: 0;
display: block;
background: #fff; opacity: 0;
filter: alpha(opacity=1);
width: 48%;
text-indent: -9999px;
overflow: hidden;
height: 91%;
}
.transparent-btns_nav.next {
left: auto;
right: 0;
}
.large-btns_nav {
z-index: 3;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
opacity: 0.6;
text-indent: -9999px;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
width: 38px;
}
.large-btns_nav:active {
opacity: 1.0;
}
.large-btns_nav.next {
left: auto;
background-position: right 50%;
right: 0;
}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
outline: none;
}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
margin-top: 10px;
text-align: center;
position:relative;
top:-85px;
z-index:99;
width: 540px;
}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
display: inline;
float: none;
_float: left;
*float: left;
margin-right: 5px;
}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
display: inline-block;
_display: block;
*display: block;
width: 8px;
height: 8px;
border: solid 4px #fbd8ba;
}
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
border: solid 4px #ea6112;
}
.startseitenslider-foto {
height: 540px;
width: 540px;
}
.startseitenslider-kreis {
height: 268px;
width: 268px;
position: absolute;
left: 402px;
top: 138px;
-moz-border-radius: 50%;
border-radius: 50%;
border: double 4px #fff;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.startseitenslider-zitat {
width: 268px;
position: absolute;
left: 406px;
top: 191px;
text-align: center;
color: #FFF;
font: normal 30px/48px 'Amatic SC', cursive;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.startseitenslider-stern1 {
width: 268px;
position: absolute;
left: 406px;
top: 150px;
text-align: center;
color: #FFF;
font: normal 30px/48px 'Amatic SC', cursive;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.startseitenslider-stern2 {
width: 268px;
position: absolute;
left: 406px;
top: 364px;
text-align: center;
color: #FFF;
font: normal 30px/48px 'Amatic SC', cursive;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.content .startseitenslider-zitat p{
line-height:34px;
}
.startseitenslider-name {
text-align: center;
width: 540px;
font: 30px/45px "Amatic SC",cursive;
height: 40px;
text-transform: uppercase;
}
@media screen and (max-width: 970px) {
.startseitenslider-kreis {
left: 44%;
top: 238px;
}
.startseitenslider-zitat {
left: 45%;
top: 291px;
}
.startseitenslider-stern1 {
left: 45%;
top: 250px;
}
.startseitenslider-stern2 {
left: 45%;
top: 464px;
}
}
@media screen and (max-width: 840px) {
.startseitenslider-kreis {
left: 402px;
top: 138px;
}
.startseitenslider-zitat {
left: 406px;
top: 191px;
}
.startseitenslider-stern1 {
left: 406px;
top: 150px;
}
.startseitenslider-stern2 {
left: 406px;
top: 364px;
}
}
@media screen and (max-width: 700px) {
.startseitenslider-kreis {
left: 44%;
top: 238px;
}
.startseitenslider-zitat {
left: 45%;
top: 291px;
}
.startseitenslider-stern1 {
left: 45%;
top: 250px;
}
.startseitenslider-stern2 {
left: 45%;
top: 464px;
}
}
@media screen and (max-width: 600px) {
#wrapper { width:100%;}
.startseitenslider-foto { width:100%;}
.startseitenslider-foto img { width:100%; height:auto;}
.centered-btns_nav.next {
right: 0px;
}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
width: 100%;
}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
margin-top: 25px;
}
.startseitenslider-name {width:100%;}
.startseitenslider-kreis {
left: auto;
right:10px;
top: 238px;
}
.startseitenslider-zitat {
left: auto;
right:12px;
top: 291px;
}
.startseitenslider-stern1 {
left: auto;
right:12px;
top: 250px;
}
.startseitenslider-stern2 {
left: auto;
right:12px;
top: 464px;
}
}