/**
 * Stylesheet for www.krimi-couch.de - pages of type 'content'
 *
 * @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
 * @uses       /styles/screen/backgrounds.css 
 * @version    2.01 (2006-04-09)
 */

/* {{{ 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/backgrounds-1-03.css");	

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

#breadcrumbs p
	{
		background: url(/images/layout/2007/bg-breadcrumbs.jpg) bottom left repeat-x;
		padding-bottom: 33px;
	}
	
#content-sub-nav-wrapper
	{
		margin-top: 15px;
	}

/* }}} */
/* {{{ content headlines with image */

div.content-head
	{
		background: url(/images/layout/2007/line-dotted-grey-blue.gif) bottom left repeat-x;
		padding-bottom: .3em;
	}
	
div.content-head div.headlines
	{
		float: left;
		width: 16em;
	}
	
#content div.content-head h1
	{
		color: #72768a;
		font-size: 1.4em;
		letter-spacing: -1px;
		font-weight: normal;		
	}
	
#content div.content-head h2
	{
		color: #232328;
		margin-top: 1.4em;
		font-size: 1.4em;
		font-weight: bold;	
		letter-spacing: -1px;
	}
	
div.content-head img,
div.content-head div.illustration
	{
		margin: 0 !important;
		float: right !important;
	}
	
div.content-head div.images
	{
		width: 132px;
		float: right;
	}
	
div.content-head div.images img
	{
		float: none;
		border: 1px solid black;
		margin-bottom: 2px !important;
		margin-left: 2px !important;
	}
	
div.content-head div.images img.main
	{
		margin-bottom: 5px !important;
		display: block;
		margin-left: 0 !important;
	}
	
#content div.content-head .mark
	{
		clear: both;
		padding-top: .3em;
		background: url(/images/layout/2007/line-dotted-grey-blue.gif) top left repeat-x;
		list-style: none;
		margin: 0 0 1.8em 0 !important;
		position: relative;
		top: 1.8em;
		padding-bottom: 0;
	}
	
#content div.content-head .mark a
	{
		padding: 0 0 0 21px;
		background: url(/images/layout/2007/icons/arrow-white-blue.gif) 0 3px no-repeat;
		display: block;
	}
	
#content div.content-head .has-text a
	{
		padding: 0;
		background: none;
		display: inline;
	}
	
#content div.content-head ul.mark li
	{
		background: none;
		padding: 0;
	}
	
#content div.content-head ul.mark li.has-text
	{
		background: none;
		padding: 0 0 0 21px;
		background: url(/images/layout/2007/icons/arrow-white-blue.gif) 0 3px no-repeat;
	}
	
#content div.content-head:after 
	{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0; 
	}
	
#content div.content-head div.illustration ul.mark
	{
		background: none;
	}
	
#content h2.bib
	{
		padding-bottom: 1em;
		position: relative;
		margin-bottom: .5em;
	}

#content h2.bib span
	{
		display:block;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: .7em;
	}
	
p.run-in
	{
		font-weight: bold;
		color: #72768a;
	}


/* {{{ book lists, overviews */

div.teaser,
div.listdiv
	{
		position: relative;
		margin-top: 20px;
		background: url(/images/layout/2007/line-dotted-grey-blue.gif) bottom left repeat-x;
	}
	
div.listdiv.np.special
	{
		background: #BEBEC3;
		border: 1px solid #5A5F73;
		padding: 1em 2em 0 2em;
		margin-top: 0;
	}
	
div.listdiv span.book-from-series
	{
		display: block;
		font-size: .65em;
		font-style: italic;
		font-weight: normal;
	}
	
h2.np.special
	{
		margin-top: 20px !important;
		margin-bottom: 0 !important;
		
		height: 34px;
		position: relative;
	}
	
h2.np.special span
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 257px;
		height: 34px;
		background: url(/images/layout/2007/headlines/kc-vorschau-tipp.png);
		z-index: 10;
	}
	
h2.np.special span.lft
	{
		width: 100%;
		right: auto;
		left: 0;
		background: url(/images/layout/2007/headlines/kc-vorschau-tipp-bg.png);
	}

div.teaser h3, 
div.listdiv h3
	{
		margin-top: 0;
		padding-left: 8.9em;
		min-height: 4.4em;
	}
	
div.listdiv.np h3
	{
		padding-left: 0;
		min-height: 0;
	}

div.listdiv h3 em
	{
		font-size: .6em;
		letter-spacing: 0;
		font-style: normal;
	}
	
div.listdiv h3 a
	{
		text-decoration: none;
		color: #232328 !important;
	}
	
div.listdiv h3 span.author a,
div.np h3 span.author
	{
		display: block;
		font-size: .92em;
		margin-top: .3em;
		color: #5a5f72 !important;
	}
	
div.listdiv-content
	{
		padding-bottom: 20px;
	}
	
div.listdiv-content p
	{
		padding-right: 140px;
	}
	
div.listdiv.np div.actions
	{
		width: 100px;
		float: left;
	}
	
div.listdiv.np div.actions p
	{
		margin-bottom: 10px !important;
	}
	
div.listdiv.np div.data
	{
		color: #5a5f72;
		margin-left: 100px;
		font-size: .8em;
	}
	
div.listdiv.np div.data span
	{
		color: #232328;
	}
		
div.listdiv-content img.cover,
div.listdiv-content div.has-excerpt
	{
		float: right;
		margin-left: 2em;
	}
	
div.listdiv-content div.has-excerpt img
	{
		float: none;
		margin: 0;
	}
	
div.listdiv-content div.has-excerpt a.excerpt
	{
		text-decoration: none;
		padding: 0 0 0 20px;
		line-height: 1.1em;
		background: url(/images/layout/2007/icons/arrow-white-blue.gif) 0 1px no-repeat;
	}
	
div.listdiv-content p.mark
	{
		font-weight: bold;
		padding: 0 0 0 25px;
		line-height: 1.1em;
		background: url(/images/layout/2007/icons/arrow-white-blue.gif) 0 0 no-repeat;
	}
	
#content div.listdiv-content p.mark a
	{
		background: none;
		margin-left: -21px;
		font-weight: normal !important;
		text-decoration: underline;
	}
	
#content div.listdiv-content p.mark .txtsmall
	{
		font-weight: normal;
		color: #5a5f72;
	}

/* }}}	
/* {{{ judgements used in top lists */

.rating
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 10.5em;
		font-size: .8em;
		background: #010006 url(/images/layout/2007/corners/roundedcornr_479494_tl.png) no-repeat top left !important;
		color: #E2BF6E;
		text-align: center;
	}
	
.rating span.value
	{
		display: block;
		color: #d6d5d7;
		font-size: 2.1em;
		font-weight: bold;		
	}
	
/* {{{ rating boxes in top lists */
	
.rating .rc-top 
	{
		background: url(/images/layout/2007/corners/roundedcornr_479494_tr.png) no-repeat top right !important;
	}

.rating .rc-top span 
	{
		background: none;
	}

.rating .rc-bottom 
	{
		background: url(/images/layout/2007/corners/roundedcornr_479494_bl.png) no-repeat bottom left;
	}

.rating .rc-bottom span 
	{
		background: url(/images/layout/2007/corners/roundedcornr_479494_br.png) no-repeat bottom right;
	}

.rating .rc-content 
	{
		background: url(/images/layout/2007/corners/roundedcornr_479494_r.png) top right repeat-y;
	}
	
/* }}} */	
/* {{{ bibliographies */
	
dl.bib
	{
		line-height: 1.3em;
	}
	
dl.bib dl
	{
		padding-bottom: 1em;
	}

dl.bib dt
	{
		margin-top: .5em;
		padding-left: 4em;
	}
	
dl.bib dt.series-name
	{
		margin: 1em 0 .5em 0;
		padding-left: 0;
		font-weight: bold;
	}
	
dl.bib dd dl
	{
		margin-bottom: 1em;
	}

dl.bib dd.org
	{
		margin: .3em 0;
		font-size: .85em;
		color: #5A5F73;
		padding-left: 4.8em;
	}
	
dl.bib dt.org
	{
		color: #5A5F73;
	}
	
dl.bib dd.year
	{
		margin-left: 0;
	}

dl.bib dd.year
	{
		margin-top: -1.3em;
	}
	
dl.bib dt a
	{
		font-weight: bold;
	}

dl.bib dt.has-pub-data img
	{
		padding-left: .5em;
	}
	
dl.bib span.remark
	{
		font-size: .75em;
	}

dl.bib span.pub
	{
		position: absolute;
		left: -999em;
	}

dl.bib cite
	{
		font-style: normal;
	}
	
dl.bib-new .org
	{
		position: relative;
	}

dl.bib-new span.year
	{
		position: absolute;
		top: 0;
		left: 0;
	}

dl.bib-new dd.org span.year
	{
		font-size: 1.2em;
		top: -1.5em;
	}
	
dl.bib dt.review cite
	{
		padding-right: 25px;
		background: url(/images/layout/rezension.gif) center right no-repeat;
	}

/* }}} */
/* {{{ special elements */

#new-pub-tip, body.home #kc-shop
	{
		border-bottom: 0 !important;
	}

ul.list-table
	{
		list-style: none;
		padding-left: 0!important;
		margin-left: 0!important;
	}
	
ul.list-table li
	{
		border-bottom: 1px dotted #5a5f73;
	}
	
ul.list-table span.author
	{
		display: block; 
		float: left; 
		width: 16em;
		margin-right: 1em;
		height: 1.8em;
		overflow: hidden;
	}
	
ul.list-table li a
	{
		width: 21em;
		display: block;
		float: right;
		margin-top: -1.8em;
	}

body table.data-listing tr th { border: 1px solid #5a5f73 !important; border-width: 1px 0 !important; background: #fff; color: #232328; text-transform: uppercase; vertical-align: top; padding: 1em .5em;}
body table.data-listing tr.interruption th, body table.data-listing tr.interruption td { background: #5a5f73; color: #d6d5d7 ;text-align: center; font-weight:bold}

body div#content table.gallery
	{
		border: 0 !important;
	}
	
table.gallery tbody td
	{
		border:  0 !important;
		margin: 0;
		padding: 0 3px;
		background: none;
	}
	
table.gallery img
	{
		border: 1px solid #595E72;
	}
	
div.content-ad
	{
		margin-bottom: 0;
		position: relative;
		border-radius: 1.5em;
		min-height: 205px !important;
		background: #BEBEC3 url(/images/layout/2007/content-a-bg.jpg) bottom left repeat-x;
		color: #000;
		padding: 1em 1.1em 30px 1.1em !important;
		line-height: 1.5em;
	}
	
div.video-ad p
	{
		font-size: .8em;
	}
	
div.video-ad object,
div.video-ad iframe
	{
		float: left;
	}
	
div.content-ad h3
	{
		font-size: 1.2em;
		margin: 1em 0;
	}

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.content-ad img,
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.video-ad .teaser-text
	{
		margin-left: 420px !important;
	}	

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

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