/**
 * Stylesheet for www.krimi-couch.de - pages of type 'book'
 *
 * @media       screen, projection
 * @author      Lars Schafft, lars [dot] schafft [at] literatur-couch [dot] de
 * @uses        /styles/basic.css
 * @uses        /styles/screen/screen.css
 * @uses        /styles/screen/elements.css
 * @uses        /styles/screen/forms.css
 * @uses        /styles/screen/backgrounds.css
 * @version     3.0alpha (2007-03-25)
 */

/* {{{ import basic styles and different background styles */

@import url("/styles/basic-1-00.css");
@import url("/styles/screen/screen-1-00.css");
@import url("/styles/screen/elements-1-00.css");
@import url("/styles/screen/forms-1-00.css");
@import url("/styles/screen/backgrounds-1-00.css");

/* }}} */

#content h1
	{
		background: url(/images/layout/line-dotted-brown.gif) bottom left repeat-x;
		font-size: 1.4em;
		letter-spacing: -1px;
		margin-left: 150px;
		padding: .2em .5em .4em 0;	
	}
	
#content h1 span
	{
		color: #000;
		font-weight: normal;
		font-size: .8em;
		display: block;
	}
	
#content h1 span span
	{
		font-size: 1em;
		text-decoration: none;
		color: #99926D;
		font-weight: bold;
		display: inline;
	}
	
#content h3
	{
		font-size: 1.25em;
		background: #F2EFE6;
		margin-bottom: 0;
		padding: .5em 1.25em;
	}
	
#content p,
#content ul,
#content ol
	{
		background: #F2EFE6;
		padding: 1em 1.5em;
		margin: 0;
	}
	
#content ul,
#content ol
	{
		padding: .5em 1em .5em 3em;
	}
	
#book-data  #bookcover
	{
		float: left;
		margin-right: 25px;
		position: relative;
	}
	
#book-data  #bookcover img
	{
		border: 1px solid #EBE8DC;
		position: relative;
		z-index: 3;
	}
	
#book-data
	{
		padding: 0;
		margin-bottom: 1em;
		position: relative;
	}
	
#book-data p
	{
		background: #E5E2D1;
		padding-left: 0;
	}
	
#book-data div#book-info
	{
		margin: -1.5em 0 2em 150px;
	}		
		
#bookcover.excerpt img
	{
		border: 0 !important;
	}
	
#book-data form
	{
		display: block;
	}
	
#book-data #bookdata
	{
		font-size: .85em;
	}
	
#book-data a.excerpt
	{
		display: block;
		background: url(/images/layout/button-leseprobe.png) no-repeat;
		position: absolute;
		top: 4em;
		right: 0;
		z-index: 10;
		width: 83px;
		height: 20px;
		text-indent: -999em;
	}

#bookcover span
	{
		display: block;
		width: 110px;
		height: 27px;
		position: absolute;
		bottom: -5px;
		left: 0;
		background: url(/images/layout/bg-shadow-book-alpha.png) no-repeat;
		z-index: 2;
	}

/**
 * @section     review	
 */
	
div#text
	{
		background: #F2EFE6;
		margin-top: 0;
		padding-top: 2em;
		position: relative;
	}
	
div#text h3
	{
		background: url(/images/layout/bg-das-meint-kochbuch-couch.jpg) 0 0 no-repeat;
		padding-top: 145px;
		color: #000;
		font-size: 1em;
	}

div#text h3 span
	{
		position: absolute;
		left: -999em;
	}
	
div#text p.editor
	{
		position: absolute;
		top: 60px;
		left: .6em;
		padding: 0 0 0 80px;
		padding-top: 2.75em;
		background: none;
		min-height: 75px;
	}
	
div#text p.editor.hc
	{
		background: url(/public/images/team/thumb/hc.jpg) 1em 3em no-repeat !important;
		
	}
	
div#text p.editor.el
	{
		background: url(/public/images/team/thumb/el.jpg) 1em 3em no-repeat !important;
	}
	
div#text p.editor.cl
	{
		background: url(/public/images/team/thumb/cl.jpg) 1em 3em no-repeat !important;
	}
	
div#text p.editor.cp
	{
		background: url(/public/images/team/thumb/cp.jpg) 1em 3em no-repeat !important;
	}
	
div#text p.editor.bt
	{
		background: url(/public/images/team/thumb/bt.jpg) 1em 3em no-repeat !important;
	}
	
div#text p.editor.cs
	{
		background: url(/public/images/team/thumb/cs.jpg) 1em 3em no-repeat !important;
	}	
	
div#text p.editor a
	{
		display: block;
	}

div#text b
	{
		font-weight: normal; 
		letter-spacing: .2em;
		padding: 0 .3em;
	}	
	
div#text h4
	{
		font-size: 1em;
		padding: .5em 1em 0 1.5em;
	}
	
/**
 * @section     readers' comments
 */

#usrinteraction
	{
		padding: 0 !important;
	}
 
#usrinteraction h3
	{
		background: #661A2D;
		color: #fff;	
		padding: .2em .5em;
		margin-top: 1em;
	}
 
#usrinteraction dl
	{
		height: 20em;
		overflow: auto;
	}
	
#usrinteraction p
	{
		background: #E5E2D1;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

#user-judgement h3
	{
		width: 200px;
		height: 36px;
		position: relative;
	}

#user-judgement
	{
		padding-top: 0 !important;
		border: 0 !important;
		text-align: center;
	}
		
#news-related #user-judgement h3 ,
#news-related h3#unsere-wertung
	{
		margin: 0 0 1em 0 !important;
		padding: 0 !important;
		position: relative;
		width: 200px;
		height: 40px;
		background: url(/images/layout/headlines/ihre-wertung.png) 20px 0 no-repeat !important;
		text-indent: -999em;
	}
	
#news-related h3#unsere-wertung
	{
		margin: 2em 0 0 0 !important;
		height: 18px;
		background: url(/images/layout/headlines/unsere-wertung.png) 20px 0 no-repeat !important;
	}
		
#judge p
	{
		border-top: 0;
		width: 168px;
		margin: 0 auto;
	}
	
p.wertung
	{
		color: #661A2D !important;
	}
	
div.wishlist-shelf
	{
		padding-bottom: 1.5em;
		margin-bottom: 0 !important;
	}
	
div.wishlist-shelf h3
	{
		color: #fff;
		font-size: 1em;
		z-index: 2;
		position: relative;
		margin: 0 20px 1em 20px;
		padding: .3em .5em;
	}
	
div#user-comments
	{
		height: 20em;
		overflow: auto;
		border: 1px solid #CBC5A4;
	}
	
table.comments
	{
		border-spacing: 0;
		margin-bottom: 0 !important;
	}
	
table.comments .date
	{
		text-align: right;
		width: 6em;
	}

div#user-comments th.member a
	{
		background: url(/images/layout/icons/member.gif)  0 no-repeat;
		padding: 5px 0 5px 20px
	}

div#user-comments th.member a.is-online
	{
		background: url(/images/layout/icons/member-online.gif)  0 no-repeat;
	}
		
#news-related div#judge,
#news-related div#judge div
	{
		border: 0;
		margin: 0;
	}
	
#news-related div#second-hand
	{
		background: none;
		border-bottom: 0;
	}
	
#news-related div#second-hand p
	{
		padding: 0 0 1em 0;
		margin: 0;
	}
	
#news-related div#second-hand p img
	{
		display: block;
		margin: 0 auto;
	}
	
#kc-judgement p
	{
		margin-bottom: 2em !important;
	}
	
#kc-judgement img,
#news-related iframe
	{
		margin-left: 20px;
	}
	
h4#schwierigkeitsgrad,
h4#sprachlich,
h4#praktisch,
h4#buchgestaltung
	{
		position: relative;
		width: 132px;
		height: 16px;
		overflow: hidden;
		margin: 1em 20px;
	}
	
h4#schwierigkeitsgrad span,
h4#sprachlich span,
h4#praktisch span,
h4#buchgestaltung span
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 132px;
		height: 16px;
		background: url(/images/layout/headlines/schwierigkeitsgrad.jpg) no-repeat;
	}

h4#sprachlich span
	{
		background: url(/images/layout/headlines/verstaendlichkeit.jpg) no-repeat;
	}
	
h4#praktisch span
	{
		background: url(/images/layout/headlines/praktikabilitaet.jpg) no-repeat;
	}
	
h4#buchgestaltung span
	{
		background: url(/images/layout/headlines/buchgestaltung.jpg) no-repeat;
	}
	
#news-related h4.first
	{
		margin: 2em 20px 1em 20px;
	}