.tag_1 {font-size: 0.8em; font-weight: 400; line-height: 1em;}
.tag_2 {font-size: 1.0em; font-weight: 500; line-height: 1.3em;}
.tag_3 {font-size: 1.3em; font-weight: 600; line-height: 1.5em;}
.tag_4 {font-size: 1.5em; font-weight: 700; line-height: 1.8em;}
.tag_5 {font-size: 1.8em; font-weight: 800; line-height: 2em;}
.hauptueberschrift {
	position: absolute;
	left: -999em;
}
.intro {font-weight: bold;}
.mehr {
	font-size: .85em;
	margin: .5em 0;
	overflow: hidden;
}
.mehr a {
  background:url(../bilder/b_pfeile_rechts_rot.png) left center no-repeat;
  padding: 2px 0 2px 30px;
  float: left;
}
.frage a {background-image: url(../bilder/icon_fragezeichen.png);}
ul.mehr li {
	margin: .5em 0;
	overflow: hidden;
}
.pdf a, a.pdf {
	background: url(../bilder/icon_pdf.png) left center no-repeat;
	padding: 7px 0 6px 35px;
	margin-top: -3px;
}
a.pdf {font-size: .85em;}
li.pdf {margin-top: .35em !important;}
.weitere {
	font-size: 1.15em;
	font-weight: bold;
	margin-bottom: 2em;
}
.weitere li {margin: .5em 0;}

.buch {
	position: relative;
	background: url(../bilder/bg_buch.png) bottom right no-repeat;
	width: 119px;
	padding: 0 21px 7px 0;
	margin: 5px 0;
	float: left;
}
.buch img, .zeitschrift img {position: relative;}
.buch img {
	background: url(../bilder/bg_buch_top.png) top right no-repeat;
	padding: 5px 7px 0 0;
	top: -5px;
	width: 112px;
}
.buch .info, .zeitschrift .info {
	position: absolute;
	bottom: 23px;
	right: 5px;
	z-index: 3;
}

.detail #hauptinhalt .buch {
	width: auto;
	background: url(../bilder/bg_buch_rechts.png) top right no-repeat;
	margin: 0 10px 5px 5px;
	padding: 5px 8px 0 0;
}
.detail #hauptinhalt .buch img {
	width: auto;
	height: 160px;
	left: -14px;
	padding: 5px 0 10px 5px;
	background: url(../bilder/bg_buch_links.png) left top no-repeat;
}


.zeitschrift {
  margin: 0 6px 5px -8px;
  float:left;
  position: relative;
  z-index: 2;
}
.zeitschrift img {
  background:transparent url(../bilder/bg_zeitschrift_liste.png) right bottom no-repeat;
  padding: 0 25px 11px 8px;
  width: 90px;
}
.zeitschrift .info {
	top: 25px;
	left: -5px;
	bottom: auto;
	right: auto;
}
#nebeninhalt .zeitschrift {
	position: relative;
	background: url(../bilder/bg_zeitschrift.png) bottom left no-repeat;
	padding-bottom: 6px;
	padding-left: 4px;
	width: 147px;
	top: 8px;
	left: -4px;
	margin: 0;
}
#nebeninhalt .zeitschrift img {
	padding: 0 3px 0 0;
	background: url(../bilder/bg_zeitschrift_top.png) right top no-repeat;
	position: relative;
	top: -8px;
	width: 120px;
}
#nebeninhalt .zeitschrift .info {
	top: 20px;
	left: -15px;
}
#nebeninhalt2 .buch, #nebeninhalt2 .zeitschrift {margin-right: 0;}
.buch .info img, .zeitschrift .info img {
	background: none !important;
	padding: 0 !important;
	position: static !important;
	max-width: none !important;
	width: auto !important;
}
.reinlesen {
	background: url(../bilder/reinleisen.png) no-repeat;
	width: 89px;
	height: 24px;
	text-indent: -999em;
	z-index: 3;
	position: absolute;
	left: -8px;
	top: 20px;
}

#intro .hauptabschnitt {
	width: 459px;
	float: left;
	padding: 0 20px 0 0;
	margin-bottom: 20px;
	border-right: 1px solid #D2D1CA;
	min-height: 180px;
	position: relative;
}
#intro .hauptabschnitt h2 {color: #362B26;}
#intro .buch {margin-right: 10px;}
#intro .buchbeschreibung {margin-left: 250px;}
#intro .buchbeschreibung h2 {color: #8C0202;}
#intro .buchbeschreibung .autor {font-weight: bold;}
#intro .buchbeschreibung .beschreibung {margin-bottom: 1em;}
#intro .nebenabschnitt {
	clear: none;
	padding-left: 20px;
	float: right;
	width: 230px;
	margin-bottom: 20px;
}


/******************************/
/******** tab-Stile ***********/
/******************************/
.buecherauswahl {position: relative;}
.jsenabled .buecherauswahl {min-height: 250px;}
.jsenabled .buecherauswahl h2, .jsenabled .buecherauswahl h3 {display: none;}
.buecherauswahl div {
	clear: both !important;
	padding-top: 10px;
}
.jsenabled .buecherauswahl > div {display: none;}
.buecherauswahl div.current {
	position: absolute;
	top: 36px;
	left: 0;
	width: 100%;
}/*
#downloads div.current {position: absolute;}*/
.buecherauswahl div div {
	border: none;
	clear: none !important;
	padding: 0;
}
.jsenabled .buecherauswahl .nav, .jsenabled .nav_ergebnisse {
	background: url(../bilder/bg_schatten_buchtabs.png) bottom center no-repeat;
	float: left;
	width: 100%;
}
.jsenabled .buecherauswahl .nav li, .jsenabled .nav_ergebnisse li {
	float: left;
	padding: 10px 13px 10px 10px;
	margin-right: 10px;
	height: 16px;
}
.buecherauswahl .nav li a, .nav_ergebnisse li a {font-family: GothamCondensed, "Gotham Condensed Bold", "GothamCondensed Bold", "Arial Narrow", Sans-serif;}
.buecherauswahl .nav .current, .nav_ergebnisse .current {background: url(../bilder/bg_tab_buchtabs.png) right top no-repeat;}
.buecherauswahl div li {
	clear: both;
	position: relative;
}
.buecherauswahl .buch {margin-bottom: 1em;}
.jsenabled .buecherauswahl div li {
	clear: none;
	margin-right: 2px;
	display: inline-block;
	vertical-align: bottom;
}
.zindex {z-index: 10 !important;}
/* Ende tab-Stile */


/******************************/
/******* tooltip-Stile ********/
/******************************/
.tooltip {
	z-index: 4;
	background: url(../bilder/bg_tooltip_bottom.png) bottom right no-repeat;
	font-size: .85em;
	width: 261px;
	display: none;
}
.tooltip.left {background: url(../bilder/bg_tooltip_bottom_links.png) bottom left no-repeat;}
.tooltip div {
	background: url(../bilder/bg_tooltip_top.png) top right no-repeat;
	padding: 10px 10px 10px 20px !important;
}
.tooltip.left div {
	background: url(../bilder/bg_tooltip_top_links.png) top left no-repeat;
	padding: 10px 20px 10px 10px !important;
}
.tooltip .autor, .tooltip.left .autor {
	font-weight: bold;
	padding: 0 !important;
}
.tooltip h4 {
	color: #960000;
	font-size: 1.35em !important;
	margin: .5em 0 !important;
}
.tooltip div div, .tooltip.left div div {
	display: block;
	background: none;
	padding: 0 !important;
}


/******************************************/
/*** Stile Sortierung/Seitendarstellung ***/
/******************************************/
#sortierung {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
#sortierung form {float: left;}
.jsenabled #sortierung form label {display: none;}
#sortierung form select {width: 230px;}
.pager {
	float:left;
	padding-left: 10px;
	color: #8C0000;
}
.pager a, #darstellung a {padding:0 4px;}
.pager .current, #darstellung .current {
	color: #342B26;
	font-weight: bold;
}
#darstellung {
	float: right;
	color: #8C0000;
	text-align: right;
	width: 17.68em;
}
#darstellung span {
	font-weight: bold;
	font-size: .85em;
	margin-right: 15px;
	color: #342B26;
	float: left;
	line-height: 1.5em;
}


/**********************************/
/*** Stile Übersichtsauflistung ***/
/**********************************/
.liste_uebersicht li {
	clear: both;
	border-top: 1px solid #D2D1CA;
	padding: 20px 0;
	position: relative;
	float: left;
	width: 100%;
}
.liste_uebersicht li li {
	float: none;
	width: auto;
	padding: 0;
	border: none;
	clear: none;
}
.liste_uebersicht .mehr li {
	float: left;
	margin-right: 30px;
}
.liste_uebersicht .bild {
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
	z-index: 2;
	min-height: 160px;
}
.liste_uebersicht .bild .buch, .liste_uebersicht .bild .zeitschrift {margin-right: -20px;}
.liste_uebersicht .bild img {max-width: 230px;}
.liste_uebersicht .bild .buch img {width: 112px;}
.liste_uebersicht .bild .mehr {clear: left !important;}
.liste_uebersicht .details {
	position: relative;
	clear: none !important;
}
.liste_uebersicht .bild + .details {margin-left: 140px;}
.liste_uebersicht .bild.zeitschrift + .details {margin-left: 125px;} /* die Klasse „zeitschrift“ wird hier ausnahmsweise per JS generiert – so wichtig isses nicht, dass es schlimm wäre, wenn kein JS verfügbar */
.liste_uebersicht .autor, .liste_uebersicht .ort {
	font-weight: bold;
	color: #3E332C;
	margin-bottom: .5em;
}
.liste_uebersicht h3, .liste_uebersicht h4 {color: #8C0000;}
.liste_uebersicht h3, .liste_uebersicht .untertitel {
	font-size: 1.23em;
	margin: 0 0 .5em;
}
.liste_uebersicht .details .autor + h3, #suchergebnisse .liste_uebersicht h4 {
	margin: 0;
	font-size: 1.45em;
}
.liste_uebersicht .beschreibung {margin: .8em 0 !important;}
.liste_uebersicht .autor, .liste_uebersicht .ort, .liste_uebersicht h3, .liste_uebersicht h4 {margin-right: 11em !important;}
#suchergebnisse .liste_uebersicht .untertitel, .liste_uebersicht .details .autor + h3 + .untertitel {
	font-size: .85em;
	margin: .5em 0 !important;
	line-height: 1.45em;
}
.liste_uebersicht .details .datum + h3 {margin-right: 0 !important;}
.liste_uebersicht .preis, .liste_uebersicht .datum {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	text-align: right;
}
.preis .eur {font-size: 1.45em;}
.preis .sfr {
	font-size: .85em;
	padding-right: 5px;
}
.liste_uebersicht .aktion form {
	float: left;
	margin-right: 25px;
	padding-top: 20px;
}
.aktion form input {
	border: none;
	background: transparent left top no-repeat;
	padding: 8px 10px 8px 40px;
	width: 150px;
	color: white;
	font: bold .85em Arial, Helvetica, Sans-serif;
	text-align: left;
}
.aktion .warenkorb input {background-image: url(../bilder/b_warenkorb_klein.png);}
.aktion .merken input {background-image: url(../bilder/b_merken_klein.png);}
#nebeninhalt .buchdaten .aktion form input {
	padding: 14px 10px 12px 55px;
	width: 210px;
	font-size: 1.15em;
}
#nebeninhalt .buchdaten .aktion .warenkorb input {background-image: url(../bilder/b_warenkorb_gross.png);}
#nebeninhalt .buchdaten .aktion .merken input {background-image: url(../bilder/b_merken_gross.png);}
.liste_uebersicht .thema {
	float: left;
	width: 480px;
}
.liste_uebersicht .thema h3 {
	color: #3E332C;
	font-size: 1.45em;
	margin-bottom: .3em;
}
.liste_uebersicht .thema .untertitel {
	font-size: 1em;
	margin-bottom: 1em;
}
.liste_uebersicht .info_sendung {
	float: right;
	width: 230px;
	clear: none !important;
	font-weight: bold;
}
.liste_uebersicht .info_sendung .datum {
	position: static;
	text-align: left;
	font-size: 1.45em;
	margin-bottom: .3em;
}
.liste_uebersicht .info_sendung .mehr {margin: 1.9em 0;}


#nebeninhalt2 {font-weight: bold;}
#nebeninhalt2 .nav {
	margin-bottom: 60px;
	float: left;
	width: 100%;
}
#nebeninhalt2 .nav a {
	float: left;
	width: 20px;
	height: 20px;
	text-indent: -999em;
	background: top center no-repeat;
	margin-bottom: 1em;
}
#nebeninhalt2 .nav .zurueck {background-image: url(../bilder/b_pfeile_links_rot.png);}
#nebeninhalt2 .nav .weiter {background-image: url(../bilder/b_pfeile_rechts_rot.png);}
#nebeninhalt2 .nav .uebersicht {
	width: 150px;
	text-align: center;
	margin: 0 5px;
	color: white;
	background-image: url(../bilder/b_rot_150px.png);
	line-height: 20px;
	text-decoration: none;
	text-indent: 0;
	float: left;
}
#nebeninhalt2 .nav form {
	clear: both;
	margin-bottom: -50px;
}
.jsenabled #nebeninhalt2 .nav label, .jsenabled #nebeninhalt2 .nav .submit {
	position: absolute;
	top: -999em;
}
#nebeninhalt2 .nav select {width: 200px;}
#nebeninhalt2 .links {line-height: 1.1em;}
#nebeninhalt2 .links a {font-size: .85em;}
#nebeninhalt2 h2 {margin-bottom: .5em;}