a:focus { 
    outline: none; 
}
button:focus { 
    outline: none; 
}
#Zentrierer{

}
#jCarouselLiteMM{
	margin: auto;
	width: 435px;
}
#jCarouselLiteMM.dreher{
}
    #jCarouselLiteMM .dreher button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
} 
    #jCarouselLiteMM .dreher a.prev, #jCarouselLiteMM .dreher a.next {
        display: block;
        float: left;
        width: 35px;
        height: 194px;
        text-decoration: none;
        background: url("imageNav.gif") left 85px no-repeat;
    }
        #jCarouselLiteMM .dreher a.next {
            background: url("imageNav.gif") right 85px no-repeat;
        }
            #jCarouselLiteMM .dreher a.next:hover {
                background-image: url("imageNavHover.gif");
            }
            #jCarouselLiteMM .dreher a.prev:hover {
                background-image: url("imageNavHover.gif");
            }    
            #jCarouselLiteMM .dreher a:hover, #jCarouselLiteMM.dreher a:active {
                border: none;
                outline: none;
            }   
    #jCarouselLiteMM .dreher .karusell {
        border: 1px solid rgb(112, 170, 50);
        float: left;
        background-color: rgb(183, 212, 151);
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
    #jCarouselLiteMM LI{
	font-size: 1em;
	margin-top: 0em;
	margin-bottom:0em;
	padding-left:0em;
	padding-right:0em;
	margin-left:0em;
    }
        #jCarouselLiteMM .dreher ul {
            margin: 0;
        }
        #jCarouselLiteMM .dreher li img, 
        #jCarouselLiteMM .dreher li p {
            background-color: #fff;
            width: 109px;
            height: 169px;
            margin: 5px;
        }