/*** Stile für alle Inhalte Hörbuchliste und Detailseiten***/


/**** startseite liste ******/

.introtext {
position: relative;
margin: 0 25px 0 310px;
padding: 20px 10px 6px 6px;
min-height: 246px;
width: auto;
background: #fff url("../img/bgblock.gif") repeat-x;
background-position: top;
}
*html .introtext { height: 246px;}
.startbild {
position: relative;
float: left;
padding-left: 30px;
background-color: #fff;
}
.startliste {
margin: 6px 25px 0 90px;
height: 112px; 
background-color: #fafdf0;
border-bottom: 1px solid #d7dbc8;
border-top: 1px solid #d7dbc8;
}

/**** Liste ******/
.liste {
margin: 6px 25px 0 70px;
height: 112px; 
background-color: #fafdf0;
border-bottom: 1px solid #d7dbc8;
border-top: 1px solid #d7dbc8;
}
.covmini {
float: left;
width: 100px;
height: 100px;
padding: 6px;
text-align: center;
vertical-align: middle;
background-color: #fff; 
border-left: 1px solid #d7dbc8;
border-right: 1px solid #d7dbc8;
overflow: hidden;
}
.covmini img {    /* eventuell löschen! */
width: 100px;
height: 100px;
}

.more {
margin: 10px 8px 0 0;
float: left;
width: auto;
height: 100px;
line-height: 2em;
}
a.mehr, a.mehr:visited{
	text-decoration: none;
	color: #fff;
	background-color:#b72c49;    /*e5e9d6*/
	padding: 3px 6px 3px 6px;
}
a.mehr:hover{
	color: #fff;
	background-color: #e73265;
	text-decoration: none;
	}
.listtitel {
margin: 10px 10px 0 0;
color: #000;
font-weight: bold;
font-size: 1.1em;
}
.textlist {
color: #000;
font-weight: normal;
line-height: 1.4em;
}
.fuer{
color: #333;
font-style: italic;
padding: 0;
}
.pagenavi {
margin: 16px 20px 0 70px;
background-color: #fff;
font-size: 1em;
font-weight: normal;
}
a.page, a.page:visited{
	text-decoration: none;
	color: #666;
	border: 1px solid #ccc; 
	padding: 3px 8px 3px 8px;
}
a.page:hover{
	color: #000;
	background-color: #e5e9d6;
	text-decoration: none;
	}
a.pageaktiv, a.pageaktiv:visited{
	text-decoration: none;
	color: #fff;
	background-color: #e73265;
	border: 1px solid #fff; 
	padding: 3px 8px 3px 8px;
}
a.pageaktiv:hover{
	text-decoration: none;
	color: #fff; 
	}

/******* Detailauswahl *******/
.detail {
margin: 2px 25px 5px 25px;
padding-bottom: 20px; 
background-color: #fafdf0;
min-height: 500px;
}
.coverbig {
position: relative;
float: left;
margin-right: 25px;
width: 240px;
height: 240px;
padding: 16px;
text-align: center;
vertikal-align: middle;
background-color: #fff; 
border: 1px solid #ccc;
overflow: hidden;
}

.coverbig img {
width: auto;
height: auto;
}
.eintrag {
color: #000;
font-weight: bold;
padding: 0 10px 0 0;
}
.art{
color: #666;
font-style: italic;
padding: 0 10px 10px 0;
}
.datenbox {
margin-top: 20px;
background-color: #e5e9d6;
min-height: 25px;
line-height: 1.9em;
background-image: url(../img/icon.gif);
background-repeat: no-repeat;
}
.datenbox img{
float: left;
height: auto;
width: auto;
} 

td {
padding: 0 6px 0 6px;
border-left: 2px solid #fff;
}
.kritik {
padding: 10px 20px 20px 50px;
border-top: 2px solid #fff;
background-color: #e5e9d6;
min-height: 50px;
}
.kritikzeile {
margin-top: 10px;
line-height: 1.2em;
} 
.bewertung{
margin-top: 1px;
line-height: 2.2em;
border-bottom: 2px solid #e2e6d2;
padding-left: 50px;
}
.punkte{
position: relative;
float: right;
}
.eignung {
color: #993300;
font-weight: bold;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans serif;
}

h2 {
margin: 35px 25px 0 50px;
font-size: 1.3em;
color: #555;
font-weight: normal;
font-style: italic;
}
 
.einzug {
margin-left: 25px;
line-height: 1.6em;
color: #555;
}


/**** Unterseiten Navigation ******/
.pagenavi {
margin: 16px 20px 0 70px;
background-color: #fff;
font-size: 1em;
font-weight: normal;
}
.pagenavi a, .pagenavi a:visited{
 text-decoration: none;
 color: #666;
 border: 1px solid #ccc;
 padding: 3px 8px 3px 8px;
}
.pagenavi a:hover{
 color: #000;
 background-color: #e5e9d6;
 text-decoration: none;
 }
 
.pagenavi .current	/* a.pageaktiv, a.pageaktiv:visited */
{
 text-decoration: none;
 color: #fff;
 background-color: #e73265;
 border: 1px solid #fff;
 padding: 3px 8px 3px 8px;
}

.pagenavi .current:hover {	/* a.pageaktiv:hover */
 text-decoration: none;
 color: #fff;
}

/************************/