/* Tanmar Bannerrotator 2.2 */

#bannerrotator{
    width:100%;
    height: 590px;
    position: relative;
    text-align: left;
	z-index:0;
	
}

/*
 * image size
 */
 
#bannerrotator .rotator, 
#bannerrotator .rotator div, 
#bannerrotator .rotator div div
{
	height: 550px;
}

#bannerrotator .rotator{
    width:100%;
    overflow: hidden;
    position: relative;
}
#bannerrotator .rotator div{
    width:100%;
    position: absolute;
	z-index:2;
    top:0px;
    left:0px;
    background-color: white;
    overflow: hidden;
    display: none;
}
#bannerrotator .rotator div:first-child{
	display:block;	
}
#bannerrotator .rotator div div{
    width:100%;
    background-color: white;
    overflow: hidden;
    display: block;
}
#bannerrotator .rotator div.first-child{
    display:block
}
#bannerrotator .bNav{
    height: 10px;
    margin: 5px auto;
}
#bannerrotator .bNav .bNav-box{
    width:11px !important;
    float:left;
    margin:5px;
    color:black;
    cursor: pointer;
    opacity:1;
    background: url('/template/bilder/banner_punkt.png') 0 -11px no-repeat transparent;
    height: 11px;
}
#bannerrotator .bNav .active{
    background-position: 0 0; /* opacity:0.4 !important;background-color: white; */
}



#bannerrotator .arrow-left, #bannerrotator .arrow-right {
    height: 35px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    width: 35px;
    
}
#bannerrotator .arrow-left {
    left: 5px;
}
#bannerrotator .arrow-right {
    right: 5px;
}
#bannerrotator .arrow-top{
	width:17px;
	height:9px;
	background-image: url("../../../../../images/icons/banner_pfeil_top.png");
	position: absolute;
	z-index:1000;
}

#bannerrotator .arrow-left a, #bannerrotator .arrow-right a {
    background-position: 0 0;
    display: block;
    height: 35px;
    width: 35px;
}
#bannerrotator .arrow-left a {
    background-image: url("../../../../../images/icons/banner_pfeil_l.png");
}
#bannerrotator .arrow-right a {
    background-image: url("../../../../../images/icons/banner_pfeil_r.png");
}
#bannerrotator .arrow-left a:link, #bannerrotator .arrow-right a:link {
}
#bannerrotator .arrow-left a:visited, #bannerrotator .arrow-right a:visited {
}
#bannerrotator .arrow-left a:hover, #bannerrotator .arrow-right a:hover {
    cursor: pointer;
}
#bannerrotator .arrow-left a:active, #bannerrotator .arrow-right a:active {
}