/* Allgemeine Styles für die ganze Seite */
body {
	font: 0.9em/1.4em 'Open Sans', sans-serif;
	background-color: #141414;
	color: white;
}
a img {
	border: 0;
}
em,i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
input[type^="submit"] {
	cursor: pointer;
}
input[type^="submit"]:hover {
	color: #ffca01;
}
div.wrapper2,
div.wrapper3 {
	background-color: #000;
}
div.spalte3 {
	background-color: black;
}

div#footer {
    margin: 20px 0;
    clear: both;
}

/* Farben */
a {
	color: white;
}
a:hover {
	color: #8e8e8e;
}	

.seq li div.literatur .autorpic {
	border-right: 1px solid #c78a91;
}
.seq li div.beastie_books .autorpic {
	border-right: 1px solid #b3161b;
}
.seq li div.klassiker .autorpic {
	border-right: 1px solid #ef462c;
}
.seq li div.krimi .autorpic {
	border-right: 1px solid #f78d2a;
}
.seq li div.comic .autorpic {
	border-right: 1px solid #28a6ab;
}
.seq li div.sachbuch .autorpic {
	border-right: 1px solid #0e7871;
}
.seq li div.zeitgeschichte .autorpic {
	border-right: 1px solid #0a5c75;
}
.seq li div.literatur h2,
.seq li div.literatur h2 a,
.seq li div.literatur h3 a,
div.right_col ul.literatur li a.active,
div.right_col ul.literatur li a:hover,
div.literatur p.Autor,
div.literatur p.Autor a,
div.literatur p.Titel,
div.literatur p.Untertitel,
div.literatur p.Kategorie,
div.literatur p.more a,
div.termine div.literatur a,
div#news div.literatur h3 a {
	color: #c78a91;
}
.seq li div.literatur h2 a:hover,
.seq li div.literatur h3 a:hover,
div.literatur p.Autor a:hover,
div.literatur p.more a:hover,
div.termine div.literatur a:hover,
div#news div.literatur h3 a:hover {
	color: #ae6105;
}
.seq li div.beastie_books h2,
.seq li div.beastie_books h2 a,
.seq li div.beastie_books h3 a,
div.right_col ul.beastie_books li a.active,
div.right_col ul.beastie_books li a:hover,
div.beastie_books p.Autor,
div.beastie_books p.Autor a,
div.beastie_books p.Titel,
div.beastie_books p.Untertitel,
div.beastie_books p.Kategorie,
div.beastie_books p.more a,
div.termine div.beastie_books a,
div#news div.beastie_books h3 a {
	color: #b3161b;
}
.seq li div.beastie_books h2 a:hover,
.seq li div.beastie_books h3 a:hover,
div.beastie_books p.Autor a:hover,
div.beastie_books p.more a:hover,
div.termine div.beastie_books a:hover,
div#news div.beastie_books h3 a:hover {
	color: #53a023;
}
.seq li div.klassiker h2,
.seq li div.klassiker h2 a,
.seq li div.klassiker h3 a,
div.right_col ul.klassiker li a.active,
div.right_col ul.klassiker li a:hover,
div.klassiker p.Autor,
div.klassiker p.Autor a,
div.klassiker p.Titel,
div.klassiker p.Untertitel,
div.klassiker p.Kategorie,
div.klassiker p.more a,
div.termine div.klassiker a,
div#news div.klassiker h3 a {
	color: #ef462c;
}
.seq li div.klassiker h2 a:hover,
.seq li div.klassiker h3 a:hover,
div.klassiker p.Autor a:hover,
div.klassiker p.more a:hover,
div.termine div.klassiker a:hover,
div#news div.klassiker h3 a:hover {
	color: #116d50;
}
.seq li div.krimi h2,
.seq li div.krimi h2 a,
.seq li div.krimi h3 a,
div.right_col ul.krimi li a.active,
div.right_col ul.krimi li a:hover,
div.krimi p.Autor,
div.krimi p.Autor a,
div.krimi p.Titel,
div.krimi p.Untertitel,
div.krimi p.Kategorie,
div.krimi p.more a,
div.termine div.krimi a,
div#news div.krimi h3 a {
	color: #f78d2a;
}
.seq li div.krimi h2 a:hover,
.seq li div.krimi h3 a:hover,
div.krimi p.Autor a:hover,
div.krimi p.more a:hover,
div.termine div.krimi a:hover,
div#news div.krimi h3 a:hover {
	color: #02809a;
}
.seq li div.comic h2,
.seq li div.comic h2 a,
.seq li div.comic h3 a,
div.right_col ul.comic li a.active,
div.right_col ul.comic li a:hover,
div.comic p.Autor,
div.comic p.Autor a,
div.comic p.Titel,
div.comic p.Untertitel,
div.comic p.Kategorie,
div.comic p.more a,
div.termine div.comic a,
div#news div.comic h3 a {
	color: #28a6ab;
}
.seq li div.comic h2 a:hover,
.seq li div.comic h3 a:hover,
div.comic p.Autor a:hover, 
div.comic p.more a:hover, 
div.termine div.comic a:hover,
div#news div.comic h3 a:hover {
	color: #5c1774;
}
.seq li div.sachbuch h2,
.seq li div.sachbuch h2 a,
.seq li div.sachbuch h3 a,
div.right_col ul.sachbuch li a.active,
div.right_col ul.sachbuch li a:hover,
div.sachbuch p.Autor,
div.sachbuch p.Autor a,
div.sachbuch p.Titel,
div.sachbuch p.Untertitel,
div.sachbuch p.Kategorie,
div.sachbuch p.more a,
div.termine div.sachbuch a,
div#news div.sachbuch h3 a {
	color: #0e7871;
}
.seq li div.sachbuch h2 a:hover,
.seq li div.sachbuch h3 a:hover,
div.sachbuch p.Autor a:hover,
div.sachbuch p.more a:hover,
div.termine div.sachbuch a:hover,
div#news div.sachbuch h3 a:hover {
	color: #a41a74;
}
.seq li div.zeitgeschichte h2,
.seq li div.zeitgeschichte h2 a,
.seq li div.zeitgeschichte h3 a,
div.right_col ul.zeitgeschichte li a.active,
div.right_col ul.zeitgeschichte li a:hover,
div.zeitgeschichte p.Autor,
div.zeitgeschichte p.Autor a,
div.zeitgeschichte p.Titel,
div.zeitgeschichte p.Untertitel,
div.zeitgeschichte p.Kategorie,
div.zeitgeschichte p.more a,
div.termine div.zeitgeschichte a,
div#news div.zeitgeschichte h3 a {
	color: #0a5c75;
}
.seq li div.zeitgeschichte h2 a:hover,
.seq li div.zeitgeschichte h3 a:hover,
div.zeitgeschichte p.Autor a:hover,
div.zeitgeschichte p.more a:hover,
div.termine div.zeitgeschichte a:hover,
div#news div.zeitgeschichte h3 a:hover {
	color: #c00050;
}

.seq li div.humor h2,
.seq li div.humor h2 a,
.seq li div.humor h3 a,
div.right_col ul.humor li a.active,
div.right_col ul.humor li a:hover,
div.humor p.Autor,
div.humor p.Autor a,
div.humor p.Titel,
div.humor p.Untertitel,
div.humor p.Kategorie,
div.humor p.more a,
div.termine div.humor a,
div#news div.humor h3 a {
	color: #994ba0;
}
.seq li div.humor h2 a:hover,
.seq li div.humor h3 a:hover,
div.humor p.Autor a:hover,
div.humor p.more a:hover,
div.termine div.humor a:hover,
div#news div.humor h3 a:hover {
	color: #ae6105;
}

.seq li div.glitzer_und_grind h2,
.seq li div.glitzer_und_grind h2 a,
.seq li div.glitzer_und_grind h3 a,
div.right_col ul.glitzer_und_grind li a.active,
div.right_col ul.glitzer_und_grind li a:hover,
div.glitzer_und_grind p.Autor,
div.glitzer_und_grind p.Autor a,
div.glitzer_und_grind p.Titel,
div.glitzer_und_grind p.Untertitel,
div.glitzer_und_grind p.Kategorie,
div.glitzer_und_grind p.more a,
div.termine div.glitzer_und_grind a,
div#news div.glitzer_und_grind h3 a {
	color: #0974c6;
}
.seq li div.glitzer_und_grind h2 a:hover,
.seq li div.glitzer_und_grind h3 a:hover,
div.glitzer_und_grind p.Autor a:hover,
div.glitzer_und_grind p.more a:hover,
div.termine div.glitzer_und_grind a:hover,
div#news div.glitzer_und_grind h3 a:hover {
	color: #ae6105;
}

/* Überschriften */
h1 {
	display: none;
}
h2, h3, h4 {
	font-weight: bold;
}
h2 {
	font-size: 120%;	
	letter-spacing: 0.3px;
	margin-bottom: 25px;
}
h2, h3 {
	text-transform: uppercase;	
}

/* Slider */

#slider {
	background-color: #f6ecdf;
	z-index: 50;
}

#memory{
	margin-left: 5px !important;
}

p.header_slider {
	color: black;
	background-color: #f6ecdf;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 60px;
	margin-bottom: 0;	
	padding-left: 80px;
}

.seq li div h2 {
	text-transform: uppercase;
	text-indent: 0;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: normal;
}
.seq li div h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}
.seq li div h2 a,
.seq li div h3 a {
	text-decoration: none;
}
.seq li div .slidertext {
	color: #fff;
}
.seq li img.autorpic,
.seq li img.coverpic {
	height: 296px;
}
.seq li img.autorpic {
	padding-right: 28px;
}
.seq li img.coverpic {
	margin: 0 0px;
}

/* Listenansicht */
p.Titel {
	text-transform: uppercase;	
	font-weight: bold;
}	

/* Detailansicht */
div.detailansicht p.Leadtext {
	font-weight: bold;
}
div.detailansicht p.Leseprobe {
	font-style: italic;
}	
p.Erscheinungsdatum {
	text-transform: uppercase;
}
div.right_col ul li a {
	background-color: white;
	text-transform: uppercase;
	color: black;
	text-align: center;
	padding: 3px 0;
	text-decoration: none;
	font-weight: bold;
}
p.Rezensionen {

}
p.Rezensionen q {
	text-transform: none;
	font-style: italic;
}
p.Auszeichnung {
	font-weight: bold;
}
div.detailansicht div#leseprobe,
div.detailansicht div#pressestimmen {
	display: none;
}
.bestellbuttons {
	margin-top: 20px;
	border-top: 1px solid white;
	padding-top: 15px;
}
.mengenselektform {
	display: inline-block;
}
#mengenselektor {
	width: 40px;
	height: 20px;
	margin-right: 7px;
	margin-bottom: 5px;
}
#mengenselektor2 {
	width: 40px;
	height: 20px;
	margin-right: 7px;
	margin-bottom: 5px;
}
div.zusatzinfo #bestelllink {
	display: inline-block;
    background-color: white;
    color: black;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	font-size: 110%;
}
div.zusatzinfo #bestelllink2 {
	display: inline-block;
    background-color: white;
    color: black;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	font-size: 110%;
}
div.content div.zusatzinfo #bestelllink:hover {
	text-decoration: underline;
}
div.content div.zusatzinfo #bestelllink2:hover {
	text-decoration: underline;
}
	
	
/* Warenkorb */	
table.bestellliste {
	border-collapse: separate;
}
table.bestellliste input {
	border: none;
}
table.bestellliste tr td {
	background-color: white;
	color: black;
	height: 30px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	line-height: 30px;
	vertical-align: middle;
}	
table.bestellliste tr td {
	padding: 0 10px; 
	line-height: 1.7em;
}	
table.bestellliste tr td.remove_button {
	width: 30px;
}
table.bestellliste tr td.remove_button a {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url('warenkorb_entfernen.png');
}
table.bestellliste tr td.remove_button a:hover {
	background-position: -30px 0;
}
input#send_order {
    background-color: white;
    color: black;
    display: inline-block;
    font-size: 100%;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	border: none;
}	
input#send_order:hover {
	text-decoration: underline;
}

/* Seiten mit statischem Content */
div.wrapper2>div,
div.wrapper3>div {
    background-color: black;
    padding: 20px;
}

/* Homepage */
div.spalte3 .Datum {
	color: black;
	background-color: white;
	display: inline-block;
	padding: 2px 3px;
	font-weight: bold;
}
div.spalte3 h3 {
	font-size: 100%;
	font-weight: normal;
	line-height: 16px; 
}
div.spalte3 .Details {
	font-size: 75%;	
	line-height: 1.4em;
}
div#news div.newsitem {
	border-top: 1px solid white;
}
div#news div.newsitem:first-child {
	border-top: none;
}

/* Subseite Vertrieb */

/* Subseite Autoren */
table.alphabet {
	border-collapse: separate;
}
table.alphabet td {
	vertical-align: top;
	background-color: black;
	border-right: 5px solid #141414;
	border-bottom: 5px solid #141414;
	position: relative;
	padding: 20px;
}
table.alphabet .letter {
	font-weight: bold;
	font-size: 26px;
	position: absolute;
	left: 20px;
	top: 25px;
}
table.alphabet ul {
	margin-left: 35px;
}

/* Subseite Autoren: Autorendetails */
div.autorin img {
	border: 3px solid white;
}

/* Subseite Verlag */

/* Subseite Termine */
div.termine .Datum {
    background-color: white;
    color: black;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 0.25em;
    padding: 5px;
	text-transform: uppercase;
	font-size: 18px;
}
div.termine .smaller {
	font-size: 16px;
}
div.termine p.zeitundort {
	color: #ccc;
	font-size: 90%;
}

/* Subseite Kontakt*/

/* Menü für Newsletter, Blog, Facebook und Warenkorb */	
div#header ul#specialmenue li {
	display: inline-block;
}
div#header ul#specialmenue li a {
	display: block;
	width: 35px;
	height: 30px;
	text-indent: -9000px;	
}
div#header ul#specialmenue li#newsletter a {
	background: url('newsletter.jpg') no-repeat center center;
}
div#header ul#specialmenue li#facebook a {
	background: url('facebook.png') no-repeat center center;	
}
div#header ul#specialmenue li#warenkorb a {
	background: url('warenkorb.jpg') no-repeat center center;
}	
#suchsendebtn {
	color: transparent;
	background-color: transparent;
	width: 30px;
	height: 30px;
	background-image: url('search.png');
}

/* Menü für Topmenü */
div#header ul#topmenue li a,
div#footer ul#bottommenue li a  {
	display: block;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.2px;
	font-size: 16px;
}
div#footer ul#bottommenue li a {
	text-transform: none;
	font-size: 12px;
}

/* Menü für Mainmenü */	
div#mainmenue ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.2px;
}	
div#mainmenue ul li.neuerscheinungen a,
ul#topmenue li.neuerscheinungen a {
	background-color: #ffca01;
}	
div#mainmenue ul li.literatur a,
ul#topmenue li.literatur a {
	background-color: #c78a91;
}	
div#mainmenue ul li.beastie_books a,
ul#topmenue li.beastie_books a {
	background-color: #b3161b;
}		
div#mainmenue ul li.klassiker a,
ul#topmenue li.klassiker a {
	background-color: #ef462c;
}	
div#mainmenue ul li.krimi a,
ul#topmenue li.krimi a {
	background-color: #f78d2a;
}
div#mainmenue ul li.comic a,
ul#topmenue li.comic a {
	background-color: #28a6ab;
}		
div#mainmenue ul li.sachbuch a,
ul#topmenue li.sachbuch a {
	background-color: #0e7871;
}	
div#mainmenue ul li.zeitgeschichte a,
ul#topmenue li.zeitgeschichte a {
	background-color: #0a5c75;
}
div#mainmenue ul li.humor a,
ul#topmenue li.humor a {
	background-color: #994ba0;
}
div#mainmenue ul li.glitzer_und_grind a,
ul#topmenue li.glitzer_und_grind a {
	background-color: #0974c6;
}

.overlay {
	display: none;
}
			
/* Suchergebnisse */
div.suche div.autorenbild,
div.suche div.autorenname {
	display: inline-block;
	vertical-align: top;
}
div.suche div.autorenbild {
	margin-right: 20px;
}

/* Newsletter */
#send_newsletter:hover {
	text-decoration: underline;
}

/* Back to Top Button */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: white url('cd-top-arrow.png') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
  
 div#header ul#topmenue li.topmenue_class {
	  display: none;
  }
  
}
.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}