/*  Home = iFrame Inhalt der index Seite */
html, body
{	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3e3e3e;
}
#home-content
{
	width:630px;
	padding: 0;
	border:none;
}
p
{
	line-height:13px;
	margin:0 0 14px 0;
}
a:link, a:visited
{
	color:#888888;
	font-weight:bold;
}
a:hover
{
	color:#fe8647;
}
h2
{
	font-weight:bold;
	margin:0 0 2px 0;
}

#left
{
	float:left;
	width:440px;
	margin: 0 10px 10px 0;
	padding:0;
}

	#header
	{
		margin:0 0 15px 0;padding:0;
	}

	h1
	{
		display:inline;
		margin:0; padding:0;
		color:#fe8647;
		font-size:19px;
		font-weight:normal;
	}
	
/* Buchvorstellungen */	
div.buchvorstellung
{
	padding-bottom:12px;
	border-bottom:2px dashed #fe8647;
	margin-bottom: 10px;
}


div.buchvorstellung img.cover
{
	float:left;
	margin:3px 5px 1px 0;
	padding:0px 4px 4px 0;
	background-image: url(../buchprinz_img/cover_schatten.gif);
	background-position: 0;
	background-repeat: no-repeat;
}
p.klappen
{
	margin:0 0 10px 0;
}
p.klappen a:link,p.klappen a:visited
	{
		font-size: 10px;	
	}
div.inhalt
{
	margin-bottom:10px;
	text-align:justify;
}
div.kaufen
	{
		float:right;
		width:180px;
		margin:0 0 10px 0;padding:4px;
		border:1px solid #888;
	}
	p.kaufen-preis
	{
		font-size:12px;
		font-weight:bold;
		margin:0 0 4px 0;padding:1px 0 0 0;
		text-align:right;
	}
	div.kaufen img.basket
	{
		float:right;
		margin:0 3px 0 7px;
	}
	p.kaufen-info
	{
		font-size:10px;
		font-weight:bold;
		padding:0;margin:0;
		text-align:left;
		color:#888888;
		
	}
	p.kaufen-info a:link, p.kaufen-info a:visited
	{
		text-decoration:none;
	}
div.mehr-infos
{
	clear:both;
}
div.mehr-infos p
{
	text-align:justify;
}
	div.mehr-infos ul
	{
		width: 438px;
		margin:0 0 10px 0;
		padding:6px 0px;
		background-color: #efefef;
		border:1px solid #000;
	}
	div.mehr-infos ul li span.details-left
	{
		float:left;
		width:114px;
		text-align:right;
		margin:0 6px 4px 0;
		color:#888888;
	}
	div.mehr-infos ul li span.details-right
	{
		float:right;
		width:318px;
		text-align:left;
		margin:0 0 4px 0;
	}
div.empfehlungen
{
	border:1px solid #888888;
	padding:4px 6px 18px 4px;
	clear:both;
	margin:0;
}
div.empfehlungen p
{
	margin:0 0 -11px 0;
	font-size:10px;
}
h3.empfehlungen
{
	margin-bottom:4px;
	font-size:10px;
	font-weight:bold;
	color:#b3382d;
}
h3 /*Buchvorstellungen Buchtitel*/
{
	font-size:13px;
	margin-bottom:2px;
	color:#b3382d;
}
h4 /*Buchvorstellungen Autor*/
{
	font-size:10px;
	margin-bottom:4px;
	color:#666;
}

/*End LEFT*/	

#right
{
	float:right;
	width: 164px;
	margin:0;
	padding:0 6px 0 10px;
	border:none;
}
/*Z I T A T */
#zitat
{
	float:left;
	width:164px;
	font-family:Georgia,"Times New Roman",serif;
	font-size:19px;
	color:#ffb66e;
	font-weight:bold;
	font-style: italic;
	margin:0;
	padding:0;
	text-align: justify;
}
#zitat p.quelle
{
	font-size:11px;
	color:#888888;
	font-weight:normal;
	font-style:normal;
	margin-top:5px;
	text-align:left;
}

/*Bestseller Liste*/
/*.box-right
{
	border:1px solid #afafaf;
	padding:5px;
	margin:0 0 10px 0;
	clear:both;
}*/

h3.bestseller
{
	text-align:center;
	margin-bottom:6px;
	letter-spacing:3px;
}
/*.box-right ol
{
	list-style: decimal;
	margin:0 0 0 22px;
	font-size:11px;
}
.box-right ol li
{
	margin:0 0 4px 0;
}
/*Titel*/
/*.box-right ol li a:link, .box-right ol li a:visited /*Titel Formatierung: direkt über a. Daher MUSS zumindest ein #Link gesetzt sein */
/*{
	display:block;
	font-size:11px;
	color:#888888;
	text-decoration: underline;
	margin:0 0 4px 0;
}*/
/*.box-right ol li a:hover
{
	color:#fe8647;
}
/*Autor*/
/*.box-right ol li span.autor
{
	font-size:10px;
}
/*Preis*/
/*.box-right ol li span.preis
{
	font-size:10px;
	font-weight:bold;
}

/*END RIGHT*/

.clear
{
	clear:both;
}
/*noscript Bereich für deaktivieres JavaScript*/
#noscript
{
	border: 3px solid red;
	padding: 5px;
	margin: 5px 5px 5px 0;
	border-color: Red;
}
h5 /*h5 bitte nur für noscript Bereiche verwenden. IE liest keine noscript tag anweisungen aus.*/
{
	font-size:16px;
	text-align:center;
}
h6 /*h6 bitte nur für noscript Bereiche verwenden. IE liest keine noscript tag anweisungen aus.*/
{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: yellow;
	margin: 0,;
	padding: 0;
}

/*TABS Bestsellerlisten*/
#bestsellerlisten
{
	float:left;
	width:163px;
	padding:0;
	margin:0 0 10px 0;
	clear:both;
}
ul.tabs
{
	width:162px;
	float:left;
	height:22px;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	margin:0; padding:0;

}
ul.tabs li {
	float: left;
	width:80px;
	border: 1px solid #888;
	border-left: none;
	margin: 0;
	padding: 0;
	height: 22px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 21px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	background: #e0e0e0;
	position: relative;
}

ul.tabs li a
{
	text-decoration: none;
	display: block;
	padding:0 0 0 4px;
	color:#666;
	border: 1px solid #fff;/*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover
{
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover 
{ 
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
#tab_container 
{
	width:161px;
	border: 1px solid #888;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	background: #fff;
}
#tab_container div
{
	width:132px;
	float:left;
	padding:10px 3px 10px 26px;
}

#tab_container ol
{
	list-style: decimal;
	list-style-position: outside;
	margin:0;
	font-size:11px;
}
#tab_container ol li
{
	margin:0 0 6px 0;
}
#tab_container ol li span
{
	margin-left:0px;
}
/*Titel*/
#tab_container ol li a:link, #tab_container ol li a:visited /*Titel Formatierung: direkt über a. Daher MUSS zumindest ein Link gesetzt sein */
{
	display:block;
	font-size:11px;
	color:#888888;
	text-decoration: underline;
	margin:0 0 4px 0px;
}
#tab_container ol li a:hover
{
	color:#fe8647;
}
/*Autor*/
#tab_container ol li span.autor
{
	font-size:10px;
}
/*Preis*/
#tab_container ol li span.preis
{
	font-size:10px;
	font-weight:bold;
}