/**
 * Stylesheet for www.kinderbuch-couch.de
 *
 * @media	screen, projection
 * @author	Lars Schafft, lars [dot] schafft [at] schafft-webdevelopment [dot] de
 * @uses	/images/layout/bg-body.jpg
 * @uses	/images/layout/shadow-lft.png
 * @uses	/images/layout/shadow-rgt.png
 * @uses	/images/layout/kinderbuch-couch-logo.gif
 * @uses	/images/layout/bg-header-content.jpg
 * @uses	/images/layout/interactive-bg.gif
 * @uses	/../images/layout/bg-top-nav.jpg
 * @version	2.0beta (2005-02-05)
 */

html
	{
		height: 100%;
		margin: 0 0 1px 0;
	}

body
	{
		height: 100%;
		margin: 0;
		padding: 0;
		background: #979bd4 url(/images/layout/bg-body.jpg) repeat-x fixed;
		font-size: 100.01%;
		color: #0d1162;
		text-align: center;
	}

#wrapper
	{
		position: relative;
		min-width: 760px;
		max-width: 58em;
		min-height: 100%;
		margin: 0 auto;
		text-align: left;
		overflow: hidden;
		padding-top: 100px;
	}

#shadow-lft, 
#shadow-rgt
	{

		padding-bottom: 999em;
		margin-bottom: -997em;
	}

#container
	{
		float: left;
		width: 100%;
		min-height: 100%;
	}

#page
	{
		position: relative;
		min-height: 100%;
		margin: 0 21px -997em 21px;
		padding-bottom: 999em;
		background: #b9bef0;
	}

#shadow-lft
	{
		float: left;
		width: 20px;
		margin-left: -100%;
		background: url(/images/layout/shadow-lft.png) repeat-y;
		border-right: 1px solid #C6C2E5;
	}

#shadow-rgt
	{
		float: right;
		width: 20px;
		margin-left: -100%;
		background: url(/images/layout/shadow-rgt.png) repeat-y;
		border-left: 1px solid #C6C2E5;
	}

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

#header
	{
		padding: 10px 30px 60px 20px;
		background: #fff;
		border-top: 1px solid #c6c2e5;
	}

#header h2
	{
		margin: 0;
		padding: 0;
		position: relative;
		width: 301px;
		height: 46px;
		font-size: 1em;
	}

#header h2 span
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(/images/layout/kinderbuch-couch-logo.gif) no-repeat;
	}

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

#breadcrumbs
	{
		position: relative;
		padding: 133px 30px 3px 30px;
		background: url(/images/layout/bg-header-content.jpg) repeat-x;
		color: #fff;
		font-size: .8em;
	}

#breadcrumbs a, #breadcrumbs a:visited
	{
		color: #fff;
		text-decoration: none;
	}

/* }}} */

#page
	{
		font-family: Verdana, Helvetica, sans-serif;
		font-size: .8em;
	}

#page h1
	{
		margin-top: 0;
	}

#content-container
	{
		float: left;
		width: 100%;
	}

#content
	{
		margin: 0  0 0 180px;
		padding: 0 20px;
	}

#content h1
	{
		font-size: 1.4em;
		letter-spacing: -1px;
	}

#content h1.has-image, #content div.has-image
	{
		width: auto;
		height: 70px;
		background: url(/images/layout/bg-headline-large.jpg) top right no-repeat;
		margin-top: 0;
		position: relative;
		font-size: 1.3em;
	}

#content h1.has-image span, #content div.has-image span
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

#content h2
	{
		font-size: 1.3em;
		letter-spacing: -1px;
	}

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

#content .kibucouch span
	{
		font-weight: normal;
		color: #F45813;
	}

#content a:link, #content a:visited
	{
		color: #0d1162;
	}

#content a:hover
	{
		text-decoration: underline;
	}

#content p, div, ul
	{
		line-height: 1.6em;
	}

#content ul.navigate
	{
		clear: both;
	}

#content ul.navigate li
	{
		width:auto;
		margin: 0;
		display: inline;
	}

#content ul.navigate span
	{
		background-color: #F45914;
		padding: 0 .2em;
		border-bottom: 1px solid #F45914;
		color: #fff;
	}

#content table[border="1"],
#content table[border="1"] td
	{
		border: 1px solid #0D1162;
		border-collapse: collapse;
	}

/* }}} */

#sidebar-lft
	{
		float: left;
		width: 140px;
		margin-left: -100%;
		margin-bottom: -32767px;
		padding: 1em 10px 32767px 30px;
		background: #0D1162 url(/images/layout/subnav-bg.gif) no-repeat;
		color: #B9BEF0;
		font-size: .75em;
	}

#sidebar-lft ul
	{
		list-style: none;
		color: #F45813;
		margin-left: 0;
		padding-left: 0;
		padding-bottom: 1.2em;
		border-bottom: 1px dotted #B9BEF0;
	}

#sidebar-lft li
	{
		margin: .3em 0;
	}

#sidebar-lft a, #sidebar-lft a:visited
	{
		color: #B9BEF0;
		text-decoration: none;
	}

#sidebar-lft a:hover
	{
		text-decoration: underline;
	}

#sidebar-lft a.x, #sidebar-lft a.x:visited
	{
		color: #F45813 !important;
	}

#sidebar-lft ul ul
	{
		margin: 1em 0 1em .8em;
		border-top: 1px dotted #B9BEF0;
		padding-bottom: 0;
	}

#sidebar-lft h3
	{
		font-size: 1em;
		margin-bottom: -1em;
	}

/* {{{ additional navigation }}} */

#top-nav
	{
		position: absolute;
		left: 0;
		top: 127px;
		width: 100%;
		background: #090C4F url(/images/layout/bg-top-nav.jpg) repeat-x;
		font-size: .85em;
		padding: 7px 0 8px 0;
	}

#top-nav ul
	{
		list-style: none;
		padding: 0;
		margin: 0;
	}

#top-nav li
	{
		display: block;
		width: 10.9%;
		float: left;
		text-align: center;
		border-right: 1px dotted #B9BEF0;
		font-weight: bold;
		color: #F45813;
	}

#top-nav a, #top-nav a:visited
	{
		color:#B9BEF0;
		text-decoration: none;
		display: block;
		width: 100%;
		float: left;
		text-align: center;
		font-weight: normal;
	}

#top-nav a:hover
	{
		text-decoration: underline;
	}

#top-nav a.x, #top-nav a.x:visited
	{
		color: #F45813 !important;
	}


/* }}} */
/* {{{ additional navigation }}} */

#media-interactive
	{
		font-size: .85em;
	}

#media-interactive,
#interactive
	{
		position: absolute;
		top: 80px;
		left: 0;
		width: 100%;
		height: 40px;
		background: #efedfa url(/images/layout/media-interactive-bg.gif) repeat-x;
	}
	
#interactive
	{
		top: 0;
		left: auto;
		right: 20px;
		width: auto;
	}

#media-interactive ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
#media-interactive ul li
	{
		float: left;
		margin-left: 20px;
		padding-top: 10px;
	}
	
#media-interactive ul li a
	{
		text-decoration: none !important;
		color: #3B4680 !important;
		padding-left: 25px;
		height: 20px;
		display: block;
		background: url(/images/layout/media-interactive-icons.gif) 0 0 no-repeat;
	}
	
#media-interactive ul li.meine a
	{
		background-position: 0 -60px;
	}
	
#media-interactive ul li.board a
	{
		background-position: 0 -80px;
	}
	
#media-interactive ul li.guestbook a
	{
		background-position: 0 -100px;
	}	
	
#media-interactive ul li.newsletter a
	{
		background-position: 0 -120px;
		padding-left: 35px;
	}
	
#media-interactive ul li.facebook a
	{
		background-position: 0 -140px;
	}	

#media-interactive ul li.twitter a
	{
		background-position: 0 -160px;
		padding-left: 35px;
	}
	
#media-interactive ul li.specials a
	{
		background-position: 0 -180px;
	}		
	
#search
	{
		position: absolute;
		top: 18px;
		right: 20px;
	}

#search fieldset, #search form
	{
		border: 0;
		margin: 0;
		padding: 0;
	}

#search input.text
	{
		position: relative;
		top: -.2em;
		font-size: 1em;
		width: 270px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #273375;
		padding: .3em;
	}

#search .imgsubmit
	{
		margin-left: 19px;
	}


#search legend
	{
		display: none;
	}

#about
	{
		position: absolute;
		z-index: 488;
		top: -90px;
		left: 0;
		width: 150px;
		font-size: .85em;
		color: #fff;
	}

#about ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

#about li
	{
		display: inline;
	}

#about a, 
#about a:visited
	{
		color: #fff;
		text-decoration: none;
	}

#about a:hover
	{
		text-decoration: underline !important;
	}

#about ul li#couch-hopper
	{
		position: relative;
		z-index: 500;
		color: #7D9DB3;
	}
	
#about ul li#couch-hopper span
	{
		cursor: pointer;	
	}
	
#about ul li#couch-hopper ul
	{
		position: absolute;
		z-index: 501;
		top: 1.5em;
		left: -.4em;
		display: none;
		margin: 0;
		padding: 0 .4em !important;				
		width: 15em;
		background: #484C93;
		font-size: .8em;
	}
	
#about ul li#couch-hopper:hover ul,
#about ul li#couch-hopper.hover ul
	{		
		display: block;
	}
	
#about ul li#couch-hopper ul li
	{
		display: block;
		float: none;	
		padding: .4em 0 !important;
		margin: 0;
		width: 11.6em;
		font-size: 1.2em;
		border-bottom: 1px dotted #B9BEF0;
	}
	
#about ul li#couch-hopper ul li.l
	{
		border: 0;
	}
	
/*
 *
 */

div.a-fullsize
	{
		position: absolute;
		z-index: 1000;
		top: 0;
		right: 20px;
		padding-left: 11px;
		background: url(/images/layout/anzeige.gif) no-repeat;
	}

div.a-fullsize a img,
div.a-fullsize div.flash-banner
	{
		border: 1px solid #fff;
	}

div.a-skyscraper,
div.a-xs-button
	{
		width: 180px;
		padding: 0 0 15px 0;
		position: relative;
		left: -30px;
		text-align: center;
		background: url(/images/layout/anzeige-horiz.gif) bottom center no-repeat;
	}

div.a-skyscraper
	{
		margin: 2em 0 1em 0;
	}

div.a-skyscraper  a img,
div.a-skyscraper div.flash-banner,
div.a-xs-button a img,
div.a-xs-button div.flash-banner
	{
		border: 1px solid #c6c2e5 !important;
		margin: 0 auto;
		display: block;
	}

div.a-skyscraper div.ad-note,
div.a-xs-button div.ads-note
	{
		color: #c6c2e5;
	}

div.a-xs-button
	{
		top: 3em;
	}

.txtsmall
	{
		font-size: .85em;
	}

.tar
	{
		text-align: right;
	}

ul.mark,
ul.mark-arrow
	{
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}

ul.mark li
	{
		background: url(/public/images/einjahr_button.gif) 0 50% no-repeat;
		padding-left: 18px;
	}

ul.mark-arrow li
	{
		background: url(/public/images/angst_button.gif) 0 50% no-repeat;
		padding-left: 50px;
		min-height: 26px;
	}

/* }}} */

#header span#edition-number
	{
		display: block;
		width: 150px;
		position: absolute;
		top: -30px;
		left: -1px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background: #fff;
		color: #F55813;
		border: 1px solid #c6c2e5;
		border-width: 1px 1px 0 1px;
	}
	
div.content-ad
    {
        border: 1px solid #999CD1;
        background: #B4B7EC url(http://www.kinderbuch-couch.de/images/layout/anzeige-vert-content-ad.gif) bottom right no-repeat;
        font-size: .85em;
        position: relative;
        padding: 0 1.5em;
    }
    
div.content-ad a, div.content-ad a:visited
    {
        text-decoration: underline !important;
    }
    
div.content-ad img
	{
		margin-left: .6em;
        margin-top: 1em;
        float: right;
        border: 0 !important;
        position: relative;
	}
    
div.content-ad p.ad
	{
		position: absolute;
		left: -999em;
	}
	
body.content div.content-ad
	{
		margin-bottom: 1em;
	}
	
footer
	{
		position: relative;
		background: #0D1162;
		color: #B9BEF0;
		text-align: center;
		font-size: .85em;
		padding: 10px;
		top: 30px;
	}
	
footer ul.couches
	{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
	}

footer ul.couches > li
	{
		-webkit-box-flex:1;
		-moz-box-flex:1;
		-webkit-flex:1;
		-ms-flex:1;
		flex:1;
		min-width: 1px;
		padding: 0 1em .75em 1em;
		text-align: center;
		align-self: baseline;
	}
		
footer ul.couches > li:first-of-type
	{
		padding-left: 0;
	}
	
footer ul.couches > li:last-of-type
	{
		padding-right: 0;
	}
		
footer ul.couches img
	{
		width: 100%;
		max-width: 100%;
		height: auto;
	}