﻿/*Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txtversion: 2.4.1*/
html{color:#000;background:#fff;margin:0;padding: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{font-family:arial,verdana,sans-serif;margin:0;padding:0;color:#333}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}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;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*because legend doesn't inherit in IE */legend{color:#000;}
/*clearfix */.cf:after,header:after,.catTopic:after,.relatedRecipes li a:after,.latestRecipes li:after,.newRecipe li:after{content:".";display:block;clear:both;height:0;visibility:hidden;}.cf,header,.catTopic,.relatedRecipes li a,.latestRecipes li,.newRecipe li{display:inline-block;}/* Hide from IE Mac \*/.cf,header,.catTopic,.relatedRecipes li a,.latestRecipes li,.newRecipe li{display:block;}/* End hide from IE Mac */
html{margin:0;padding:0;}
a,a:visited{color:#dd4b39;}
a:hover{color:#4c4c4c;}
header,footer,aside,nav,article,section{display:block;}
h1,h2,#respond h3 ,.commentHeading{font-family: 'Quattrocento Sans', arial, serif; }

body{background:#fff !important}
#wrap{width:960px;margin:0 auto;background:#fff !important}

/** Border, Shadow **/
.searchForm input,.catTopic,.catTopic li a,.main,.latestRecipes img,.recipeMain,.recipeMain p.postmetadata,.commentlist li,#commentform textarea,#commentform input,.relatedRecipes img,.sidebarHeading,.newRecipe li img,.imageBox img,#badgeContainer,.pagination a,.disabled,.current,.pgEmpty{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.mainTopic,.mainTopicImg,.mainTopic img,.mainTopicImg img,.hpImg img,.hpImg li{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#navBar,.mainTopic div,.mainTopicImg div{-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;}


#navBar{background:#575757;margin:25px 0 5px;border:none;clear:both;}
#navBar li{display:inline-block;float:left;}
#navBar a{display:block;float:left;color:#fff;padding:5px 5px 7px;text-decoration:none;font-size:13px;border-top:2px solid transparent;}
#navBar a:hover{background:#4c4c4c;}
#navBar a.active{font-weight:bold;border-top:2px solid #dd4b39;}

#mainNav{margin-left:10px}
#socialNav{float:right;margin-right:10px}
header{margin-bottom:25px;}

.homeLink{float:left;margin:20px 0 20px 0;}
.searchForm{float:right;margin:40px 0 0 0px;}
.searchForm input{border:1px solid #ccc !important;padding:6px 0 6px 8px !important;width:368px !important;font-size:14px !important;color:#333 !important;}
.searchForm input:focus{box-shadow:0px 0px 2px #575757 !important;}
.searchForm input#searchBtn{border:1px solid transparent !important;padding:5px 16px 5px 16px !important;width:180px !important;background:#dd4b39 !important;color:#fff !important;margin:0 0 0 15px !important;box-shadow:0px 0px 1px #111 !important;}


.mainTopic{position:relative;width:960px;border:none;box-shadow:0px 0px 3px #111;margin-bottom:40px;}
.mainTopic img,.mainTopicImg img{display:block;}
.mainTopic div,.mainTopicImg div{position:absolute;bottom:0;background:rgba(255, 255, 255, 0.55);padding:10px;width:940px;}
.mainTopic h1,.mainTopicImg h1{font-size:38px;}
.mainTopic h1 a,.mainTopicImg h1 a{text-decoration:none;color:#dd4b39;}
.mainTopic h1 a:hover,.mainTopicImg h1 a:hover{text-decoration:underline}
.mainTopic p,.mainTopicImg p{font-size:14px;}

.catTopic{clear:both;margin:0 0 30px 0;padding:10px;box-shadow:0px 0px 10px #ccc;}
.catTopic:hover{box-shadow:0px 0px 3px #111;}
.catTopic img{float:left;margin:0 20px 0 0;}
.catTopic p{font-size:14px;}
.catTopic h2 a{font-size:32px;text-decoration:none;color:#dd4b39;}
.catTopic h2 a:hover{text-decoration:underline;}
.catTopic li{display:inline-block;float:left;}
.catTopic li a{text-decoration:none;display:block;float:left;background:#dd4b39;color:#fff;margin:10px 10px 0 0;border:none;padding:2px 5px;}
.catTopic li a:hover{background:#4c4c4c;}




.smallAd{width:180px;float:left;height:240px;padding:0 0 0 0 !important;margin-bottom:18px;}
.bigAd{position:absolute;top:160px;margin-bottom:18px;width:760px;height:90px;float:left;color:#fff;font-size:13px;background:#4c4c4c url(img/hierwerben.png) no-repeat 735px 5px;border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;}
.bottomAd{margin:0 0 30px;padding:3px 116px 0;box-shadow:0px 0px 4px #111 !important;}

.categories{float:right;width:200px;margin:-10px 0 0 -2px;}
.categories ul{clear:both;display:block;}
.categories li{list-style:none;display:block;}
.categories a{display:block;font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#666666;text-decoration:none;padding:0 0 15px 20px;}
.categories a:hover{color:#dd4b39;}
.categories .current-cat a{padding:15px 15px 15px 20px;color:#dd4b39;font-weight:bold;background:#fff;margin-bottom:15px;border-top:1px solid #d8ded2;border-bottom:1px solid #d8ded2;border-right:1px solid #d8ded2;border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;}

.categories .tagcloud{margin-top:20px;padding:0 20px 20px;}
.categories .tagcloud a{display:inline;padding:3px;}

.main{margin-top:100px;margin-bottom:30px;float:left;width:699px;padding:33px 30px;background:#fff;border:1px solid #d8ded2;}
.main p,.main li{font-size:13px;line-height:125%;}
.main p{padding:0 0 13px;}
.main p.teaser{font-size:14px;padding:0 0 13px;line-height:1.3em;color:#333;}
.recipeMain h1,.main h1{font-size:32px !important;font-weight:200 !important;margin-bottom:18px;color:#dd4b39;}
.main h2.head{clear:both;font-size:24px;font-weight:200 !important;margin-bottom:8px;color:#dd4b39;}


.topRecipes{margin:20px 0 30px 0px;width:720px}
.topRecipes li{lst-style-type:none;display:block;float:left;margin:0 20px 20px 0;position:relative;width:220px;height:220px;}
.topRecipes li img{position:absolute;top:0;z-index:0;width:220px !important;height:220px !important;}
.topRecipes li h2{font-size:14px !important;font-family:Helvetica,Arial,sans-serif;width:100%;position:absolute;bottom:0px;z-index:1;}
.topRecipes li h2 a{display:block;background:#f2f2f2;padding:15px;color:#dd4b39;opacity:.8;}
.topRecipes li h2 a:hover{text-decoration:none;}
.topRecipes li img{width:200px;}

.newRecipe{float:left;width:540px;}
.newRecipe li img{float:left;width:60px;margin:5px 10px 0 0;display:block;}
.newRecipe li:hover img{box-shadow:0 0 3px #d8ded2;}
.newRecipe li{margin:0 0 5px;}
.newRecipe li a{color:#fff;font-size:14px;}
.newRecipe li a:hover{color:#dd4b39;}
.newRecipe li a strong{font-weight:normal}
.newRecipe li p{font-size:12px;color:#d8ded2}


.commentlist{margin-left:0px;}
.commentlist li{position:relative;list-style:none;box-shadow:0 0 2px #ccc;padding:10px 10px 0 10px;margin:0 0 15px;}
.commentlist li.odd{background:#fafafa;}
.comment-author,.comment-meta{font-size:15px;}
.comment-author cite{font-weight:bold;color:#dd4b39;}
.comment-meta a{color:#aaa;font-size:12px;text-decoration:none;}
.comment-meta{margin-bottom:3px}
.commentlist li p{width:100%}

#respond h3{font-size:22px;margin:40px 0 20px 0;color:#dd4b39;}
.commentHeading{margin:10px 0 20px;color:#dd4b39;font-size:22px}
#commentform{}
#commentform p{margin:0 0 10px;width:100%;padding:0}
#commentform textarea,#commentform input{box-shadow:0 0 2px #d8ded2;font-size:14px;border:1px solid #d8ded2;padding:5px 5px;width:220px;margin:0 10px 0 0}
#commentform textarea{width:570px;}
#commentform label small{font-size:14px;}

.recipeUtil{width:300px;float:right;}
.recipeUtil li{list-style:none;}
.sidebarAd{margin-bottom:20px;}


.sidebarHeading{font-size:22px;margin:0 0 20px 0;color:#fff;border:none;text-align:center;padding:5px 0;background:#4c4c4c;}


.furtherTopics{clear:both;padding:10px;background:#575757;border-radius-topright:2px;border-radius-topleft:2px;-moz-border-radius-topright:2px;-moz-border-radius-topleft:2px;-webkit-border-radius-topleft:2px;-webkit-border-radius-topright:2px;}
.furtherTopics h2{color:#fff;font-size:22px;color:#fff}
.furtherTopics .shortDesc{margin:0 0 20px;font-size:13px;color:#d8ded2;}

.rightBox{float:right;width:380px;}
.rightBox li{font-size:13px;}
.rightBox ul{margin:0 0 20px 12px;}
.rightBox a:hover{color:#fff}
.imageBox ul{margin:0}
.imageBox li{display:inline-block;float:left;}
.imageBox a{display:block;float:left;margin:0 10px 10px 0;}
.imageBox img{display:block;width:60px;height:60px;}
.imageBox a:hover img{box-shadow:0 0 3px #d8ded2;}

footer{clear:both;background:#4c4c4c;color:#ababab;padding:10px;font-size:12px;margin:0;}
footer a{text-decoration:none;}
footer a:hover{color:#fff}
.cc{display:block;float:right}



.comments{display:block;float:left;width:120px;}
.moreBtn{display:block;float:right;width:20px;font-size:12px !important;text-decoration:underline;}
.moreBtn:hover{cursor:pointer;}
.moreBtnActive{color:#dd4b39 !important;}

.imgPost{position:relative;}

#badgeContainer{position:absolute;left:-72px;top:88px;width:60px;padding:5px 5px 0;border:1px solid #d8ded2;border-right:1px solid #fff;}
#badgeContainer div{margin:0 0 8px;}
#badgeContainer div.plusOne{margin:0 0 3px;}



.pagination{margin-top:20px;font-size:13px}
.pagination a,.disabled,.current,.pgEmpty{display:block;float:left;padding:5px 10px;margin:0 5px 0 0;font-size:13px}
.pagination a{text-decoration:none;background:#4c4c4c;color:#fff}
.pagination a:hover,.current{background:#dd4b39;color:#fff}



.breadcrumbs{clear:both;width:100%;font-size:12px;padding:0 0 3px;color:#ababab}









.hpImg{margin:30px 0 30px 10px;width:970px;}
.hpImg li{display:inline-block;position:relative;float:left;margin:0 20px 20px 0;box-shadow:0px 0px 10px #ccc;}
.hpImg img{display:block;}
.hpImg h2{position:absolute;bottom:0;padding:10px;width:200px;font-size:22px;background:rgba(255, 255, 255, 0.55)}

.hpImgSmall img{width:140px}
.hpImgSmall h2{font-size:14px;width:120px}

.plusTxt{display:block;width:20px;height:20px;position:absolute;right:20px;bottom:20px;background:#4c4c4c;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:5px;color:#fff;}
.plusTxt:before{content:'+';padding:0 5px}
.plusTxt:hover,.plusTxtActive{cursor:pointer;background:#dd4b39;}
.plusTxtActive:before{content:'-';padding:0 5px}
.moreText{display:none;padding:10px 10px 0;margin:0px 10px;box-shadow:0px 0px 10px #ccc;}
.moreText p{font-size:13px;color:#4c4c4c;padding:0 0 10px;}
.moreText li{font-size:13px;color:#4c4c4c;}
.moreText ul{margin:0 0 10px 14px;}
.mainTopicImg{position:relative;width:960px;border:none;box-shadow:0px 0px 3px #111;margin-bottom:0px !important;}





