@charset "utf-8";
/* CSS Document */
#sliderWrapper {
background-color: #FFF;
border-top:5px solid #FFF;
border-bottom:5px solid #FFF;
width: 100%;
height: 216px;
margin: 0 0 25px;
overflow: hidden;
position: relative;
}
.lang {
background: #000;
border-left:5px solid #FFF;
border-right:5px solid #FFF;
position:absolute;
width:87px;
height:216px;
top:0;
left: 50%;
z-index:10000;
padding: 12px 0 0 7px;
}
.lang a {
color:#b71319;
font: normal 36px/48px "Conv_Capture it", "Arial Black", Gadget, sans-serif;
text-decoration:none;
}
.lang li:first-child a { color:#95c11f; }
#carousel img {
border-left:5px solid #FFF;
display: block;
float: left;
}
#sliderWrapper .wrapper {
margin: -211px auto 0;
position:relative;
z-index: 10001;
}
#prev, #next {
background-color: transparent;
display: block;
width: 14px;
height: 50px;
top: 12px;
position: absolute;
z-index:10002;
}
#prev {
background: url('../images/previous_arrow.png') no-repeat top left;
left: 90px;
}
#next {
background: url('../images/next_arrow.png') no-repeat top left;
left: 665px;
}
/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 0px) and (max-width: 480px) {
#sliderWrapper {
border:none;
border-bottom:4px solid #FFF;
height:210px;
margin: 0 0 5px;
}
.caroufredsel_wrapper {border-top: 4px solid #FFF;}
.lang {
background: #000;
border:none;
position: relative;
width: 100%;
height: 30px;
top: 0;
left: 0;
padding: 0px 0 0 7px;
margin: 0 auto;
text-align:center;
}
.lang li {
display: inline-block;
height:20px;
width: 60px;
margin: 0;
}
 .lang a {
color: #B71319;
font: normal 26px/26px "Conv_Capture it", "Arial Black", Gadget, sans-serif;
text-decoration: none;
}
#prev {left:0;}
#next {left:306px;}
}
@media screen and (min-width: 481px) and (max-width: 800px) {
#prev {left:0;}
#next {left:95%;}
}