.clearfix:after, .main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .main { display: inline-block; } * html .clearfix, * html .main { height: 1%; } .clearfix, .main { display: block; } .clear { clear: both; } .skip { position: absolute; left: -1000em; width: 20em; } .hide { display: none; } .floatL { float: left; } .floatR { float: right; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center !important; } .middle { vertical-align: middle; } .top { vertical-align: top; } .bottom { vertical-align: bottom; } .nowrap { white-space: nowrap; } .bold { font-weight: bold; } .italic { font-style: italic; } .noBorder { border: none !important; } .noMargin { margin: 0 !important; } .noPadding { padding: 0 !important; } .grey { color: #666 !important; } .tinyGrey, .tinyGrey a { color: #666 !important; font-size: 0.93em; } img { border: 0; } :focus { outline: 0; } h2 { font-weight: bold; font-size: 1.1em; } h3 { font-weight: bold; font-size: 1.0em; color: #000; padding: 0; margin: 0; } blockquote { border-left: 4px solid #999; margin: 15px 30px 10px 5px; padding-left: 10px; color: #999; } .bbcQuote { border-left: 4px solid #999; margin: 15px 30px 10px 5px; padding-left: 10px; color: #999; } textarea { font-size: 1.0em; font-family: Verdana; } body { font-size: 75%; font-family: Verdana; padding: 0; margin: 0; background: url(/inc/images/bgBody.jpg) top left repeat-x #fceed1; } #mainCnt { background: url(/inc/images/bgMainCnt.jpg) top left no-repeat; height: 800px; } #wrapCnt { width: 990px; } #header { margin-left: 280px; width: 720px; height: 170px; overflow: hidden; } #header a:hover { text-decoration: underline; } #topNavigation { list-style: none; margin: 10px 0 0 0; padding: 0; font-size: 0.93em; } #topNavigation li { display: inline; margin-right: 20px; } #topNavigation li.active a { color: #000; } #navigation { width: 262px; overflow: hidden; float: left; } #navigation, #navigation a, #header, #header a { color: #fff; text-decoration: none; } #navigation ul { margin: 67px 0 0 34px; list-style: none; padding: 0; } #navigation ul a { float: left; width: 187px; height: 22px; background: url(/inc/images/bgNav.png) top right no-repeat; margin: 0 0 1px 0; font-weight: bold; padding: 5px 0 0 15px; } #navigation ul a.kaesetheke { background: url(/inc/images/bgNav2.png) top right no-repeat; } #navigation ul a:hover, #navigation li.active a { padding: 5px 0 0 7px; border: none; border-left: 8px solid; } #navigation ul a.kaesefinder:hover, #navigation li.active a.kaesefinder { border-color: #ed6114; } #navigation ul a.neuheiten:hover, #navigation li.active a.neuheiten { border-color: #799717; } #navigation ul a.forum:hover, #navigation li.active a.forum { border-color: #660066; } #navigation ul a.rezepte:hover, #navigation li.active a.rezepte { border-color: #97171b; } #navigation ul a.gewinnspiel:hover, #navigation li.active a.gewinnspiel { border-color: #003300; } #navigation ul a.kaesetheke:hover, #navigation li.active a.kaesetheke { border-color: #1a8bc0; } #navigation h2 { margin: 40px 0 5px 45px; padding: 0; color: #660066 !important } #navigation ul.shortNews { margin-top: 0; } #navigation ul.shortNews a { font-weight: normal; font-size: 11px; } ul.sub1, ul.sub2 { margin: 0 0 5px 0 !important; padding: 0 !important; } ul.sub1 li { margin: 5px 0 0 30px; } ul.sub2 li { margin-left: 20px; } ul.sub1 a { border: none !important; background: none !important; height: auto !important; width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; } ul.sub2 a { font-weight: normal !important; } ul.sub1 a:hover, ul.sub2 a:hover { color: #000 !important; } #mainSearch { font-size: 0.93em; } #mainSearch fieldset { border: none; padding: 0; margin: 95px 0 0 0; } #mainSearch label { display: block; font-weight: bold; margin-bottom: 3px; } #mainSearch input.text { border: none; background-color: #f8e8ce; width: 160px; padding: 3px; text-align: center; float: left; } #mainSearch input.submit{ border: none; background: none; background: url(/inc/images/iconArrowDotted.gif) top left no-repeat; width: 7px; height: 13px; cursor: pointer; margin: 4px 0 0 5px; float: left; } #content { width: 620px; overflow: hidden; float: left; background: url(/inc/images/bgContent.png) top left repeat-y; padding: 25px 40px; font-size: 0.95em; } #content a { color: #000; text-decoration: underline; } #content a:hover { text-decoration: none; } #animation { position: absolute; top: 0; left: 0; } .noJs { padding: 10px; width: 230px; font-weight: bold; color: #6e0000; } h1 { font-size: 2.5em; font-family: Georgia, Times New Roman, Times; font-weight: normal; font-style: italic; margin: 0 0 30px 0; padding: 0; } #scroller { position: relative; overflow: hidden; width: 700px; height: 50px; vertical-align: center; background-color: #fff; margin-left: -40px; margin-bottom: 25px; } #scroller a { display: inline; display: inline-block; vertical-align: middle; } #scroller a img { padding: 5px; } #scroller div.pointer div { padding: 0 !important; } a.arrow { font-weight: bold; padding-right: 20px; background: url(/inc/images/iconArrowDotted2.gif) top right no-repeat; } a.arrow2 { padding-left: 15px; background: url(/inc/images/iconArrowDotted2.gif) top left no-repeat; margin-right: 15px; } img.border { border: 1px solid #999; } .startBox { margin: 0 22px 22px 0; float: left; } .startBox h2 { padding: 6px 3px; font-weight: bold; font-size: 1.1em; color: #fff; } .startBox .top { width: 105px; height: 196px; padding: 8px 8px 8px 162px; background-color: #f9c40b !important; overflow: hidden; font-size: 0.93em; line-height: 1.4em; } .startBox .bottom { width: 259px; height: 22px; line-height: 20px; margin-top: 1px; padding: 0 8px; background-color: #fbdd76; } .startBox .bottom a { text-decoration: none !important; } .startBox .bottom a:hover { text-decoration: underline !important; } .startBox .box1 { background: url(/inc/images/bgStartBox1.jpg) top left no-repeat; } .startBox .box1 h2 { background-color: #ed6114; } .startBox .box2 { background: url(/inc/images/bgStartBox2.jpg) 8px 8px no-repeat; } .startBox .box2 h2 { background-color: #799717; } .startBox .box3 { background: url(/inc/images/bgStartBox3.jpg) 8px 8px no-repeat; } .startBox .box3 h2 { background-color: #97171b; } .startBox .box4 { background: url(/inc/images/bgStartBox4.jpg) top left no-repeat; } .startBox .box4 h2 { background-color: #660066; } .startBox .box5 { background: url(/inc/images/bgStartBox5.jpg) 8px 8px no-repeat; } .startBox .box5 h2 { background-color: #1a8bc0; } .startBox .box6 { background: url(/inc/images/bgStartBox6.jpg) 8px 8px no-repeat; } .startBox .box6 h2 { background-color: #1a8bc0; } .startBox .box7 { width: 254px; padding: 8px; } .startBox .box7 h2 { background-color: #1a8bc0; } .startBox h2 a { color: #fff !important; text-decoration: none !important; } fieldset.keyword, fieldset.groups, fieldset.country, fieldset.type { border: 1px solid #999; width: 267px; padding: 4px; margin-bottom: 14px; } fieldset.keyword { background: #fff; } fieldset.keyword .text { border: none; background-color: #fae8b2; float: left; padding: 6px; font-weight: bold; text-align: center; width: 255px; } fieldset.keyword .submit { border: none; background: none; background: url(/inc/images/iconArrowDotted2.gif) top left no-repeat; width: 7px; height: 13px; cursor: pointer; margin: 6px 0 0 8px; float: left; } fieldset.groups { height: 406px; background: url(/inc/images/bgFinderGroups.jpg) 0px 39px #f9c40b no-repeat; margin-right: 14px; } fieldset.groups .select { width: 175px; margin-top: 4px; } fieldset.country { background: url(/inc/images/bgFinderCountry.jpg) #d8dfe9 top left no-repeat; padding: 4px 0 8px 8px; } fieldset.country p { color: #fff; font-weight: bold; } /* fieldset.country input { float: left; margin-right: 8px; background-color: #fae8b2; } fieldset.country label { background-color: #fae8b2; padding: 5px; float: left; width: 115px; } */ fieldset.type { height: 158px; background: url(/inc/images/bgFinderType.jpg) top right #f9c40b no-repeat; padding-bottom: 0; } fieldset.type p { width: 115px; color: #fff; font-weight: bold; margin: 0 0 4px 0; } .codeError { border: 1px solid red; } .newsBox { width: 605px; padding-bottom: 25px; border-bottom: 1px solid #999; margin-bottom: 25px; } .newsBox .news { float: left; width: 480px; margin-left: 12px; } .newsBox h2 { font-weight: bold; font-size: 1.1em; margin: 0; padding: 0; } table.details1 { width: 373px; border-collapse: collapse; float: left; } table.details1 th, table.details1 td { padding: 6px; border-bottom: 1px solid #999; text-align: left; vertical-align: top; } table.details1 th { white-space: nowrap; } div.details2 { float: right; width: 325px; } div.details2 ul { margin: 0; padding: 0 0 0 14px; } .detailView1 { width: 180px; height: 225px; border: 1px solid #999; float: right; } .detailView1 a { width: 165px; height: 20px; float: left; background: url(/inc/images/bgDetailThumb.png) top left no-repeat; padding: 205px 0 0 15px; } .detailView2 img { float: left; border: 1px solid #999; } .detailView3 { border: 1px solid #999; float: right; margin-top: 20px; } h2.details1 { font-size: 1.0em; margin: 75px 0 20px 0; } #rezepte { border: 1px solid #999; border-left: none; border-right: none; padding: 20px 0; margin-bottom: 30px; } #rezepte .buttonL, #rezepte .buttonR { float: left; width: 70px; height: 65px; text-indent: -300em; } #rezepte .buttonL { background: url(/inc/images/arrowButtonL.png) 15px 15px no-repeat; } #rezepte .buttonR { background: url(/inc/images/arrowButtonR.png) 15px 15px no-repeat; } #rezepte .itemBox { width: 130px; overflow: hidden; font-size: 0.93em; float: left; margin: 0 15px; } .randomBox { width: 112px; height: 188px; padding: 25px 4px 0 161px; margin: 0 14px 5px 0;} .randomBox h2 { font-weight: bold; font-size: 1.0em; color: #fff !important; margin-top: 0; } .typeBox { border: 1px solid #999; background-color: #fff; width: 257px; margin: 10px 14px 0 0; padding: 0 10px 10px 10px; } .typeBox .itemBox { margin-top: 10px; } .typeBox .itemBox img { margin-bottom: 3px; width: 120px; height: 80px; background-color: #efefef; } .typeBox .itemBox a.arrow { margin-left: 3px; } .recipeBox { width: 271px; border: 1px solid #999; padding: 14px 2px 2px 2px; background-color: #fff; margin: 0 0 10px 2px; } .recipeBox p { padding: 0; margin: 10px 5px 15px 5px; } .recipeBox p label { font-weight: bold; } .picBox { background: url(/inc/images/bgRecipes.jpg) bottom left no-repeat; width: 277px; height: 309px; } .keywordBox { border: 1px solid #999; padding: 10px; background-color: #fff; } .keywordBox p { padding: 0; margin: 10px 5px 15px 5px; } .keywordBox p label { font-weight: bold; } .keywordBox fieldset.keyword { width: 252px; } .keywordBox fieldset.keyword .text { width: 220px; } fieldset.category { border: 0; background-color: #f9c40b; margin: 5px 0 0 0; padding: 10px 0; text-align: center; } fieldset.category label { font-weight: bold; } fieldset.category select { width: 230px; } #rWarm, #rKalt { margin: 40px 5px 0 0; } #rWarm { margin-left: 20px; } #rKalt { margin-left: 15px; } #rWarm, #rKalt, #lWarm, #lKalt { float: left; } #lWarm { background: url(/inc/images/bgWarm.jpg) left 20px no-repeat; width: 88px; height: 54px; font-size: 0.9em; padding-bottom: 20px; } #lKalt { background: url(/inc/images/bgCold.jpg) left 20px no-repeat; width: 88px; height: 54px; font-size: 0.9em; padding-bottom: 20px; } div.errorBox { margin-bottom: 15px; background-color: #f2dcdb; border: 1px solid #953735; border-left-width: 4px; color: #632523; cursor: pointer; } div.error Box a { color: #632523; font-size: 0.85em; } div.successBox { margin-bottom: 15px; background-color: #ebf1de; border: 1px solid #77933c; border-left-width: 4px; color: #4f6228; cursor: pointer; } div.noticeBox { margin-bottom: 15px; background-color: #ededed; border:1px solid #595959; border-left-width: 4px; color:#595959; } .error { color: #953735 !important; } input.error { border: 1px solid #953735; border-left-width: 3px; } h1.forum { background: url(/inc/images/bgForum.jpg) bottom left no-repeat; padding-bottom: 185px; } h1.forumClub { background: url(/inc/images/bgForumClub.jpg) bottom left no-repeat; padding-bottom: 185px; } .copyright { position: absolute; margin: 220px 0 0 520px; color: #666; } table.forumFull, table.forumMiddle { border-collapse: separate; border-spacing: 1px; margin: 15px 0; width: 100%; } table.forumMiddle { width: 704px; margin-left: -42px; } table.forumFull td { background-color: #f9c40b; padding: 8px 10px; } table.forumMiddle td { background-color: #fae8b2; padding: 6px 10px; } table.forumMiddle th { padding: 6px 10px; } table.forumMiddle th { font-weight: bold; text-align: left; } table.training { font-size: 9px; margin-top: 0 0 20px 0; } table.training td { text-align: left; vertical-align: top; } a.button { border: 1px solid #999; padding: 8px 35px 8px 10px; background: url(/inc/images/iconArrowDotted2p.gif) right 9px no-repeat; text-decoration: none !important; } a.button:hover { text-decoration: underline !important; } a.buttonSearch { width: 177px; height: 27px; padding: 10px 100px 0 0; margin: 0 0 20px 2px; background: url(/inc/images/bgSearchButton.gif) top left no-repeat; font-weight: bold; float: left; text-align: right; } .directSelect a { float: left; width: 143px; height: 23px; font-weight: bold; text-align: right; padding: 120px 35px 0 0; margin-right: 19px; } .directSelect a.leicht { background: url(/inc/images/bgLeichtkaese.jpg) top left no-repeat; } .directSelect a.dlg { background: url(/inc/images/bgDlg.jpg) top left no-repeat; } .directSelect a.bio { background: url(/inc/images/bgBio.jpg) top left no-repeat; } .fPost { margin: 10px 0 0 0; border: 1px solid #999; background-color: #fae8b2; } .fPost .linkBox { padding: 4px 8px; background-color: #f9c40b; } .fPost .avatar { padding: 8px; width: 110px; float: left; } .fPost .fPostCnt { padding: 8px 8px 15px 8px; width: 450px; float: right; } .fPost p { margin: 0; padding: 0; } .kForm { background-color: #fae8b2; border: 1px solid #999; padding: 5px 10px; } .kForm input[type="text"], .kForm input[type="password"] { border: none; padding: 3px 0; } .kForm fieldset { border: none; padding: 0; margin: 0; } .kForm textarea { border: none; width: 100%; } .bbBar { background-color: #f9c40b; } .bbBar a { border-right: 1px solid #fff; padding: 4px 4px 3px 0; } .bbBar a, .bbSmilies span { cursor:pointer; } .bbSmilies { visibility:hidden; position:absolute; z-index:5000; background-color:#FFFFFF; padding:10px; border:3px solid #CCCCCC; width:740px; left:50%; margin-left:-380px; white-space:normal; } li.closed { list-style: none; background: url(/inc/images/iconClosed.png) top left no-repeat; padding: 3px 0 3px 25px; margin: 2px 0 2px 10px; color: #333; } .pageflipCnt { text-align: center; vertical-align: middle; font-size:1.2em; margin-bottom: 20px; } .pageflipCnt img { margin: 0 10px -18px 10px; } #kaeseClub input { margin-top: 5px; width: 300px; } /* ------------------------------ Imageflow ------------------------------ */ .imageflow { visibility:hidden; position:relative; text-align:left; width:100%; overflow:hidden; margin-bottom: 40px; } .imageflow img { visibility:hidden; position:absolute; top:0px; border:none; cursor: pointer !important; -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */ } .imageflow p{ text-align:center; margin:0 auto; } .imageflow .loading { position:relative; left:50%; margin-left:-106px; width:200px; height:15px; padding:5px; visibility:visible; border:1px solid white; } .imageflow .loading_bar { height:15px; width:1%; background:#fff; visibility:visible; } .imageflow .caption { position:relative; text-align:center; z-index:10000; } .imageflow .scrollbar { visibility:hidden; position:relative; border-bottom:1px solid #b3b3b3; z-index:10001; } .imageflow .slider { position:absolute; margin-top:-7px; margin-left:-7px; z-index:10002; background-image:url(/inc/js/imageflow/slider.png); background-repeat:no-repeat; width:30px; height:15px; } /* ------------------------------ Flash Message ------------------------------ */ .jqiwarning .jqi { background-color: #b0be96; } .jqifade { position: absolute; background-color: #000000; } div.jqi { position: absolute; background-color: #f4e1a6; padding: 5px; width: 350px; text-align: left; } div.jqi .jqiclose { /*float: right; margin: -35px -10px 0 0; cursor: pointer; color: #c0cEa6;*/ display: none; } div.jqi .jqicontainer { background-color: #e6d5a3; padding: 5px; color: #000; font-weight: bold; font-size: 0.93em; } div.jqi .jqimessage { background-color: #f4e1a6; padding: 10px; } div.jqi .jqibuttons { text-align: center; padding: 5px 0 0 0; } div.jqi button { /*padding: 3px 10px 3px 10px;*/ margin: 0 10px; }