/**
 * Stylesheet for www.jugendbuch-couch.de
 *
 * @media       screen, projection
 * @author      Lars Schafft, lars [dot] schafft [at] literatur-couch [dot] de
 * @version     1.0 (2009-10-03)
 */

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

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

#content-inner
	{
		background: #E6E6E6;
		width: 417px;
	}

#content h3
	{
		margin-bottom: 0;
		padding-bottom: 0;
		font-size: 1.2em;
	}

#content h3 + p
	{
		margin-top: 0;
		padding-top: 0;
	}

div.headline
	{
		margin-top: 2em;
	}

div.headline span.img
	{
		display: block;
		width: 384px;
		height: 44px;
		background: url(/images/layout/headlines/review.png) no-repeat;
		position: relative;
		left: -30px;
	}

div.headline h3
	{
		margin: 0;
		padding: 0;
		font-size: 1em !important;
		position: relative;
	}

div.headline h3 span.editor
	{
		font-weight: normal;
		display: block;
	}

div.headline h3 span.headline
	{
		display: block;
		margin: 40px 0 0 -70px;
	}

div.cag h3,
div.inp h3,
div.azo h3,
div.inp h3,
div.aoe h3,
div.evb h3,
div.tko h3,
div.rda h3,
div.cku h3,
div.jko h3,
div.aku h3,
div.anh h3,
div.yvs h3,
div.jbe h3,
div.mer h3,
div.feo h3,
div.jud h3,
div.anf h3,
div.sad h3,
div.mer h3,
div.aev h3,
div.ade h3,
div.ses h3
	{
		padding-left: 70px;
		min-height: 105px;
	}

div h3 span.editor span
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 48px;
		height: 60px;
		border: 1px solid #fff;
	}

div.cag h3 span.editor span
	{
		background: url(/public/images/team/thumbs/cag.jpg) center center no-repeat;
	}

div.inp h3 span.editor span
	{
		background: url(/public/images/team/thumbs/inp.jpg) center center no-repeat;
	}

div.azo h3 span.editor span
	{
		background: url(/public/images/team/thumbs/azo.jpg) center center no-repeat;
	}

div.aoe h3 span.editor span
	{
		background: url(/public/images/team/thumbs/aoe.jpg) center center no-repeat;
	}

div.evb h3 span.editor span
	{
		background: url(/public/images/team/thumbs/evb.jpg) center center no-repeat;
	}

div.tko h3 span.editor span
	{
		background: url(/public/images/team/thumbs/tko.jpg) center center no-repeat;
	}

div.rda h3 span.editor span
	{
		background: url(/public/images/team/thumbs/rda.jpg) center center no-repeat;
	}

div.cku h3 span.editor span
	{
		background: url(/public/images/team/thumbs/cku.jpg) center center no-repeat;
	}

div.jko h3 span.editor span
	{
		background: url(/public/images/team/thumbs/jko.jpg) center center no-repeat;
	}

div.caj h3 span.editor span
	{
		background: url(/public/images/team/thumbs/caj.jpg) center center no-repeat;
	}

div.aku h3 span.editor span
	{
		background: url(/public/images/team/thumbs/aku.jpg) center center no-repeat;
	}

div.anh h3 span.editor span
	{
		background: url(/public/images/team/thumbs/anh.jpg) center center no-repeat;
	}

div.yvs h3 span.editor span
	{
		background: url(/public/images/team/thumbs/yvs.jpg) center center no-repeat;
	}

div.jbe h3 span.editor span
	{
		background: url(/public/images/team/thumbs/jbe.jpg) center center no-repeat;
	}
	
div.mer h3 span.editor span
	{
		background: url(/public/images/team/thumbs/mer.jpg) center center no-repeat;
	}

div.feo h3 span.editor span
	{
		background: url(/public/images/team/thumbs/feo.jpg) center center no-repeat;
	}

div.jud h3 span.editor span
	{
		background: url(/public/images/team/thumbs/jud.jpg) center center no-repeat;
	}

div.anf h3 span.editor span
	{
		background: url(/public/images/team/thumbs/anf.jpg) center center no-repeat;
	}

div.sad h3 span.editor span
	{
		background: url(/public/images/team/thumbs/sad.jpg) center center no-repeat;
	}
	
div.mer h3 span.editor span
	{
		background: url(/public/images/team/thumbs/mer.jpg) center center no-repeat;
	}
	
div.aev h3 span.editor span
	{
		background: url(/public/images/team/thumbs/aev.jpg) center center no-repeat;
	}	
	
div.ade h3 span.editor span
	{
		background: url(/public/images/team/thumbs/ade.jpg) center center no-repeat;
	}
	
div.ses h3 span.editor span
	{
		background: url(/public/images/team/thumbs/ses.jpg) center center no-repeat;
	}
	
#content h1
	{
		font-size: 1.2em;
		margin-left: 170px;
	}

#content h1 span
	{
		display: block;
		font-size: .8em;
		font-weight: normal;
	}

#content h4.summary,
#content h4 span.summary
	{
		text-transform: uppercase;
	}

#bookcover
	{
		float: left;
		position: relative;
	}

#bookcover img
	{
		border: 10px solid #fff;
	}

#bookcover a.excerpt
	{
		position: absolute;
		bottom: 3px;
		right: 3px;
		text-decoration: none;
		font-size: .7em;
	}

#bookdata
	{
		margin-left: 170px;
		font-size: .85em;
	}

#bookdata a img,
#bookdata form input
	{
		border: 0 !important;
		position: relative;
		right: -25px;
	}

#bookdata p,
#bookdata form
	{
		margin: 0;
		padding: 0;
		text-align: right;
	}

#bookdata p.info
	{
		text-align: left;
		padding: 10px 0;
		border: 1px solid #ccc;
		border-width: 1px 0;
	}

#bookdata p.age-bracket
	{
		padding-top: 10px;
		text-align: left;
	}

#bookdata p#amazon-button
	{
		margin-top: -12px;
	}

#news-related
	{
		margin-top: 12px;
	}

#news-related div#our-judgement h3
	{
		margin-top: -27px;
	}

#news-related div#our-judgement span.bg,
#news-related div#user-judgement span.bg
	{
		position: relative;
		display: block;
		width: 170px;
		height: 99px;
	}

#news-related div#our-judgement span.bg span,
#news-related div#user-judgement span.bg span
	{
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(/images/layout/bg-our-judgement.png) no-repeat;
	}

#news-related .judgement-01 span.bg span
	{
		background-position: 0 -99px !important;
	}

#news-related .judgement-02 span.bg span
	{
		background-position: 0 -198px !important;
	}

#news-related .judgement-03 span.bg span
	{
		background-position: 0 -297px !important;
	}

#news-related .judgement-04 span.bg span
	{
		background-position: 0 -396px !important;
	}

#news-related .judgement-05 span.bg span
	{
		background-position: 0 -495px !important;
	}

#news-related .judgement-06 span.bg span
	{
		background-position: 0 -594px !important;
	}

#news-related .judgement-07 span.bg span
	{
		background-position: 0 -693px !important;
	}

#news-related .judgement-08 span.bg span
	{
		background-position: 0 -792px !important;
	}

#news-related .judgement-09 span.bg span
	{
		background-position: 0 -891px !important;
	}

#news-related .judgement-010 span.bg span
	{
		background-position: 0 -990px !important;
	}

#news-related div#user-judgement span.bg span
	{
		background: url(/images/layout/bg-user-judgement.png) no-repeat;
	}

#news-related div#user-judgement h3 span
	{
		background-position: 0 -35px;
	}

#news-related div#tag-list h3 span
	{
		background-position: 0 -105px;
	}

#news-related div#second-hand h3 span
	{
		background-position: 0 -140px;
	}

#news-related div#specials h3
	{
		margin-top: 0;
	}