                .container {
        width:360px;
        height:340px;
        overflow:hidden;
        position:relative;
        cursor:pointer;
        z-index: 500;
        background-color: #f2f2f2;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.slides {
        position:absolute;
        top:0;
        left:0;
}
ul.slides {
        position:absolute;
        top:0;
        left:0;
        list-style:none;
        padding:0;
        margin:0;
}
div.slides div, ul.slides li {
        position:absolute;
        top:0;
        width:360px;
        display:inline-block;
        padding:0;
        margin:0;
}
/*
                 * Optional
                */
#Slidercontainter {
        margin:0 auto 0 0;
        width:740px;
        position:relative;
        clear:both;
        border-bottom: 10px solid white;
        border-top: 20px solid white;
}
#loopedSliderleft {
        color: #6a1485;
        margin:0 auto 0 0;
        width:360px;
        float: left;
}
#loopedSliderright {
        color: #62aa20;
        margin:0 0 0 auto;
        width:360px;
}
/* pagination */

#loopedSliderleft ul.pagination {
        list-style:none;
        padding:0;
        margin:0;
        position: absolute;
        bottom: 5px;
        right: 0px;
}
#loopedSliderleft ul.pagination li {
        float:none;
        margin: 3px 0;
}
#loopedSliderleft ul.pagination li a {
        padding:2px 10px 2px 5px;
        color: #6a1485;
        text-decoration: none;
}
#loopedSliderleft ul.pagination li.active a {
        background:#6a1485;
        color:white;
}
/**/
#loopedSliderright ul.pagination {
        list-style:none;
        padding:0;
        margin:0;
        position: absolute;
        bottom: 5px;
        right: 0px;
}
#loopedSliderright ul.pagination li {
        float:none;
        margin: 3px 0;
}
#loopedSliderright ul.pagination li a {
        padding:2px 10px 2px 5px;
        color: #62AA20;
        text-decoration: none;
}
#loopedSliderright ul.pagination li.active a {
        background:#62aa20;
        color:white;
}
/* pagination */


#loopedSliderright .container .slides hr {
        background-image: url(../Images/bl-splitter-gelegenheden.jpg);
        height: 30px;
        margin: -3px 0 10px 0;
        padding: 0px;
        background-color: transparent;
        border: none;
}
#loopedSliderleft .container .slides hr {
        background-image: url(../Images/bl-splitter.jpg);
        height: 30px;
        margin: -3px 0 10px 0;
        padding: 0px;
        background-color: transparent;
        border: none;
}
/* clickable */
#loopedSliderright .container .slides h2.hr {
        background-image: url(../Images/bl-splitter-gelegenheden.jpg);
        height: 30px;
        margin: -3px 0 0 0;
        padding: 0px;
        background-color: transparent;
        border: none;
        line-height: 30px;
        text-indent: -9999px;
        cursor: pointer;
}
#loopedSliderleft .container .slides h2.hr {
        background-image: url(../Images/bl-splitter.jpg);
        height: 30px;
        margin: -3px 0 0 0;
        padding: 0px;
        background-color: transparent;
        border: none;
        line-height: 30px;
        text-indent: -9999px;
        cursor: pointer;
}


.paginationcontainer {
        z-index: 1000;
        position: absolute;
        height: 150px;
        width: 210px;
        text-align: right;
        padding: 0;
        letter-spacing: 0.1em;
}
#loopedSliderright .paginationcontainer {
        background-color: #f2f2f2;
}
#loopedSliderleft .paginationcontainer {
        background-color: #f2f2f2;
}
#loopedSliderright .container .slides p {
        padding: 0 20px;
        margin: 0 0 1em 0;
}
#loopedSliderleft .container .slides p {
        padding: 0 20px;
        margin: 0 0 1em 0;
}
#loopedSliderright .container .slides h1 {
        padding: 0 20px 0.25em 20px;
        font-weight: lighter;
        letter-spacing: 0.25em;
        font-size: 1.3em;
        text-transform: uppercase;
}
#loopedSliderleft .container .slides h1 {
        padding: 0 20px 0.25em 20px;
        font-weight: lighter;
        letter-spacing: 0.25em;
        font-size: 1.3em;
        text-transform: uppercase;
}
#loopedSliderleft a {
        color: #6A1485;
        text-decoration: underlined;
}
#loopedSliderright a {
        color: #62AA20;
        text-decoration: underlined;
}