@charset 'utf-8';
@import url(reset.css);
@import url(thickbox.css);

/* ----------------------------------------------------- Head */

body {
font: normal 13px/1.5385em Arial, Helvetica, sans-serif;
color: #003882;
padding: 0;
}

strong {
    font-weight: bold;
}

#wrapper {
width: 900px;
margin: 0 auto 0 auto;
}

#head {
padding: 0;
background: url(img/headerback.gif) 0 0 no-repeat;
position: relative;
height: 163px;
}

#homelink {
    display: block;
    width: 200px;
    height: 105px;
    position: relative;
    left: 347px;
    top: 24px;
}

a:link,
a:visited {
color: #003882;
text-decoration: none;
}

a:focus,
a:hover,
a:active {
/*color: #e1001a;*/
    text-decoration: underline;
}


#logo {
position: absolute;
right: 41px;
top: 44px;
}

#slogan {
text-indent: -999em;
background: url(img/slogan.gif) 0 0 no-repeat;
width: 157px;
height: 6px;
position: absolute;
right: 30px;
top: 122px;
}

#nav-global {
position: absolute;
left: 720px;
top: 140px;
}

#nav-global li {
display: inline;
font-size: 12px;
margin-right: 10px;
}

#nav-main {
position: absolute;
left: 10px;
top: 140px;
}

#nav-main li {
display: inline;
margin-right: 5px;
border-right: 1px solid #003882;
padding-right: 10px;
}

#nav-main li:last-child {
border: none;
}

#nav-global li.active a,
#nav-main li.active a,
.sidebar_left a.active {
/*color:  #e1001a;*/
font-weight: bold;
}


/* ----------------------------------------------------- Body */

#body {
width: 900px;
padding: ;
position: relative;
/*overflow: hidden;*/
}

.startpage {
background: url(img/bodyback-start.gif) 0 0 repeat-y;
height: 450px;
}

.widebody, .regular {
background: #d6e1ea url(img/bg_side.jpg) 0 0 repeat-x;
}

#content {
background: #ccd6e4 url(img/bg_main.jpg) 0 0 repeat-x;
}

.title {
border-bottom: 8px solid #cae8f2;
}

.title img {
display: block;
}

#content h1 {
	font: 32px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#content h3 {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0.5em;
}

#content h2 {
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    height: 70px;
}

#content h3.rezepttitel {
    margin-bottom: 1em;
}

#content h4 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

#sidebar h2 {
    font-weight: bold;
    font-size: 1em;
    text-transform: none;
    height: 1.4em;
}

#sidebar ul, #sidebar li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1em; 
}

.startpage .intro {
margin: 35px 25px 0 475px;
}

.startpage li {
font-size: 10px;
}

.startpage a:link,
.startpage a:visited {
color: #003882;
text-decoration: none;
}

.startpage a:focus,
.startpage a:hover,
.startpage a:active {
color: #e1001a;
text-decoration: none;
}

.startpage #snack,
.startpage #classic,
.startpage #bistro {
position: absolute;
}

.startpage #snack {
left: 18px;
top: 227px;
}


.startpage #classic {
left: 75px;
top: 333px;
}

.startpage #bistro {
left: 250px;
top: 280px;
}

.startpage a.bullet {
position: absolute;
top: 415px;
left: 250px;
font-size: 10px;
font-weight: bold;
background: url(img/startbullet.gif) 0 0.6em no-repeat;
padding-left: 15px;
}

/* ----------------------------------------------------- Subnavi */

#leftbar,
#subnavi {
width: 175px;
float: left;
padding-top: 116px;
}

ul.menu_rezepte {
	background: url("img/visual_rezepte_frau.jpg") 0 0 no-repeat;
}

ul.menu_produkte {
    background: url("img/visual_produkte.jpg") 0 0 no-repeat;
}

ul.menu_wohlfühlen {
    background: url("img/visual_wellness.jpg") 0 0 no-repeat;
}

ul.menu_saupiquet {
    background: url("img/visual_unternehmen_meer.jpg") 0 0 no-repeat;
}

ul.menu_issf {
    background: url("img/visual_issf.jpg") 0 0 no-repeat;
}

ul.menu_gewinnspiel {
    background: url("img/visual_gewinnspiel_2.jpg") 0 0 no-repeat;
}

/* sorry */
ul.menu_ {
    background: url("img/visual_rezeptbuch.jpg") 0 0 no-repeat;
}


div.menu_kontakt {
    background: url("img/visual_kontakt_taste.jpg") 0 0 no-repeat;
}

div.menu_impressum {
    background: url("img/visual_impressum_stift.jpg") 0 0 no-repeat;
}


.sidebar_left {
    position: absolute;
    left: 0;
    top: 210px;	
    width: 175px;
}

.sidebar_item_inner {
    width: 165px;
    position: relative;
    left: 10px;
    padding-top: 7px; 
    padding-bottom: 8px;
}

.sidebar_item {
	font-size: 11px;
    border-bottom: 1px solid white;
}

.sidebar_item h2 {
    padding-bottom: 8px;
}

.sidebar_item .btnsuchen {
    margin-top: 4px;
}

#subnavi li {
padding: 7px 10px 8px 10px;
border-bottom: 1px solid #fff;
font-size: 11px;
line-height: 1.363636em;
}

#subnavi li li {
border: none;
font-size: 11px;
line-height: 1.5656em;
padding: 6px 12px 2px 12px;
}

#subnavi li.active li a:link,
#subnavi li.active li a:visited {
/*font-weight: bold;*/
/*color: #003882;*/
text-decoration: none;
}

#subnavi li.active li a:focus,
#subnavi li.active li a:hover,
#subnavi li.active li a:active,
#wrapper #subnavi ul li.active a {
/*font-weight: bold;*/
/*color: #e1001a;*/
text-decoration: none;
}

#wrapper #subnavi ul li.active a {
font-weight: bold;
}

#subnavi li.active a {
/*color:  #e1001a;*/
font-weight: bold;
}

#subnavi li.active li a {
font-weight: normal;
}

#leftbar {
font-size: 11px;
}


/* ----------------------------------------------------- hCard */

.vcard {
padding: 31px 0 15px 15px;
line-height: 1.545454em;
}

.vcard .adr {
margin-bottom: 1em;
}


/* ----------------------------------------------------- Content */

#content {
/*background: #d0dfe9; /* url(img/contentback.gif) 0 0 repeat-x; */
margin-left: 175px;
/*width: 560px;*/
padding: 12px 5px 5px 10px;
min-height: 450px;
}

#content.fullwidth {
    width: 710px !important;
}

.widebody #content {
width: 710px;
}

div.intro p,
#content p {
line-height: 1.5385em;
}

.teaserbox {
padding: 1em 0;
overflow: hidden;
}

.teaserbox p {
font-size: 11px;
color: #666;
line-height: 1.3636em;
margin-top: 8px;
}

.teaserbox p.more {
float: right;
margin-top: 0;
}

a.more {
    color: #e1001a;
}

.section {
float: none;
margin: 2em 0 4em 0;
font-size: 11px;
line-height: 1.5455em;
/*color: #666;*/
overflow: hidden;
}

.section .col-left {
margin-right: 20px;
}

.section .col-left,
.section .col-right {
width: 300px;
float: left;
}

.col-left-small {
    width: 200px !important;
}

.col-more-left {
    position: relative;
    left: -80px;
}

.section img {
margin: 4px 0 10px 0;
}

.lastsection {
/*margin-bottom: -3em;*/
}

.produktteaser {
margin: 2.5em 0 0 50px;
overflow: hidden;
}

.produktteaser img {
float: left;
}

.produktteaser h2,
.produktteaser p {
margin-left: 137px;
font-size: 11px;
padding-left: 15px;
width: 280px;
}

#content .produktteaser h2 {
margin-bottom: 0;
line-height: 1.5385em;
/* background: url(img/bullet.gif) 0 0.454545em no-repeat; */
font-weight: bold;
height: auto;
}

.produktteaser p a:link,
.produktteaser p a:visited {
color: #e1001a;
}

.produktteaser p a:focus,
.produktteaser p a:hover,
.produktteaser p a:active {
color: #e1001a;
text-decoration: underline;
}

#wrapper .text p,
#wrapper .text li {
line-height: 1.636363em;
}

.text p,
.text li {
font-size: 11px;
/*color: #666;*/
}

.text p {
margin-bottom: 1em;
}

.text li {
margin-bottom: 0.727272em;
background: url(img/smallbullet.gif) 17px 0.818181em no-repeat;
padding-left: 35px;
}

.bullet {
color: #666;
font-size: 11px;
line-height: 1.636363em;
margin-bottom: 0.727272em;
background: url(img/smallbullet.gif) 17px 0.818181em no-repeat;
padding-left: 0px;
}

.text .wichtig {
margin: 14px 0 2em 0;
padding-left: 35px;
color: #e1001a;
}

.text table {
border-collapse: collapse;
margin: 2em 0;
width: 487px;
}

.text table td,
.text table th {
border: 1px solid #003882;
padding: 3px 7px;
/*color: #666;*/
font-size: 11px;
line-height: 1.7em;
}

.text table th span,
.text .source {
display: block;
font-size: 9px;
font-style: italic;
margin-top: -4px;
/*color: #666;*/
}

.text table th {
color: #e1001a;
}

tr.odd {
background: #ecf4f7;
}

.text .source {
position: relative;
top: -20px;
text-align: right;
}

.einzelanreisser {
font-size: 11px;
color: #666;
line-height: 1.545454em;
}

.gelbflosse {
margin-top: 1em;
margin-bottom: 3em;
min-height: 51px;
padding: 7px 120px 10px 0;
/*background: url(img/gelbflosse.gif) right top no-repeat;*/
}

.gelbflosse_quali {
margin-top: 1em;
margin-bottom: 3em;
padding: 0px 130px 10px 0;
/*background: url(img/gelbflosse.gif) right top no-repeat;*/
}

.produkt {
overflow: hidden;
margin: 3em 0;
}

.produkt img {
float: left;
}

.produkt p {
margin: 0px 0 0 268px;
font-size: 11px;
font-weight: bold;
line-height: 1.4545em;
height: 120px;
}

ol li {
margin-left: 1.7em;
list-style: outside decimal;
margin-bottom: 1em;
}

.spacebottom {
margin-bottom: 1em;
}

.spacetop {
margin-top: 1.5em;
}

#bmitable {
width: 170px;
margin-top: 1.7em;
}

#bmitable thead th {
height: 2.2em;
}

#bmitable td {
height: 1.6em;
}

#bmi {
width: 210px;
background: #fff;
border: #9fcbff 1px solid;
padding: 8px 13px;
}

#bmi .field {
clear: both;
}

#bmi label {
width: 130px;
}

#bmi input.text {
width: 50px;
}

#bmi #submit {
margin: 10px 0;
float: none;
}

#bmirahmen {
display: none;
}


#bmirahmen img {
border: none;
margin: 0;
}

#bmiergebnis {
background: url(../images/bmi_bg2.gif) 0 0 repeat-y;
color: #fff;
width: 293px;
margin: -5px 0;
padding: 10px 0;
}

#bmirahmen #bmipfeil {
margin-left: 120px;
margin-top: 7px;
}





/* ----------------------------------------------------- Kontaktformular */

form {
overflow: hidden;
/*margin-top: 2em;*/
}

fieldset.left,
fieldset.right,
div.left,
div.right {
width: 47%;
float: left;
}

fieldset.right {
float: right;
}

.field {
margin-bottom: 8px;
}

textarea,
select,
input.text {
border: 1px solid #003882;
background: #f8fcfd;
width: 143px;
font-size: 11px;
color: #003882;
font-family: verdana, arial, sans-serif;
}

input.text_short {
    width: 54px !important;
}

textarea.small {
	padding: 0;
	width: 141px !important;	
}

input.text {
padding-left: 3px;
width: 138px;
}

input.smalltext {
width: 40px !important;
}

textarea {
width: 505px;
float: none;
height: 106px;
padding: 7px;
line-height: 1.363636em;
}

input#form_plz { width: 40px; }
input#form_ort { width: 88px; }

label,
.labels {
/*color: #666;*/
font-size: 11px;
width: 82px;
float: left;
}

#kat_filter label {
    width: auto;
    float: none;
}

span.asterisk,
label span {
margin-left: 0.1em;
color: #E1001A;
}

.labels label {
width: auto;
float: none;
display: inline;
}

fieldset.fullwidth {
clear: both;
}

div.fullwidth label {
width: auto;
}

form fieldset.space-top {
padding-top: 2em;
}

.hinweis {
font-size: 11px;
font-style: italic;
color: #e1001a;
float: left;
}

#submit {
float: right;
width: 75px;
height: 23px;
border: none;
background: transparent url("img/button_senden.gif");
color: transparent;
margin-right: 40px;
}

/* ----------------------------------------------------- Sidebar */

#sidebar {
width: 228px;
float: right;
margin: 15px 0 0 0;
padding: 0;
}

.rezepte #sidebar {
margin: -35px 0 0 0 ;
}

#sidebar .box {
font-size: 9px;
line-height: 1.6667em;
margin: 0 8px 30px 10px;
padding-left: 15px;
}

#sidebar .box_rezept {
    margin-left: 25px;
}

#sidebar .box_nomargin {
	font-size: 9px;
	line-height: 1.6667em;
	margin: 0 8px 0px 10px;
	padding-left: 15px;
}

#sidebar .box h2 {
font-weight: bold;
}

#sidebar h2.icon-tuna {
/*padding-right: 41px;*/
min-height: 36px;
/*background: url(img/icon-tuna.gif) right top no-repeat;*/
}

#sidebar .box-toptipp {
background: url(img/boxbullet.gif) 0 4px no-repeat;
}

#sidebar .box-pdf {
/*background: url(img/icon-pdf.gif) 0 0 no-repeat;*/
	font-size: 10px;
}

#sidebar .box-pdf a {
display: block;
background: url(img/boxbullet.gif) 1px 4px no-repeat;
padding-left: 15px;
}

a.arrow {
background: url(img/boxbullet.gif) 1px 3px no-repeat;
padding-left: 15px;
}


/* ----------------------------------------------------- Footer */

.footer {
/*position:fixed;
bottom: 0;*/
height: 30px;
background: #000e24;
width: 900px;
color: white;
padding-top: 8px;
}

.footer img {
    margin-left: 5px;
    float: left;
    margin-right: 20px;
} 

.footer a {
    color: white;
    text-decoration: underline;
}

.startfooter {
background-image: url(img/footerback-start.gif);
}

.widefooter {
background-image: url(img/footerback-wide.gif);
}

.footertext {
font-size: 11px;
}

/* ------ Rezepte ----- */

#sidebar {
    /*background-color: #d0dfe9;*/
}

.rezeptbuch ul.rezepte, li.rezept {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.rezeptbuch .rezept h4 {
    height: 27px; 
}

.rezeptbuch .spalte {
    position: relative;
/*    top: -50px; */
    width: 233px;
    float: left;
}

.rezeptbuch .rezept {
    float: left;
    height: 150px;
    width: 230px;
    font-size: 10px !important;
}

img.rezeptbild {
    display: block;
    float: left;
    width: 65px;
    height: 80px;
    margin: 3px 5px 0 0;
    background-image: url('img/platzhalter.jpg');
}

.rezeptbuch img.rezeptbild_gross {
    float: left;
/*    width: 250px;
    height: 250px; */
    margin: 0px 10px 5px 0;
}

.rezeptbuch .rezepttext {
    margin-left: 64px;
}

#container_gross {
	float: left;
	width: 640px;
	height: 450px;
    background-image: url("../images/homepage_bild_Food-spaghetti1.jpg")
}

#container_right {
    float: right;
    width: 270px;
    margin-right: -10px;
}

.startpage .box_right {
    width: 250px;
    height: 149px;
    background-color: #e6ecf2;
    border-bottom: 1px solid white;
    font-size: 11px;
    padding-left: 10px;
}

.startpage .box_right h2 {
    font-weight: bold;
}

.startpage h1 {
    font-size: 32px;
    font-weight: bold; 
    margin-top: 35px;
    margin-left: 140px;
    margin-bottom: 10px;
    /*height: 40px;*/
}

.startpage p {
    margin-left: 140px;
}

.navigation {
	padding-right: 20px;
    text-align: right;
}

span.disabled {
    color: #909090;
}

.printonly {
    display: none;
}

.field span {
    font-size: 11px;
}

.box_item1, .box_item2 {
    line-height: 1.4em;
}

.startpage .rezepte .box_item1 {
   overflow: hidden;
   height: 1.8em;   
}  
.startpage .rezepte .box_item2 {
    overflow: hidden;
    height: 3.2em;
}

/* Gewinnspiel September 2009 */

.gewinnspiel_container {
    background-color: #d2d8e4;
    float: right;
    width: 360px;
    margin-left: 20px;
    margin-right: 15px;
}

.gewinnspiel_container .subtitle {
    font-size: 0.85em;
    line-height: 1.3em;
    padding: 0 0 4px 8px;
}

.gewinnspiel2 #content p.small {
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 0.5em 0 0.5em 0;
}

.gewinnspiel2 .ean_container img {
    float: left;
    margin-right: 10px;
}

.gewinnspiel2 .ean_container {
    height: 65px;
}

.gewinnspiel2 .ean_container p {
    padding: 15px 0 0 0;
    
}

.gewinnspiel2 .ean_input {
    padding-top: 0.7em;
}

.gewinnspiel2 input.ean {
    color: #003882;
    height: 12px;
    width: 10px;
    border: 1px solid #003882;
    margin-right: 2px;
    font: 15px monospace;
    padding: 2px 4px 4px 5px;
}

.gewinnspiel2 .formular {
    margin-top: 1em;
    clear: left;
}

.gewinnspiel2 .labels {
    width: 90px;
}

.gewinnspiel2 label {
    width: 90px;
}

.captcha {
    margin-left: 82px;
    background-color: white;
    border: 1px solid #003882;
    padding-right: 3px;
}

.gewinnspiel2 .captcha {
    margin-left: 90px;
}

.gewinnspiel2 #message {
    font-weight: bold;
    height: 4em;
    color: #E1001A;
}
.startpage .box_issf {
    overflow: hidden;
	line-height:1.4em; 
}
.startpage .box_issf img{
    margin-top: 0.5em; 
}

.produktinfos .captcha {
    margin-left: 90px;
}

.produktinfos label,
.produktinfos .labels {
    width: 90px;
}