/**
 * Stylesheet for www.kinderbuch-couch.de
 *
 * @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/backgrounds.css
 * @version     1.0 (2005-01-31)
 */

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

@import url("/styles/basic.css");	
@import url("/styles/screen/screen-1-06.css");
@import url("/styles/screen/elements-1-01.css");
@import url("/styles/screen/interactions.css");
@import url("/styles/screen/specials/angst.css");

/* }}} */

#breadcrumbs
	{
		background: url(/images/layout/bg-header-home.jpg) repeat-x;
	}
	
#edition-contents
	{
		padding-right: 225px;
	}

#new-publications, #news-infos
	{
		float:left;
		position: relative;
	}
	
#new-publications h2
	{
		position: relative;
		width: auto;
		height: 30px;
		font-size: .7em;
		margin: 0;
		background: url(/images/layout/neuerscheinungen-bg.jpg) top right no-repeat;
	}
	
#new-publications h2 span
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(/images/layout/neuerscheinungen.jpg) no-repeat;
	}
	
#new-publications dl
	{
		width: auto;
	}
	
#new-publications a, #new-publications a:visited	
	{
		color: #0D1162;
		text-decoration: none;
	}
	
#new-publications a img
	{
		border: 1px solid  #0D1162;
	}	
	
#new-publications dt	
	{
		font-weight: bold;
		margin-left: 0;
		margin-left: 108px;		
	}	
	
#new-publications dd	
	{
		margin-left: 0;
		padding-left: 108px;
	}
	
#new-publications dd.description
	{
		border-bottom: 1px dotted #6E73B6;
		margin-bottom: .5em;
	}
    
#new-publications dd.description.last
    {
        border-bottom: 0 !important;
    }
	
#new-publications dd.cover	
	{
		margin-left: 0;
		padding-left: 0;
		float: left;
	}
	
#new-publications dd.cover img	
	{
		margin-top: -1.2em;
	}	

#new-publications ul
	{
		margin: 0 ;
		padding: 0 0 1em 0;
		list-style: none;
	}
		
#new-publications ul li
	{
		font-style: italic;
		color: #6E73B6;
		padding-left: 110px;
	}
	
#new-publications ul ul li
	{
		padding-left: 0;
		font-style: normal !important;
		position: relative;
	}
	
#new-publications ul ul li a span
	{
		font-weight: bold;
	}
	
#new-publications ul ul li span.age
	{
		position: absolute;
		top: 0;
		left: -110px;
	}
	
#sidebar-lft h3 span
	{
		font-size: 1.2em;
		color: #f45813;
		margin-bottom: 2em;
		display: block;
	}
	
#news-infos
	{
		width: 210px;
		margin-left: 15px;
		margin-right: -225px;
		color: #fff;
		font-size: .85em;
	}
	
#news-infos p
	{
		padding: 0 22px;
	}
	
#news p, #news ul
	{
		padding: 0 0 22px 0;
		margin: 0 20px 22px 20px;
		border-bottom: 1px dashed #0D1162;
	}
	
#news-infos a, #news-infos a:visited
	{
		color: #fff;
		font-weight: bold;
	}
	
	
#news-infos h2
	{
		position: relative;
		width: 210px;
		height: 30px;
		font-size: 1em;
		margin: 0;
	}
	
#news-infos h2 span
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(/images/layout/news-infos.jpg) no-repeat;
	}	
	
#news, #newsletter
	{
		color: #0D1162;
		background: #979BD4;
		padding: 1px 0;
	}
	
#news h3
	{
		padding: 0 20px;
		font-size: 1em;
	}
	
#news h3 a
	{
		display: block;
		font-weight: bold !important;
		margin-bottom: .5em;
	}
	
#news a, #news a:visited
	{
		color:  #0D1162;
		font-weight: normal;
	}	
	
#news ul
	{
		margin-top: 0;
	}
	
#newsletter h3
	{
		position: relative;
		width: 210px;
		height: 49px;
		font-size: 1em;
		margin: 0 0 1.4em 0;
	}
	
#newsletter h3 span
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(/images/layout/langers-archiv.jpg) no-repeat;
	}
	
#newsletter h3 span
	{
		background: url(/images/layout/newsletter.jpg) no-repeat;
	}
	
#newsletter
	{
		padding-bottom: 1em;
	}
	
#newsletter h3
	{
		height: 30px;
	}
	
#newsletter fieldset, #newsletter legend
	{
		border: 0;
		background: transparent;
		margin: 0;
		padding: 0;
	}
	
#newsletter input.text
	{
		width: 10em;
	}

/* {{{ blue box */
	
#blue-box
	{
		background: #0d1162;
		color: #b9bef0;
		width: 206px;
		border: 2px solid #fff;
	}

#blue-box h3.ad
	{
		text-transform:none;
		text-align: center;
		border-bottom: 1px solid #fff;
		margin: 0;
		color: #0D1162;
		background:url(/images/layout/blue-box-ad.jpg);
	}

#blue-box h3
	{
		font-weight: normal;
		text-transform: uppercase;
		color: #f45813;
		margin-bottom: 0;
		margin-top: .5em;
	}

#blue-box h4
	{
		margin-top: 0;
		color: #fff;
		font-size: 1em;
	}

#blue-box a
	{
		color: #b9bef0 !important;
		text-decoration: underline !important;
		font-weight: bold;
	}

#blue-box h3, #blue-box h4
	{
		padding-left: 1em !important;
		padding-right: 1em !important;
	}

#blue-box p
	{
		margin-bottom: 0;
		padding-bottom: .5em;
		padding-left: 0 !important;
	}
    
div#editorial
	{
		position: relative;
	}
	
div#editorial h3
	{
		padding-left: 90px;
		width: 90px;
		font-size: 1em;
		min-height: 70px;
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	
div#editorial img
	{
		position: absolute;
		left: 20px;
		top: 0.5em;
	}	
b.m
	{
		color: #F55813;
	}
	
/* }}} */


div.pane ul
	{
		position: absolute;
		top: 9px;
		left: 208px;
		margin: 0;
		padding: 0;
		background: none;
		border: 0;
		list-style: none;
	}
	
div.pane ul li
	{
		float: left;
	}
	
div.pane ul li a
	{
		color: #DE8716 !important;
	}
	
	
ul.tabs 
	{
		list-style: none;
		margin: 3px 0 0 0 !important;
		padding: 0;
		height: 46px;
		background: url(/images/layout/bg-tabs.jpg) no-repeat;
	}

ul.tabs li
	{
		float: left;
		text-indent: 0;
		padding: 0;
		margin: 0 !important;
		list-style-image: none !important;
		background: url(/images/layout/bg-tabs-sep.png) bottom right no-repeat;
	}
	
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: 131px;
		text-decoration: none;
		padding: 2px 5px 2px 40px;
		margin: 0;
		position: relative;
		overflow: hidden;
		white-space: nowrap;
		color: #0b1263 !important;
	}
	
ul.tabs a span.no
	{
		position: absolute;
		top: 8px;
		left: 10px;
		font-weight: bold;
		color: #fff;
		font-size: 14px;
		display: block;
		width: 14px;
		height: 24px;
		padding: 2px 0 0 6px;
		background:  url(/images/layout/bg-tabs-no.jpg) no-repeat;
	}
	
ul.tabs a.active span.no,
ul.tabs a.current:hover span.no,
ul.tabs li.current a span.no
	{
		color: #0b1263;
		background: url(/images/layout/bg-tabs-no.jpg) 0 -26px no-repeat;
	}
	
ul.tabs a span.cat
	{
		font-weight: bold;
		display: block;
	}

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

ul.tabs a:hover 
	{
		color:#fff;
		text-decoration: none !important;
	}

ul.tabs a.active,
ul.tabs a.current:hover,
ul.tabs li.current a
	{
		background: #0E2536 url(/images/layout/bg-tabs-current.jpg) top right no-repeat;
		outline: none !important;
		color: #fff !important;
	}
	
div.panes
	{
		background: #fff;
		margin-bottom: 25px;
	}

div.panes div.pane
	{
		display: none;
		padding: 40px 40px 40px 40px !important;
		height: 260px;
		overflow: hidden;
		position: relative;
		color: #0b1263;
	}
	
div.panes div.pane h2,	
div.panes div.pane h3
	{
		color: #0b1263 !important;
	}
	
div.panes div.pane h3
	{
		margin-top: 0 !important;
		padding-top: 0 !important;
		font-size: 1.2em !important;
	}	
	
div.panes div.pane h3 a
	{
		text-decoration: none;
	}
	
div.panes div.pane-img img
	{
		border: 0 !important;
	}

div.panes div.pane-img
	{
		float: left;
		margin-right: 25px;
	}
	
div.panes div.img-shadow img
	{
		-moz-box-shadow: 5px 5px 5px #aaa;
		-webkit-box-shadow: 5px 5px 5px #aaa;	
		box-shadow: 5px 5px 5px #aaa;		
	}
	
div.panes div.pane-contents
	{
		margin-left: 168px;
	}
	
div.panes div.has-no-image
	{
		margin-left: 0;
	}
	
div.panes ul li
	{
		color: #0C2635;
		font-size: 10px;
		margin-right: 10px;
	}
	
div.panes  div#flash,
div.panes  div#widget
	{
		position: absolute;
		left: 0;
		top: 0;
	}
	
div.panes  div#widget,
div.panes  div#html-full
	{
		width: 666px;
		height: 320px;
	}