@charset "UTF-8";

/* base */
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:.4em}
select{padding:1px}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:.8em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:10px;right:10px}
#header,#nav,#main,#footer{clear:both}
#col1{float:left;width:200px}
#col2{float:right;width:200px}
#col3{width:auto;margin:0 200px}
#col1_content,#col2_content,#col3_content{position:relative}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}
}

/* basemod */
@media screen, projection {

body, html { 
	height: 100% !important; 
	padding: 0;
	margin: 0 0 1px 0;
}

body { 
	text-align: center; 
}


.page_margins { 
	position: relative !important;
	min-height: 100%;
	height: auto !important;
	min-width: 1004px;
	/*overflow: hidden;*/
	background: transparent;
	text-align: center; 
}

.page { 
	position: relative;
	z-index: 1;
	text-align: center; 
	padding-bottom: 70px; 
}

.wrapper { 
	position: relative;
	width: 1004px !important;
	margin: 0 auto;
	text-align: left;
}

.hidden { 
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;
}


/* -------------------->>> HEADER <<<---------------------- */

#header {
	background: url(header.jpg) repeat-x top;
	text-align: center; 
}

#header #topnav { 
	top: 7px;
	right: 25px;
}

/* ---------->>> Language <<<---------- */

#lang {
	list-style: none;
	margin: 0;
	overflow: hidden;
}
#lang li {
	float: left;
	margin: 0 0 0 1.64em;
	font-size: 0.92em;
}
#lang a {
	color: #fff;
	text-decoration: none;
}
#lang a:focus,
#lang a:hover,
#lang a:active {
	color: #973500;
}
#lang span {
	color: #973500;
}

/* ---------->>> Logo <<<---------- */

#logo {
	width: 215px;
}
#logo a {
	display: block;
}

/* ---------->>> Main Navigation <<<---------- */

#nav,
#nav_deat,
#nav_admin {
	position: absolute;
	right: 25px;
	bottom: 1.5em;
}
#nav_deat {
	right: 0;
}
#nav_admin {
	right: auto;
	left: 225px;
}
#nav ul,
#nav_deat ul,
#nav_admin ul { 
	float: left;
	display: inline;
	margin: 0;
	padding-top: 4px;
	list-style: none;
}
#nav li,
#nav_deat li,
#nav_admin li { 
	float: left; 
	margin: 0 2.5em 0 0;
}
#nav_deat li {
	margin-right: 1.5em;
}
#nav li a,
#nav li span,
#nav_deat li a,
#nav_deat li span,
#nav_admin li a,
#nav_admin li span {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#nav li a:focus,
#nav li a:hover,
#nav li a:active,
#nav_deat li a:focus,
#nav_deat li a:hover,
#nav_deat li a:active,
#nav_admin li a:focus,
#nav_admin li a:hover,
#nav_admin li a:active {
	color: #973500;
}
#nav li.current a,
#nav li span,
#nav_deat li.current a,
#nav_deat li span,
#nav_admin li.current a,
#nav_admin li span {
	color: #973500;
}

/* ---------->>> Search <<<---------- */

#search {
	float: left;
}
#search span {
	float: left;
	display: block;
}

#search .search-l,
#search .search-r {
	width: 12px;
	height: 22px;
	background: url(search-l.png) no-repeat left top;
}

#search .search-r {
	background-image: url(search-r.png);
}
#search .search-bg {
	height: 22px;
	background: url(search-bg.gif) repeat-x top;
}
#search input {
	width: 96px;
	margin-top: 3px;
	padding: 1px 0;
	border: 0;
	color: #999;
}
#search input:focus {
	outline: none;
	color: #333;
}
#search input.submit {
	width: 19px;
	height: 19px;
	margin: 2px 0 0 7px;
	padding: 0;
	background: url(search.png) no-repeat top left;
}


/* -------------------->>> CONTENT <<<---------------------- */

#main { 
	background: transparent;
}

/* ---------->>> Columns <<<---------- */

#col1 { 
	width: 206px; 
}
#col1_content { 
}

#col2 { 
	width: 185px; 
}
#col2_content {
	padding-top: 25px; 
}

#col3 { 
	margin-left: 206px; 
	margin-right: 185px; 
}
#col3_content { 
	padding-top: 25px;
}

/* ---------->>> Sub Navigation <<<---------- */

#nav-sub {
	padding: 57px 8px 0 19px; 
}
#nav-sub .b {
	height: 35px;
}

#nav-sub ul {
	list-style: none;
	margin: 0;
	padding: 2em 2.4em 1px 2.4em;
}
#nav-sub ul ul {
	margin: 0;
	padding: 0 0 0.5em 1em;
}
#nav-sub li {
	margin: 0.25em 0;
}
#nav-sub a {
	display: block;
	margin-bottom: 0.5em;
	font-weight: bold;
	text-decoration: none;
}
#nav-sub ul ul a {
	margin-bottom: 0;
	font-weight: normal;
}

/* ---------->>> Keyvisual <<<---------- */

.keyvisual {
	position: relative;
	z-index: 2;
}
.keyvisual img {
	position: absolute;
	top: 33px;
	left: 27px;
	width: 667px;
	height: 331px;
}
.keyvisual .keyvisual_border {
	width: 789px;
	height: 397px;
	background: url(keyvisualborder-l.png) no-repeat 0 0;
}
.small .keyvisual_border {
	width: 789px;
	height: 367px;
	background: url(keyvisualborder-s.png) no-repeat 0 0;
}
.small img {
	height: 301px;
}

/* ---------->>> Equal height columns <<<---------- */

.equal {
	overflow: hidden;
}
.equal .col {
	float: left;
	padding-bottom: 100em;
	margin-bottom: -100em;
}

/* ---------->>> Contentbox <<<---------- */

#content-products,
#content-sportler {
	width: 674px;
	margin-top: -35px;
	position: relative;
}

#content-detail {
	position: relative;
}

.contentbox {
	width: 100%;
	position: relative;
	z-index: 1;
}
.contentbox .t {
	height: 42px;
	background: url(paper_top.png) no-repeat top left;
}
.contentbox .content-shadow {
	padding: 0 4px;
	background: url(paper_shadow.png) repeat-y;
}
.contentbox .content {
	padding: 0;
	background: url(paper_bg.jpg) repeat-y;
}
.contentbox .inner {
	overflow: hidden;
	padding: 2px 38px 100px 38px;
	background: url(paper_middle.png) no-repeat left top;
}
.contentbox .b {
	height: 60px;
	margin-top: -40px;
	background: url(paper_bottom.png) no-repeat top left;
}

.contentbox-small .t,
.contentbox-small .content-shadow,
.contentbox-small .content,
.contentbox-small .b {
	position: relative;
	z-index: 1;
}
.contentbox-small .t {
	height: 40px;
	background-image: url(paper-small_top.png);
}
.contentbox-small .content-shadow {
	background-image: url(paper-small_shadow.png);
}
.contentbox-small .content {
	background-image: url(paper-small_bg.jpg);
}
.contentbox-small .inner {
	min-height: 220px;
	padding: 0 24px 70px 24px;
	background-image: url(paper-small_middle.png);
}
.contentbox-small .b {
	height: 60px;
	margin-top: -40px;
	background-image: url(paper-small_bottom.png);
}
.contentbox-small .underlay {
	position: absolute;
	z-index: 0;
	bottom: -9px;
	right: -10px;
	width: 583px;
	height: 349px;
	background: url(paper-small_underlay.png) no-repeat;
}

#content-sportler .contentbox .inner {
	padding: 32px 38px 70px 155px;
}


/* --------->>> Quiz Form <<<------------ */
#quiz_form fieldset legend {
	color: #000000;
	font-weight: bold;
	padding-bottom: 0.2em;
	padding-top: 0;
	white-space: normal;
}

#quiz_form {
	margin-bottom: 1em;
}

#quiz_form li fieldset {
	margin-bottom: 1em;
}

#quiz_form li.indent {
	padding-left: 2em;
	text-indent: -2em;
}

#quiz_form li input {
	margin-right: 1em;
}

#quiz_form fieldset label {
	display: inline;
	width: 100%;
}

#quiz_form div.validation-advice {
	color: #f00;
	font-weight: bold;
	display: block;
}

#quiz_form .validation-advice-hidden {
	position: absolute;
	left: -1000px;
	top: -1000px;
}

.fb_share_link { 
	padding: 2px 0 0 20px; 
	height:16px; 
	background: url(fb-f.gif) no-repeat top left; 
}

.tw_share_link {
	padding: 2px 0 0 20px;
	height: 16px;
	background: url(twitter-t.gif) no-repeat top left;
}


/* ---------->>> Recipe Form & Detail & Overview <<<---------- */
#recipe-detail-wrapper {
	position: relative;
}
#recipe-detail,
#recipe-overview,
#recipe-form {
    position: relative;
    padding: 25px 0 0 0;
    background: url(recipe-detail_bg.png) no-repeat left top;
}
#recipe-detail .summary {
	position: relative;
	background:  url(recipe-content-summary.png) no-repeat 0 0;
	height: 370px;
	padding: 31px 218px 0 321px;
	overflow: hidden;
}
#recipe-detail #img { 
	position: absolute;
	left: 63px;
	top: 61px;
}
 #recipe-detail #img img { 
	width: 222px; 
	height: 222px;
}
#recipe-detail-wrapper .back {
	position: absolute;
	z-index: 50;
	left: 68px;
	top: 355px;
}
#recipe-detail-wrapper .back a {
	color: #fa6b0a; 
	font-weight: bold;
	text-decoration: none;
	padding-left: 1.5em;
	background: url(../img/arrow_prev.gif) no-repeat 0 0;
}
#recipe-detail-wrapper .back a:focus,
#recipe-detail-wrapper .back a:hover,
#recipe-detail-wrapper .back a:active {
	text-decoration: underline;
}
#recipe-detail .summary p { 
	font-weight: bold;
	margin-bottom: 1em;
}
#recipe-detail .summary p.rating,
#slidercontent .moviedescription p.rating,
#recipe-detail .summary p.author { 
	font-weight: normal; 
	margin-top: 1em;
}
#recipe-detail .summary p.rating img,
#slidercontent .moviedescription p.rating img {
	margin-right: 0.2em;
}
#recipe-detail .summary .mega-fein {
	float: right;
	width: 168px;
	height: 64px;
	background: url(mega-fein.png) no-repeat left top;
}

#recipe-detail #how-to {
	margin: 7px 0 0 10px;
	width: 674px;
}
#recipe-detail #how-to .float_left { 
	width: 31.8%;
	margin-right: 0;
}
#recipe-detail #how-to .float_right { 
	width: 68.2%;
	margin-left: 0;
}
#recipe-detail #how-to .float_left ul {
	margin-left: 0;
}
#recipe-detail #how-to .float_left li { 
	list-style: none;
	margin-left: 0;
	font-size: 90%;
	margin-bottom: 1.05em;
}
#recipe-detail #how-to .floatbox .sub-content { 
	padding: 0 20px; 
	border-left: 1px solid #C9C7C1;
}

#recipe-detail #how-to .floatbox .sub-content p.ingredients {
	overflow: hidden;
}

#content-recipe #how-to .floatbox .float_right .sub-content { 
	padding-left: 16px; 
}

#how-to .contentbox .t {
	height: 42px;
	background: url(paper-howto_top.png) no-repeat top left;
}
#how-to .contentbox .content-shadow {
	background: url(paper-howto_shadow.png) repeat-y;
}
#how-to .contentbox .content {
	background: url(paper-howto_bg.jpg) repeat-y;
}
#how-to .contentbox .inner {
	padding: 0 0 20px 0;
	background: url(paper-howto_middle.png) no-repeat;
}
#how-to .contentbox .b {
	height: 60px;
	margin-top: -40px;
	background: url(paper-howto_bottom.png) no-repeat top left;
}

#recipe-paging {
	clear: both;
	margin: 10px 174px 25px 20px;
	text-align: center;
	position: relative;
}

#recipe-paging .previous {
	position: absolute;
	left: 0;
	top: 0;
}

#recipe-paging .next {
	position: absolute;
	right: 0;
	top: 0;
}

#recipe-paging .previous a, 
#recipe-paging .next a {
	font-weight: bold;
	text-decoration: none;
	color: #9A3500;
}

#recipe-paging .previous a {
	background: url(paging_previous.gif) no-repeat left bottom;
	padding-left: 20px;
}

#recipe-paging .next a {
	background: url(paging_next.gif) no-repeat right bottom;
	padding-right: 20px;
}

/*-- Rezept Formular --*/
#recipe-form {
    padding: 63px 0 150px 14px;
		background: url(recipe-form_bg.png) no-repeat left top;
}
#recipe-form #enter_form {
	z-index: 0;
	padding: 0 111px 0 20px;
	margin: 0;
}
#recipe-form p {
	padding-right: 200px;
	margin-left: 22px;
}
#recipe-form div.c_left p,
#recipe-form div.c_right p {
	margin: 0;
	width: 230px;
}

#recipe-form .contentbox p {
	padding-right: 0;
}
#recipe-form .spacer {
	height: 160px;
}
#recipe-form #upload_form { 
	position: absolute;
	top: 160px;
	left: -1px;
	width: 515px;
}

#recipe-form #username {
	width: 201px;
}
#recipe-form #email {
	width: 260px;
}
#recipe-form #title {
	width: 256px;
}
#recipe-form .error input {
	border-color: #f00;
}
#recipe-form #description {
	width: 98%;
}
#recipe-form #ingredients,
#recipe-form #preparation {
	width: 230px;
} 
#recipe-form #upload_form label { 
	display: none; 
}
#recipe-form #upload_form p { 
	margin: 1em 0 0 0;
}

#recipe-form .contentbox {
	padding-left: 3px;
}
#recipe-form .contentbox .t {
	height: 27px;
	background: url(paper-recipeform_top.png) no-repeat top left;
}
#recipe-form .contentbox .content-shadow {
	background: url(paper-recipeform_shadow.png) repeat-y;
}
#recipe-form .contentbox .content {
	background: url(paper-recipeform_middle.gif) repeat-y;
}
#recipe-form .contentbox .inner {
	padding: 0 160px 0 0;
	background: none;
	min-height: 585px;
}
#recipe-form .contentbox .b {
	height: 21px;
	margin-top: 0;
	background: url(paper-recipeform_bottom.png) no-repeat top left;
}

#enter_form fieldset { 
	overflow: hidden;
}
#enter_form label { 
	display: block;
	width: auto !important;
}

#enter_form input[type="text"],
#enter_form input[type="file"],
#enter_form textarea {
    display: block;
    position: relative;
    padding: 2px;
    color: #999;
	border: 1px solid #7c7c7c;
  }
#enter_form textarea { 
	height: 6.6em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 88%; 
}

#enter_form input.validation-failed,
#enter_form textarea.validation-failed { 
	border: 1px solid #f00; 
}

#enter_form .error input { 
	border: 1px solid #f00; 
}

#col3 form#enter_form .validation-advice { 
	color: #f00;
	font-weight: bold;
	display: block;
	width: 17em;
}

#col3 div.forms-edit {
	background: #ffffff;
	border: 1px solid #ff0000;
	display: block;
	padding: 1em;
	margin: 2.5em;
}

/*-- Recipe Overview --*/
#recipe-overview {
	padding: 55px 0 80px 25px;
	min-height: 662px;
	height: auto !important;
  	height: 662px;
	background: url(recipe-overview_bg.png) no-repeat left top;
}
#recipe-list {
	margin: -700px 0 0 17px;
	height: 650px;
}
#recipe-list ul {
	position: relative;
	list-style: none;
	padding: 0 174px 0 0;
	margin: 0;
	overflow: hidden;
}
#recipe-list ul li {
	position: relative;
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	width: 287px;
}
#recipe-list ul li .content {
	position: relative;
	overflow: hidden;
	padding: 0;
}
#recipe-list ul li .content .content-bg {
	background: url(recipe-overview_itembg.png) no-repeat 0 0;
	padding: 15px 15px 38px 143px;
}
#recipe-list ul li .img {
	position: absolute;
	top: 56px;
	left: 25px;
}
#recipe-list ul li .img img {
	width: 86px;
	height: 86px;
}
#recipe-list ul li .content p.rating {
	padding: 22px 0 0 0;
	margin: 0 0 0.5em 0;
	height: auto;
}
#recipe-list ul li .content p {
	margin-bottom: 0.5em;
	height: 72px;
	overflow: hidden;
}

#recipe-list div.recipe-manage {
	background: #ffffff;
	margin: -1.5em 0.5em 2em 1em;
	padding: 0.5em;
}

#recipe-list div.recipe-manage div.recipe-delete {
	text-align: right;
	margin: 2em 0 0 0;
}

#recipe-list div.recipe-manage div.admin-details {
	padding: 1em 0 0 0;
}

/*-- Additions for picture-upload --*/

.pu-intro {
	padding: 35px 0 0 20px;
}

.pu-intro .contentbox .content{
	padding: 0 20px;
	width: 626px;
}

.pu-intro .contentbox .content a.formlink {
	color: #fa6b0a; 
	font-weight: bold;
	text-decoration: none;
	padding-left: 1.5em;
	background: url(arrow_next.gif) no-repeat 0 0;
}

.pu-form .uploadthumb .img{
	left: 30px;
}

.pu-form .uploadthumb .img img{
	width: 120px;
	height: auto;
}

.pu-form .uploadinput {
	margin-left: 120px;
}

/* ---------->>> teaser <<<---------- */

#teaser-products {
	position: absolute;
	top: 205px;
	right: 40px;
	z-index: 2;
}
#start-teasers {
	position: relative;
	margin: -100px 0 0 100px;
	z-index: 10;
	zoom: 1;
}
#content-teasers {
	position: relative;
	margin: -100px 0 0 -105px;
	z-index: 10;
	zoom: 1;
}
#content-teasers .two-teaser {
	margin-left: 115px;
	
}

#teaser-nexttoslider {
	position: relative;
	float: left;
	display: inline;
	margin: -40px 0 0 0;
	z-index: 9;
}

#flash-slider-teaser {
	position: relative;
	margin: -70px 0 0 30px;
	z-index: 10;
}

#start-teasers .teaser,
#content-teasers .teaser,
#teaser-nexttoslider .teaser {
	float: left;
	margin-top: 40px;
	
}
#start-teasers .teaser .img img,
#content-teasers .teaser .img img,
#teaser-nexttoslider .teaser .img img {
	
}

.teaser {
	width: 301px;
}
.teaser-small {
	width: 256px;
}
.teaser-large {
	width: 456px;
}


.teaser .t,
.teaser .b {
	position: relative;
	z-index: 2;
}
.teaser .t {
	height: 15px;
	background: url(teaser-t.png) no-repeat;
}
.teaser .content {
	background: url(teaser-bg.png) repeat-y;
	padding: 1px 0;
}
.teaser .inner {
	position: relative;
	margin: -11px 9px;
	padding: 10px;
	background: #e9641b url(teaser.jpg) repeat-x;
	overflow: hidden;
}
.teaser .b {
	height: 22px;
	background: url(teaser-b.png) no-repeat;
}

.teaser-small .t {
	background-image: url(teaser-small-t.png);
}
.teaser-small .content {
	background-image: url(teaser-small-bg.png);
}
.teaser-small .b {
	background-image: url(teaser-small-b.png);
}

.teaser-large .t {
	background-image: url(teaser-large-t.png);
}
.teaser-large .content {
	background-image: url(teaser-large-bg.png);
}
.teaser-large .b {
	background-image: url(teaser-large-b.png);
}

#teaser-products .inner {
	padding: 10px 32px 11px 32px;
}

#teaser-products-slider {
	position: relative;
	float: left;
	display: inline;
	z-index: 10;
	margin: 0 0 0 10px;
}
#teaser-products-slider .inner {
	height: 205px;
	padding: 10px 32px;
	overflow: scroll;
}
#teaser-products-slider ul {
	list-style: none;
	margin: 0;
}
#teaser-products-slider li {
	float: left;
	margin: 0 0 20px 0;
}
#teaser-products-slider li img {
	height: 153px;
}

.teaser {
	color: #fff;
}
.teaser .img {
	float: left;
	margin: -10px 10px -10px -10px;
	width: 158px;
	overflow: hidden;
}
.teaser h3 {
	font-size: 1.75em;
	line-height: 1.14;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.75em;
}
#teaser-products h3,
#teaser-products-slider h3 {
	font-size: 1.17em;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.75em;
	text-align: center;
}
.teaser a.nav {
	position: absolute;
	display: block;
}
.teaser a.nav span {
	display: block;
	width: 15px;
	height: 19px;
	text-indent: -100em;
	overflow: hidden;
	background: url(teaser-next.png) no-repeat;
}
.teaser a.prev span {
	background-image: url(teaser-prev.png);
}
.teaser a.more {
	bottom: 11px;
	right: 10px;
}
.teaser a.prev {
	left: 10px;
}
.teaser a.next {
	right: 10px;
}

#teaser-products a.nav {
	top: 93px;
}
#teaser-products-slider a.nav {
	top: 93px;
}


/* ---------->>> Rezept <<<---------- */

#start .recipe {
	position: absolute;
	z-index: 3;
	top: 220px;
	left: 20px;
}

.recipe .bg {
	position: relative;
	z-index: 4;
}
.recipe .bg div {
	width: 242px;
	height: 247px;
	background: url(recipe.png) no-repeat;
}
.recipe .img {
	position: absolute;
	z-index: 3;
	top: 116px;
	left: 17px;
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.recipe .img img {
	width: 100%;
	height: 100%;
}
.recipe a {
	display: block;
	padding: 55px 35px 120px 35px;
	text-decoration: none;
	
}
.recipe a span {
	display: block;
}
.recipe a span.title {
	font-size: 14px;
	text-decoration: none;
	padding-bottom: 7px;
	margin-bottom: 1em;
	background: url(underline.gif) no-repeat left bottom;
}
.recipe a span.text {
	font-size: 20px;
}


/* ---------->>> Info-Service <<<---------- */

.infoservice {
	position: relative;
}
.infoservice .bg {
	position: relative;
	z-index: 4;
}
.infoservice .bg div {
	width: 185px;
	height: 96px;
	padding-top: 165px;
	background: url(infoservice.png) no-repeat;
}
.infoservice .img {
	position: absolute;
	z-index: 3;
	top: 20px;
	left: 23px;
	width: 130px;
	height: 130px;
	overflow: hidden;
}
.infoservice .img img {
	width: 100%;
}

.infoservice span {
	display: block;
}
.infoservice span.title {
	padding: 0 22px 0 22px;
}
.infoservice span.tel {
	font-size: 16px;
	padding: 7px 0 0 21px;
}
.infoservice a {
	display: block;
	font-size: 1.17em;
	padding: 9px 0 0 28px;
	text-decoration: none;
}
.infoservice a span {
	float: left;
}
.infoservice a span.arrow {
	position: relative;
	top: 5px;
	left: 3px;
	width: 10px;
	height: 8px;
	overflow: hidden;
	background: url(infoservice-faq.png) no-repeat;
}


/* ---------->>> Sportler Thumbnail <<<---------- */

.sportlerthumb {
	position: absolute;
	top: 370px;
	left: -20px;
}
.sportlerthumb .bg {
	position: relative;
	z-index: 4;
}
.sportlerthumb .bg div {
	width: 153px;
	height: 147px;
	background: url(sportlerthumb.png) no-repeat;
	font-size: 1.17em;
	padding: 157px 0 0 35px;
}
.sportlerthumb .img {
	position: absolute;
	z-index: 3;
	top: 6px;
	left: 14px;
	width: 136px;
	height: 135px;
	overflow: hidden;
}
.sportlerthumb .img img {
	width: 100%;
}

.sportlerthumb span {
	display: block;
	float: left;
}
.sportlerthumb a {
	display: block;
	font-size: 1em;
	text-decoration: none;
}
.sportlerthumb span.arrow {
	position: relative;
	top: 5px;
	left: 3px;
	width: 10px;
	height: 8px;
	overflow: hidden;
	background: url(infoservice-faq.png) no-repeat;
}
.sportlerlink {
	overflow: hidden;
}
.sportlerlink a {
	float: left;
}


/* ---------->>> Recipe Upload Thumbnail <<<---------- */

.uploadthumb {
	position: absolute;
	left: -2px;
	width: 140px;
	margin-top: 10px;
}
.uploadthumb .bg {
	position: relative;
	z-index: 4;
}
.uploadthumb .bg div {
	width: 136px;
	height: 119px;
	background: url(recipe_preview_overlay.png) no-repeat;
}
.uploadthumb .img {
	position: absolute;
	z-index: 3;
	top: 6px;
	left: 23px;
	overflow: hidden;
}
.uploadthumb .img img {
	width: 86px;
	height: 86px;
}

.uploadinput {
	margin: 10px 0 50px 100px;
}


/* ---------->>> Google Maps Seach Box <<<---------- */

.mapssearch {
	position: relative;
}
.mapssearch .bg {
	position: relative;
	z-index: 4;
}
.mapssearch .bg div {
	width: 180px;
	height: 180px;
	background: url(maps_search-bg.png) no-repeat;
}
.mapssearch span {
	display: block;
	padding: 0 0 9px 21px;
}
.mapssearch span.title {
	padding: 35px 22px 0 22px;
	font-size: 200%;
	font-weight: bold;
}
.mapssearch span.button {
	padding: 0 0 9px 21px;
}
.mapsearch span#dlmessage {
	color: #FC5902;
}
.mapssearch input.searchstring {
	margin: 0 0 9px 21px;
}
.mapssearch span.button input {
	background: url(mapssearch_btn-l.gif) no-repeat left top;
}
.mapssearch span.button span {
	background: url(mapssearch_btn-r.gif) no-repeat left top;
}

/* ---------->>> Nutrition-Table <<<---------- */
#sb-content div#nutrient-table {
	padding: 0 2em;
}
#sb-content div#nutrient-table p {
	text-align: left;
	padding: 0;
}


/* ---------->>> Inhaltsstoffe <<<---------- */

#content-products .inhaltsstoffe {
	right: -37px;
	width: 673px;
}


.inhaltsstoffe {
	position: relative;
	z-index: 0;
}
.inhaltsstoffe-active {
	z-index: 1;
	right: -37px;
}
.inhaltsstoffe .t {
	height: 21px;
	background: url(inhaltsstoffe-t.png) no-repeat top left;
}
.inhaltsstoffe .toggle {
	position: absolute;
	top: 0;
	right: 0;
}
.inhaltsstoffe .toggle div {
	width: 52px;
	height: 166px;
	background: url(inhaltsstoffe-toggle.png) no-repeat top left;
}
.inhaltsstoffe .toggle span {
	position: absolute;
	top: 21px;
	right: 15px;
	display: block;
	width: 28px;
	height: 135px;
	cursor: pointer;
}
.inhaltsstoffe-active .toggle div {
	background-image: url(inhaltsstoffe-toggle-active.png);
}
.inhaltsstoffe-active .toggle span {
	right: 0;
}
.inhaltsstoffe .content {
	
}
.inhaltsstoffe-active .content {
	display: block;
}
.inhaltsstoffe .equal {
	background: url(inhaltsstoffe-bg.png) repeat-y left;
}
.inhaltsstoffe .content,
.inhaltsstoffe a {
	color: #fff;
}
.inhaltsstoffe .left {
	width: 193px;
	margin-left: 4px;
	padding: 10px 20px 100em 30px;
	background: url(inhaltsstoffe-bg-l.jpg) no-repeat top left;
}
.inhaltsstoffe .right {
	float: right;
	width: 340px;
	margin-right: 60px;
	padding-top: 10px;
}
.inhaltsstoffe .b {
	height: 25px;
	background: url(inhaltsstoffe-b.png) no-repeat top left;
}


/* --------------->>> Galerie <<<--------------- */
#galerie {
	background: url(gallery_bg.png) no-repeat left top;
	padding: 82px 15px 50px 27px;
	min-height: 463px;
	height: auto !important;
  	height: 463px;
}
#galerie ul {
	padding: 0 0 0 23px;
	margin: 0 0 48px 0;
	list-style: none;
	overflow: hidden;
}
#galerie ul li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 32px 14px 0;
	height: 123px;
}
#galerie ul li a {
	text-decoration: none;
}
#galerie ul li img {
	border: 3px solid #fff;
	width: 120px;
}
img.galerie {
	border: 3px solid #fff;
}
#galerie ul li span {
	display: block;
	font-size: 83%;
	width: 126px;
	margin: 2px 0 0 0;
}
.galleryPage {
	min-height: 463px;
}
.pager_left {
	overflow: hidden;
}
.pager_right {
	overflow: hidden;
	margin-right: 42px;
}
.pager_left div,
.pager_right div {
	font-size: 83%;
	display: block;
	width: 250px;
	margin-left: 45px;
	text-align: center;
}
.pager_left img {
	float: left;
	display: inline;
}
.pager_right img {
	float: right;
	display: inline;
}

div.cm-gallery div.cm-gallery-inner {
	padding: 10px;
	/*border-top: 2px solid black;*/
}

div.cm-gallery div img {
	display: none;
}

div.cm-gallery div a img {
	display: inline;
}


/* --------------->>> Sitemap <<<--------------- */
#sitemap {
	padding: 0;
	margin: 25px 0 0 0;
}
#sitemap .contentbox .t {
	height: 42px;
	background: url(paper-sitemap_top.png) no-repeat top left;
}
#sitemap .contentbox .content-shadow {
	padding: 0 4px;
	background: url(paper-sitemap_shadow.png) repeat-y;
}
#sitemap .contentbox .content {
	padding: 0;
	background: url(paper-sitemap_bg.jpg) repeat-y;
	min-height: 580px;
	height:auto !important;
  	height:580px;
}
#sitemap .contentbox .inner {
	padding: 0 257px 0 40px;
	margin-top: -10px;
	background: none;
}
#sitemap .contentbox .b {
	height: 60px;
	margin-top: -40px;
	background: url(paper-sitemap_bottom.png) no-repeat top left;
}
#sitemap #decoration {
	position: absolute;
	top: 89px;
	right: 0;
	padding: 0 64px 0 0;
	background: url(decoration-sitemap_right.png) no-repeat 0 0;
}

#sitemap ul { 
	list-style: none;
	margin: 0 24px 35px 0;
	border-top: 1px solid #ccc;
}
#sitemap ul ul {  
	margin: 0;
	border-top: none;
}
#sitemap li {
	margin: 0; 
	padding: 0;
	width: 152px;
	font-weight: bold;
}
#sitemap li a {
	display: block; 
	border-bottom: 1px solid #ccc; 
	text-decoration: none;
	padding: 2px 0;
	color: #333;
}
#sitemap li a:focus,
#sitemap li a:hover,
#sitemap li a:active { 
	color: #fc5b03; 
}
#sitemap li li { 
	font-size: .9em; 
	font-size: 91.6%;
	font-weight: normal;
}

#sitemap li li li a {
	padding-left: 1em;
}


/* --------------->>> Google Maps <<<--------------- */
#googlemaps {
	background: url(google_maps-bg.png) no-repeat left top;
	padding: 26px 0 40px 14px;
}

#compass {
	position: absolute;
	top: 320px;
	left: -130px;
	width: 180px;
	height: 240px;
	background: url(compass.png) no-repeat left top;
	z-index: 20;
}

#map {
	width: 566px;
	height: 461px;
}

.markerTooltip {
	background-color: white;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid black;
	padding:2px 4px;
	white-space:nowrap;
}

table.dealer {
	font-family: arial,sans-serif;
	font-size: 100%;
}

table.dealer th, table.dealer td {
	padding: 2px 0;
}

table.dealer th {
	padding-right: 4px;
}

/* --------------->>> Slider <<<--------------- */
#slider {
	background: url(slider-bg.png) no-repeat left top;
	padding: 80px 0 55px 25px;
}
ul#slidercontent {
	padding: 0 15px 15px 38px;
	margin: 0 0 9px 9px;
	list-style: none;
	background: url(slidercontent-bg.png) no-repeat left top;
	/*height: 340px;
	overflow: auto;*/
}
ul#slidercontent li {
	padding: 14px 0 0 0;
	margin: 0;
	height: 310px;
}
ul#slidercontent li .description {
	float: left;
	display: inline;
	width: 362px;
	height: 310px;
	overflow: auto;
	margin: 0 19px 0 0;
}
ul#slidercontent li .image {
	float: left;
	display: inline;
	width: 260px;
	min-height: 310px;
}

ul#slidercontent li .moviedescription {
	float: left;
	display: inline;
	width: 271px;
	margin: 0 19px 0 0;
}
ul#slidercontent li .movie {
	float: left;
	display: inline;
	width: 353px;
	min-height: 310px;
}

span.category {
	float: right;
	display: inline;
	margin: -28px 75px 0 0;
}

#slider div.add-slider {
	display: inline; 
	float: left;
	margin: -20px 15px 0 15px;
}

/*---- Sliderbar ----*/
.fd-slider-wrapper {
	overflow: hidden;
	height:24px;
	background: url(sliderbar-bg.gif) no-repeat 23px top;
}
.fd-slider {
	position:relative;
	float: left;
	display: inline;
	width: 660px;
	margin: 0;
	text-align:center;
	border: none;
	text-decoration: none;
	cursor:pointer;
}
.fd-slider-inner {
	position:relative;
	display:block;
	z-index:1;
	height:23px;
	text-align:left;
}
.fd-slider-bar {
	position: absolute;
	display: block;
	z-index: 2;
	height: 2px;
	margin:0;
	padding:0;
	overflow:hidden;
	line-height:4px;
	top:10px;
	bottom:none;
	left:10px;
	right:10px; 
}
/* black handle, no glow */
.fd-slider-handle {
	position: absolute;
	float: left;
	display: inline;
	padding: 0 12px 0 12px;
	border: none;
	margin: 0 0 0 2px;
	z-index: 3;
	top: 2px;
	left: 0;
	height: 19px;
	background: #fff;
	font-size: 92%;
	font-weight: bold;
	cursor: W-resize;
}
.fd-slider-handle:focus {
	outline:0px none;
	border:0 none;
}
button.fd-slider-handle:focus::-moz-focus-inner {
	border-color: transparent;
}

/* black handle, glow */
.fd-slider-hover .fd-slider-handle {
	/*background:transparent url(./slider-disabled-1.png) no-repeat 0px 0px;*/
}
/* blue handle, no glow */
.focused .fd-slider-handle {
	/*background:transparent url(./slider.png) no-repeat 0px 0px;*/
}
/* blue handle glow */
.focused.fd-slider-hover .fd-slider-handle {
	/*background:transparent url(./slider-1.png) no-repeat 0px 0px;*/
}
body.slider-drag-vertical {
	cursor: N-resize !important;
}
body.slider-drag-horizontal {
	cursor: W-resize !important;
}
.fd_hide_slider_input {
	display: none;
}    
/* Disabled Sliders */  
/*.slider-disabled {
	opacity:.8;
	:alpha(opacity=80);
}
.slider-disabled .fd-slider-handle {
	cursor:auto !important;
}*/
/* In-/Decrement buttons */
.demoButton {
	float:left;
	display: inline;
	border: none;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 23px;
	width: 24px;
	cursor: pointer;
}
#sliderbar-L {
	background-image: url(slider-prev_arrow.gif);
}
#sliderbar-R {
	background-image: url(slider-next_arrow.gif);
}


#slidercontent li ul {
	margin: 0 0 1em 1em;
}

#slidercontent li ul li {
	line-height: 1.25;
	margin: 0 0 0.5em 0.8em;
	padding: 0;
	height: auto;
}

/* -------------------->>> FOOTER <<<---------------------- */

#footer {
	position: relative !important;
	z-index: 10;
	margin: 0 auto;
	margin-top: -24px;
	height: 24px;
	overflow: hidden;
	background: transparent;
	text-align: center;
	font-size: 0.92em;
}

#footer_content {
	position: relative;
	height: 3px;
	text-align: left;
	display: inline-block;
}

/* ---------->>> Corners <<<---------- */

#footer .corner-tl,
#footer .corner-tr {
	position: absolute;
	top: 0;
	left: -3px;
	width: 3px;
	height: 3px;
	overflow: hidden;
}
#footer .corner-tr {
	left: auto;
	right: -3px;
}

/* ---------->>> Content <<<---------- */

#footer .copy,
#footer ul {
	margin-top: 3px;
	padding: 0.2em 0 0.7em 0;
}

#footer .copy {
	float: left;
	margin-left: -3px;
	padding-left: 1.5em;
	color: #b2b2b2;
}

#footer ul {
	float: left;
	list-style: none;
	margin-left: 0;
	margin-right: -3px;
	padding-right: 1.5em;
}
#footer li {
	display: inline;
	margin: 0 0 0 1.67em;
}

#footer a {
	text-decoration: none;
}


/* -------------------->>> STUFF <<<---------------------- */

img.FamilyAustriaKids {
	margin-bottom: -6px;
}


/* ---------->>> Background <<<---------- */

#bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#bg div.shadow {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	height: 166px;
}
#bg img {
	width: 100%;
}

/* ---------->>> Start <<<---------- */

#start,
#start div.socialmedia img {
	width: 1003px;
	height: 515px;
}
#start {
	position: relative;
}
#start div.keyvisual {
	position: absolute;
	top: 0;
	left: 0;
}
#start div.keyvisual .keyvisual_border {
	width: 1003px;
	height: 515px;
	background: url(keyvisualborder-start.png) no-repeat 0 0;
}
#start div.keyvisual img {
	position: absolute;
	top: 38px;
	left: 136px;
	width: 769px;
	height: 431px;
}
#start div.socialmedia {
	background: url(socialmedia.png) no-repeat;
}
#start div.socialmedia img {
	position: relative;
	z-index: 2;
}

/* ------->>> Content Manager <<<------- */

div.cmBox { 
	color: #ffffff; 
	font-size: 1em;
	background-color: #1569C0;
	border: 1px solid #000000;
	padding: 2px;
	margin-bottom: 3px;
	margin-top: 5px;
}

div.editTeaser {
	clear: both;
}

div.editTeaser div {
	padding: 5px;
	color: #ffffff;
}

div.cmFormError {
	clear:both;
	text-align: center;
	padding: 8px;
	border: 1px solid red;
	margin-top: 5px;
	margin-bottom: 5px;
}

}



/* content default */
@media all {

html * {
	font-size: 100.01%;
}


pre, code, kbd, samp, var, tt {
	font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	color: #333;
	line-height: 1.25;
}

/*--- Headings | &#195;&#339;berschriften ------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-bottom: 0.25em;
}

h1 {
	font-size: 250%;
	font-weight: bold;
	margin-bottom: 1em;
}
#googlemaps h1 {
	margin-bottom: 0;
}
ul#slidercontent .description h1 {
	font-size: 333%;
	margin-bottom: 0;
	margin-top: 22px;
}
#recipe-detail h1,
#recipe-overview h1 {
	margin-bottom: 0.25em;
}
#recipe-detail h1 {
	width: 260px;
	overflow: hidden;
}
#recipe-form h1 {
	margin-bottom: 0.3em;
	margin-left: 21px;
	padding-right: 200px;
}
h2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 1.2em;
}
.subcolumns h2 {
	margin-top: -2px;
}
.inhaltsstoffe h2 {
	margin-top: 0;
}
ul#slidercontent li .description h2 {
	font-size: 200%;
}
h2.recipe-empty {
	position: relative;
	margin: -650px 0 0 20px;
	
}
#recipe-detail #how-to h2 { 
	font-size: 1.5em; 
	margin-top: 0;
}
#recipe-form form h2 {
	margin-bottom: 0.25em;
	line-height: 1.2em;
}
#recipe-form #upload_form h2 { 
	margin: 0.5em 0 0.5em 28px;
}
.searchresult-item h2 {
	margin: 0;
}
#recipe-list ul li .content h2 {
	font-size: 150%;
	margin: 0 0 0 -120px;
	white-space: nowrap;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}
h4 {
	font-size: 133.33%;
}
h5 {
	font-size: 116.67%;
}
h6 {
	font-size: 116.67%;
} 

/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl {
	margin: 0 0 1em 1em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}

li {
	margin: 0 0 0.5em 0.8em;
	line-height: 1.25;
}

dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 0.8em;
}

ul.check {
	overflow: hidden;
	padding: 0 0 0.3em 0;
	margin: 0;
	list-style: none;
}
ul.check li {
	padding: 0 0 0 17px;
	margin: 0 0 9px 0;
	background: url(list-img-check.png) no-repeat left top;
}

ul#product-overview {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul#product-overview li {
	float: left;
	display: inline;
	width: 25%;
	padding: 0;
	margin: 0;
}
ul#product-overview li img {
	margin-bottom: 0.5em;
}
ul#product-overview li p {
	font-size: 92%;
}


ul.sportlerdaten {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.sportlerdaten li {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	overflow: hidden;
}

ul.sportlerdaten li div.label {
	float: left;
	display: inline;
	width: 110px;
}

ul.sportlerdaten li div.description {
	float: left;
	display: inline;
	width: 355px;
}


form ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
form ul li {
	overflow: hidden;
	padding: 0;
	margin: 0 0 0.4em 0;
	line-height: 1.75em;
}


/* --- Content Images with border and shadow  -------------------------------------------------------------------------------- */
.contentimg {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	width: 128px;
	background: url(img-shadow-b.png) no-repeat left bottom;
}
.contentimg img {
	width: 120px;
	padding: 3px 5px 0 3px;
	background: url(img-shadow-t.png) no-repeat left top;
}
.contentimg a img {
	width: auto;
	padding: 0;
	background: none;
	position: relative;
}


/* --- Content Text left col  -------------------------------------------------------------------------------- */
.infotext {
	padding: 0 0 5px 2px;
	margin: 0 0 10px 0;
	width: 128px;
	font-size: 92%;
}


/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}
div.formintro {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	width: 60%;
}
div.width100 {
	width: 100%;
}
.small {
	font-size: 0.92em;
}

blockquote, cite,q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
blockquote {
	margin: 0 0 1em 1.6em; 
	color: #666;
}

strong,b {
	font-weight: bold;
}
em,i {
	font-style: italic;
}

pre, code, kbd, tt, samp, var {
	font-size: 100%;
}
pre, code {
	color: #800;
}
pre {
	line-height: 1.5em; margin: 0 0 1em 0;
}
kbd, samp, var {
	color: #666;
}
var {
	font-style: italic;
}

acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	letter-spacing: .07em;
	cursor: help;
}

sub, sup {
	font-size: 91.6667%;
}

hr {
	color: #fff;
	background: transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border: 0;
	border-bottom: 1px #eee solid;
}

.redtext {
	color: #FF0000;
	font-weight: bold;
}

.orangetext {
	color: #FC5902;
	font-weight: bold;
}

/* --- Buttons  -------------------------------------------------------------------------------- */
span.button {
	overflow: hidden;
	display: block;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
span.button input,
span.button a {
	float: left;
	display: inline;
	padding: 3px 0 5px 3px;
	margin: 0 -1px 0 0;
	width: auto;
	border: none;
	background: url(mapssearch_btn-l.gif) no-repeat left top;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}
span.button a {
	padding: 1px 3px 1px 5px;
}
span.button span {
	float: left;
	display: inline;
	background: url(mapssearch_btn-r.gif) no-repeat left top;
	width: 6px;
	height: 23px;
	cursor: pointer;
}


/*--- Search ----------------------------------------------------------------------------------------- */

#searchresults {
	padding: 0;
	margin: 25px 0 0 0;
}
#searchresults .contentbox .t {
	height: 42px;
	background: url(paper-searchresult_top.png) no-repeat top left;
}
#searchresults .contentbox .content-shadow {
	padding: 0 0 0 61px;
	background: url(paper-searchresult_shadow.png) repeat-y;
}
#searchresults .contentbox .content {
	padding: 0;
	background: url(paper-searchresult_bg.jpg) repeat-y;
  height:593px;
}
#searchresults .contentbox .inner {
	padding: 0 120px 0 0;
	background: none;
}
#searchresults .contentbox .b {
	height: 60px;
	margin-top: 0;
	background: url(paper-searchresult_bottom.png) no-repeat top left;
}


#searchresults .search { 
float: none;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}

#searchresults .search label { 
	float: left; 
	margin-right: 1em;
	line-height: 2;
}

#searchresults .search {
	margin-top: 2em;
}
.search span {
	float: left;
	display: block;
}
.search .search-l,
.search .search-r {
	width: 12px;
	height: 22px;
	background: url(../img/search-l.png) no-repeat left top;
}
.search .search-r {
	background-image: url(../img/search-r.png);
}
.search .search-bg {
	height: 22px;
	background: url(../img/search-bg.gif) repeat-x top;
}
#searchresults .search input {
	width: 126px;
	margin-top: 3px;
	padding: 1px 0;
	border: 0;
	color: #999;
}
.search input:focus {
	outline: none;
	color: #333;
}
#searchresults .search input.submit {
	width: 19px;
	height: 19px;
	margin: 2px 0 0 7px;
	padding: 0;
	background: url(../img/search-orange.png) no-repeat top left;
}


#listing-results ul { 
	margin:0 0 0 0;
}

li.searchresult-item { 
	list-style: none;
	margin: 1.5em 0 0 0; 
}

.searchresult-item p { 	
	margin: 0 1em 0 0;
}

.searchresult-item h3 span { 
	font-weight: normal; 
}

.searchresult-item p a { 
	text-decoration: none;
}

.searchresult-item .highlight { 
	color: #333;
	font-weight: bold; 
}


.browsebox { 
	overflow: hidden;
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding: .5em 0;
	margin-top: 2em;
	font-weight: bold; 
}

.browsebox .results-count { 
	
}

.browsebox .pagination a { 
	 color: #fc5a02;
	 text-decoration: none;
}
.browsebox .pagination a,
.browsebox .pagination .current { 

}


.pagination {
	overflow: hidden;
}
.pagination .indicator { 
	float: left;
	display: inline;
}

.hlist {
    float: left;
    display: inline;
    margin-top: 2px;
  }

  .hlist ul {
  	list-style: none;
    margin: 0;
    padding: 0;
	overflow: hidden;
  }

  .hlist ul li {
    display: inline;
    float: left; /* LTR */
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 1em;
  }

	
}


/* ---------->>> FAQ <<<---------- */

#faq-index {
	background: url(faq-overview_bg.png) no-repeat 0 0; 
}
#faq-detail {
	background: url(faq-detail_bg.png) no-repeat 0 0; 
}

.faq {
	padding: 28px 0 0 16px;
	margin: 0;
	min-height: 480px;
}
.faq .contentbox {
	margin-top: 31px;
}
.faq .contentbox .t {
	height: 27px;
	background: url(paper-faq_top.png) no-repeat top left; 
}
.faq .contentbox .content-shadow {
	background: url(paper-faq_shadow.png) repeat-y; 
}
.faq .contentbox .content {
	background: url(paper-faq_middle.gif) repeat-y; 
}
.faq .contentbox .inner {
	padding: 0 48px 0 18px;
	background: none;
}
.faq .contentbox .b {
	height: 21px;
	margin-top: 0;
	background: url(paper-faq_bottom.png) no-repeat top left; 
}

.faq .tab {
	position: relative;
	margin: 0 0 0 1.5em;
	padding: 0;
}

.faq .tab h3 { 
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 0 0; 
}

.faq .tab a.link-back { 
	position: absolute;
	left: 291px;
	top: 3px;
	color: #dedacd !important;
	text-decoration: none;
}

/* ---------->>> Accordion <<<---------- */
div#accordion {
	position: relative; /* required for bounding */
}

div.accordion-toggle{
  position: relative; /* required for effect */
  z-index: 10;		/* required for effect */
  cursor: pointer;
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
}

.faq ul.listing,
.faq ul.listing ul,
.faq ul.listing li { 
	margin: 0 0 0 0; 
	list-style: none;
}


.faq .listing li { 
	 padding-bottom: 1em;
	 line-height: 150%;
}

.faq .listing li ul { 
	 padding: 0 0 1em 0;
}

.faq .listing li li { 
	 padding-bottom: 0;
}


.faq .listing div.accordion-toggle { 
	position: relative; /* required for effect */
  z-index: 10;		/* required for effect */
	display: inline;
  cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 3em 0.5em 0;
	background: url(icon-collapsed.png) no-repeat right 50%;
}

.faq .listing div.accordion-toggle-active { 
	 background: url(icon-expanded.png) no-repeat right 50%; 
}

.faq .listing accordion-content li a { 
	font-weight: normal !important;
	 text-decoration: underline; 
	 padding-right: 0;
	 background: none;
}



/*--- Links ----------------------------------------------------------------------------------------- */

a {
	color: #333; 
	background: transparent; 
	text-decoration: underline;
	cursor: pointer;
}

a:focus,
a:hover,
a:active {
	color: #fc5902;
}

/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

p.icaption_left {
	float:left; 
	display:inline; 
	margin: 0 1em 0.15em 0;
}
p.icaption_right {
	float:right; 
	display:inline; 
	margin: 0 0 0.15em 1em;
}

p.icaption_left img,
p.icaption_right img {
	padding:0; 
	border: 1px #888 solid;
}

p.icaption_left strong,
p.icaption_right strong {
	display:block; 
	overflow:hidden; 
	margin-top: 2px; 
	padding: 0.3em 0.5em; 
	background: #eee; 
	font-weight: normal; 
	font-size: 91.667%;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/

.highlight {
	color: #f60;
}
.dimmed {
	color: #888;
}

.info {
	background: #f8f8f8; 
	color: #666; 
	padding: 10px; 
	margin-bottom: 0.5em; 
	font-size: 91.7%;
}

.note {
	background: #efe;
	color: #040;
	border: 2px #484 solid;
	padding: 10px;
	margin-bottom: 1em;
}

.important {
	background: #ffe;
	color: #440;
	border: 2px #884 solid;
	padding: 10px;
	margin-bottom: 1em;
}

.warning {
	background: #fee;
	color: #400;
	border: 2px #844 solid;
	padding: 10px;
	margin-bottom: 1em;
}



.float_left {
	float: left;
	display:inline;
	margin-right: 1em;
	margin-bottom: 0.15em;
}

.float_right {
	float: right;
	display:inline;
	margin-left: 1em;
	margin-bottom: 0.15em;
}

.center {
	display:block;
	text-align:center;
	margin: 0.5em auto;
}


.shrink {
	display: inline-block;
}


/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen f&#195;&#188;r die Tabellenbreite und Gestaltungsvorschriften f&#195;&#188;r Tabellen
*
* @section content-tables
*/

table {
	border-collapse:collapse; 
	border: none;
	margin-bottom: 2em;
	width: auto;
	text-align: left;
}
table.simpletable {
	
}
table.simpletable thead th {
	background: none;
	padding: 4px 15px;
}
table.simpletable tbody th, table.simpletable tbody td {
	background: none;
	padding: 4px 15px;
	vertical-align: top;
}
table.simpletable tbody tr.even td,
table.simpletable  tbody tr.odd td{
	background: transparent;
}
#nutrient-table table {
	width: 99%;
	margin-bottom: 1em;
}

th,td {
	padding: 4px 15px;
}
#nutrient-table th,
#nutrient-table td {
	padding: 0;
	vertical-align: top;
}
#nutrient-table th div.tablecell,
#nutrient-table td div.tablecell {
	position: relative;
	padding: 4px 15px;
}
thead th {
	color: #363636;
	font-weight: bold;
	background: #cacaca;
}
tbody th {
	font-weight: bold;
}
tbody tr.even td {
	background: transparent;
}
tbody tr.odd td {
	background: #e9e9e9;
}

.edge-tl,
.edge-bl,
.edge-tr,
.edge-br {
	position: absolute;
	width: 6px;
	height: 6px;
}
.edge-tl {
	top: 0;
	left: 0;
	background: url(edge-tl.png) no-repeat top left;
}
.edge-bl {
	bottom: 0;
	left: 0;
	background: url(edge-bl.png) no-repeat top left;
}
.edge-tr {
	top: 0;
	right: 0;
	background: url(edge-tr.png) no-repeat top left;
}
.edge-br {
	bottom: 0;
	right: 0;
	background: url(edge-br.png) no-repeat top left;
}

#col3_content tbody tr.odd td .edge-tl,
#col3_content tbody tr.odd td .edge-tr,
#col3_content tbody tr.odd td .edge-bl,
#col3_content tbody tr.odd td .edge-br {
	display: none;
}

/*--- Forms ------------------------------------------------------------------------*/



.c_left,
.c_right {
	float: left;
	display: inline;
	margin-right: 0.75em;
}
.c_right {
	margin-right: 0;
}


}


/* shadowbox */
#sb-container,#sb-wrapper {
text-align:left;
}

#sb-container,#sb-overlay {
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}

#sb-container {
height:100%;
display:none;
visibility:hidden;
z-index:999;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

body>#sb-container {
position:fixed;
}

#sb-overlay {
height:expression(document.documentElement.clientHeight+'px');
}

#sb-container>#sb-overlay {
height:100%;
}

#sb-wrapper {
position:relative;
padding: 20px 25px 0 25px;
}

#sb-wrapper img {
border:none;
/*margin-top: 20px;*/
}

#sb-body {
position:relative;
margin:0;
padding: 25px 0 0 0;
overflow:hidden;
}
.sb-iframe #sb-body {
	padding-top: 0;
}

#sb-body-inner {
position:relative;
height:100%;

}
.sb-iframe #sb-nav-previous {
	left: 25px;
}

#sb-content.html {
height:100%;
overflow:auto;
}

#sb-loading {
position:absolute;
top:0;
width:100%;
/*height:100%;*/
text-align:center;
padding-top:10px;
}

#sb-body,#sb-loading {
/*background-color:#060606;*/
	background-color: #ffffff;
}

#sb-info {
margin:0;
padding: 6px 10px 8px 10px;
overflow:hidden;
background: #fff;
}

#sb-title-inner,#sb-info-inner {

}

#sb-title {
	position: absolute;
	bottom: 0;
	width: 45%;
	padding: 10px;
	z-index: 5;
}

#sb-title-inner {
padding:0;
color: #363636;
text-align: left;
}

#sb-info-inner {
padding: 0;
}

#sb-nav {
float:right;
padding:0;
width:45%;
}
sb-nav a {
	cursor: pointer;
}
#sb-nav-close {
	display:block;
	float:right;
	height:10px;
	width:65px;
	margin-top: 4px;
	cursor:pointer;
	background-image:url(shadowbox-close.gif);
	background-repeat:no-repeat;
}
#sb-nav-next,
#sb-nav-previous {
	position: absolute;
	top: 42%;
	width: 29px;
	height: 51px;
}

#sb-nav-next {
	right: 42px;
	background-image:url(shadowbox-next.png);
	background-repeat:no-repeat;
}

#sb-nav-previous {
	left: 42px;
	background-image:url(shadowbox-previous.png);
	background-repeat:no-repeat;
}

#sb-nav-play {
display: none;
background-image:url(shadowbox-play.png);
background-repeat:no-repeat;
}

#sb-nav-pause {
display: none;
background-image:url(shadowbox-pause.png);
background-repeat:no-repeat;
}

#sb-counter {
display: none;
}

#sb-counter a {
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#363636;
}

#sb-counter a.sb-counter-current {
text-decoration:underline;
}

div.sb-message {
padding:10px;
text-align:center;
}

div.sb-message a:link,div.sb-message a:visited {
color:#363636;
text-decoration:underline;
}

/* print base */
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media print {
body{font-size:10pt}
html{height:auto;margin-bottom:0}
#topnav,#nav,#search{display:none}
body a[href^="http:"],body a[href^="https:"]{padding-left:0;background-image:none}
.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}
.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r{width:100%;margin:0;padding:0;float:none!important;overflow:visible;display:table!important}
.subc,.subcl,.subcr{margin:0;padding:0}
.print{position:static;left:0}
.noprint{display:none!important}
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
#col1_content:before,#col2_content:before,#col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
}

/* print custom */
@charset "UTF-8";



@media print {



#col1,
#col2,
#bg,
#footer,
#topnav,
#nav,
#nav_deat,
.keyvisual img,
.keyvisual div,
.keyvisual object,
.fd-slider-wrapper,
#decoration { 
	display:none; 
}
#col3, 
#col3_content { 
	width: 100%; 
	margin:0; 
	padding: 0; 
	border:0; 
}

span.title,
span.text {
	font-size: 150%;
	line-height: 2em;
}

#content-products .inhaltsstoffe {
	position: relative !important;
}

a {
	color: #FC5902;
}
 a[href]:after {
  content: " ("attr(href)") ";
	color: #FC5902;
}
#logo a[href]:after,
#product-overview a[href]:after {
  content: "";
}

.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}
.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r{width:100%;margin:0;padding:0;float:none!important;overflow:visible;display:table!important}
.subc,.subcl,.subcr{margin:0;padding:0}


}