/**
 * 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");
@import url("/styles/screen/contentflow.css");
@import url("/styles/screen/ContentFlowAddOn_white.css");

#content-inner
	{
		width: 672px;
		margin: 0;
		padding: 0 0 25px 0;
	}
	
#bookofmonth 
	{
		
	}
		
#bookofmonth h2
	{
		margin: 0;
		padding: 0;
	}
	
#bookofmonth div.cover,
div.teaser div.cover
	{
		float: left;
	}
	
#bookofmonth div.desc,
div.teaser div.desc
	{
		margin-left: 190px;
	}
	
div.teaser div.desc
	{
		margin-left: 115px;
	}
	
#bookofmonth .cover img
	{
		width: 150px;
		border: 10px solid #fff;
	}
	
div.teaser .cover img
	{
		width: 87px;
		border: 6px solid #fff;
	}
	
#edition
	{
		position: relative;
		top: -8px;	
	}
	
#edition h2
	{
		margin: 0;
		padding: 0;
	}
	
#twitter_div 
	{
		margin-top: -34px;
	}
	
#news-related 	
	{
		margin-top: 5px;
	}
	
#twitter_div h2,
#bookofmonth h2,
#question-topic h2,
#edition h2.more,
#edition-notes h2,
#edition-notes strong.kinderbuch-couch
	{
		position: relative;
		width: 384px;
		height: 35px;
		overflow:hidden;
		position: relative;
		left: -30px;
		font-size: 8px;
		font-weight: normal;
		display: block;
	}
	
#question-topic h2,
#bookofmonth h2 
	{
		height: 44px;
	}

#question-topic h2 
	{
		top: -14px;
	}
	
#question-topic h3 
	{
		margin-top: 0px;
	}
	
#twitter_div h2 
	{
		left: -25px;
	}

#twitter_div h2 span,
#bookofmonth h2 span.bg,
#question-topic h2 span,
#edition h2.more span,
#edition-notes h2 span,
#edition-notes strong.kinderbuch-couch span
	{	
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(/images/layout/headlines/headlines.png) 0 -421px no-repeat;
	}
	
#edition h2.month-02 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -456px no-repeat;
	}
	
#edition h2.month-03 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -491px no-repeat;
	}
	
#edition h2.month-04 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -526px no-repeat;
	}
	
#edition h2.month-05 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -561px no-repeat;
	}
	
#edition h2.month-06 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -596px no-repeat;
	}
	
#edition h2.month-07 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -631px no-repeat;
	}
	
#edition h2.month-08 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -666px no-repeat;
	}
	
#edition h2.month-09 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -316px no-repeat;
	}
	
#edition h2.month-10 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -701px no-repeat;
	}
	
#edition h2.month-11 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -351px no-repeat;
	}
	
#edition h2.month-12 span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -386px no-repeat;
	}
	
#edition h2.kibu span
	{
		background: url(/images/layout/headlines/headlines.png) 0 -245px no-repeat;
	}
	
#bookofmonth h2 span.bg 
	{
		background-position: 0 -736px;
	}
	
#question-topic h2 span
	{
		background-position: 0 -780px;
	}
	
#twitter_div h2 span
	{
		background-position: 0 -824px;
	}
	
#edition-notes strong.kinderbuch-couch span
	{
		background-position: 0 -245px;
	}
	
div#question-topic
	{
		background: #6FB9B8;
		color: #333;
		width: 432px;
		margin-bottom: 20px;
		margin-top: 14px;
	}

	
div#question-topic h3
	{
		line-height: .85;
	}
	
div#question-topic a
	{
		color: #333 !important;
		text-decoration: none !important;
	}
	
div#question-topic img
	{
		border: 1px solid #fff;
		width: 190px;
	}
	
div#question-topic div#topic
	{
		float: left;
		width: 200px;
	}
	
div#question-topic div#topic h3,
div#question-topic div#topic p
	{
		padding-left: 10px;
	}
	
div#question-topic div#topic2
	{
		float: right;
		width: 190px;
		padding: 0 15px 0 15px;
		border-left: 2px solid #A1D1D1;
	}

div#question-topic div#topic img 
	{
		max-width: 190px;
	}
	
div#question-topic .links
	{
		position: relative;
		right: 6px;
		text-align: left;		
		width: 133px;
	}
	
div#question-topic div#topic2 .links
	{
		position: relative;
		right: -95px;
	}
	
div#question-topic .links a
	{	
		position: relative;
		width: 133px;
		height: 35px;
		overflow:hidden;
		position: relative;
		left: -14px;
		font-size: 8px;
		font-weight: normal;
		display: block;
	}
	
div#question-topic .links a span 
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(/images/layout/headlines/headlines.png) 0 -859px no-repeat;
	}
	
div#question-topic div#topic2 .links a span 
	{
		background: url(/images/layout/headlines/headlines.png) 0 -930px no-repeat;
	}
	
div.teaser
	{
		background: #E5E5E5;
		padding: 20px 20px 0 0;
		width: 412px;
	}
	
div.teaser span.line
	{
		display: block;
		height: 1px;
		background: #B3B3B3;
	}
	
div.teaser h3
	{
		margin-top: 0;
		padding-top: 0;
	}

#bookofmonth div.desc p.category-link,
div.teaser p.category-link
	{
		position: relative;
		right: 6px;
		text-align: right;		
		width: 333px;
	}
	
#bookofmonth div.desc p.category-link 
	{
		right: -179px;
	}

#bookofmonth div.desc p.category-link a,
div.teaser p.category-link a
	{
		background: #ABBC9E url(/images/layout/headlines/headlines.png) 0 -896px no-repeat;
		color: #fff !important;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: -1px;
		padding: 3px 0 3px 25px;
		margin-right: 10px;
		line-height: 25px;
	}
	
#bookofmonth div.desc p.category-link span,
div.teaser p.category-link span
	{
		display: block;
		position: absolute;
		top: 2px;
		right: 0;
		width: 10px;
		height: 35px;
		background: url(/images/layout/headlines/headlines.png) -231px -897px no-repeat;
	}
	
div.content-ad
	{
		background: #A6A6A6;
		margin: 0 0 35px 0 !important;
		padding: 10px 20px;
		width: 392px;
		position: relative;
		color: #fff;
	}
	
div.content-ad p.ad
	{
		position: absolute;
		bottom: 0;
		right: 5px;
		font-size: 9px;
	}
	
div.content-ad h3
	{
		margin: 0;
		padding: 0;
	}
	
div.content-ad  img
	{
		float: right;
		margin-left: 15px;
		border: 0;
	}
	
div.content-ad a
	{
		color: #fff !important;
		font-weight: bold;
	}
	
span.author
	{
		display: block;
		font-size: .85em;
		font-weight: normal;
	}
	
#edition-notes
	{
		margin-top: 30px;
	}
	
#edition-notes ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
#edition-notes ul ul li
	{
		color: #267180;
		font-weight: bold;
	}
	
#edition-notes ul span.author
	{
		display: inline;
		font-size: 1em;
	}
	
#twitter_div ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

#twitter_div ul li
	{
		border-bottom: 1px solid #B3B3B3;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	
#editorial
	{
		margin: -10px auto 55px auto;
	}	
	
/* panes */	
	
ul.tabs 
	{
		list-style: none;
		margin: 3px 0 0 -10px !important;
		padding: 0 0 0 10px;
		height: 46px;
		background: #333;
	}

ul.tabs li
	{
		float: left;
		text-indent: 0;
		padding: 0;
		margin: 0 !important;
		list-style-image: none !important;
	}
	
ul.tabs li:last-child
	{
		background: none;
	}

/* link inside the tab. uses a background image */
ul.tabs a
	{		
		font-size: 13px;
		display: block;
		height: 42px;
		/*line-height: 46px;*/
		width: 133px;
		text-decoration: none;
		padding: 2px 5px 2px 30px;
		margin: 0;
		position: relative;
		overflow: hidden;
		white-space: nowrap;
		color: #B3B3B3 !important;
	}
	
ul.tabs a span.no
	{
		position: absolute;
		top: 0;
		left: 0;
		font-family: Impact, Arial, sans-serif !important;
		color: #CACACA;
		font-size: 16px;
		display: block;
		width: 14px;
		height: 24px;
		padding: 2px 0 0 6px;
		background:  #666;
	}
	
ul.tabs a.active span.no,
ul.tabs a.current:hover span.no,
ul.tabs li.current a span.no
	{
		color: #333;
		background: #fff;
	}
	
ul.tabs a span.cat
	{
		font-size: 16px;
		display: block;
		font-family: Impact, Arial, sans-serif !important;
		text-transform: uppercase;
		
	}

ul.tabs a:active
	{
		outline:none;
	}

ul.tabs a:hover 
	{
		color:#fff;
	}

ul.tabs a.active,
ul.tabs a.current:hover,
ul.tabs li.current a
	{
		outline: none !important;
		color: #fff !important;
		background: #CC0065 !important;
	}
	
div.panes
	{
		background: url(/images/layout/bg-pane.gif) no-repeat;
		padding-left: 10px;
		margin-left: -10px;
	}

div.panes div.pane
	{
		display: none;
		padding: 25px 20px !important;
		height: 230px;
		overflow: hidden;
		position: relative;
		color: #333;
		background: #ddd;
	}

div.panes div.pane a,
div.panes div.pane span.author a
	{
		color: #267180;
	}
	
div.panes div.pane h2,	
div.panes div.pane h3,
div.panes div.pane h3 a
	{
		color: #333 !important;
	}
	
div.panes div.pane-img
	{
		float: left;
		background: url(/images/layout/shadow-book.png) no-repeat bottom right;
		padding-bottom: 2px;
	}
	
div.panes div.pane h3
	{
		margin-top: 0;
	}
		
div div.pane-img img
	{
		border: 8px solid #fff !important;
	}	
	
div.panes div.pane-contents
	{
		margin-left: 168px;
	}
	
div.panes div.has-no-image
	{
		margin-left: 0;
	}
	
div.panes ul li a
	{
		text-decoration: none !important;
	}
	
div.panes  div#flash,
div.panes  div#widget,
div.panes div#video-player
	{
		position: absolute;
		left: 0;
		top: 0;
	}
	
div.panes  div#widget,
div.panes  div#html-full,
div.panes div#video-player
	{
		width: 672px;
		height: 280px;
	}
	
#news-related
	{
		position: relative;
		left: -1px;
	}
	
div#news-archive
	{
		margin: 25px 0 0 0;
	}

div#news-archive h2
	{
		margin-left: 0;
		margin-right: 0;
	}

div#news-archive div#archive,
div#news-archive div#more-informations
	{
		width: 200px;
		float: left;
		min-height: 16em;
		background: #E5E5E5;
		margin-right: 32px;
	}
	
div#news-archive div#archive h2,
div#news-archive div#more-informations h2
	{
		border: 0;
		margin: 20px;
		padding: 0;
	}

div#news-archive p
	{
		margin: auto 20px;
	}

div#news-archive ul
	{
		margin: .5em 0 .5em 20px !important;
		padding: 0 !important;
		list-style: none;
	}

div#news-archive div#archive li
	{
		float: left;
		width: 45%;
	}

div#news-archive div#more-informations
	{
		margin-right: 0;
	}