@charset "UTF-8";
/* CSS Document */

img{border:none; behavior:url("/_css/iepngfix.htc") !important; }
form { display: block; } 
body {display: block; height:100%; font: 12px Verdana, sans-serif;color:#102D59;padding:0px;margin:0px;background-color:#CBE4F2;}
h1,h2,h3,h4,h5{color:#63B1E5;font-weight:lighter;}
h2{ font-size:15px; margin-bottom:8px;margin-top:20px;line-height:16px;} 
h3{ font-size:14px; }
h5{margin-bottom:5px;color:#102D59;font-size:12px;font-weight:bold;}
h3{ color:#1B41A2; }
p{margin-top:2px;}
a {text-decoration:none;color:#63B1E5;}
a img, a:active, a:focus, a{outline: none;}
a:HOVER, #footer li a:hover{ color: #102D59; }
div{margin:0px;padding:0px;}
.clear, .c{display: block; clear: both; border: 0; height: 0; font-size: 0;}
.smallText{ font-size: 0.8em; }
.textRight{ text-align: right; }
.textLeft{ text-align:  left; }
.textCenter{ text-align:  center; }
.left{ float: left;}
.right{ float: right;  }
.link{text-align:right;}
.link a{text-decoration: none;}
.clickPrint{ cursor: pointer; }
hr{ border-color: #102D59; }
/* ----------------- */
/* ----- LAYOUT ---- */
/* ----------------- */
#wrapper{margin: 0 auto; background-color:#fff;width:966px;height:auto;}
#content{width:950px;}
#content{padding-left:8px;padding-right:8px;background:url(../_img/shadding.jpg) repeat-y;}
#header{width:950px;background:url(../_img/shadding.jpg) repeat-y;}
#header{position:absolute;top:0px;height:271px;}
#headerWrapper{background-color:#7EBCDE;height:100%;}/*7EBCDE*/
#content{padding-top: 291px;float:left;}
#contentLeft{ width:227px; float:left; border-left:20px solid #fff; }
#contentMiddle{width:646px;border-left: solid 37px #fff;float:left; margin-bottom: 20px;}
#contentMiddle_col{ width: 570px; }
#contentMiddle_col1{float:left; width:394px; height:auto; position:relative;  }
#contentMiddle_col2{ border-left: solid 24px #fff; width:227px; float:left; }
* html body #contentMiddle{ width:660px; float:left;  }
#footer{background-color:#6CA2D2;border-bottom:solid 20px #FFF;height:34px;}
.layoutImage_bottom{ position:relative; top: 23px; }
/* ----------------- */
/* ----- HEADER ---- */
/* ----------------- */

#printHeader{display:none;}
html > body #logo_banner{border-top:28px solid #7EBCDE; font:Times, serif !important ; color:#FFFFFF;}
html > body #lb_shadding_top{width:950px; height:4px; background:url(../_img/header_balken_schatten_top.png) repeat-x;}
html > body #lb_bg{height:54px; width:950px;margin:0px;padding:0px;background:url(../_img/header_balken_bg.jpg) repeat-y;}
html > body #slogan{position:relative; left:30px;top:20px;float:lef;z-index:81; background:url(../_img/header_slogan.png) no-repeat;z-index:82px;width:288px;height:19px;}
html > body #logo{cursor:pointer;  text-indent: -2000px; float:right;position:relative;right:50px;top:-25px;background:url(../_img/logo.png) no-repeat; width:175px;height:147px;}
html > body #lb_shadding_bottom{width:950px; height:4px; background:url(../_img/header_balken_schatten_bottom.png) repeat-x;}
html > body #frau{margin-left:13px;  float:left;background:url(../_img/header_dame.png) no-repeat; width:234px; height:180px;z-index:85;position:relative;top:-5px;}
html > body #ww{ cursor:pointer;  text-indent: -2000px; position:relative;top:30px;float:left;color:#005b9e;background:url(../_img/WeightWatchers-logo_with_bg.gif) no-repeat; height:24px; width:300px;}
#header_nav{position:absolute;bottom:-2px; left:0px;z-index:100;}
#header_nav a img{margin:0px;padding-left:0px;border-right:0px;float:left;z-index:90;}
#nav_woelbung{position:absolute; bottom:0px; left:0px; height:29px;width:950px; z-index:82;}
html>body #nav_woelbung{background:url(../_img/header_bogen_weisz.png) no-repeat;z-index:89;}

/*IE*/
* html body #logo_banner, * html body #lb_shadding_top, * html body #frau, * html body #ww, * html body #headerWrapper, * html body #nav_woelbung{ display: none; z-index:100; }
* html body #header{position:absolute; width:950px; height:271px;  background:url(../_img/header_ie6.jpg) no-repeat;z-index:81;} 

* html body #nav_woelbung_ie6{display: block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_img/header_bogen_weisz.png' );z-index:89;}

/* ------------------ */
/* ----- CONTENT ---- */
/* ------------------ */

/* ----- CONTENT - Elemente ---- */
/* ------------------------- */
.imgBorderBottom{ margin-bottom: 1em; }
.laktosefrei{position:absolute; right:0px;}
/* --- steckbrief, rezeptDetail_box --- */
#steckbrief, #rezeptDetail_box{background-color:#CBE4F2;width:auto;padding: 1px 10px 10px 10px ;}
#steckbrief .steckbrief_col1{padding-right:16px; width: 118px;}
#steckbrief .steckbrief_col2{padding-left:16px;border-left:solid 1px #63B1E5;}
#steckbrief img{position:relative;top:3px;border-left: 10px solid #CBE4F2;/*padding: 0px 4px;*/}
/* --- nutrition --- */
html > body #nutrition{width:100%;border-spacing:0px;border-collapse:collapse; margin-bottom: 15px;}
* html body #nutrition{width:100%;border-collapse:collapse; margin-bottom: 15px;}
#nutrition td{padding:4px;margin:0px;}
#nutrition .row_a{background-color:#CBE4F2;}
#nutrition .right{text-align:right;}
/* --- rezeptBox --- */
#rezeptBox{height:92px; width:100%;margin: 10px 0;}
#rezeptBox h2{ margin-top: 0.5em; }
#rezeptBox .img img{width:120px;height:90px;border:solid 1px #fff;float:left;}/**/
#rezeptBox .content{float:left;background-color:#CBE4F2; width:460px;height:100%; border:solid 1px #fff;padding-left:10px;}
#rezeptBox .info div{margin:1px 0;}
#rezeptBox .info{width:52px;float:right;}

#rezeptBox .info p, .rezeptinfo p{ padding:6px; }
#rezeptBox .portionen, .dauer, .portionen{height:45.5px;width:50px;text-align:center;font-weight:bold; border-top:none; }
.dauer p, .portionen p{ margin-top: 0px; }
#rezeptBox .dauer, .rezeptinfo .dauer{background-color:#8EC8E5;}
#rezeptBox .portionen, .rezeptinfo .portionen{background-color:#5E92B6;}
/* --- rezeptinfo - Rezeptdetail --- */
.rezeptinfo{ float:right; height:45px; width:104px; margin:1px; }
.rezeptinfo .dauer, .rezeptinfo .portionen{ float:right; border-right:1px solid #fff; position:relative; top: -3px; right:3px; }
#rezeptBild{width:227px;height:235px;}
#rezeptBild .content_image{ margin-bottom: 3px; height:147px;}
#rezept_produktbilder ul{ padding:0px ; margin:0px; }
#rezept_produktbilder li{ list-style: none; }
/* --- rezeptDetail --- */
#rezeptDetail, #rezeptBild{padding-top:44px;}
#rezeptDetail .contentText{padding-left:10px;}
#rezeptDetail #recipeContent{ margin-bottom: 20px; }
#rezeptDetail #recipeContent p{ line-height: 1.5em; }

/* --- druckbutton --- */
#druckbutton{width:177px; height:24px; overflow:hidden;cursor:pointer; }
#druckicon{height:26px;width:26px;background:url(../_img/druckicon.gif) no-repeat;float:left;}
#drucktext{font-weight:bold;padding:5px 10px 5px 10px;margin-left:1px;float:left;background-color:#CBE4F2;height:16px;}
.printProduct{ margin: 1px 0px; }
/* --- gallery  --- */
#gallery{padding:10px 0;}

/* --- formulare --- */
#form ul { list-style: none;margin:0px;padding: 0;font-size: 1em;width:410px;}
#form li {margin-bottom: 10px;}
#form li label {float: left;width: 100px;}
#form li fieldset.auswahlNewsletter label{float:none;}
#form input.large, input.small, input.middle, #form fieldset, #form textarea {border: 1px solid #5D91B6;padding-top: 4px;padding-left:4px;margin-bottom:4px;}
#form input.large, input.small, input.middle{height: 1.4em;}
#form input.large, #form textarea{width: 300px;}
#form input.small {width: 60px;}
#form input.middle {width: 229px;*width:227px;margin-left: 5px;}
/*#form textarea{overflow:hidden;}*/
#form li p{float:right;}
#formButtons input{float:right; }
/* --- newsoverview, Tabellenauflistungen --- */
#newsOverview td, #news_start td, #newsArchivOverview td{ padding: 6px; vertical-align: top; }
#newsOverview h3, #news_start h3{ margin-top:0px; }
/* ----- f ---- */
.infoBox { background-color: #fff; }
.infoBox h2{margin:0px; position:relative; padding-bottom: 5px;}
.infoBox p, .infoBox .paragraph{margin:0px; padding-top:8px; width:207px;}
.infoBox .top{background:url(../_img/infobox_top.jpg) no-repeat bottom left;width:227px;height:11px;padding:0px;margin-top:10px;}
.infoBox .middle{background:url(../_img/infobox_middle.jpg) repeat-y;width:227px;height:auto;padding:0px;margin:0px;overflow: hidden;position: relative;}
.infoBox .middle .content{padding:0 10px; }
.infoBox .trennlinie{border-bottom:solid 1px #63B1E5;padding-bottom:6px;}
.infoBox .bottom{background:url(../_img/infobox_bottom.jpg) no-repeat;width:227px;height:11px;padding:0px;margin-bottom: 20px;}

.infoBox ul{ margin:0px; padding:0px;}
.infoBox .middle .content ul.list{ *margin-left: 17px; }
.infoBox li{ list-style: none; }
.infoBox ul.list, .recipetipp ul{  margin-top:6px; margin-bottom:0px; padding: 0 20px; *padding-left: 0px; }
.infoBox ul.list li, .infoBox .recipetipp li{ list-style: disc;  }
.infoBox ul.list li a{  line-height:1.7em; color:#102D59;  }
.infoBox ul.list li a:hover{ font-weight: bold; }

#slidegallery ul li img{ width:207px;  }
* html body #slidegallery ul li img{ width:211px;  }
* html body #slidegallery li{ width:200px!important;  }
* html body #slidegallery p{ width:200px!important;  }

* html body ul, * html body li, * html body div{  padding: 0px; margin:0px; }

/* --- Startseite --- */
.imgExpert{ position:absolute; right:10px; top:-6px; }
.schlankerKlick{ width:205px; height: 25px; background-color: #DAE6F2; padding-top:10px; text-align:center; }
.schlankerKlick span{ position:relative; top:-6px; left: 2px; }
#news_start .colImg, #newsOverview .colImg{ width:135px; }
#news_start, #newsOverview{ width:100%; }
h3.news_overview{ margin-top: 0px; }
/* --- nutrition_overview --- */
#nutrition_overview{ background-color: #5D91B6;  border-spacing: 1px; border-collapse: separate; }
#nutrition_overview tr, #nutrition_overview td, #nutrition_overview th{ padding: 2px 3px; margin: 0px; background-color: #fff; }
#nutrition_overview h3{ *margin-top: 12px; }
/* --- kulinarische_tagesreise --- */
#kulinarische_tagesreise{ background-color: #5D91B6;  border-spacing: 1px; border-collapse: separate; }
#kulinarische_tagesreise tr, #kulinarische_tagesreise td, #kulinarische_tagesreise th{ padding: 2px 3px; margin: 0px; background-color: #fff; }
/* ---  available_at --- */
#available_at .colImg{ padding: 10px;}
#available_at .colTxt{ padding: 10px; border-bottom: solid 1px #5D91B6; }
/* ---------- getränkeempfehlung --------------------*/
.juice{ margin-top: 15px; }
.juice .img{ padding: 0 20px 5px 5px; }
.juice .text{ vertical-align: text-top; }



/* ------------------ */
/* ----- sideNav ---- */
/* ------------------ */
#sideNav{border-bottom:solid 1px #5D91B6;}
#sideNav.noBorder{ border:none; }
#sideNav ul, #sideNav{margin:0;padding:0px;  }
#sideNav.noBorder{ border: none; }
#sideNav{margin-bottom: 20px;}
#sideNav li{list-style:none;}
#sideNav a{color:#102D59;}
* html body #sideNav a:hover{/*font-weight:bold;*/}
#sideNav li.level3{background:url(../_img/sidenav_level3.jpg) no-repeat top left;min-height:30px;width:227px;border-bottom:solid #fff 6px;padding-top:8px;}/*background-color:#CBE4F2;border-bottom:solid #fff 6px;*/
* html body .level3{height:30px;width:227px;background:url(../_img/sidenav_level3.jpg) no-repeat top left;}
* html body .level3 a{padding-left:12px; text-transform: uppercase; }
#sideNav li.level3:hover,#sideNav li.level3_active{background:url(../_img/sidenav_level3_over.jpg) no-repeat;height:auto;width:227px;}/*background-color:#7EBCDE;*/
#sideNav .level3>a{padding-left:12px; text-transform: uppercase;}
#sideNav .level3_active ul, #sideNav .level3_active p{visibility:visible; display:block;}

#sideNav .level2_active{border-bottom:none;}
#sideNav .active{border:none;}
.level3_active{ *margin-bottom: 20px; }
.level3_active>ul{border-bottom:solid 1px #5D91B6; *position:relative;top:16px; }
* html body .level2 ul{border:none; }
.level2_active>ul{ *position:relative;top:10px; }
#sideNav .level2 {background-color:#FFFFFF;border-top:solid 1px #5D91B6; padding:12px 0px; }
#sideNav .level2:hover, .level2_active{font-weight:bold;}
#sideNav .level2_active ul{border-top:solid 1px #5D91B6;font-weight:normal; }


#sideNav .level2>a{position:relative; left:12px; text-transform: uppercase; }
#sideNav .level1{ margin-bottom: 4px;  width: 213px; padding-left: 14px; }
#sideNav .level1:hover, .level1_active{background-color:#CBE4F2;  /*font-weight:bold;*/}

#sideNav .level1 a{ /*position:relative; left:14px;*/ }
.first{margin-top:10px;}


.layoutImg_top{ position:absolute; top:0px; }
.layoutImg_bot{ position:absolute; bottom:0px; left:0px; }
* html body .layoutImg_bot{ bottom:-1px;  }

/* ----------------- */
/* ----- FOOTER ---- */
/* ----------------- */
#footer ul{position:relative; left:9px;top:-6px; float:left;padding:0px;*top:6px;*left:-29px;}
#footer li { float:left; list-style:none; color: #fff; margin:0px; }
#footer li a {color: #fff;}
.fNav_entry{padding-top:5px;padding-right: 9px;padding-bottom: 0px;padding-left: 9px;}
.fNav_trenner{position:relative;top:0px;background:url(../_img/footer_nav_trenner.gif) no-repeat; width:2px; height:26px;padding:0px;margin:0px;}

/*--- flashplayer --- */
#flashplayer{position:relative; top:10px; right: 20px; float:right; z-index:100; }

/* ---- INVALID ----- */
#form input.invalid, #form textarea.invalid{border:solid 1px #f00;}
p.invalid{color:#f00;}

.externallink {display:none;}