/*--------------------------- banner ---------------------------*/
#banner {
	background: #FFFFFF;
    border-top: 5px solid white;
    border-right: 5px solid white;
    border-bottom: 5px solid white;
    border-left: 4px solid white;
    box-shadow: 0 0 5px #DDDDDD;
    position: relative;
}
/*--------------------------- ENDE banner ---------------------------*/
#accordion {
	margin: 0;
	max-height: 319px;
	position: relative;
}

#accordion .list-item {
	width: 4%;
}

#accordion .list-item.span5 {
	width: 72%;
}

#accordion .list-item.span7 {
	width: 72%;
}

#accordion .list-item img {
	height: auto;
	width: auto;
	max-height: 100%;
}

#accordion #list-one {
	background: #00519e;
}

#accordion #list-two {
	background: #0062c0;
}

#accordion #list-three {
	background: #0074e2;
}

#accordion #list-four  {
	background: #0585ff;
}

#accordion #list-five  {
	background: #2796ff;
}


#accordion #list-six  {
	background: #49a6ff;
}

#accordion #list-seven  {
	background: #6bb7ff;
}

.lebenswert #accordion #list-one {
	background: #f58021;
}

.lebenswert #accordion #list-two {
	background: #f68d1f;
}

.lebenswert #accordion #list-three {
	background: #f8991d;
}

.lebenswert #accordion #list-four  {
	background: #fba61c;
}

.lebenswert #accordion #list-five  {
	background: #fdb315;
}

.lebenswert #accordion #list-six  {
	background: #ffc00b;
}

.lebenswert #accordion #list-seven  {
	background: #ffcd05;
}



.taschenbuch #accordion #list-one {
	background: #143402;
}

.taschenbuch #accordion #list-two {
	background: #215503;
}

.taschenbuch #accordion #list-three {
	background: #2d7505;
}

.taschenbuch #accordion #list-four  {
	background: #3a9606;
}

.taschenbuch #accordion #list-five  {
	background: #46b707;
}

.taschenbuch #accordion #list-six  {
	background: #53d808;
}

.taschenbuch #accordion #list-seven  {
	background: #53d808;
}



#accordion .span5,
#accordion .span7 {
	color: gray;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#accordion .span1 {
    border-left: 1px solid #ffffff;
}

#accordion .span1 div {
	color: #FFFFFF;
	padding: 9px;
	width: 302px;

	-moz-transform: translateX(-100%) rotate(-90deg);
	-ms-transform: translateX(-100%) rotate(-90deg);
	-o-transform: translateX(-100%) rotate(-90deg);
	-webkit-transform: translateX(-100%) rotate(-90deg);
	transform: translateX(-100%) rotate(-90deg);
	-moz-transform-origin:right top 0; /* Firefox */
	-ms-transform-origin:right top 0; /* IE 9 */
	-webkit-transform-origin:right top 0; /* Safari and Chrome */
	transform-origin: right top 0;
}

#accordion.row-fluid [class*="span"] {
	margin-left: 0px;
	height: 319px;
}


.buchaktuell .bookcover p,
.lebenswert .bookcover p,
.taschenbuch .bookcover p {
	color: white;
	bottom: 0;
    /*box-shadow: 0 0 10px #fff;*/
    font-weight: bold;
    margin: 0;
    padding: 5px;
    position: absolute;
    max-width: 120px;
    right: 0;
}




#accordion .bookcover p {
    background: #063561; /* Old browsers */
	background: -moz-linear-gradient(top,  #063561 0%, #0051a0 53%, #063561 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#063561), color-stop(53%,#0051a0), color-stop(100%,#063561)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #063561 0%,#0051a0 53%,#063561 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #063561 0%,#0051a0 53%,#063561 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #063561 0%,#0051a0 53%,#063561 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #063561 0%,#0051a0 53%,#063561 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063561', endColorstr='#063561',GradientType=0 ); /* IE6-9 */
}

.lebenswert #accordion .bookcover p {
    background: #ff8f13; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8f13 0%, #ffbf38 50%, #ff8f13 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8f13), color-stop(50%,#ffbf38), color-stop(100%,#ff8f13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8f13 0%,#ffbf38 50%,#ff8f13 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8f13 0%,#ffbf38 50%,#ff8f13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8f13 0%,#ffbf38 50%,#ff8f13 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8f13 0%,#ffbf38 50%,#ff8f13 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8f13', endColorstr='#ff8f13',GradientType=0 ); /* IE6-9 */

}

.taschenbuch #accordion .bookcover p {
    background: #015301; /* Old browsers */
	background: -moz-linear-gradient(top,  #015301 0%, #067206 50%, #015301 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#015301), color-stop(50%,#067206), color-stop(100%,#015301)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #015301 0%,#067206 50%,#015301 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #015301 0%,#067206 50%,#015301 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #015301 0%,#067206 50%,#015301 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #015301 0%,#067206 50%,#015301 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015301', endColorstr='#015301',GradientType=0 ); /* IE6-9 */
}

.bookcover {
    /*border: 3px solid #FFFFFF;
    box-shadow: 0 0 10px #FFFFFF;*/
    float: right;
    margin: 35px 20px;
    position: relative;
}



/*----------------------------- ENDE bookCatLink -------------------------------*/

.bookCatLink {
    bottom: 25px;
    height: 72px;
    margin-left: 25px;
    padding: 10px;
    position: absolute;
    width: 280px;
}

a.linktomagazin p {
    font-size: 13px;
}

.buchaktuell .bookCatLink {
    background: rgba(0,81,158,0.5);
}

.lebenswert .bookCatLink {
    background: rgba(245,128,33,0.5);
}

.taschenbuch .bookCatLink {
    background: rgba(58,150,6,0.5);
}


.buchaktuell .bookCatLink h2, 
.lebenswert .bookCatLink h2, 
.taschenbuch .bookCatLink h2 {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 37px;
    margin: 0;
    padding: 0;
    font-family: Titillium;
}

.buchaktuell .bookCatLink p,
.lebenswert .bookCatLink p,
.taschenbuch .bookCatLink p {
	color: white;
}


.buchaktuell .bookCatLink a, 
.lebenswert .bookCatLink a, 
.taschenbuch .bookCatLink a {
    font-weight: bold;
    text-decoration: none;
}
/*----------------------------- ENDE bookCatLink -------------------------------*/

a.sliderlinks {
	color: #FFFFFF !important;
	text-decoration: none;
}



#accordion {
    position:relative;
    overflow:hidden;
}
#accordion .list-image {
}

#accordion .tab-item {
}

#accordion .smallimgsrc {
    max-height:250px !important;
}

#accordion .list-image {
    position:relative;
}

#accordion .bildnachweis {
    bottom: 0;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    margin-right: 5px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 1px #000;
}

.afterhtwo b {
    color: white;
}

/*----------------------------------- MEDIA -----------------------------------*/
@media (max-width: 767px) {

	#banner {
	    border-top: 4px solid white;
	    border-right: 5px solid white;
	    border-bottom: 5px solid white;
	    border-left: 5px solid white;
	    box-shadow: 0 0 5px #DDDDDD;
	    position: relative;
	}

	#accordion {
	    margin: 0;
	    max-height: 100%;
	    position: relative;
	}

	#accordion .span1 div {
	    color: #ffffff;
	    padding: 14px 20px;

	    -moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;

	    width: 280px;
	}

	#accordion.row-fluid [class*="span"] {
	    height: 50px;
	    margin-left: 0;
	    min-height: 20px;
	    width: 100%;
	}

	#accordion .list-item.span5,
	#accordion .list-item.span7 {
	    height: 319px;
	    min-height: 319px;
	    width: 100%;
	}

	#accordion .span1 {
		border-left: none;
	    border-top: 1px solid #ffffff;
	    color: #FFFFFF;
	}

}