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

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

@import url("/styles/2007/basic-1-00.css");
@import url("/styles/2007/screen/screen-1-08.css");
@import url("/styles/2007/screen/elements-1-03.css");
@import url("/styles/2007/screen/forms-1-00.css");
@import url("/styles/2007/screen/contentflow.css");
@import url("/styles/2007/screen/ContentFlowAddOn_white.css");

/* }}} */
/* {{{ reset settings for optimal layout */

div#edition
	{
		padding-top: 1px;
		position: relative;
		top: -5px;
	}

div#edition *
	{
		margin: 0;
		padding: 0;
	}

div#edition h3,
div#edition h4
	{
		font: normal normal 1em/1em Verdana, Arial, sans-serif;
	}

/* }}} */
/* {{{ */

div#breadcrumbs p
	{
		position: absolute;
		left: -999em;
	}

#top-navigation span.line
	{
		position: absolute;
		bottom: 8px;
		left: 205px;
		display: block;
		width: 44.9em;
		height: 12px;
	}

#content
	{
		padding: 0 0 40px 0;
	}

/* }}} */
/* {{{ edition's elements */

#content h1, #content p
	{
		display: none; /* critical: can be removed in CMS */
	}

#edition p
	{
		display: block;
	}

#content h2#edition-no
	{
		position: absolute !important;
		top: -325px !important;
		left: 0;
		z-index: 400;
		background: #000;
		width: 130px;
		font-size: 13px;
		line-height: 30px;
		height: 30px;
		padding: 0 20px;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		color: #e3bc61;
		letter-spacing: 0;
	}
	
#content h2#edition-no span
	{
		padding-bottom: 5px;
		background: url(/images/layout/2007/line-dotted-grey-blue.gif) bottom left repeat-x;
	}

div#edition h3
	{
		font-size: 1.4em;
		font-weight: bold;
	}

div#edition sup,
div#edition h4 em
	{
		position: absolute;
		left: -999em;
	}

/* }}} */

div#archive
	{
		position: absolute;
		width: 100%;
		text-align: right;
		top: -18px;
		left: 0;
		margin-top: 0;
		margin-right: 200px;
		font-size: .8em;
		padding: 7px 0 9px 0;
		height: 23px;
	}

div#archive span.link
	{
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 5000;
		width: 30em;
	}

div#archive span.arr
	{
		font-family: Arial;
		color: #5A5F72;
		padding-right: .5em;
	}

div#archive a
	{
		text-decoration: none;
		padding-right: 20px;
		color: #fff;
	}

div#bookofmonth h4 a,
div#bookofmonth p a
	{
		color: #CECED6 !important;
	}

/** }}} **/
/** {{{ Edition **/

h3#reviews-month,
h3#notes-month,
#edition-extras h3
	{
		position: relative;
		height: 35px;
		margin: 0 .55em;
		z-index: 1;
	}

h3#reviews-month span,
h3#notes-month span,
#edition-extras h3 span.hdl,
#edition-extras h3 span.round-tr
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}

h3#reviews-month.month-01 span
	{
		background: url(/images/layout/2007/headlines/reviews-01.jpg) no-repeat;
	}

h3#notes-month.month-01 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-01.jpg) no-repeat;
	}

h3#reviews-month.month-02 span
	{
		background: url(/images/layout/2007/headlines/reviews-02.jpg) no-repeat;
	}

h3#notes-month.month-02 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-02.jpg) no-repeat;
	}

h3#reviews-month.month-03 span
	{
		background: url(/images/layout/2007/headlines/reviews-03.jpg) no-repeat;
	}

h3#notes-month.month-03 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-03.jpg) no-repeat;
	}

h3#reviews-month.month-04 span
	{
		background: url(/images/layout/2007/headlines/reviews-04.jpg) no-repeat;
	}

h3#notes-month.month-04 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-04.jpg) no-repeat;
	}

h3#reviews-month.month-05 span
	{
		background: url(/images/layout/2007/headlines/reviews-05.jpg) no-repeat;
	}

h3#notes-month.month-05 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-05.jpg) no-repeat;
	}

h3#reviews-month.month-06 span
	{
		background: url(/images/layout/2007/headlines/reviews-06.jpg) no-repeat;
	}

h3#notes-month.month-06 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-06.jpg) no-repeat;
	}

h3#reviews-month.month-07 span
	{
		background: url(/images/layout/2007/headlines/reviews-07.jpg) no-repeat;
	}

h3#notes-month.month-07 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-07.jpg) no-repeat;
	}

h3#reviews-month.month-08 span
	{
		background: url(/images/layout/2007/headlines/reviews-08.jpg) no-repeat;
	}

h3#notes-month.month-08 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-08.jpg) no-repeat;
	}

h3#reviews-month.month-09 span
	{
		background: url(/images/layout/2007/headlines/reviews-09.jpg) no-repeat;
	}

h3#notes-month.month-09 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-09.jpg) no-repeat;
	}

h3#reviews-month.month-10 span
	{
		background: url(/images/layout/2007/headlines/reviews-10.jpg) no-repeat;
	}

h3#notes-month.month-10 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-10.jpg) no-repeat;
	}

h3#reviews-month.month-11 span
	{
		background: url(/images/layout/2007/headlines/reviews-11.jpg) no-repeat;
	}

h3#notes-month.month-11 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-11.jpg) no-repeat;
	}

h3#reviews-month.month-12 span
	{
		background: url(/images/layout/2007/headlines/reviews-12.jpg) no-repeat;
	}

h3#notes-month.month-12 span
	{
		background: url(/images/layout/2007/headlines/reviews-notes-12.jpg) no-repeat;
	}

h3#reviews-month span.month,
h3#notes-month span.month
	{
		left: auto;
		right: 0;
		width: 10px;
		background: url(/images/layout/2007/headlines/reviews-rgt.jpg) top right no-repeat;
		z-index: 3 !important;
	}

h3#notes-month span.month
	{
		width: 8px;
		background: url(/images/layout/2007/headlines/rounded-tr.jpg) top right no-repeat;
	}

/** }}} **/
/** {{{ Teasers **/

div#edition div#edition-teasers
	{
		background: url(/images/layout/2007/bg-edition-teasers.jpg) bottom left repeat-x;
		padding-bottom: 20px;
	}

div#edition div.teaser
	{
		padding: 1.5em 1.6em 2.2em 3.7em;
		min-height: 210px;
	}

div#edition div.tip em,
div#edition div.ebook em
	{
		left: 1.5em;
		margin-top: -1.5em;
		width: 46px;
		height: 29px;
		overflow: hidden;
		background: url(/images/layout/2007/icons/treffer.png) no-repeat;
		display: block;
		text-indent: -999em;
		z-index: 20;
	}
	
div#edition div.ebook em
	{
		background: url(/images/layout/2007/icons/ebook.png) no-repeat;
		width: 73px;
		height: 30px;		
	}
	
div#edition div.ebook li.category a
	{
		color: #222227 !important;
	}
	
div#edition div.ebook
	{
		background: #E1E1E3 url(/images/layout/2007/bg-home-ebook.jpg) bottom right no-repeat;
		background-size: cover;
	}

div#edition div.teaser p
	{
		margin: 1em 0 1em 183px !important;
	}

div#edition div.teaser h4
	{
		margin-left: 183px !important;
	}

div#edition div.teaser h4 a
	{
		color: #222227;
	}

div#edition div.teaser h4,
div#edition div.teaser h4 span,
div#edition div.teaser h4 span a
	{
		color: #5A5F73;
		/* letter-spacing: -1px;*/
	}

div#edition div.teaser h4 a:visited
	{
		color: #5A5F73;
	}

div#edition div.teaser img
	{
		border: 1px solid #303532;
	}

div#edition div.teaser ul
	{
		margin: 0 0 0 183px;
		padding: .5em 0 0 0;
		list-style: none;
		background: url(/images/layout/2007/line-dotted-grey-blue.gif) top left repeat-x;
	}

div#edition div.teaser ul li
	{
		display: inline;
		color: #222227;
		padding-left: 21px;
		background: url(/images/layout/2007/icons/arrow-black.gif) 0 0 no-repeat;
	}

div#edition div.teaser ul li a,
div#edition div.teaser ul li a:visited
	{
		font-weight: bold;
		color: #222227;
	}

div#edition div.teaser ul li.category
	{
		display: inline;
		padding-left: 38px;
		color: #5A5F73;
		background: url(/images/layout/2007/icons/arrow-blue.gif) 17px 0 no-repeat;
	}

div#edition div.teaser ul li.category a,
div#edition div.teaser ul li.category a:visited
	{
		color: #5A5F73;
	}

div#edition div.teaser a:hover,
div#edition div.teaser ul li.category a:hover,
div#edition div.teaser h4 span a:hover
	{
		color: #222227 !important;
		text-decoration: underline !important;
	}

/** }}} **/
/** {{{ Content-Ads **/

div#edition div.content-ad
	{
		margin-bottom: 0;
		position: relative;
		border: 0;
		min-height: 205px !important;
		background: #BEBEC3 url(/images/layout/2007/content-a-bg.jpg) bottom left repeat-x;
		color: #000;
		padding: .6em 1.1em 60px 3.7em !important;
		line-height: 1.5em;
	}
	
div#edition div.video-ad p
	{
		font-size: .8em;
	}
	
div#edition div.video-ad object,
div#edition div.video-ad iframe
	{
		float: left;
	}
	
#video-player > a > img
	{
		position: absolute;
		top: 0;
		left: 0;
	}
	
div#edition div.content-ad h3
	{
		font-size: 1.2em;
		margin: 1em 0;
	}

div#edition div.content-ad img
	{
		background: #BEBEC3 url(/images/layout/2007/anzeige-vert-content-ad.gif) center right no-repeat;
		padding-right: 23px;
		margin-left: .6em;
	}
	
div#edition div.content-ad img,
div#edition div.video-ad p.content
	{
		background: #BEBEC3 url(/images/layout/2007/anzeige-vert-content-ad.gif) center right no-repeat;
		padding-right: 23px;
		margin-left: .6em;
	}

div#edition div.video-ad .teaser-text
	{
		margin-left: 420px !important;
	}	

div#edition div.content-ad a
	{
		color: #000 !important;
	}

div#edition div.content-ad p.ad
	{
		position: absolute;
		left: -999em;
	}

/** }}} **/
/** {{{ Notes **/

div#edition-notes
	{
		padding-bottom: 40px;
		background: #BEBEC3 url(/images/layout/2007/content-a-bg.jpg) bottom left repeat-x;
	}

div#edition-notes ul
	{
		margin: 1.2em 0 0 0;
		padding: 0 0 0 10em;
		list-style: none;
	}

div#edition-notes ul li strong
	{
		color: #5A5F73;
		padding-left: 7.2em;
	}

div#edition-notes ul ul
	{
		margin-top: .3em;
		padding: 0;
	}

div#edition-notes ul ul li
	{
		padding-left: 9.1em;
	}

div#edition-notes ul ul li.tip
	{
		background: url(/images/layout/2007/bg-note-marker-tip.jpg) 0 .2em no-repeat;
	}

div#edition-notes ul ul li.flop
	{
		background: url(/images/layout/2007/bg-note-marker-flop.jpg) 0 .2em no-repeat;
	}

div#edition-notes ul ul li.classic
	{
		background: url(/images/layout/2007/bg-note-marker-classic.jpg) 0 .2em no-repeat;
	}

div#edition-notes ul ul li a
	{
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}

div#edition-notes ul ul li a span
	{
		font-weight: normal;
		color: #5A5F73;
	}

/* {{{ edition extras */
div#edition div#edition-extras
	{
		padding-left: 2em;
		position: relative;
	}

div#edition div#edition-extras div#editions-archive,
div#edition div#edition-extras div#new-publications
	{
		float: left;
		margin-right: 1.6em;
		background: #BEBEC3;
		width: 47.1%;
		padding: 0;
	}

div#edition div#edition-extras .rc-content
	{
		min-height: 17em;
	}

div#edition div#edition-extras div h3
	{
		margin: 0;
		font-size: 1.1em;
	}

div#edition div#edition-extras div h3 span.hdl
	{
		background: url(/images/layout/2007/headlines/archive.jpg) no-repeat;
	}

div#edition div#edition-extras div#new-publications h3 span.hdl
	{
		background: url(/images/layout/2007/headlines/further-informations.jpg) no-repeat;
	}

div#edition div#edition-extras div h3 span.round-tr
	{
		left: auto;
		right: 0;
		width: 8px;
		background: url(/images/layout/2007/headlines/rounded-tr.jpg) no-repeat;
		z-index: 4;
	}

div#edition div#edition-extras div  p
	{
		margin: 1.1em 0 1.5em 0;
	}

div#edition div#edition-extras  div#new-publications p
	{
		margin: 1.1em 0 0 0 !important;
	}

div#edition div#edition-extras div  h4
	{
		line-height: 1.6em;
		margin: 1.1em 0 1.5em 0;
	}

div#edition div#edition-extras div ul
	{
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}

div#edition div#edition-extras div ul li
	{
		padding-left: 21px;
		color: #5A5F73;
		background: url(/images/layout/2007/icons/arrow-blue.gif) 0 3px no-repeat;
	}

div#edition div#edition-extras div#editions-archive ul li
	{
		float: left;
		width: 10em;
	}

/** }}} **/
/** {{{ Right column **/

div#news-related
	{
		padding-top: 20em;
	}

div#news-related div#editorial
	{
		text-align: left;
		border-top: 1px solid #000;
		background: url(/images/layout/2007/line-dotted-light-blue.gif) top left repeat-x;
		position: relative;
	}

div#news-related div#editorial h3
	{
		padding-left: 70px;
		width: 90px;
		font-size: 1em;
		min-height: 70px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

div#news-related div#editorial img
	{
		position: absolute;
		left: 0;
		top: 1.5em;
	}

div#topics
	{
		text-align: left;
		width: 160px;
		margin-left: 20px;
	}

div#topics h3
	{
		color: #e1be6e;
		font-weight: normal;
		font-size: 1em;
		min-height: 1em;
		margin: 1em 0 -1.5em 0;
	}

div#topics h4
	{
		font-size: 1em;
		margin-top: 1.5em;
		margin-bottom: 0;
	}

div#topics h4 a
	{
		text-decoration: none;
	}

div#topics div.topic-img
	{
		margin: 1.2em 0 .75em 0;
	}

div#topics img
	{
		border: 0;
	}

div#news-related div#dates h2 span
	{
		background: url(/images/layout/2007/headlines/termine.png);
	}

div#news-related div#blog h2 span
	{
		background: url(/images/layout/2007/headlines/blog.png);
	}

div#news-related div#books-top-10 h2 span
	{
		background: url(/images/layout/2007/headlines/krimi-top-10.png);
	}

div#news-related div#authors-top-10 h2 span
	{
		background: url(/images/layout/2007/headlines/autoren-top-10.png);
	}

div#news-related div#site-stats h2 span
	{
		background: url(/images/layout/2007/headlines/statistiken.png);
	}

div#news-related div#page-functions h2 span
	{
		background: url(/images/layout/2007/headlines/seitenfunktionen.png);
	}

#news-related div ol
	{
		padding: 0 0 0 20px;
	}

div#news-related div#page-functions
	{
		position: relative;
		left: auto;
		bottom: auto;
		width: auto;
		background: none;
		font-size: 1em;
	}

div#news-related div#page-functions ul
	{
		padding: 0 !important;
		width: 180px !important;
		margin: 0 0 0 20px !important;
	}

div#page-functions a,
div#page-functions a:visited
	{
		color: #BEBEC3;
		padding: 1px 22px 1px 0!important;
	}

div#page-functions #pdf
	{
		background: url(/images/layout/2007/icons/pdf-blk.gif) center right no-repeat;
	}

div#page-functions #rss
	{
		background: url(/images/layout/2007/icons/rss-blk.gif) center right no-repeat;
	}

div#page-functions #send
	{
		background: url(/images/layout/2007/icons/send-blk.gif) center right no-repeat;
	}

div#page-functions #print
	{
		background: url(/images/layout/2007/icons/print-blk.gif) center right no-repeat;
	}

div#page-functions #to-top
	{
		background: url(/images/layout/2007/icons/to-top-blk.gif) center right no-repeat;
	}

div#page-functions-end
	{
		display: none;
	}

div#newsletter input.text:focus
	{
		border-color: #e1be6e !important;
	}

/* }}} */

/* Panes */

body.home ul#edition-topics
	{
		list-style: none;
		margin: 20px 0 0 0 !important;
		padding: 0;
		height: 46px;
		background: #D6D6D8 url(/images/layout/2007/bg-tabs.jpg) repeat-x;
	}

ul#edition-topics li
	{
		float: left;
		text-indent: 0;
		padding: 0;
		margin: 0 !important;
		list-style-image: none !important;
		background: url(/images/layout/2007/bg-tabs-sep.png) bottom right no-repeat;
	}
	
ul#edition-topics li:last-child,
ul#edition-topics li.last-child
	{
		background: none;
	}

/* link inside the tab. uses a background image */
ul#edition-topics a
	{		
		font-size: 13px;
		display: block;
		height: 42px;
		/*line-height: 46px;*/
		width: 129px;
		text-decoration: none;
		padding: 2px 5px 2px 40px;
		margin: 0;
		position: relative;
		overflow: hidden;
		white-space: nowrap;
		color: #222227 !important;
	}
	
body.home ul#edition-topics a:hover
	{
		color: #fff !important;
	}
	
ul#edition-topics a span.no
	{
		position: absolute;
		top: 8px;
		left: 10px;
		font-weight: bold;
		color: #fff;
		font-size: 14px;
		display: block;
		width: 15px;
		height: 25px;
		padding: 1px 0 0 5px;
		background: url(/images/layout/2007/bg-tabs-no.jpg) no-repeat;
	}
	
ul#edition-topics a.active span.no,
ul#edition-topics a.current:hover span.no,
ul#edition-topics li.current a span.no
	{
		color: #222227;
		background: url(/images/layout/2007/bg-tabs-no.jpg) 0 -26px no-repeat;
	}
	
ul#edition-topics a span.cat
	{
		font-weight: bold;
		display: block;
	}

ul#edition-topics a:active
	{
		outline:none;
	}

ul#edition-topics a.active,
ul#edition-topics a.current:hover,
ul#edition-topics li.current a
	{
		background: url(/images/layout/2007/bg-tabs-current.jpg) top right no-repeat !important;
		outline: none !important;
		color: #222227 !important;
	}
	
div.panes
	{
		background: #2d313a;
		color: #CDCDD2;
	}

div.panes div.pane
	{
		display: none;
		padding: 40px 30px !important;
		height: 280px;
		overflow: hidden;
		position: relative;
		background: url(/images/layout/2007/bg-fingerprint.png) center center no-repeat;
	}
	
body#www-krimi-couch-ch div.panes div#publisher-tip
	{
		padding: 100px 30px 40px 30px !important;
		height: 220px;	
		background: #000 url(/images/layout/2007/bg-orell-fuessli.jpg) center center no-repeat;
	}	
	
div#bookofmonth
	{
		display: block;
	}
	
div.panes div.pane h3
	{
		margin: 0 !important;
		padding: 0 !important;
	}
	
div.panes div.pane h3 a
	{
		text-decoration: none;
	}
	
div#edition div.panes div.pane a
{
	color: #CDCDD2;
}	
	
div.panes div.pane a:hover
{
	color: #E1BE6E !important;
}

div.panes div.pane-contents
	{
		margin-left: 190px !important;
	}
	
div.panes div.has-no-image
	{
		margin-left: 0;
	}
	
/* {{{ book of month */

div.panes div.pane h3,
div#edition div.teaser h4
	{
		font-weight: bold;
		font-size: 1.4em;
		letter-spacing: -1px !important;
	}

div#edition div#bookofmonth span,
div#edition div.teaser h4 span
	{
		font-weight: normal;
	}

div.panes div.pane h3 a,
div#edition div.teaser h4 a
	{
		text-decoration: none;
	}

div#edition div#bookofmonth h3,
div#edition div#bookofmonth h3 span
	{
		background: none !important;
	}

div#edition div.teaser img
	{
		float: left !important;
		border-width: 1px;
		z-index: 1;
	}

div#edition div.teaser div.img-shadow
	{
		position: relative;
		top: -1.4em !important; /* margin-top is critical: depends on div#bookofmonth h3 and its margin-bottom */
	}

div#edition div.panes div.pane p
	{
		margin-top: 1.5em;
	}
	
div#edition div.panes div.pane p.more-link
	{
		font-size: .9em;
		text-align: right;
		min-height: 12px;		
	}
	
div#edition div.panes div.pane p.more-link a
	{
		padding-left: 20px;
		background: url(/images/layout/2007/marker.gif) 0 1px no-repeat;	
	}
	
div#bookofmonth h3 span.author a
	{
		color: #E1BE6E !important;
	}

div.panes div.pane-img img
	{
		border: 1px solid #CECED6;
	}
	
div.panes  div#flash,
div.panes  div#widget,
div.panes  div iframe
	{
		position: absolute;
		left: 0;
		top: 0;
	}
	
div#publisher-tip object,
div#publisher-tip embed,
div#publisher-tip iframe
	{
		position: absolute;
		top: 0;
		left: 0;
	}
	
body.home div#archive
	{
		background: url(/images/layout/2007/top.jpg) top right repeat-x !important;
	}		
	
body.home #top-navigation span.last
	{
		background: url(/images/layout/2007/bg-top-nav-bottom.jpg) bottom right no-repeat !important;
	}
	
body.home #top-navigation span.line
	{
		background: transparent url(/images/layout/2007/top-right.gif) top right repeat-x !important;
	}