body { background-color: #fff; color: #333; font: normal 12px/140% Verdana,Arial,sans-serif; }
a { text-decoration: none; }
a.copy { font-weight: bold; color: #4f61ec; white-space: nowrap; }
a.copy:hover { color: #D30004; }
a.indent { margin: 0 0 0 20px; }
div.clear { clear: both; }
div.clear_left { clear: left; }

h1,h2,h3,h4,h5{ color: #0078FE; line-height: 100%; }
h1 { margin: 0 0 30px 0; font-size: 55px; }
h2 { margin: 0 0 30px 0; font-size: 30px; }
h3 { margin: 30px 0 10px 0; font-size: 30px;}
h4 { color: #4f61ec; }
/*h5 { color: #4f61ec; }*/
strong { font-weight: bold; }
ins { color: #f0c; font-weight: bold; }

img.left { float: left; margin: 0 10px 5px 0; }
img.right { float: right; margin: 0 0 5px 10px; }
.right { float: right; }
.left { float: left; }
.light { color: #6bb0fe; }
.nowrap { white-space: nowrap; }

div.imgframe_positioner { position: relative; }
div.imgframe_positioner img.visual { position: absolute; top: 7px; left: 7px; }

#canvas { position: relative; width: 960px; margin: 0 auto; background: url(images/bg.gif) repeat-y 0 0; padding: 0 10px; }
#canvas_gradient { background: url(images/bg_gradient.gif) repeat-x 0 bottom; }
#canvas_bottom { width: 980px; height: 8px; margin: 0 auto; background: url(images/bg_bottom.gif) repeat-y 0 0; }

#header { background-color: #D30004; height: 72px; padding: 10px 30px 14px 40px; }
#header ul { float: right; text-align: right; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header form { display: block; position: relative; border: 1px solid #c30001; background: #D00001 url(images/search_icon.gif) no-repeat 0 center; padding: 10px 85px 10px 28px; margin: 10px 0 0 0; }
#header input.text { width: 150px; border: 1px solid #840001; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff url(images/search_bg.gif) no-repeat 0 top; padding: 2px 5px 1px; font-size: 11px; }
#header input.image { position: absolute; left: 193px; top: 7px; margin: 0 0 0 3px;  }

#navi { position: absolute; padding: 0 0 0 40px; }
#navi li { float: left; background: url(images/navi_bg_end.png) no-repeat right 0; margin: 0 2px 0 0; }
#navi li a { float: left; height: 22px; background: url(images/navi_bg_0.png) no-repeat 0 0; font-size: 18px; color: #d30004; padding: 5px 20px 7px; margin: 0 3px 0 0; }
#navi li a:hover, #navi li a.active { background-image: url(images/navi_bg_1.png); color: #fff; }

/* Sidebar */
#sidebar { width: 310px; clear: both; float: right; padding: 0 20px 50px 0; }

	#subnavi { padding: 0 0 60px 95px; background: url(images/subnavi_bg.gif) no-repeat 56px 0; min-height: 400px; }
	#subnavi ul.advanced a { font-size: 16px; display: block; padding: 7px 0 2px; color: #999; background: url(images/subnavi_li_0.gif) no-repeat 0 bottom; }
	#subnavi ul.advanced a:hover, #subnavi ul.advanced a.active { color: #0078FE; background-image: url(images/subnavi_li_1.gif); }
	#subnavi ul.simple a { display: block; font-weight: bold; margin: 25px 0 0; padding: 0 0 0 15px; color: #0078FE; background: url(images/icon_li.gif) no-repeat left 6px; }
	#subnavi ul.simple a:hover { color: #D30004; }
	#subnavi h4 { font-weight: bold; color: #333; margin: 0 0 15px 0; }

	#teaser { position: relative; top: -6px; height: 145px; width: 320px;}
	#teaser_bg { position: absolute; top: 0; left: 0; background: url(images/teaser.png) no-repeat 0 0; height: 145px; }
	#teaser .teaser_header { position: absolute; top: -17px; right: 20px; background: url(images/logo_oetker.png) no-repeat 0 center; padding: 0 0 0 55px; }
	#teaser h5 { font-size: 40px; }
	#teaser div.visual { position: absolute; top: 25px; left: 5px; width: 100px; height: 100px; background-position: right center; background-repeat: no-repeat; }
	#teaser div.content{ position: absolute; top: 30px; left: 115px; width: 190px; font-size: 12px; line-height: 130%; }
	#teaser h4 { font-weight: bold; margin: 0 0 5px 0; color: #333; }
	#teaser a { display: block; padding: 5px 0 0 0; }

/* Bodies */
#body { padding: 50px 0 0 0; }
#body_paper { margin: 40px 0 0 0; background: url(images/paper_bg.gif) right top no-repeat; }
#body_paper h1 { margin: 0 40px; }
#body_paper_navigation { height: 50px; }
#body_paper_navigation ul { float: right; margin: 20px 40px 40px 0; }
#body_paper_navigation li { float: left; margin: 0 30px 0 0; }
#body_paper_navigation a { font-weight: bold; color: #6bb0fe; }
#body_paper_navigation a:hover { color: #D30004; }

/* Content */
#content { padding: 25px 330px 0 40px; }
#content dl {  }
#content dt, #content dd { padding: 5px 0 5px 0; }
#content dt { float: left; width: 140px; }
#content dd input, #content dd select { border: 1px solid #ccc; }
#content dd input { width: 300px; }
#content dd { background: url(images/subnavi_li_0.gif) 0 bottom no-repeat; }
#content .sets dd { background: none; }

/* Content Container */
#products_left { width: 220px; float: left; padding: 30px 0 0 0; }
#products_right { padding: 0 0 0 230px; }
#product_visual { position: relative; }
#product_visual strong { display: block; position: absolute; width: 77px; height: 38px; bottom: 60px; left: 0px; background: url(images/product_new.png) 0 bottom no-repeat; text-indent: -999em; }
#product_visual strong.limited { width:160px;height:62px;bottom: 0px; left: 0px; background: url(images/nur_fuer_kurze_zeit.png) 0 bottom no-repeat; text-indent: -999em;}
#product_set { margin: 20px 0 0 0; }

#recipe_left { width: 310px; float: left; padding: 30px 0 0 0; }
#recipe_right { padding: 30px 0 0 330px; }
#recipe_links { margin: 35px 0 0 0; }
#recipe_links ul li { margin: 0px 0 0 0; }
#recipe_links a { font-weight: bold; color: #4f61ec; }
#recipe_links a:hover { font-weight: bold; color: #D30004; }
#recipe_right li { position: relative; padding: 5px 0 5px 0px; margin: 10px 0 10px 35px; }
#recipe_right li h3 { position: absolute; top: -7px; left: -35px; margin: 0; padding: 0; width: 20px; text-align: right; }

.recipe_difficulty { background-repeat: no-repeat; background-position: 0 3px; }
.level_1 { background-image: url(images/difficulty_1.png); }
.level_2 { background-image: url(images/difficulty_2.png); }
.level_3 { background-image: url(images/difficulty_3.png); }
#recipe_left .recipe_difficulty  { padding: 0 0 0 65px; }

#recipe_visual { background: url(images/recipe_top.gif) no-repeat 0 top; }
#recipe_visual_bottom { background: url(images/recipe_bottom.gif) no-repeat 0 bottom; padding: 9px 8px; }
#recipe_tips { margin: 20px 0 0 0; }
#recipe_tips h4 { color: #6bb0fe; margin: 0 0 7px 0; height: 20px; }
#recipe_tips div { width: 148px; float: left; background: url(images/recipe_tip_bg.gif) no-repeat 0 19px; margin: 0 0 20px 0; padding: 0 0 0 6px; line-height: 130%; }
#recipe_tips img { margin: 0 0 5px 0; }

#ingredients { padding: 0 0 60px 95px; background: url(images/subnavi_bg.gif) no-repeat 56px 0; min-height: 400px; }
#ingredients #recipe_info a { display: block; padding: 0 0 0 35px; background: url(images/icon_book.png) no-repeat 0 0; font-weight: bold; color: #4f61ec; }
#ingredients #recipe_info a:hover { color: #D30004; }
#ingredients ul { list-style-type: disc; margin: 0 0 0 1em; }
#ingredients li { color: #666; }
#ingredients p { font-size: 20px; color: #0078FE; font-weight: normal; margin: 20px 0 10px 0; line-height: 100%; }

#anchorlist { margin: 20px 0 0 0; }
#anchorlist li { margin: 0 0 5px 0; }
#anchorlist a { color: #6bb0fe; }
#anchorlist a:hover { color: #D30004; }

#tips p { margin: 8px 0 0 0; }
#tips h2 { margin: 20px 0 5px 0; }
#tips div.left { margin: 0 10px 5px 0; }

#backademie_video { margin: 0 0 20px 0; background: url(images/frame_video.png) no-repeat 0 0; padding: 8px; width: 95%; }

.sets h3 { width: 95%; height: 67px; padding: 0 0 0 20px; background: url(images/headline_bg.png) no-repeat 0 0;}
.sets table { margin-top: -10px; }
.sets div.box { width: 267px; float: left; background: url(images/box_bg.png) no-repeat 0 0; padding: 8px; margin: 0 0 15px 10px; }
.sets div.box img { margin: 0 0 10px;  }
.sets h4 { font-weight: bold; color: #333; padding: 10px 0 10px 0; }
.sets div.box2 { margin: 15px 0 0 0; }
.sets div.box2 a.pngfix { display: inline; float: left; background: url(images/box_bg.png) no-repeat 0 0; margin: 0 0 0 10px; }
.sets div.box2 img { margin: 8px 20px 8px 8px; }
.sets form { display: block; padding: 0 0 0 20px; }

.pager ul { position: relative; float: right; top: 27px; }
.pager li { float: left; margin: 0 0 0 4px; }
.pager a { color: #6bb0fe; font-weight: bold; }
.pager a:hover { border-bottom: 2px solid #6bb0fe; }
.pager a.active { border-bottom: 2px solid #6bb0fe; }
div.set_bottom { background: url(images/headline_bg_bottom.png) no-repeat 0 0; height: 63px; }
div.set_bottom ul { top: 65px; }

table thead { color: #6bb0fe; }
table td, table th { vertical-align: top; }
table td.center { text-align: center; }
table .recipe_difficulty { width: 55px; margin: 0 auto; }
table h4 { line-height: 150%; padding: 0 0 5px 0 !important; }
table div.visual { background: url(images/frame_small.png) no-repeat 0 0; margin: -5px 0 0 15px; }
table div.visual img { margin: 8px 15px 8px 7px; }
table ul { margin: 10px 0 0 0; }
table li { float: left; margin: 0 30px 0 0; }
table li a { display: block; padding: 2px 0 2px 0; }
table li a.icon_book { background: url(images/icon_book.png) no-repeat right 0; padding-right: 35px; }
table thead a.asc { color: #6bb0fe; background: url(images/icon_ascending.gif) no-repeat right 2px; padding: 0 15px 0 0; }
table thead a.desc { color: #6bb0fe; background: url(images/icon_descending.gif) no-repeat right 3px; padding: 0 15px 0 0; }

/* Footer */
#footer { clear: both; height: 34px; background: url(images/footer_bg.png) no-repeat 0px 0px; margin: 40px 0 0 0; padding: 8px 10px 10px 0; text-align: right; font-size: 10px; }
#footer a { color: #333; margin: 0 5px; text-transform: uppercase; }
#footer a:hover { color: #D30004; }

/* Forms */
div.fieldset_bottom { padding-bottom: 14px; background: url(images/fieldset_bg_bottom.gif) no-repeat 0 bottom; }
fieldset { margin: 15px 0 0 0; background: url(images/fieldset_bg.gif) no-repeat 0 0; }
fieldset div { padding: 16px 0 16px 16px; }
input { margin: 0 5px 0 0; }
input.submit { border: 0; width: 143px; height: 38px; color: #6bb0fe; font: bold 12px Verdana; margin: 15px 0 0 0; background: url(images/form_button.png) no-repeat 0 0; }
input.submit:hover { color: #d30004; }
#subnavi fieldset h4 { margin: 20px 0 5px 0; }
#subnavi fieldset a.trigger { margin: 12px 0 0 15px; }
#subnavi fieldset a.trigger_down { background-image: url(images/icon_li_down.gif); }
#subnavi fieldset div { display: none; }
span.error { display: block; margin: 0 0 0 0; color: #D30004; font-weight: bold; font-size: 9px; }
input.error { background-color: #fee; }

/* prettyPhoto Lightbox */
.pp_top, .pp_bottom{ display: none; }
.pp_details { display: none !important; }
.pp_content { height: auto !important; border: 0 !important; }
#lightbox { position: relative; padding: 20px; }
#lightbox a.close { position: absolute; top: 5px; right: 5px; display: block; width: 12px; height: 13px; background: url(images/icon_close.gif) no-repeat 0 0; }
#lightbox h2 { margin-bottom: 15px; }
#lightbox_footer { margin: 20px 0 0 0; }
#lightbox #skipper { position: absolute; top: 48px; right: 20px;  }

/* special case homepage */
body#node_home #footer { margin-top: -43px; padding-bottom: 0; }
body#node_home #home_bg { background: url(images/home_visual.jpg) no-repeat; height: 634px; }
body#node_home #teaser { position: absolute; top: 530px; left: 620px; }
body#node_home #teaser div.content { top: 35px; }
body#node_home #teaser_bg { background: none; }

/* special case gewinnspiel */
body#node_gewinnspiel #footer { margin-top: -43px; padding-bottom: 0; }
body#node_gewinnspiel #gewinnspiel_bg_1 { background: url(images/gewinnspiel_visual_1.jpg) no-repeat; height: 634px; }
body#node_gewinnspiel #gewinnspiel_bg_2 { background: url(images/gewinnspiel_visual_2.jpg) no-repeat; height: 452px; padding: 182px 401px 0 83px; }
body#node_gewinnspiel #gewinnspiel_bg_3 { background: url(images/gewinnspiel_visual_3.jpg) no-repeat; height: 634px; }

body#node_gewinnspiel #gewinnspiel_bg_2 div.close { position: absolute; top: -65px; right: -13px; }

body#node_gewinnspiel #gewinnspiel_bg_2 form label { display: inline-block; width: 81px; font-weight: bold; line-height: 18px; }
body#node_gewinnspiel #gewinnspiel_bg_2 form label.error { color: #d30004; }
body#node_gewinnspiel #gewinnspiel_bg_2 form div.section { position: relative; margin-bottom: 10px; }
body#node_gewinnspiel #gewinnspiel_bg_2 form div.remark { font-size: 10px; !important }
body#node_gewinnspiel #gewinnspiel_bg_2 form div.remark a { color: #000; text-decoration: underline; }
body#node_gewinnspiel #gewinnspiel_bg_2 form div.remark label { display: block; width: auto; font-weight: normal; padding-left: 31px; line-height: 14px; }
body#node_gewinnspiel #gewinnspiel_bg_2 form div.remark input { position: absolute; top: 2px; width: auto; }
body#node_gewinnspiel #gewinnspiel_bg_2 form input, 
body#node_gewinnspiel #gewinnspiel_bg_2 form select { border: 1px solid #ccc; line-height: 14px; }
body#node_gewinnspiel #gewinnspiel_bg_2 form input { width: 342px; height: 14px; }
body#node_gewinnspiel #gewinnspiel_bg_2 form select { height: 18px; }
/*body#node_gewinnspiel #gewinnspiel_bg_2 form input#anmeldung_zip { width: 78px; margin-right: 10px; }
body#node_gewinnspiel #gewinnspiel_bg_2 form input#anmeldung_city { width: 249px; }*/
body#node_gewinnspiel #gewinnspiel_bg_2 form div#anmeldung_submit { clear: both; float: right; margin-top: 10px; margin-right: -3px; }
body#node_gewinnspiel #gewinnspiel_bg_2 form div#anmeldung_submit input { width: 179px; height: 36px; padding: 0; margin: 0; border: 0; }

/* xtrabox recipe */
#xtrabox h4{font-size:20px;color:#0078FE;margin-bottom:5px;}
#xtrabox #recipe_nutrition{width:50%; float:left;}
#xtrabox #recipe_heating{width:45%; float:right;}

/* IE6 corrections */
#canvas_bottom { font-size: 0; }
#header form { width: 160px; }
#subnavi { _height: 400px; }
#subnavi li { width: 100%; }
#teaser_bg { width: 100%; }
#canvas_gradient { width: 960px; }
#body_paper_navigation ul { display: inline; }
#body_paper_navigation li { display: inline; }
#boxes div.box { display: inline; }
#lightbox #skipper { _top:34px;  }
h1 { _font-size:30px;_font-weight:normal}
h2 { _font-size:22px;_font-weight:normal}
h3 { _font-size:18px;_font-weight:normal}
h4 { _font-size:14px;_font-weight:normal}
#xtrabox h4{_font-size:14px;_font-weight:normal}
#ingredients p { _font-size: 14px; }
#teaser h5 { _font-size:20px;_font-weight:normal}
#content { _padding-left:20px; }
.sets {_width:550px;}
#product_visual strong { _top:140px; }
#product_visual strong.limited { _top:180px;}
.sets h3 { _background:none;}