/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* screen */ body{background-color:#fff;font-size:15px;font-family:Georgia, "Times New Roman", serif;color:#000} .buecherliste li{float:left;list-style:none;width:69px;height:90px;margin:0 20px 20px 0} .buecherliste {width:980px;height:90px;padding:0 0 20px 20px;overflow:hidden;} a:active,a:focus{outline:none} .kochen_h1{font-size:28px;color:#9F9F9F;font-weight:normal;width:601px} .kochen_h2{font-size:28px;color:#000;font-weight:normal;width:601px} .rezepte_h1{margin-bottom:9px;font-size:50px;color:#000;font-weight:normal;width:601px} .underline_h,#content a.underline_h:link,#content a.underline_h:active,#content a.underline_h:visited{text-decoration:none;margin-bottom:40px;font-size:16px;color:#000;font-weight:normal;border-bottom:2px solid #858585} #content a.underline_h:hover{text-decoration:none;margin-bottom:40px;font-size:16px;color:#666;font-weight:normal;border-bottom:2px solid #858585} #head{height:96px;background-image:url(../grafiken/head_bg.gif);background-repeat:no-repeat;background-position:center;margin:0 auto} #mainnav{height:50px;background-image:url(../grafiken/navigation_bg.gif);background-repeat:repeat-x;margin:0 auto} #navigation{width:980px;text-align:center;margin:0 auto} #navigation ul{padding:2px 0 0 240px} #navigation li{height:26px;float:left;font-size:16px;cursor:pointer;padding:6px 10px 0} #navigation li a{color:#594848;text-decoration:none} .hover,#hoveraktiv{background-image:url(../grafiken/navigation_aktiv.gif);background-repeat:repeat-x} .hover a,#hoveraktiv a{color:#fff!important} .sub_hover{background:#E0DBDB} .headline_firstc{color:#703636!important} #master{width:980px;margin:0 auto} #sitemap{width:980px;font-size:11px;color:#858585;margin-bottom:6px} #sitemap a{text-decoration:none;font-size:11px;color:#9F9F9F} #sitemap p{padding-bottom:2px} #subnav_space{width:800px;height:40px;margin:0 auto} #subnav{width:auto;margin-left:-50px;margin-right:-50px} .subnav.clean{height:30px} #content{width:601px;float:left} #content h3{font-size:16px;text-transform:uppercase;font-weight:normal;margin:0 0 10px} #content p{margin:0 0 16px} #content a:link{color:#4E2F2F} #content li{list-style-type:square} #content ul{margin:0 0 15px 15px} #content_cc_left{width:392px;float:left} #content_cc_right{width:199px;float:right;color:#858585} #content_cc_left h3{font-weight:normal!important} .recipebox{width:199px} .recipebox_head{height:19px;font-size:0;background-image:url(../grafiken/startseite/recipebox_head.gif)} .recipebox_content{background-image:url(../grafiken/startseite/recipebox_bg.gif);background-repeat:repeat-y} .recipebox_foot{height:21px;font-size:0;background-image:url(../grafiken/startseite/recipebox_foot.gif)} .recipebox_content_space{margin-left:15px} .recipebox_content p{font-size:16px;margin:0!important;padding:0 10px 10px 0} #content .recipebox_content p a:link,#content .recipebox_content p a:active,#content .recipebox_content p a:visited{color:#253411;text-decoration:none} #content_right{width:366px;float:right} #col_left{width:204px;float:left} #col_left p{padding:0 20px 10px 0} .col_left_box{width:384px;margin-bottom:10px} #col_right{width:162px;float:right;color:#858585} #col_right p{margin:1px 0 12px} .icon_left{float:left;margin:3px 10px 6px 0} #downloads{width:980px;margin:70px 0 0} #downloads_head{height:34px;font-size:0;background-image:url(../grafiken/downloads_head.gif)} #downloads_content{background-image:url(../grafiken/downloads_bg.gif);background-repeat:no-repeat;color:#4E2F2F} #downloads_foot{height:3px;font-size:0;background-image:url(../grafiken/downloads_foot.gif)} .downloads_boxes{width:230px;padding-right:10px;margin-top:12px;float:left} * html .downloads_boxes{width:225px;padding-bottom:10px} *+html .downloads_boxes{padding-bottom:10px} .downloads_boxes h5{font-weight:bold;font-style:italic} .downloads_boxes a{color:#4E2F2F;text-decoration:underline} #footer{width:980px;text-align:center;color:#858585;margin:20px 0 10px} #footer li{display:inline;margin-right:4px} #footer a{color:#858585;text-decoration:underline} #search{width:336px;height:30px} .search_input{width:240px;color:#858585;margin-right:10px;border-top:1px solid #848484;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;padding:1px 1px 1px 2px} * html .search_input{width:235px} *+html .search_input{width:245px} .amazonkasten {/*-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #f9960d;*/padding:8px;margin-bottom:10px;background-color:#e8e4e4;color:#594848;width:168px;} .amazonkasten a:link, .amazonkasten a:visited {color:#4E2F2F;text-decoration:none;} .amazonkasten a:hover, .amazonkasten a:active {color:#4E2F2F;text-decoration:underline;} .amazonkasten img {float:right;} .graybox_big{width:197px;float:left} .graybox_big_head{height:6px;font-size:0;background-image:url(../grafiken/gkasten_big_head.gif)} .graybox_big_content{padding-bottom:30px;background-image:url(../grafiken/gkasten_big_bg.gif);background-repeat:repeat-y;font-size:16px;color:#fff} .graybox_big_foot{height:6px;font-size:0;margin-bottom:20px;background-image:url(../grafiken/gkasten_big_foot.gif)} .graybox_big_content img{margin:0 0 20px 12px} .graybox_big_content p{text-align:center;padding:10px} .graybox_small{width:184px;float:left} .graybox_small_head{height:6px;font-size:0;background-image:url(../grafiken/gkasten_small_head.gif)} .graybox_small_content{padding-bottom:30px;background-image:url(../grafiken/gkasten_small_bg.gif);background-repeat:repeat-y;font-size:16px;color:#fff} .graybox_small_foot{height:6px;font-size:0;background-image:url(../grafiken/gkasten_small_foot.gif)} .graybox_small_content ul{margin-bottom:40px} .graybox_small_content img{margin:0 0 20px 4px} .graybox_small_content p{text-align:center;padding:10px!important} #content_right .graybox_small a:link,#content_right .graybox_small a:active,#content_right .graybox_small a:visited{color:#fff;text-decoration:none} .whitebox{width:601px} .whitebox_head{height:7px;font-size:0;background-image:url(../grafiken/startseite/whitebox_head.gif)} .whitebox_content{height:250px;background-image:url(../grafiken/startseite/whitebox_bg.gif);background-repeat:repeat-y} .whitebox_foot{height:16px;margin-bottom:20px;font-size:0;background-image:url(../grafiken/startseite/whitebox_foot.gif)} .whitebox_content_space{margin-left:16px} .whitebox_content_space h2{width:185px;font-size:16px;cursor:pointer;margin-bottom:5px;color:#BB8F8F} .details{position:absolute;width:380px;height:230px;margin-left:190px;top:265px;font-size:14px;color:#BB8F8F;background:#FFF;} .details h3{font-size:16px;color:#BB8F8F;font-weight:normal!important;text-transform:uppercase;margin:1px 0 10px} .details p{padding-bottom:2px;margin:0} .clear{clear:both} .button{border:0!important;color:#fff!important;background-image:url(../grafiken/button_bg.gif);padding:0 10px} .button.newsletter{margin-top:4px;width:188px;padding:0!important} * html .button{padding:0 4px} .newsletter{margin-top:20px} .newsletter_input{width:184px;font-size:12px;color:#858585;border-top:1px solid #848484;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;margin:2px 0 4px;padding:1px} .newsletter_input.radio{width:20px!important;border:0!important;margin:2px 4px 6px 0} * html .newsletter_input.radio{margin:0;padding:0} .imagebox{width:601px;background:#594848} .imagebox img{float:left} .caption{text-align:right;color:#858585;font-size:12px;margin:0!important;padding:2px 0} .caption img{vertical-align:middle;margin-bottom:4px} .image_left{float:left;border:1px solid #858585;margin:3px 10px 16px 0} .formular_data{margin:6px 0} .formular_data label{float:left;width:140px;padding-top:3px} .formular_data input,.formular_data textarea{width:240px;color:#333;border-top:1px solid #848484;border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;padding:1px} .italic{font-style:italic} .underline{text-decoration:underline} .underline.more{float:right} .bold{font-weight:bold} .gray.news{padding-right:6px;font-size:12px} .gray.space{padding:12px 0 6px} .gray.line{line-height:24px} .small{font-size:12px} .headline{font-weight:bold;margin:0 0 6px} .sp{padding:4px 0} .lh{line-height:20px} h6{text-transform:uppercase;margin:30px 0 8px} .sf-menu,.sf-menu *{list-style:none;margin:0;padding:0} .sf-menu{line-height:1.0;font-size:16px;float:left;margin-bottom:1em} .sf-menu ul{position:absolute;top:-999em;width:10em} .sf-menu ul li{width:200px} .sf-menu li:hover{visibility:inherit} .sf-menu li{float:left;width:auto+10px;position:relative;background:#fff;margin-right:.3em} .sf-menu a{display:block;position:relative;text-decoration:none;padding:.4em} .sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:1.9em;z-index:99} .sf-menu a,.sf-menu a:visited{color:#594848} .sf-menu li li{background:#E7E3E3} .sf-menu li li a{border-right:1px solid #B4ADAD;border-top:1px solid #fff;border-bottom:1px solid #B4ADAD} .sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:#E0DBDB;outline:0} .sf-sub-indicator{position:absolute;display:block;right:.3em;top:.9em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(../grafiken/arrows-ffffff.png) no-repeat -10px -100px} a > .sf-sub-indicator{top:.8em;background-position:0 -100px} a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px} .sf-menu ul a > .sf-sub-indicator{background-position:0 0} #print-logo,.hidden{display:none} #content a:active,#content a:visited,#content_cc_left a,#content .recipebox_content p a:hover,.black{color:#000} #content a:hover,.gray{color:#858585} .recipebox_content img,*+html .button{padding:0} #col_right h4,#content_cc_right h4{font-size:16px;text-transform:uppercase;margin:0 0 10px} #col_right a:link,#col_right a:active,#col_right a:visited,#content .caption a:hover{color:#666;text-decoration:none} #col_right a:hover,#content_cc_right p a:link,#content_cc_right p a:active,#content_cc_right p a:visited,#content_cc_right a:link,#content_cc_right a:active,#content_cc_right a:visited,#content .caption a:link,#content .caption a:active,#content .caption a:visited{color:#858585;text-decoration:none} #content_cc_right p a:hover,#content_cc_right .lh a:hover,#content_right .graybox_small a:hover{color:#000;text-decoration:none} .icon_left.sp,.image_left.sp{padding:0!important} .graybox_big_content li,.graybox_small_content li{margin-left:30px;list-style-type:disc;padding:10px 0 2px} .gray.big,.black.big{font-size:16px} ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0} .sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0} .jcarousel-next,.jcarousel-prev{z-index:3;display:none} #einzeltitel {position:relative;z-index:998;width:395px;margin-bottom:20px;} #einzeltitel img {float:left;} #minibuehne {float:left;position:relative;z-index:999;width:395px;background:#594848;color:#fff;margin-bottom:20px;} #minibuehne img {float:left;margin-right:15px;} #minibuehne p {padding:10px;font-size:14px;} #minibuehne p a {margin-top:-30px;text-decoration:underline !important;} #minibuehne p a:link, #minibuehne p a:visited {color:#fff !important;} #minibuehne p a:hover, #minibuehne p a:active {color:#BB8F8F !important;} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (max-width: 1023px) { #master {width:98%;margin:0 0px 0 10px} #subnav_space{height:40px;margin:0} #footer, #mainnav, #navigation, #subnav, #head {margin:0} #subnav_space, #footer, #navigation, #head, #mainnav, #sitemap, #content_right, .graybox_small, #content {width:100%} .buecherliste, #buecher {width:99%;} .imagebox, .amazonbuecherkasten {width:auto !important;} #footer, #navigation {text-align:left} #navigation ul {padding-left:0} #head {background-position:left} #downloads, .feedjit, .caption, .recipebox, .newsletter, .amazonkasten, .graybox_small_head, .graybox_small_foot {display:none} #content, #content_right {float:none} #footer, #content_right {padding-top:50px} #footer {margin-bottom:30px} #content p, #content li {font-size:17px;margin-right:0px} #content .gray {font-size:12px} label {width:220px !important} #search {padding: 10px 0px 0px 8px; margin-bottom: 10px; background-color:#EEE} #col_left, #col_right {width: 47%} .graybox_small {text-align:center !important;padding: 5px;background:#575A5E; border: 3px solid #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .graybox_small_content {background:0} .graybox_small img {margin: 0 15%} .graybox_small p {width:150px;float:left} .werbung, .editor, .rezensenten, .ueberuns {width: 160px;margin-right:10px; float:left} .rezensenten {clear:left} h6 {margin-top:0;font-size:16px} .whitebox_content p {font-size:14px !important} .details p img {float:right;margin-top:-25px} #content_cc_right {float:left;margin-right:10px} #content_cc_left {width:342px;margin-right:10px} .col_left_box {width:334px} #content_right {clear:left} #minibuehne p {font-size:14px;} } /* Smartphone ... */ @media only screen and (max-device-width: 480px) { #minibuehne p {font-size: 0.6em;} }