@charset "utf-8";
@media all{
	
    .coverflow:after{
        content: "";
        display:block;
        clear:both;
        visibility:hidden;
        line-height:0;
        height:0;
    }
    .lt-ie7 .coverflow{
        zoom:1;
    }
    
    /**coverflow**/
    .shelf{
	
        width:auto;
        min-height:100px;

        /*background: #eee url(/img/shelf-background.png) repeat-x left bottom;*/
        box-shadow: 0px 5px 10px rgba(0,0,0,0.25),
                    inset 250px 0px 60px #fff,
                    inset -60px 0px 60px #fff,
                    inset 0px 10px 60px #fff,
                    inset 0px -10px 20px #fff;
					
        border-bottom:10px solid #fff;
        border-top:10px solid #fff;
        position:relative;
        margin-bottom:10px;
		padding-left:20px;
		border-radius: 5px 5px 5px 5px;
        -moz-border-radius:  5px 5px 5px 5px;
        -webkit-border-radius:  5px 5px 5px 5px;
    }
	
    .lt-ie9 .shelf{
        background:#fff none repeat-x left bottom;
    }
    
    .coverflow{
        
    }
    .coverflow ul{
        width:auto;
    }
    
    /** 3d **/
    .coverflow{
        /*margin-right:-10px;*/
    }
    .coverflow li>a:first-child{
        display:block;
        width:178px;
        background-color:#000;
        line-height:1.25em;
        padding-top:0.35em;
        padding-bottom:0.4em;
    }
    .coverflow a.cover{
        border:1px solid #663300;
        -ms-transform: skew(0deg, -35deg) scale(0.60);
        -webkit-transform: skew(0deg, -35deg) scale(0.60);
        -moz-transform:skew(0deg, -35deg) scale(0.60);
        transform:skew(0deg,-35deg) scale(0.60);
        -ms-transition:-ms-transform 0.25s, margin 0.25s;
        -webkit-transition:-webkit-transform 0.25s, margin 0.25s;
        transition:transform 0.25s, margin 0.25s;
        margin-left:10px;
        position:absolute;
        bottom:0;
    }
    .coverflow a.cover>*{
        box-shadow:0px 0px 10px rgba(0,0,0,0.5);
    }
	.coverflow a.cover>.info{
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
		width:75px;
		text-align:center;
	
		color:#fff;
		padding-bottom:0em;
		margin-bottom:0em;
		font-weight:big;
		font-size:2em;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
	}
	.coverflow a.cover>.jahrgang-2016{
	color:#663300;		
	}
	.coverflow a.cover>.jahrgang-2015{
	color:#663300;		
	}
	.coverflow a.cover>.jahrgang-2014{
	color:#663300;	
	}
	.coverflow a.cover>.jahrgang-2013{
	color:#663300;	
	}
	.coverflow a.cover>.jahrgang-2012{
	color:#663300;	
	}
	.coverflow a.cover>.jahrgang-2011{
	color:#663300;	
	}
	.coverflow a.cover>.jahrgang-2010{
	color:#663300;	
	}
	.coverflow a.cover>.jahrgang-2009{
	color:#663300;	
	}
	.coverflow a.cover>.jahrgang-2008{
	color:#663300;	
	}
	.coverflow a.cover>.jahrgang-2006{
	color:#663300;	
	}
    .coverflow li:hover a.cover{
        -ms-transform: skew(0deg,0deg) scale(1);
        -webkit-transform: skew(0deg,0deg) scale(1);
        -moz-transform: skew(0deg,0deg) scale(1);
        transform: skew(0deg,0deg) scale(1);
        z-index:500;
        margin-left:25px;
        -ms-transition:-ms-transform 0.25s, margin 0.25s;
        -webkit-transition:-webkit-transform 0.25s, margin 0.25s;
        transition:transform 0.25s, margin 0.25s;
    }
    
    .coverflow li:hover ~ li a.cover{
        -ms-transform: skew(0deg, 20deg) scale(0.60);
        -moz-transform: skew(0deg, 20deg) scale(0.60);
        -webkit-transform: skew(0deg, 20deg) scale(0.60);
        transform: skew(0deg, 20deg) scale(0.60);
        margin-left:50px;
    }
    
    .coverflow li a.cover{
        bottom:30px;
        left:70px;
    }
    .coverflow li+li a.cover{
        left:120px;
    }
    .coverflow li+li+li a.cover{
        left:170px;
    }
    .coverflow li+li+li+li a.cover{
        left:220px;
    }
    .coverflow li+li+li+li+li a.cover{
        left:270px;
    }
    .coverflow li+li+li+li+li+li a.cover{
        left:320px;
    }
	.coverflow li+li+li+li+li+li+li a.cover{
        left:370px;
    }
	.coverflow li+li+li+li+li+li+li+li a.cover{
        left:420px;
    }
	.coverflow li+li+li+li+li+li+li+li+li a.cover{
        left:470px;
    }
    .coverflow li:hover + li a.cover{
        z-index: 100;
    }

    .coverflow li:hover + li + li a.cover{
        z-index: 90;
    }

    .coverflow li:hover + li + li + li a.cover {
        z-index: 80;
    }

    .coverflow li:hover + li + li+ li + li a.cover{
        z-index: 70;
    }

    .coverflow li:hover + li + li + li + li+ li a.cover{
        z-index: 60;
    }

    .coverflow li:hover + li + li + li + li + li + li a.cover{
        z-index: 50;
    }

    .coverflow li:hover + li + li + li + li + li + li + li a.cover{
        z-index: 40;
    }
.coverflow li:hover + li + li + li + li + li + li + li+li a.cover{
        z-index: 30;
    }
 .coverflow li:hover + li + li + li + li + li + li + li+li a.cover{
        z-index: 20;
    }   
    /** 2d **/
    /** reset **/
    .lt-ie9 .coverflow li:hover a.cover{
        margin:0;
    }
    .lt-ie9 .coverflow li:hover ~ li a.cover{
        margin:0;
    }
    .lt-ie9 .coverflow a.cover{
        position:static;
        margin:0;
    }
    .lt-ie9 .coverflow li{
        margin:10px;
        margin-top:14px;
        margin-bottom:14px;
    }
    .lt-ie9 .coverflow li a.cover{
        opacity:0.5;
    }
    
    .lt-ie9 .coverflow li{
        width:132px;
        height:184px;
        display:block;
        float:left;
        position:relative;
        margin-bottom:2em;
    }
    .coverflow li>a:first-child{
        background-color:#fff;
        background-color:rgba(255,255,255,0.75);
        width:132px;
    }
    .lt-ie9 .coverflow a{
        background-color:#fff;
        background-color:rgba(255,255,255,0.75);
        position:absolute;
        bottom:0;
        margin-top:-1em;
        left:0;
        padding:0px;
        margin:0;
        width:132px;
        margin-left:-10px;
        margin-right:-10px;
    }

    .lt-ie9 .coverflow a.cover{
        background-color:transparent;
        position:static;
        display:block;
        margin-left:0;
        margin-right:0;
    }
    .lt-ie9 .coverflow a.cover>*{
        display:inline-block;
        vertical-align:bottom;
    }
    /*vertical-align bottom - ghost element */
    .coverflow.twoD a.cover:before{
        content:'';
        display:inline-block;
        vertical-align:bottom;
        height:100%;
    }
    
    .lt-ie9 .coverflow a.cover>*{
        width:92px;
        box-shadow:0px 0px 3px rgba(0,0,0,0.5);
    }
    .lt-ie9 .coverflow li:hover a,
    .lt-ie9 .coverflow a:focus{
         
    }
    .lt-ie9 .coverflow li:hover a.cover,
    .lt-ie9 .coverflow a.cover:focus{
        margin-left:-10px;
        margin-right:-10px;
        margin-top:-14px;
        margin-bottom:-14px;
        min-height:184px;
        opacity:1;
    }
    

    .lt-ie9 .coverflow li:hover a.cover>*,
    .lt-ie9 .coverflow a.cover:focus>*{
        box-shadow:0px 0px 10px rgba(0,0,0,0.5);
        width:132px;
    }
    
}
@media print{
    .shelf{
        background-image:none;
        box-shadow:none;
        background-color:#fff;
        margin-left:0;
        margin-right:0;
        margin-bottom:80px;
    }
    /** 2d **/
    /** reset **/
    .coverflow li:hover a.cover{
        margin:0;
    }
    .coverflow li:hover ~ li a.cover{
        margin:0;
    }
    .coverflow a.cover{
        position:static;
        margin:0;
    }
    .coverflow li{
        margin:10px;
        margin-top:14px;
        margin-bottom:14px;
    }
    .coverflow li a.cover{
        opacity:0.5;
    }
    
    .coverflow li{
        width:132px;
        height:184px;
        display:block;
        float:left;
        position:relative;
        margin-bottom:2em;
    }
    .coverflow a.cover>*{
        width:92px;
        box-shadow:0px 0px 3px rgba(0,0,0,0.5);
    }
   
    .coverflow li a.cover{
        margin-left:-10px;
        margin-right:-10px;
        margin-top:-14px;
        margin-bottom:-14px;
        min-height:184px;
        opacity:1;
    }
    
    .coverflow a.cover>*{
        box-shadow:0px 0px 10px rgba(0,0,0,0.5);
        width:132px;
    }
    
    .shelf a:after{
        content:none;
    }
}