/**
 */

/* }}} */
/* {{{ Section 1: page styling */

body
	{
		padding: 33px 0 0 0;
		font-size: 100.01%;
		color: #222;
		z-index: 1;
		background: #D1CCB2 url(/images/layout/body-bg.jpg) repeat-x fixed;
	}

/* }}} /*
/* {{{ Section 3): grid */

#wrapper-outer
	{
		margin: 0 auto;
		padding: 20px 0 0 20px;
		min-width: 800px;
		max-width: 58em;
		background: #fff;
	}

#wrapper-outer a
	{
		color: #661A2D;
	}

#wrapper-outer a:visited
	{
		color: #222;
	}

#wrapper-inner
	{
		padding-right: 20px;
		background: #fff;
	}

#container
	{
		position: relative;
		width: 100%;
		background: #E5E2D1 url(/images/layout/container-bg.gif) top right repeat-y;
		color: #232328;
	}

#bc-content-nav-wrapper
	{
		float: left;
		margin-right: -201px;
		width: 100%;
	}

#bc-content-nav
	{
		margin-right: 201px;
		position: relative;
	}

#content-sub-nav-wrapper
	{
		width: 100%;
	}

#content-sub-nav
	{
		padding: 0 0 120px 205px;
	}

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

/* }}} */
/* {{{ Section 4): header */

#header
	{
		background: #fff url(/images/layout/backgrounds/bg-header.jpg) 205px 13.6em no-repeat; /* critical value: background-position-top */
		height: 28em;
		position: relative;
		font-size: .7em;
	}

#header h1,
body.book #header h2,
body.content #header h2,
body.content-2-columns #header h2,
body.board #header h2
	{
		position: relative;
		width: 363px;
		min-height: 68px;
		height: 5.6em;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}

#header h1 span,
body.book #header h2 span,
body.content #header h2 span,
body.content-2-columns #header h2 span,
body.board #header h2 span
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(/images/layout/logos/kochbuch-couch-logo.jpg) no-repeat;
	}

div#welcome
	{
		width: 160px;
		position: absolute;
		top: 29em;
		right: 20px;
		z-index: 4;
		color: #fff;
		padding-top: 25px;
		font-size: .7em;
	}

div#welcome p
	{
		font-size: .85em;
		line-height: 1.6em;
		margin: 1em auto;
	}

div#welcome h2
	{
		font-size: 1em;
		margin-top: 1em;
	}

/* }}} */
/* {{{ Section 4: breadcrumbs */

#breadcrumbs
	{
		background: url(/images/layout/bg-top-nav-bottom.jpg) left bottom no-repeat;
		padding-bottom: 20px;
	}
	
body.home #breadcrumbs
	{
		padding-bottom: 0;
		background: url(/images/layout/bg-top-nav-bottom.jpg) top left no-repeat;
	}
	
body.content-2-columns #breadcrumbs,
body.board #breadcrumbs
	{
		background: url(/images/layout/bg-top-nav-bottom.jpg) left bottom no-repeat;
		padding-bottom: 20px;
	}

#breadcrumbs p
	{
		margin: 0 0 0 205px;
		padding: 0 20px;
		background: #F2EFE6 !important;
		font-size: .65em;
		color: #99926D;
		line-height: 2.9em;
	}

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

#breadcrumbs a:hover
	{
		color: #99926D;
	}

/* }}} */
/* {{{ Section 5): content */

#content
	{
		font-size: .75em;
		line-height: 1.7;
		padding: .6em 2em 0 2em;
	}

body.home #content,
body.board #content
	{
		/* margin-top: 1em; */
	}

body.home sup
	{
		text-transform: uppercase;
	}

#content a
	{
		color: #661A2D;
	}

#content a:focus
	{
		color: #661A2D;
	}

#content a:visited
	{
		color: #222;
	}

#content a:hover
	{
		color: #661A2D;
	}

#content h2
	{
		font-size: 1.4em;
		letter-spacing: -1px;
		font-weight: normal;
	}

#content h1 a,
#content h1 span.author
	{
		display: block;
		width: auto;
		font-weight: normal;
		margin-top: .2em;
		text-decoration: none;
	}

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

#content h3
	{
		font-size: 1.25em;
	}

#content h4
	{
		font-size: 1em;
		font-weight: bold;
	}

#content h1,
#content h2,
#content h3,
#content h4
	{
		line-height: 1.25em;
		color: #661A2D;
	}

#content a.link-kinderbuch-couch
	{
		padding-right: 20px;
		line-height: 20px;
		background: url(/images/layout/icons/kinderbuch-couch-icon.gif) top right no-repeat;
	}

#content a.link-histo-couch,
#content a.hc
	{
		padding-right: 20px;
		line-height: 20px;
		background: url(/images/layout/icons/histo-couch-icon.gif) top right no-repeat;
	}

#content a.link-phantastik-couch,
#content a.pc
	{
		padding-right: 20px;
		line-height: 20px;
		background: url(/images/layout/icons/phantastik-couch-icon.gif) top right no-repeat;
	}

p.mark,
ul.mark
	{
		background: url(/images/layout/line-dotted-brown-wide.gif) bottom left repeat-x;
	}

#content ul.mark
	{
		list-style: none;
		margin-left: 0;
		padding: 0 0 4px 0;
	}

#content ul.mark li
	{
		background: url(/images/layout/icons/arrow-white-aubergine.gif) 0 3px no-repeat;
		padding: 0 0 0 21px;
	}

#content ul.mark li:first-child
	{
		background: url(/images/layout/icons/arrow-white-aubergine-with-line.gif) 0 3px no-repeat;
		padding: 7px 0 0 21px;
	}

p.mark.inline,
ul.mark.inline
	{
		display: inline-block;
		max-width: 60%;
	}

p.mark a
	{
		padding: 7px 0 4px 21px;
		background: url(/images/layout/icons/arrow-white-aubergine-with-line.gif) 0 3px no-repeat;
		display: block;
	}

#content .mark a
	{
		text-decoration: none;
		font-weight: bold !important;
	}

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

#sub-navigation,
#top-navigation
	{
		width: 205px;
		margin-left: -205px;
		margin-bottom: 24em;
		position: relative;
		float: left;
		font-size: .7em;
		background: #D6D2BA;
	}

div#sub-navigation p.level-up
	{
		background: #B23E5B url(/images/layout/subnav-head-bg.jpg) repeat-x;
		margin: 0;
		padding: 8px 10px 8px 24px;
		font-size: 1.1em;
		border-bottom: 1px solid #F2EFE6;
		color: #fff;
	}

div#sub-navigation p.level-up a,
div#sub-navigation h2 a
	{
		display: block;
		background: url(/images/layout/buttons/up2.gif) top right no-repeat;
		text-decoration: none;
		padding-right: 50px;
		color: #fff;
		min-height: 20px;
	}

div#sub-navigation h2 a
	{
		background: url(/images/layout/buttons/up.gif) top right no-repeat;
	}

#sub-navigation h2,
#sub-navigation h3,
#page-functions h2
	{
		margin: 0;
		padding: 4px 10px 3px 24px;
		background: #CBC5A4;
		font-size: 1.1em;
		color: #fff;
		min-height: 2em;
	}

#sub-navigation h2
	{
		padding: 9px 10px 6px 24px;
		line-height: 1.5em;
		background: #CBC5A3;
		border-bottom: 1px solid #fff;
	}

#sub-navigation h3
	{
		border-top: 1px solid #F2EFE6;
		border-bottom: 1px solid #F2EFE6;
	}

#sub-navigation h3
	{
		margin-top: 1.5em;
		font-size: 1em;
		background: #CBC5A3;
		z-index: 2;
		position: relative;
	}

#sub-navigation ol,
#sub-navigation ul,
#top-navigation ul,
#page-functions ul
	{
		margin: .5em 0 0 0;
		padding: 0 25px 0 25px;
		list-style: none !important;
		color: #4D4A3E;
	}

#sub-navigation li a,
#sub-navigation li a:visited,
#sub-navigation li.x,
#top-navigation ul a,
#page-functions ul a
	{
		color: #661A2D;
		text-decoration: none;
		display: block;
		padding: .3em 0;
		margin: 0;
	}

#sub-navigation li a:visited,
#page-functions ul a:visited
	{
		color: #4D4A3E;
	}

#sub-navigation li a:hover,
#sub-navigation li a:active,
#page-functions li a:hover
	{
		background-color: #F2EFE6;
		color: #000;
	}

#sub-navigation li.x
	{
		font-weight: bold;
		background-color: #F2EFE6;
		color: #000;
	}

#sub-navigation li.r a
	{
		padding-right: 20px;
		background-image: url(/images/layout/rezension.gif);
		background-position: center right;
		background-repeat: no-repeat;
	}

#sub-navigation li.l
	{
		margin-bottom: 1em;
	}

#sub-navigation li
	{
		background: url(/images/layout/line-dotted-brown.gif) bottom left repeat-x;
	}

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

#news-related
	{
		float: right;
		width: 200px;
		padding-left: 1px;
		line-height: 1.4em;
		background: url(/images/layout/bg-news-infos.jpg) 1px 0 no-repeat;
		font-size: .65em;
		position: relative;
		top: -20px;
		color: #fff;
		z-index: 1;
		border-top: 1px solid #fff;
	}
	
body.home #news-related
	{
		top: 0;
	}
	
body.content-2-columns #news-related,
body.board #news-related
	{
		top: -20px;
	}

body.blog div#news-related
	{
		padding-top: 40em;
	}

div#news-related p,
div#news-related ul,
div#news-related ol,
#news-related div#editorial
	{
		width: 160px !important;
		margin: 0 auto;
	}

#news-related div ul,
#news-related div ol
	{
		text-align: left;
		padding: 0 0 0 15px;
		width: 145px !important;
	}

#news-related div b
	{
		display: block;
		margin-bottom: .5em;
	}

#news-related a,
#welcome a
	{
		color: #fff;
	}

#news-related a:hover,
#about a:hover,
#welcome a:hover
	{
		color: #fff !important;
	}

div#news-related h2,
div#news-related h3
	{
		position: relative;
		margin: 1.5em 0 1em 0;
		padding: 5px 0 0 20px;
		font-size: 1.2em;
		width: 170px;
		min-height: 30px;
		color: #4D4A3E;
		background: url(/images/layout/news-infos-headline-bg.png) no-repeat;
	}

div#news-related div#most-active-users p
	{
		padding-left: 20px;
		margin-bottom: 10px;
		background: url(/images/layout/icons/member.gif) 0 10px no-repeat;
	}
	
div#news-related div#most-active-users ol
	{
		margin-bottom: 20px;
	}
	
div#news-related div#most-active-users ol a	
	{
		color: #EBBD72 !important;
	}
	
div#news-related div#most-active-users ol span
	{
		display: block;
	}

div#news-related ul li a,
div#news-related ol li a
	{
		text-decoration: none;
	}

div#news-related ul li a span,
div#news-related ol li a span
	{
		display: block;
		color: #661A2D;
	}

div#news-related div#new-pub-tip img
	{
		border: 1px solid #661A2D;
	}

div#news-related div#new-pub-tip,
div#news-related div#bookcover,
div#news-related div#buy-second-hand,
div#news-related div#direct-hit
	{
		text-align: center;
	}

div#news-related div#direct-hit h2
	{
		margin: 0;
	}

div#news-related div#direct-hit a
	{
		text-decoration: none !important;
	}

/* }}} */
/* {{{ horizontal main navigation */

span#edition
	{
		width: 257px;
		background: url(/images/layout/edition-bg.jpg);
		margin: 0;
		position: absolute;
		top: 10px;
		left: 20px;
		height: 30px;
		padding: 5px 0 0 20px;
		z-index: 15;
		font-size: .8em;
		color: #fff;
	}
	
span#edition span.edition
	{
		font-weight: bold;
	}

div#search-functions,
#top-navigation,
#interactive
	{
		top: 7.5em;
		left: 0;
	}

div#search-functions
	{
		width: 100%;
		background: #E0DCC8;
		position: absolute;
		font-size: 0.7em;
		height: 3.6em;
		z-index: 2;
	}

div#search-functions li
	{
		line-height: 3.2em;
	}

div#search-functions p a
	{
		position: relative;
		top: -3px;
	}

div#search-functions ul
	{
		list-style: none;
		padding: 0;
		margin: 0 0 0 1.9em;
		float: left;
	}

div#search-functions ul li
	{
		float: left;
		margin-right: 2em;
	}
	
div#search-functions ul li a,
div#search-functions ul li a:visited
	{
		background: url(/images/layout/top-nav-icons.gif) no-repeat;
		text-decoration: none;
		color: #661A2D;			
		padding: 0 0 0 29px;
		display: block;
		line-height: 20px;
		margin-top: 1em;
	}

#search-functions ul li.board a
	{
		background-position: 0 -20px !important;
	}

#search-functions ul li.guestbook a
	{
		background-position: 0 -40px !important;
	}

#search-functions ul li.podcast a
	{
		background-position: 0 -80px !important;
	}
	
#search-functions ul li.tv a
	{
		background-position: 0 -100px !important;
	}
	
#search-functions ul li.features a
	{
		background-position: 0 -120px !important;
	}	

#search-functions ul li.blog a
	{
		background-position: 0 -60px !important;
	}	

/* {{{ search box upper right corner */

div#search-functions fieldset
	{
		float: left;
		width: 17.9em;
		background: #E0DCC8 url(/images/layout/bg-search-fieldset.jpg) bottom left repeat-x;
	}

div#search-functions fieldset p
	{
		background: #E0DCC8 url(/images/layout/bg-search-fieldset.jpg) bottom left repeat-x;
		line-height: 3.5em;
		padding: 0;
		width: 100%;
	}

div#search-functions fieldset input.text
	{
		width: 10.1em;
		font-size: .9em;
		border: 1px solid #CBC5A4;
		color: #CBC5A4;
		padding: .2em .5em;
		margin: 0 1.7em 0 2em;
	}

div#search-functions fieldset input.icon
	{
		position: relative;
		top: 6px;
	}

div#search-functions fieldset label
	{
		position: absolute;
		left: -999em;
	}

div#interactive a:hover b
	{
		color: #222;
	}

/* }}} */
/* {{{ vertical top navigation */

#top-navigation
	{
		margin: 3.6em 0 0 0; /* critical value: margin-top */
		padding: .8em 0 0 0;
		position: absolute;
		left: 0;
		z-index: 3;
		background: #661A2D;
		height: 18em;
	}

#top-navigation ul
	{
		padding-right: 0;
		width: auto;
	}
	
#top-navigation li
	{
		margin: 4px 0;
	}

#top-navigation a
	{
		width: 156px;
		color: #fff !important;
		background: url(/images/layout/line-dotted-white.gif) bottom left repeat-x;
		padding: 4px 0 !important;
	}

#top-navigation a:visited
	{
		color: #fff !important;
	}

#top-navigation li.main
	{
		font-weight: bold;
	}
	
#top-navigation ul ul
	{
		position: absolute;
		left: -999em;
		top: 0;
		margin: 2.5em 0 0 205px;
		padding: 0;
		width: 62.7em;
		background: url(/images/layout/bg-top-nav-level-2.png);
		height: 14.5em;
		overflow: hidden;
	}

#top-navigation li:hover ul,
#top-navigation li.hover ul
	{
		left: 0;
	}

#top-navigation li:hover ul li,
#top-navigation li.hover ul li
	{
		margin: 15px 0 0 10px;
		float: left;
	}

#top-navigation li:hover ul li.first,
#top-navigation li.hover ul li.first
	{
		margin: 15px 0 0 20px;
	}

#top-navigation li:hover ul li ul,
#top-navigation li.hover ul li ul
	{
		position: static;
		background: none;
		margin: 0;
		padding: 0;
		left: auto;
		width: 100% !important;
		height: auto;
		font-weight: normal;
		border-right: 1px dotted #fff;
	}

#top-navigation li:hover ul li ul li,
#top-navigation li.hover ul li ul li
	{
		border: 0;
		float: none;
		margin: 0;
		padding: 0;
	}

#top-navigation li:hover a,
#top-navigation li.hover a
	{
		background: #A03551 url(/images/layout/line-dotted-white.gif) bottom left repeat-x;
	}

#top-navigation li:hover ul li a,
#top-navigation li.hover ul li a
	{
		background: transparent;
		width: auto;
		padding: 3px 18px 2px 8px !important;
	}

#top-navigation li:hover ul li a:hover,
#top-navigation li.hover ul li a:hover
	{
		background: #A03551 !important;
		background-image: none !important;
	}

/* }}} */
/* {{{ interactive functions navigation */

#interactive
	{
		font-size: 0.7em;
		position: absolute;
		left: 0;
		margin-top: 3.6em; /* critical value */
		width: 100%;
		background: #F2EFE6;
		z-index: 1;
	}

#interactive ul
	{
		list-style: none;
		margin: 0 0 0 205px;
		padding: 0 0 0 2em;
	}

#interactive ul li
	{
		float: left;
		margin-right: 1.9em;
	}

div#interactive a, 
div#interactive a:visited
	{
		text-decoration: none;
		color: #61192B;
		display: block;
		line-height: 2.5em;
	}

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

#page-functions
	{
		position: absolute;
		left: 0;
		bottom: 120px;
		font-size: .65em;
		background: #F2F1E8;
		width: 205px;
	}

#page-functions li
	{
		padding-right: 22px;
	}

#page-functions #pdf
	{
		background: url(/images/layout/icons/sub-nav-bg-pdf.gif) center right no-repeat;
	}

#page-functions #rss
	{
		background: url(/images/layout/icons/sub-nav-bg-rss.gif) center right no-repeat;
	}

#page-functions #send
	{
		background: url(/images/layout/icons/sub-nav-bg-send.gif) center right no-repeat;
	}

#page-functions #print
	{
		background: url(/images/layout/icons/sub-nav-bg-print.gif) center right no-repeat;
	}

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

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

#about
	{
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
	}

#about div
	{
		min-width: 770px;
		max-width: 58em;
		margin: 0 auto;
		font-size: 1em;
		position: relative;
		padding: 10px 0 0 20px;
		background: #fff;
	}

#about p
	{
		position: absolute;
		left: 45px;
		top: 6px;
		color: #000;
		font-size: .65em;
		margin: 0;
		padding: 0;
	}

#about ul
	{
		list-style: none;
		text-align: right;
		height: 33px;
		overflow: hidden;
		z-index: 4;
		margin: 0;
	}
#about li
	{
		float: right;
		padding: 0;
		background: transparent;
		font-size: .65em;
		height: 33px;
	}

#about li.l
	{
		background: url(/images/layout/bg-about-li-last.jpg) top right no-repeat;
		padding-right: 14px;
	}

#about ul a, 
#about ul a:visited
	{
		color: #666666;
		padding: 0 14px 1px 0;
		display: block;
		text-decoration: none;
		margin: 15px 0 0 14px;
		border-right: 1px solid #666666;
	}

#about ul li.l a
	{
		border-right: 0;
	}

#about ul a:hover
	{
		color: #661A2D !important;
	}

#footer
	{
		background: #CBC5A4 url(/images/layout/footer-bg.jpg) repeat-x;
		color: #737062;
		font-size: .7em;
		padding: 2.2em 2em;
		margin: 20px 0 0 0;
		border-bottom: 20px solid #fff;
	}

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

div.ads-type-1,
div.ads-type-6,
div.ad-fullsize
	{
		position: absolute;
		top: 2px;
		right: -18px;
		padding-right: 20px;
		width: 468px;
		height: 60px;
		background: url(/images/layout/anzeige-vert.gif) top right no-repeat;
	}

div.ads-type-1 img,
div.ad-fullsize img,
div.ads-type-1 div.flash-banner,
div.ad-fullsize div.flash-banner,
div.ads-type-6 img,
div.ads-type-6 div.flash-banner,
div.ads-type-2 img,
div.ads-type-3 img,
div.ads-type-7 img,
div.ads-type-8 img,
div.ad-triple-button img,
div.ads-type-1 div.banner,
div.ads-type-2 div.banner,
div.ads-type-3 div.banner,
div.ads-type-6 div.banner,
div.ads-type-7 div.banner,
div.ads-type-8 div.banner,
div.ad-triple-button div.banner,
div.ads-type-3 div.flash-banner,
div.ads-type-7 div.flash-banner,
div.ads-type-8 div.flash-banner,
div.ad-triple-button div.flash-banner
	{
		border: 1px solid #D6D2BA;
	}

div.ads-type-2
	{
		margin: 2.5em auto;
		text-align: center;
		height: 600px;
	}

div.ads-type-2 img, 
div.ads-type-2 div.flash-banner
	{
		border: 1px solid #4B4A4D;
	}

div.ads-type-2 img, 
div.ads-type-2 div,
div.ads-type-3 img, 
div.ads-type-3 div
	{
		display: block;
		margin: 0 auto;
	}

div.ads-type-3
	{
		background: url(/images/layout/anzeige-vert.gif) center right no-repeat;
	}

div.ads-type-3 p.tar
	{
		background: #D6D2BA;
	}

div.ads-type-7,
div.ads-type-8,
div.ad-triple-button
	{
		text-align: left;
		width: 160px;
		margin: 20px 0 -14px 20px;
		padding: 20px 0;
		background: url(/images/layout/line-dotted-light-blue.gif) top left repeat-x;
	}

div.ads-type-7 div.inner,
div.ads-type-8 div.inner,
div.ad-triple-button div.inner
	{
		padding-bottom: 17px;
		background: url(/images/layout/line-dotted-light-blue.gif) bottom left repeat-x;
	}

div.ads-type-7 a,
div.ads-type-8 a,
div.ad-triple-button a
	{
		display: block;
		width: 180px;
		background: url(/images/layout/anzeige-vert.gif) center right no-repeat;
	}
	
del
	{
		color: #CBC5A4;
		text-decoration: line-through;
	}

ins
	{
		text-decoration: none;
		font-style: italic;
	}

.screen-hidden
	{
		display: none;
	}

hr
	{
		width: 100%;
		position: absolute;
		left: -999em;
	}

span.lay
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

span.kochbuch-couch
	{
		color: #fff;
	}

span.kochbuch-couch span
	{
		color: #61192B;
	}
	
div.img-shadow
	{
		float:left;
		background: url(/images/layout/shadow-alpha.png) no-repeat bottom right !important;
		background: url(/images/layout/shadow.gif) no-repeat bottom right;
		margin: 10px 0 0 10px !important;
		margin: 10px 0 0 5px;
	}

div.img-shadow img
	{
		display: block;
		position: relative;
		margin: -6px 6px 6px -6px;
	}
	
body.content div#content div.img-shadow.l
	{
		margin: .5em 1em .5em 6px !important;
	}

body.content div#content div.img-shadow.r
	{
		margin: .5em 6px .5em 1.5em !important;
	}

#footer ul
		{
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			margin: 0;
			padding: 1em 0;
			list-style: none;
			width: 100%;
		}

#footer ul > 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 > li:first-of-type
	{
		padding-left: 0;
	}
	
#footer ul > li:last-of-type
	{
		padding-right: 0;
	}
		
#footer ul img
	{
		width: 100%;
		max-width: 100%;
		height: auto;
	}	