/* @import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin-ext');*/ /* latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url(https://fonts.gstatic.com/s/opensanscondensed/v13/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Rb2V.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(https://fonts.gstatic.com/s/opensanscondensed/v13/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMRw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v13/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body { padding: 12px 0 12px 12px!important; margin: 0; font-family: 'Arial', sans-serif; font-size: 14px; line-height: 1.5; background: none; background: -webkit-linear-gradient(#595959 , #ffffff); background: -moz-linear-gradient(#595959 , #ffffff); background: linear-gradient(#595959 , #ffffff); min-height: 800px; } img { border: none; } .imgWrap img { width: 100%; } button { background-color: transparent; border: none; outline: none; } button { color: #924887; font-size: 11px; font-weight: bold; padding: 0; cursor: pointer; } input[type=number], input[type=text], input[type=password], input[type=email], input[type=file], select, textarea { background: #fcfcfc; color: #666666; border: 1px solid #e2e2e2; padding: 2px; line-height: 16px; font-size: 12px; outline: none; } input[type=text], input[type=number], input[type=password], input[type=file] { height: 16px; } input[readonly=readonly] { background: #cccccc; color: #333333; } h1 { color: #944a87; font-size: 26px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; } a { color: #999999; text-decoration: underline; font-weight: normal; } a:hover { text-decoration: underline; } ul.menu { padding: 0; margin: 0; list-style-type: none; } div.clr { clear: both; } hr.no-readmore { display: none; } .invalid { color: #924887!important; } input.invalid, textarea.invalid { border-color: #924887; } .bold { font-weight: bold; } .ueberschrift { font-size: 18px; line-height: 1.5; margin: 0; color: #974982; } /* tool tips */ .tip-wrap { background: #ffffff; color: #666666;/* border: 1px solid #666666;*/ border-radius: 0 4px 4px 4px; padding: 4px; box-shadow: 3px 3px 3px 3px #333333; z-index: 3; } .tip-top {} .tip-bottom {} .tip {} .tip .tip-title { font-weight: bold; } .tip .tip-text {} .bjtPageTitle, .bjtCategoryTitle { margin: 0; font-family: 'Open Sans Condensed', sans-serif; font-size: 36px; font-weight: normal; color: #828282; text-align: center; } .bjtPageTitle { font-size: 48px; } table.bjtLayout { width: 100%; border-collapse: collapse; } table.bjtLayout td { vertical-align: top; padding: 0; } table.bjt3ColumnLayout td { width: 33.3%; } #bjtAjaxLoading { display: none; position: fixed; width: 35px; height: 35px; background: #ffffff url('../images/ajaxLoader.gif') 50% 50% no-repeat; z-index: 4; border: 2px solid #924887; border-radius: 10px; padding: 4px; } #bjtOverlay { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: transparent url('../images/transparentBg.png'); z-index: 1; } #bjtOverlayContent { margin: 60px auto; width: 1000px; position: relative; } #bjtOverlayContent button.bjtCloseOverlay { padding: 0; width: 29px; height: 29px; line-height: 14px; text-align: center; position: absolute; left: 616px; top: -32px; border-radius: 29px; box-shadow: 3px 3px 3px black; border: 0; background: #ffffff; color: #000000; } #bjtOverlayContent > div.bjtContent { width: 598px; padding: 10px; background: white; border: 1px solid #dedede; border-radius: 3px; box-shadow: 3px 3px 3px #333333; } #bjtOverlayContent #system-message-container .close { display: none; } #bjtMainBody { max-width: 1908px; width: 992px; min-width: 992px; padding:0 300px 0 0; margin: auto; position: relative; } #bjtMainSite { background: #ebebeb; border-radius: 10px; } #bjtMainHeader { position: relative; z-index: 1; } #bjtMainLogo { float: left; } #bjtMainLogo a.bjtLogo { display: block; padding: 33px 0 30px 30px; } #bjtMainLogo a.bjtLogo > img { max-width: 274px; } #bjtMainLogo a.bjtLogo.bjDoodle { margin-top: 7px; margin-left: 26px; padding: 0; } #bjtMainLogo a.bjtLogo.bjDoodle > img { width: 330px; max-width: none; } #bjtMainLogin { float: right; padding: 9px 16px; font-size: 12px; } #bjtMainLogin a.fb { position: absolute; right: 0; top: 0; z-index: 1; cursor: pointer; } #bjtMainLogin .bjtHeadline { padding-right: 160px; } #bjtMainMenu { clear: both; float: left; padding: 0 0 13px 23px; color: #828282; } /*#bjtMainMenu .menu .item-201 ul { display: none; }*/ #bjtMainSubmenu {} #bjtMainSearch { float: right; padding: 1px 16px 0 0; } #bjtMainHomeModules { clear: both; padding: 0; max-height: 261px; overflow: hidden; margin-bottom: 9px;} #bjtMainTopModules { clear: both; padding: 0 15px; max-height: 261px; overflow: hidden; } #bjtMainBreadcrumbs { color: #924887; font-weight: bold; text-decoration: none; padding: 0 15px; } #bjtMainBreadcrumbs span:last-of-type { text-decoration: none; font-weight: bold; } #bjtMainContent { padding: 0 15px 15px 15px; clear: both; background: #ebebeb; } #bjtMainFooter { border-top: 7px solid #d9d9d9; background: #b2b2b2 url('../images/footerBg.png') left bottom no-repeat; color: #ffffff; border-radius: 0 0 10px 10px; padding: /*22px 36px 25px 36px;*/ 22px 20px 25px 36px; } #bjtMainFooterContent { padding: 6px 0 0 46px; margin-left: 294px; min-height: 130px; border-left: 1px solid #ffffff; line-height: 1.2; } #bjtMainOverlay { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000000; opacity: 0.5; z-index: 100; } #bjtMainMessages { } /* #bjtMainTopAd { position: absolute; top: 0; left: 0; width: 100%; text-align: center; } #bjtMainRightAd { position: absolute; top: 90px; right: 0; width: 300px; height: 100%; text-align: center;} #bjtMainTopAd > div, #bjtMainRightAd > div { width: auto; margin: auto; } #bjtBillboardAd { text-align: center; margin: 0 0 10px 0; } */ #bjtMainTopAd { min-height: 90px; } #bjtMainRightAd { position: absolute; left: 992px; } #bjtMainLogin { min-height: 117px; max-width: 500px;} #bjtMainLogin .bjtBox { padding: 0; position: relative; } #bjtMainLogin .bjtContent { padding: 3px 0; } #bjtMainLogin table { border-spacing: 5px; margin: 0 13px; font-size: 12px; border-collapse: separate; } #bjtMainLogin table td { padding: 0; text-align: left; vertical-align: middle; } #bjtMainLogin label { } #bjtMainLogin button { display: inline; color: #924887; font-size: 11px; font-weight: bold; padding: 0; cursor: pointer; } #bjtMainLogin button[type=submit] { float: right; } #bjtMainLogin a { font-size: 10px; text-decoration: underline; color: #777777; } #bjtMainLogin input[type=text], #bjtMainLogin input[type=password] { width: 200px; } #bjtOverlay #bjtMainLogin { float: none; } #bjtOverlay #bjtMainLogin .bjtBox .bjtContent { background: #ebebeb; } #bjtMainLogin div.bjtLogout { display: table-row; } #bjtMainLogin div.bjtLogout > div { display: table-cell; height: 52px; vertical-align: middle; padding: 8px 10px; } #bjtMainLogin div.bjtLogout div.left { padding: 8px; } #bjtMainLogin div.bjtLogout div.left > div { display: inline-block; border: 1px solid #eeeeee; padding: 3px; border-radius: 3px; } #bjtMainLogin div.bjtLogout div.left img { max-width: 52px; max-height: 52px; } #bjtMainLogin div.bjtLogout div.middle { text-align: left; padding: 8px 0; width: 136px; } #bjtMainLogin div.bjtLogout div.right { text-align: right; } #bjtMainLogin div.bjtLogout a { display: block; text-align: left; font-size: 12px; cursor: pointer; } #bjtMainLogin div.bjtLogout a:first-of-type { margin-bottom: 20px; } #bjtMainLogin div.bjtLogout a.bjtLogout { color: #924887; font-weight: bold; text-decoration: none; text-align: right; } #bjtMainLogin div.bjtLogout a.bjtProfile { } #bjtMainLogin div.bjtLogout a.bjtUnreadPMs { text-decoration: underline; } #bjtMainLogin div.bjtLogout a.bjtActive { text-decoration: none!important; } /* #bjtMainLogin ul.menu { position: absolute; right: 10px; top: 0; line-height: 30px; } #bjtMainLogin ul.menu a { color: #ffffff; }*/ #bjtMainBreadcrumbs span { color: #333333; font-weight: normal; } #bjtMainSearch input[type=text] { width: 114px; } #bjtMainSearch button { width: 26px; height: 24px; background: transparent url('../images/searchButton.png') 0 0 no-repeat; } #bjtMainSearch button span { display: none; } /* main menu */ #bjtMainMenu span.separator, #bjtMainMenu a { text-decoration: none; color: #444444; cursor: pointer; } /*#bjtMainMenu span.separator:hover,*/ #bjtMainMenu a:hover { text-decoration: underline; } #bjtMainMenu li:hover a, #bjtMainMenu li.bjtActive a, #bjtMainMenu li.active a, #bjtMainMenu li.alias-parent-active a, #bjtMainMenu li:hover span.separator, #bjtMainMenu li.bjtActive span.separator, #bjtMainMenu li.active span.separator { color: #ffffff; } /* main level items */ #bjtMainMenu > ul { float: left; font-family: 'Open Sans Condensed', sans-serif; font-weight: 500; font-size: 20px; line-height: 26px; } #bjtMainMenu > ul > li { float: left; position: relative; z-index: 101; padding: 2px 7px; margin-right: 1px; border-radius: 3px; text-decoration: none; } #bjtMainMenu > ul > li.bjtActive, #bjtMainMenu > ul > li.active, #bjtMainMenu > ul > li.alias-parent-active, #bjtMainMenu > ul > li:hover { /*background: url('../images/boxHeaderBg.png') 0 0 repeat-x;*/ background: #7b3574; } /* submenu without js */ #bjtMainMenu > ul ul { display: none; } #bjtMainMenu > ul ul li { font-size: 18px; } #bjtMainMenu > ul li { margin-bottom: 6px; } #bjtMainMenu > ul > li > ul { position: absolute; left: 0; top: 27px; background: #7b3574; color: #ffffff; /*border-left: 2px solid #ffffff;*/ padding: 16px; margin: 0; } #bjtMainMenu > ul ul { list-style-type: none; padding: 0; display: none; margin-bottom: 6px;} #bjtMainMenu > ul li:hover ul { display: block } #bjtMainMenu > ul ul ul { margin-left: 12px; } #bjtMainMenu > ul ul li { white-space: nowrap; } #bjtMainMenu > ul ul li a { color: #ffffff; } #bjtMainMenu > ul ul li.alias-parent-active > a, #bjtMainMenu > ul ul li.active > a { font-weight: bold; } #bjtMainMenu > ul ul li a:hover { text-decoration: underline; } /* submenu with js */ #bjtMainMenu .bjtSubMenuBackground { display: none; position: absolute; left: 0; top: 171px; width: 100%; background: #934986; /*height: 268px;*/ z-index: 100; } #bjtMainMenu .bjtSubMenu { display: none; color: #ffffff; position: absolute; z-index: 1; top: 27px; left: 8px; } #bjtMainMenu .bjtSubMenu > ul { position: static; border-left: 1px solid #ffffff; margin: 13px 0 40px 0; padding: 0 16px; min-height: 180px; } #bjtMainMenu .bjtSubMenu ul { display: block; } #bjtMainMenu li.hidden { display: none; } /* footer */ #bjtMainFooter a { color: #ffffff; text-decoration: none; } #bjtMainFooter a:hover { text-decoration: underline; } #bjtMainFooter p { margin: 0 0 14px 0; } #bjtMainFooter a.bjtLogo { display: block; position: absolute; } #bjtMainFooter div.bjtLeft, #bjtMainFooter div.bjtRight { font-size: 12px; } #bjtMainFooter div.bjtLeft { float: left; padding-left: 4px; } #bjtMainFooter div.bjtRight { margin-left: 170px; max-width: 364px; } /* footer menu */ #bjtMainFooter ul.menu { /*font-family: 'Open Sans Condensed', sans-serif;*/ font-size: 12px; float: left; padding: 6px 0 6px 0; height: 18px; } #bjtMainFooter ul.menu li { float: left; } #bjtMainFooter ul.menu li:after { content: '|'; } #bjtMainFooter ul.menu li:last-of-type:after { content: ''; } #bjtMainFooter ul.menu li a { padding: 0 4px; } #bjtMainFooter ul.menu li.current a { font-weight: bold; } #bjtMobileHint { display: none; background: url("../images/boxHeaderBg.png") 0 0 repeat-x; position: absolute; bottom: 30px; left: 100px; border-radius: 3px; height: 30px; line-height: 30px; z-index: 10; padding: 0 10px; } #bjtMobileHint a { text-decoration: none; color: #ffffff; font-weight: bold; } .bjtBox { background: url('../images/boxShadowRight.png') bottom right no-repeat; overflow: hidden; /*padding: 0 0 11px 0;*/ } .bjtBoxFooterEffect { height: 0; overflow: hidden; background: url('../images/boxShadowLeft.png') bottom left no-repeat; padding: 0 0 11px 0; } .bjtBox .bjtContent { padding-bottom: 0px; background: #ffffff; box-shadow: 0 2px 2px -2px #cccccc; color: #777777; } .bjtBoxInContent .bjtContent { height: 340px; overflow: hidden; } .bjtBlogItem .bjtHeadline, .bjtBox .bjtHeadline { font-family: 'Open Sans Condensed', sans-serif; background: url('../images/boxHeaderBg.png') 0 0 repeat-x; color: #ffffff; font-size: 18px; font-weight: normal; width: 100%; padding: 2px 18px; box-sizing: border-box; margin: 0; line-height: 25px; border-radius: 3px 3px 0 0; } div.bjtBlogItem div.bjtBox h3.bjtHeadline { padding: 0; } .presentationArea .bjtHeadline { width: 533px; } .bjt_blog_item .bjtBox .bjtHeadline { padding: 0; } .bjtBox.bjtUnpublished { border: 1px solid red; } .bjtBoxLight .bjtHeadline { background-image: url('../images/boxHeaderLightBg.png'); } .bjtBox .bjtHeadline a { color: #ffffff; text-decoration: none; } .bjtBox .bjtHeadline a:hover { text-decoration: underline; } .bjtHeadline h1 { font-family: 'Open Sans Condensed', sans-serif; color: #ffffff; font-size: 18px; font-weight: normal; margin: 0; line-height: 26px; } .bjtHeadline h1, .bjtHeadline h2 { display: inline-block; } .bjtHeadline select { float: right; margin: 0 0 0 10px; } .bjtBlogItem { border: 4px solid #ffffff; } .bjtBlogItem > .bjtHeadline { margin: 10px 0; border-radius: 0; } .bjtBlogItem .bjtBox { margin: 10px; } table.bjtBlogItems { border: 4px solid #ffffff; padding: 10px 0 0 0; width: 100%; border-spacing: 15px 0; } table.bjtBlogItems td { width: 50%; padding: 0; background: url('../images/boxShadowLeft.png') bottom left no-repeat; } table.bjtBlogItems .bjtBox { font-size: 12px; height: 269px; line-height: 1.25; } .bjtBoxLeft .bjtContent, .bjtBoxRight .bjtContent { height: 230px; overflow: hidden; } .bjtBox .bjtItemDate { float: right; color: #924887; padding: 5px 10px; display:none;} .bjtBox .bjtItemImage { float: left; height: 230px; margin: 0 16px 16px 0; } .bjtBlogItem .bjtItemImage { height: auto; } .bjtBox .bjtItemImage img { max-width: 160px; } .bjtBlogItem .bjtItemImage img { max-width: 320px; } .bjtBox .bjtItemImage a { color: inherit; text-decoration: none; } .bjtBox .bjtItemImage p.img_caption { margin: 0; text-align: right; font-size: 11px; } /* orginal */ /*table.bjtBlogItems .bjtBox .bjtItemContent { margin: 60px 10px 0 16px; height: 120px; overflow: hidden; }*/ /* new */ table.bjtBlogItems .bjtBox .bjtItemContent { height: 210px; margin: 10px 10px 0 16px; overflow: hidden; } table.bjtBlogItems .bjtBox .bjtContent { position: relative; } /* end */ .bjtBlogItem .bjtBox .bjtItemContent { padding: 15px; padding-top: 0; } .bjtBox .bjtItemContent a { cursor: pointer; } .bjtBox .bjtItemContent p { margin: 15px 0; } .bjtBox .bjtItemContent p:first-of-type { margin-top: 0; } .bjtBox .bjtItemContent p:last-of-type { margin-bottom: 0; padding-bottom: 15px;} .bjtBox .bjtReadmore { position: absolute; right: 10px; bottom: 10px; background: #ffffff; z-index: 2; padding: 0 0 0 10px; } .bjtBox .bjtReadmore a { color: #924887; font-weight: bold; text-decoration: none; } .bjtEdit { float: right; margin: 2px; background: #ffffff; padding: 2px; border-radius: 2px; height: 22px; overflow: hidden; } .bjtPagination { font-size: 12px; text-align: center; padding: 20px 0 0 0; } .bjtPagination ul { list-style-type: none; margin: 0; padding: 0; } .bjtPagination li { display: inline; } .bjtPagination span, .bjtPagination a { color: #924887; margin: 0 5px; cursor: pointer; } .bjtPagination a { text-decoration: none; } .bjtPagination span { font-weight: bold; } .bjtPagination span.bjtSeparator { font-weight: normal; } #bjtMainTopModules .bjtBox, #bjtMainHomeModules .bjtBox { font-family: 'Arial', sans-serif; float: left; margin: 0 2px 0 0; width: 300px; height: 261px; overflow: hidden; } /*#bjtMainTopModules .bjtBox:nth-child(3n), #bjtMainHomeModules .bjtBox:nth-child(3n) { margin: 0; }*/ #bjtMainTopModules .bjtBox a, #bjtMainHomeModules .bjtBox a { color: #999999; text-decoration: underline; } #bjtMainTopModules strong, #bjtMainHomeModules strong { font-weight: bold; } #bjtMainHomeModules .bjtBox { height: 209px; } #bjtMainTopModules .bjtBoxLarge, #bjtMainTopModules .bjtBoxLargePlain, #bjtMainHomeModules .bjtBoxLarge, #bjtMainHomeModules .bjtBoxLargePlain { width: 614px; } #bjtMainTopModules .bjtBox .bjtContent { height: 220px; overflow: hidden; } #bjtMainHomeModules .bjtBox .bjtContent { height: 168px; overflow: hidden; } #bjtMainTopModules .bjtBoxPlain .bjtContent, #bjtMainTopModules .bjtBoxLargePlain .bjtContent { height: 250px; } #bjtMainHomeModules .bjtBoxPlain .bjtContent, #bjtMainHomeModules .bjtBoxLargePlain .bjtContent { height: 198px; } #bjtMainTopModules .bjtBox .bjtContent * > p:first-of-type, #bjtMainHomeModules .bjtBox .bjtContent * > p:first-of-type { margin-top: 0; } #bjtMainHomeModules .bjtBox .bjtContent * > p:last-of-type, #bjtMainTopModules .bjtBox .bjtContent * > p:last-of-type { margin-bottom: 0; } #bjtMainTopModulesHome .bjtBox, #bjtMainHomeModules .bjtBox { float: left; margin: 0; width: 300px; height: 255px; overflow: hidden; } #bjtMainHomeModules .bjtBox { height: 262px; } #bjtMainTopModulesHome .bjtBoxLarge, #bjtMainTopModulesHome .bjtBoxLargePlain, #bjtMainHomeModules .bjtBoxLarge, #bjtMainHomeModules .bjtBoxLargePlain { width: 569px; margin-right: 43px;} #bjtMainHomeModules img, #bjtMainTopModules img { max-width: 300px; } #bjtMainTopModulesHome .bjtBoxLarge img, #bjtMainTopModulesHome .bjtBoxLargePlain img, #bjtMainHomeModules .bjtBoxLarge img, #bjtMainHomeModules .bjtBoxLargePlain img { max-width: 614px; } #bjtMainTopModulesHome .bjtBox .bjtContent { height: 214px; overflow: hidden; } #bjtMainHomeModules .bjtBox .bjtContent { height: 220px; overflow: hidden; } #bjtMainTopModulesHome .bjtBoxPlain .bjtContent, #bjtMainTopModulesHome .bjtBoxLargePlain .bjtContent { height: 244px; } #bjtMainHomeModules .bjtBoxPlain .bjtContent, #bjtMainHomeModules .bjtBoxLargePlain .bjtContent { height: 250px; } #bjtMainTopModulesHome .bjtBox .bjtContent * > p:first-of-type, #bjtMainHomeModules .bjtBox .bjtContent * > p:first-of-type { margin-top: 0; } #bjtMainHomeModules .bjtBox .bjtContent * > p:last-of-type, #bjtMainTopModulesHome .bjtBox .bjtContent * > p:last-of-type { margin-bottom: 0; } #topModuleToggleButton { position: absolute; right: 10px; margin-top: 28px; z-index: 10; } .bjtGallery { border: 3px solid #ffffff; height: 192px; overflow: hidden; } .bjtGallery img { /*display: none;*/ } .bjtBox .bjtCustomImage .image { text-align: center; } .bjtBox .bjtCustomImage .image img { margin: auto; } .bjtBox .bjtCustomImage .image a { font-size: 0px; } .bjtBox .bjtCustomImage .content { padding: 0 10px; } #bjtReportCommentForm h1 { font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: normal; } #bjtReportCommentForm h1 em { color: #944a87; } #bjtReportCommentForm label { float: left; width: 150px; } #bjtReportCommentForm input, #bjtReportCommentForm textarea { width: 300px; } #bjtReportCommentForm button.submit { margin-left: 150px; } #bjtReportCommentForm .bjtRow { clear: left; padding: 4px; } .bjtBlogItemComments .bjtItemContent { padding: 20px!important; margin: 0!important;} .bjtBlogItemComments > h3.bjtHeadline { border-radius: 0!important; } .bjtCommentForm label { display: block; } .bjtCommentForm textarea { width: 100%; height: 80px; } .bjtComment .bjtContent { padding: 12px; } .bjtComment .bjtName { float: left; font-weight: bold; } .bjtComment .bjtDate {} .bjtRating { margin-bottom: 20px; padding: 4px 4px 4px 0; font-size: 12px; } .bjtRatingValue { display: none; } .bjtRatingCounter { padding: 4px 0 0 4px; line-height: 1.0; } .bjtRatingItems { height: 11px; width: 100%; } .bjtRatingItem, .bjtRatingItemInactive { float: left; width: 12px; height: 11px; background: url('../images/ratingStar.png') 0 0 no-repeat; } .bjtRatingItemInactive { background-image: url('../images/ratingStarInactive.png'); } .bjtRatingItem span, .bjtRatingItemInactive span { display: none; } #article-index:before { content: 'Inhaltsverzeichnis'; } #article-index { /*border: 1px solid #d9d9d9;*/ border-width: 1px 0; margin: 0 0 20px 0; padding: 10px 0; font-size: 12px; } #article-index ul { list-style-type: circle; padding: 0; margin: 0; width: auto; list-style-position: inside; } #article-index li a { text-decoration: none; } #article-index li a:hover { text-decoration: underline; } #article-index li a.active { font-weight: bold; } .pagenavcounter { display: none; clear: left; } div.pagination { } div.pagination ul { list-style-type: none; text-align: center; margin: 0; padding: 0 0 15px 0; font-size: 12px; } div.pagination ul li { display: inline; margin: 0 10px; visibility: hidden; /*padding: 10px 0;*/ } div.pagination ul li a { color: #944a87; text-decoration: none; visibility: visible; } form fieldset div.faq { float: right; padding-bottom: 10px; } div.formelm-area, div.formelm, div.login-fields { margin: 4px 0; clear: both; } div.formelm-area label, div.formelm label, div.login-fields label { padding-top: 3px; width: 180px; display: block; float: left; font-weight: bold; color: #666666; } #bjtMainContent > div.login fieldset { border: none; margin: 0; padding: 0; } #adminForm fieldset, #module-form fieldset { border: 1px solid #999999; margin: 10px 0; padding: 8px; } #adminForm legend, #module-form legend { color: #999999; font-size: 16px; font-weight: bold; font-variant: small-caps; padding: 0 10px; border: 1px solid #999999; } #adminForm button, #module-form button { font-size: 14px; margin: 10px 0; } #adminForm select, #adminForm input, #adminForm textarea, #module-form select, #module-form input, #module-form textarea { width: 600px; } #module-form ul { list-style-type: none; padding: 0; } #module-form li { clear: left; padding: 4px 0; } #module-form li.hidden { display: none; } #module-form label { float: left; display: block; width: 180px; font-weight: bold; color: #666666; } #module-form fieldset.radio { border: none; float: left; padding: 0; margin: 0; } #module-form fieldset.radio label { float: none; display: inline; font-weight: normal; } #module-form label#jform_content-lbl { float: none; } #jform_created_by_alias-lbl, #jform_created_by_alias, #jform_language-lbl, #jform_language, #jform_urls_urla-lbl, #jform_urls_urla, #jform_urls_urlb-lbl, #jform_urls_urlb, #jform_urls_urlc-lbl, #jform_urls_urlc, #jform_urls_urlatext-lbl, #jform_urls_urlatext, #jform_urls_urlbtext-lbl, #jform_urls_urlbtext, #jform_urls_urlctext-lbl, #jform_urls_urlctext, #jform_images_float_intro-lbl, #jform_images_float_intro, #jform_images_float_fulltext-lbl, #jform_images_float_fulltext { display: none; } /* recipes */ .bjtItemList { border: 4px solid #ffffff; padding: 10px 10px 0 10px; } /* .bjtItemList .bjtContent { background: url('../images/boxShadowLeft.png') left bottom no-repeat; } */ .bjtItemList .bjtItemContent { padding: 20px; background: #ffffff; } /* .bjtItemList .bjtNewItem button { float: left; } */ .bjtItemList .bjtSearch { float: right; } .bjtItemList .bjtSearch a.faq { display: inline-block; margin-right: 10px; } .bjtItemList .bjtNewItem, { float: left; margin: 0 10px 0 0 ; } .bjtItemList .bjtNewItem button { float: left; margin: 0 10px 0 0; } .bjtItemList .bjtNewItem .bjtDesc { float: left; font-size: smaller; } .bjtItemList ul.bjtCategories { list-style-type: none; padding: 0; margin: 30px 0; } .bjtItemList ul.bjtCategories a { display: block; width: 400px; float: left; color: #944a87; font-weight: bold; text-decoration: none; } .bjtItemList ul.bjtCategories .counter { } .bjtItemList h3 { color: #944a87; } .bjtItemList table { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; width: 100%; } .bjtItemList table td { width: 50%; padding: 10px; } .bjtItemList table td.even{ padding-left: 0; } .bjtItemList table td.odd { padding-right: 0; } .bjtItemList .bjtItem { border: 1px solid #944a87; box-shadow: 3px 3px 3px #999999; padding: 5px 8px; } .bjtItemList .bjtItem .titles { color: #666666; height: 63px; overflow: hidden; } .bjtItemList .bjtItem .title a { color: #666666; text-decoration: none; font-weight: bold; } .bjtItemList .bjtItem .title a:hover { text-decoration: underline; } .bjtItemList .bjtItem .rating { float: right; color: #666666; font-size: smaller; margin-left: 10px; } .bjtItemList .bjtItem .desc { clear: left; } .bjtItemList .bjtItem .author { font-weight: bold; } .bjtItemList .bjtItem .date { font-size: smaller; font-weight: bold; } .bjtItemList .bjtItem .image { height: 120px; padding-left: 5px; } .bjtItemList .bjtItem .image img { max-height: 100px; max-width: 240px; border: 5px solid white; box-shadow: 0 0 5px #999999; } .bjtItemList .bjtUnpublished { border-color: #ff0000; } .bjtItemList li.bjtUnpublished a { color: #ff0000; } .bjtItem .bjtItemContent { padding: 20px 0; } .bjtItem .bjtRating { /*float: right;*/ margin: 4px 0 0 400px; } .bjtItem h2 { clear: left; margin: 20px 0 0 0; font-size: larger; } .bjtItem h3 { clear: left; font-size: inherit; color: #944a87; margin: 20px 0 0 0; white-space: nowrap;} .bjtItem .bjtUserDate { float: left; margin: 0 10px 20px 0; } .bjtItem .bjtUserDate h3 { display: inline; } .bjtItem .bjtItemContent, .bjtItem .bjtIngredients { clear: left; } .bjtItem .bjtImage { clear: both; } .bjtItem .bjtImage img { border: 5px solid white; box-shadow: 0 0 5px #999999; max-width: 800px; } .bjtItem .bjtButtons { margin: 20px 0 0 0; } .bjtItemList .bjtTreasure .titles { height: 163px; } .bjtItemList .bjtAddress .titles { height: 128px; } .bjtItemList .bjtAddress .url .label, .bjtItemList .bjtAddress .email .label { display: block; float: left; width: 50px; } .bjtItemList .bjtCheckProduct .titles { height: 163px; } .bjtItemList .bjtContent .titles { height: 110px; } .bjtItemList .bjtContent .titles .desc { padding: 21px 0 0 0; } .bjtItemList .bjtContent .titles .desc a { text-decoration: none; color: #666666; } .bjtBlogItem .bjtBox.bjtCheckProduct .bjtItemContent { padding: 15px; } .bjtItem.bjtCheckProduct .bjtUserDate { margin: 0 10px 0 0; } .bjtBlogItem table.bjtLayout { width: auto; } .bjtBlogItem table.bjtLayout td.left { padding-right: 20px; } .bjtBlogItem .bjtAddress .bjtUrl, .bjtBlogItem .bjtAddress .bjtEmail { margin: 4px 0; } .bjtBlogItem .bjtAddress .bjtUrl h3, .bjtBlogItem .bjtAddress .bjtEmail h3 { float: left; width: 60px; margin: 0; } .bjtBlogItem .bjtOwnRating { margin-top: 20px; } .bjtBlogItem .bjtOwnRating h3 { float: left; width: 140px; margin: 0; } .bjtBlogItem .bjtCheckShop h3.bjtInline { float: left; width: 170px; margin: 0; } .bjtSearchForm input, .bjtSearchForm select { width: 300px; } /*Gallery*/ body.bjtGalleryLayout #bjtMainBody { width: 1270px!important; margin: auto; } .bjtGalleryComponent { margin-bottom: 0px !important; } .bjtGalleryComponent div.box_arrow_left { background: url("../images/bj_gallery_arrow_left.png") 100% 50% no-repeat; position: absolute; left: 0px; width: 25px; height: 100%; } .bjtGalleryComponent div.box_arrow_right { background: url("../images/bj_gallery_arrow_right.png") 0 50% no-repeat; position: absolute; right: 0px; width: 25px; height: 100%; } .bjtGalleryComponent div.box_arrow_left:hover { background: url("../images/bj_gallery_arrow_left_over.png") 100% 50% no-repeat; } .bjtGalleryComponent div.box_arrow_right:hover { background: url("../images/bj_gallery_arrow_right_over.png") 0 50% no-repeat; } .bjtGalleryComponent .gallery_image { float: left; } .bjtGalleryComponent .gallery_image td { padding: 0px 30px 0px 40px; } .bjtGalleryComponent .gallery_image img { float: left; margin: 0px 10px 0px 0px; } .bjtGalleryComponent .gallery_image p { float: left; width: 420px; } .bjtGalleryComponent div.image_number { float: left; width: 300px; left: 0px; bottom: 0px; margin-left: 42px; margin-top: 5px; } .bjtGalleryComponent div.image_number p { text-align: center; color: #46133e; } .bjtGalleryComponent .bjtGalleryComponentImage { position: relative; } .bjtGalleryComponent .sort_images { float: right; margin-bottom: 7px; margin-right: 9px; } .bjtGalleryComponent .sort_images a { text-decoration: none; } .bjtGalleryComponent .sort_images a:hover { font-weight: bold; } .bjtGalleryComponent .bold { font-weight: bold; } .bjtGalleryComponent .bjtRating { margin: 0px !important; } .bjtGalleryComponent table.bjtRatingTable{ left: 354px; position: absolute; top: 400px; width: 130px; } body.bjtGalleryLayout #bjtMainContent .bjtBlogItem .bjtBlogItemComments .bjtHeadline { font-size: 24px; margin-bottom: 0px; padding-top: 50px; background: #fff; color: #7b3574;} body.bjtGalleryLayout .bjtBlogItemComments .bjtBox { margin-top: 0px; } /* module editing */ #pitMods, #pitModsToggleButton { position: fixed; left: 3px; bottom: 3px; z-index: 10; padding: 4px; border: 1px solid #944a87; border-radius: 4px; box-shadow: 3px 3px 3px #000000; width: 100px; background: white; } .pitModsModule { position: relative; float: left; } /* .pitModsModule .bjtBox { float: none; } */ .pitModsButtons { position: absolute; top: 0; right: 0; display: none; padding: 4px; border: 1px solid #944a87; border-radius: 4px; box-shadow: 3px 3px 3px #000000; background: white; z-index: 2; } .pitModsButtons a { margin: 0 2px; } #pitMods { top: 3px; bottom: auto; width: 330px; } #pitMods h3 { color: #944a87; margin: 10px 0 0 0; } #pitMods label { display: block; width: 160px; font-weight: bold; font-size: smaller; float: left; } #pitMods select, #pitMods input { display: block; margin: 3px 0; width: 160px; } .pitModsEditing { border-bottom: 2px dotted red; max-height: inherit!important; } button.large { background: url("../images/boxHeaderBg.png") 0 0 repeat-x; padding: 2px 10px; border-radius: 3px; box-shadow: 2px 2px 3px #999999; color: #ffffff; font-size: 18px; line-height: 24px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; } h1 select, h2 select { float: right; margin: 0 0 0 10px; } /* Buttons */ #editor-xtd-buttons, div.toggle-editor { float: left; } .button2-left, .button2-right { margin: 3px 3px 10px 0; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { color: #000; font-weight: bold; } .button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { background: url('../../system/images/j_button2_left.png') no-repeat; float: left; margin-left: 5px; } .button2-right { background: url('../../system/images/j_button2_right.png') 100% 0 no-repeat; float: left; margin-left: 5px; } .button2-left .image { background: url('../../system/images/j_button2_image.png') 100% 0 no-repeat; } .button2-left .readmore, .button2-left .article { background: url('../../system/images/j_button2_readmore.png') 100% 0 no-repeat; } .button2-left .pagebreak { background: url('../../system/images/j_button2_pagebreak.png') 100% 0 no-repeat; } .button2-left .blank { background: url('../../system/images/j_button2_blank.png') 100% 0 no-repeat; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url('../../system/images/calendar.png') no-repeat; cursor: pointer; vertical-align: middle; } .media-preview span.hasTipPreview { display: block; padding: 3px 0 10px 0; text-decoration: underline; } /* bb codes */ div.yvBBCodeForm img, img.yvBBCode { border: none; margin: 1px; } .yvBBCode_quote { border: 1px solid #cccccc!important; background: white!important; border-radius: 10px; padding: 6px!important; margin: 8px 8px 8px 20px!important; } /* * sepcial stuff */ /* "Willkommen" article */ #bjtBlogItem4 > .bjtBox { background: transparent; border: none; } #bjtBlogItem4 > .bjtBox > .bjtContent { background: transparent; box-shadow: 0 0 0 0 transparent; } #bjtBlogItem4 > .bjtBox > .bjtContent > .bjtItemContent { padding: 0; } #bjtBlogItem4 > .bjtBox > .bjtContent > .bjtItemContent > h1 { margin-top: 0; } #bjtBlogItem4 > .bjtBox > .bjtBoxFooterEffect { background: none; } .mobile { display: none!important } /* mod_pitchecks */ .mod_pitchecks { line-height: 1.2; font-size: 12px; } .mod_pitchecks ul { list-style-type: none; margin: 0; padding: 5px 10px 0 10px; } .mod_pitchecks p { padding: 0 10px; } .mod_pitchecks a { text-decoration: none; color: #999999; } .mod_pitchecks a:hover { text-decoration: underline; color: #999999; } .bjtGlossaryList div.bjtGlossaryRating { float: right; margin-left: 20px; width: 100px; color: white; text-align: center; text-shadow: 0 0 3px black; } .bjtGlossaryRating span { display: block; padding: 0 3px; } .bjtGlossaryList ul.bjtGlossaryList { float: left; margin: 0 0 10px 0; padding: 0 auto; } .bjtGlossaryList ul.bjtLetterList li { display: inline; font-weight: bold; margin: 0 2px; } .bjtGlossaryList ul.bjtLetterList a { font-weight: bold; color: #944a87; text-decoration: none; } .bjtGlossaryRating .rating0 { background: #cccccc; } .bjtGlossaryRating .rating4 { background: #cc0000; } .bjtGlossaryRating .rating3 { background: #cc6600; } .bjtGlossaryRating .rating2 { background: #cccc00; } .bjtGlossaryRating .rating1 { background: #00cc00; } .bjtBeautyPoints ul { clear: left; } .bjtBeautyPoints li .key { display: block; float: left; width: 150px; } .bjtBeautyPoints li .value { display: block; margin-left: 160px; font-weight: bold; } .bjtBeautyPoints li .number { text-align: right; width: 50px; } .bjtBeautyPoints li .points { display: block; float: left; font-weight: bold; text-align: right; width: 50px; } .bjtBeautyPoints li .date { display: block; margin-left: 60px; } /*----------------------------------------------------------------------------------------------------------*/ /* blog layout stuff */ body.bjtBlogLayout { color: #666666; } body.bjtBlogLayout #bjtMainRightModules label.finder { display: none; } /* body.bjtBlogLayout #bjtMainBody #bjtMainSite { background: #000;} */ /* body.bjtBlogLayout #bjtMainBody #bjtMainHeader { background: #EBEBEB; border-top-left-radius: 10px; border-top-right-radius: 10px; } */ /* body.bjtBlogLayout #bjtMainBody #bjtMainMenu { padding-left: 10px !important; } */ body.bjtBlogLayout #bjtMainBody #bjtMainMenu .menu { } /*body.bjtBlogLayout #bjtMainBody #bjtMainSearch { width: 116px; padding-right: 5px !important; height: 42px !important;} body.bjtBlogLayout #bjtMainBody #bjtMainSearch input { width: 70px; }*/ #bjtMainBlogExtra { background: #000000; clear: both; } /* body.bjtBlogLayout #bjtMainBody #bjtMainLogo { width: 320px;} */ body.bjtBlogLayout #bjtMainBody { /*width: 1270px;*/ margin: auto; } body.bjtBlogLayout #bjtMainBody .bjtLogo { float: left; } body.bjtBlogLayout #bjtMainBlogLayoutHeader { height: 155px; clear: both; background-image: url('../images/blog/sbbBanner.jpg'); background-size: cover; background-repeat: no-repeat; } body.bjtBlogLayout #bjtMainContent { min-height: 1200px; margin-right: 300px; clear: none; background: #fcecd5; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems { border: 0px !important; padding: 0px; position: relative; width: 628px; overflow: hidden; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems img { max-width: 628px; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox { margin-bottom: 5px; background: #fff; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtItemContent_blog { } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtItemContent_blog p { } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtItemContent_blog img { margin: 20px 0px 20px 0px !important; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtItemContent_blog p img { max-width: 592px!important; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtReadmore_blog { margin-bottom: 15px; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtReadmore_blog a { color:#666666; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtReadmore_blog a:hover { color: #7b3574; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtItemDate_blog { margin-bottom: 15px; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtItemImage_blog { padding-bottom: 18px; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox .bjtItemImage a img { margin: 20px 0px 20px 0px!important; } body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox h3.bjtHeadline { background: #fff; margin-bottom: 15px;} body.bjtBlogLayout #bjtMainContent .bjtBlogItems .bjtBox h3.bjtHeadline a { font-size: 24px;font-style: normal !important; color: #7b3574 !important; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem { border: 0px !important; padding: 0px; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox { margin: 0px 0px 5px 0px; padding: 15px; background: #fff; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox h3.bjtHeadline { background: #fff; margin-bottom: 15px; font-size: 24px; font-style: normal !important; color: #7b3574 !important; border-radius: 0px;} /*body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox .bjtItemContent { padding-top: 0px !important; margin-left: 0px !important; margin-right: 0px !important; width: 628px !important; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox .bjtItemContent p { margin: 0px 18px 0px 18px; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox .bjtItemContent img { margin: 20px 0px 20px 0px !important; max-width: 628px !important; }*/ body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox .bjtItemContent_blog { padding-left: 0px!important; padding-right: 0px!important; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox .bjtRating { padding: 0; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBlogItemComments .bjtHeadline { font-size: 24px; margin-bottom: 0px; padding: 15px; color: #7b3574; background: #fff; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBlogItemComments .bjtBox { padding-top:20px;} body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBlogItemComments .bjtBox .bjtItemContent_blog { padding: 0px 18px 0px 18px !important; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBlogItemComments .bjtBox .bjtItemContent_blog textarea { margin-top: 20px; margin-bottom: 20px; width: 99%;} body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBlogItemComments .bjtComments .bjtContent { padding-left: 18px !important; padding-right: 18px !important; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox a { color: #666; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox a:hover { color: #7b3574; } body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox button:not(.vjs-control, .vjs-big-play-button) { color: #666; font-weight: normal; font-family: 'Arial', sans-serif; font-size: 14px; text-decoration: underline;} body.bjtBlogLayout #bjtMainContent .bjtBlogItem .bjtBox button:not(.vjs-control, .vjs-big-play-button):hover { color: #7b3574; } body.bjtBlogLayout #bjtMainContent table.bjt_blog_item { width:100%; height: 100%; margin-bottom: 10px; padding: 15px; background: #fff; } body.bjtBlogLayout #bjtMainContent .bjt_blog_comments { color: #666666; float: left; width: 50%; } body.bjtBlogLayout #bjtMainContent .bjt_blog_comments span { color: #666666; } body.bjtBlogLayout #bjtMainContent .bjt_blog_comments a span { color: #666666; } body.bjtBlogLayout #bjtMainContent .bjt_blog_comments a:hover span { color: #7b3574; } body.bjtBlogLayout #bjtMainContent .bjt_blog_social_buttons { margin-right: -10px; width: 105px; height: 15px; float: right; } body.bjtBlogLayout #bjtMainContent .bjt_blog_social_buttons .bjt_blog_facebook { float:left; width: 15px; background: url('../images/bj_blog_facebook_logo.png') 0 0 no-repeat; } body.bjtBlogLayout #bjtMainContent .bjt_blog_social_buttons .bjt_blog_twitter { float:left; width: 15px; background: url('../images/bj_blog_twitter_logo.png') 0 0 no-repeat; } body.bjtBlogLayout #bjtMainContent .bjt_blog_social_buttons .bjt_blog_google_plus { float:left; width: 15px; background: url('../images/bj_blog_google_plus_logo.png') 0 0 no-repeat; } body.bjtBlogLayout #bjtMainContent .bjt_blog_social_buttons .bjt_blog_linkedin { float:left; width: 15px; background: url('../images/bj_blog_linkedin_logo.png') 0 0 no-repeat; } body.bjtBlogLayout #bjtMainContent .bjt_blog_social_buttons .bjt_blog_rss { float:left; width: 15px; background: url('../images/bj_blog_rss_logo.png') 0 0 no-repeat; } body.bjtBlogLayout #bjtMainContent .bjt_blog_social_buttons a { margin: 0px 10px 0px 10px; color: transparent;} /*Pagination*/ body.bjtBlogLayout #bjtMainContent .bjtPagination { margin-bottom: 40px; text-align: right !important; color: #fff; height: 20px !important; font-size: 20px; /*display: none; */} body.bjtBlogLayout #bjtMainContent .bjtPagination ul { width: 80px; height: 20px; float: right;} body.bjtBlogLayout #bjtMainContent .bjtPagination ul li { float: left; width: 20px; height: 20px; margin-left: 20px} body.bjtBlogLayout #bjtMainContent .bjtPagination ul li span { width: 20px; height: 20px; display: block; margin: 0; } body.bjtBlogLayout #bjtMainContent .bjtPagination ul li a { width: 20px; height: 20px; display: block; margin: 0; } body.bjtBlogLayout #bjtMainContent .bjtPagination ul li.first a { width: 20px !important; height: 20px !important; background: url('../images/bj_blog_pagination_arrow_left.png') 0 0 no-repeat; color: transparent; } body.bjtBlogLayout #bjtMainContent .bjtPagination ul li.first span { width: 20px !important; height: 20px !important; background: url('../images/bj_blog_pagination_arrow_left.png') 0 0 no-repeat; color: transparent; } body.bjtBlogLayout #bjtMainContent .bjtPagination ul li.first a:hover { width: 20px !important; height: 20px !important; background: url('../images/bj_blog_pagination_arrow_left_over.png') 0 0 no-repeat; color: transparent; } body.bjtBlogLayout #bjtMainContent .bjtPagination ul li.last a { width: 20px !important; height: 20px !important; background: url('../images/bj_blog_pagination_arrow_right.png') 0 0 no-repeat !important; color: transparent; } body.bjtBlogLayout #bjtMainContent .bjtPagination ul li.last span { width: 20px !important; height: 20px !important; background: url('../images/bj_blog_pagination_arrow_right.png') 0 0 no-repeat !important; color: transparent; } body.bjtBlogLayout #bjtMainContent .bjtPagination ul li.last a:hover { width: 20px; height: 20px !important; background: url('../images/bj_blog_pagination_arrow_right_over.png') 0 0 no-repeat !important; color: transparent; } body.bjtBlogLayout #bjtMainContent .bjtPagination span.pagination_title { font-family: 'Arial', sans-serif; font-size: 14px; color:#4c4c4c;} body.bjtBlogLayout #bjtMainContent .bjtPagination span { color: #4c4c4c; height: 20px !important;} body.bjtBlogLayout #bjtMainContent .bjtPagination a { color: #fff; height: 20px !important;} body.bjtBlogLayout #bjtMainContent .bjtPagination span { cursor: default!important; } body.bjtBlogLayout #bjtMainContent div.blog_article_create { margin-left: 18px; position: relative; z-index: 2; } body.bjtBlogLayout #bjtMainContent div.blog_article_create a { display: block; width: 16px; height: 16px; color: transparent; overflow: hidden; background: url('../images/iconNewBlogEntry.png') 0 0 no-repeat; } /* RightModules */ body.bjtBlogLayout #bjtMainRightModules .blogRightModulesLine { height: 1px; margin: 20px 0; background: #666666; } /* new: 300px to => old: 285px */ body.bjtBlogLayout #bjtMainRightModules { width: 300px; padding: 0 15px; float: right; background: #fcecd5; } body.bjtBlogLayout #bjtMainRightModules .bjtGrayBox { background: #000; width: 284px; float: right; margin-bottom: 5px; padding-right: 2px;} body.bjtBlogLayout #bjtMainRightModules .pitblog_text { width: 272px; float: right; margin-top: 0px; color:#888888;} /* new: 253px => old: 237px */ body.bjtBlogLayout #bjtMainRightModules .finder { } body.bjtBlogLayout #bjtMainRightModules .finder input[type=text] { width: 253px; height: 40px; margin-bottom: 5px; padding-left: 45px; border: 1px solid #d2d2d2; background-image: url('../images/searchGlas_grey.png'); background-color: white; background-repeat: no-repeat; background-position: 10px 50%; } body.bjtBlogLayout #bjtMainRightModules h1.pitblog_title { padding: 0px 0px 0px 0px; margin-bottom: 10px; color: #666666; font-family: 'Arial', sans-serif; font-size: 18px; } body.bjtBlogLayout #bjtMainRightModules .blogRightModulesPt p { margin: 0; } body.bjtBlogLayout #bjtMainRightModules .blogRightModulesPt img { border: 1px solid #d2d2d2; } body.bjtBlogLayout #bjtMainRightModules .blogRightModulesPt .imgWrap { margin-bottom: 20px; } body.bjtBlogLayout #bjtMainRightModules ul.latestnews { width: 270px; margin: 0px 0px 10px 0px; padding-left: 0; list-style: none; } body.bjtBlogLayout #bjtMainRightModules ul.latestnews li a { color:#666666; padding-left: 10px; text-decoration: none; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlndGg9IjEwIj48cG9seWxpbmUgcG9pbnRzPSIwLDAgNSw1IDAsMTAiIHN0eWxlPSJzdHJva2U6ICM3YjM1NzQ7IHN0cm9rZS13aWR0aDogMnB4OyBmaWxsOiBub25lOyIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-position: 0 4px; } body.bjtBlogLayout #bjtMainRightModules ul.latestnews li a:hover { color: #7b3574; } body.bjtBlogLayout #bjtMainRightModules ul.last_comments { width: 270px; margin: 0px 0px 20px 0px; padding-left: 0; float: left; list-style: none; } body.bjtBlogLayout #bjtMainRightModules .blogRightModulesUsername { color: #7b3574; } body.bjtBlogLayout #bjtMainRightModules ul.last_comments li a { color:#666666; text-decoration: none; } body.bjtBlogLayout #bjtMainRightModules ul.last_comments li a:hover { color: #7b3574; } body.bjtBlogLayout #bjtMainRightModules .pitblog_aboutAuthor { } body.bjtBlogLayout #bjtMainRightModules .pitblog_aboutAuthor { } body.bjtBlogLayout #bjtMainRightModules .pitblog_aboutAuthor .imgWrap img { border: 1px solid #d2d2d2; } /* special article stuff */ #bjtBlogItem1121 > .bjtBox > .bjtContent { height: 543px; overflow: hidden; background: #e8e8e8 url('/images/teaserboxen/eMagazineBg.jpg') bottom right no-repeat; } #bjtBlogItem1121 > .bjtBox > .bjtContent > .bjtItemContent { padding-top: 20px; } #bjtBlogItem1121 #eMagazine > div.content { max-width: 970px; position: relative; } #bjtBlogItem1121 #eMagazine > div.content img { float: right; } #bjtBlogItem1121 #eMagazine > div.content div.text{ padding: 20px 0 0 0; } #bjtBlogItem1121 #eMagazine > div.content h1 { margin: 20px 0 0 0; } #bjtBlogItem1121 #eMagazine > div.content p { margin: 22px 0 0 0; } #bjtBlogItem1121 #eMagazine > div.content p strong { display: block; } #bjtBlogItem1121 #eMagazine > div.content p a { display: block; text-decoration: none; margin: 0 0 10px 0; color: #944a87; font-weight: bold; } /*Competition*/ body.bjtCompetitionLayout #bjtMainBody { width: 958px !important; margin: auto; } body.bjtCompetitionLayout #bjtMainBody .bjtLogo { float: left; } body.bjtCompetitionLayout #bjtMainBody #bjtMainLogo { width: 320px; } .bjtCompetitionComponent { position: relative; background-color: #ebebeb; border: 3px solid #ffffff; color: #666666; padding: 20px; } .bjtCompetitionComponent .right { float: right !important; } .bjtCompetitionComponent .left { float: left !important; } .bjtCompetitionComponent h1 { width: 50%; font-size: 30px; margin: 10px 0px 10px 0px; float: left; } .bjtCompetitionComponent p { font-size: 18px; font-family: 'Open Sans Condensed', sans-serif; } .bjtCompetitionComponent p.text_left { width: 60%; float: left; } .bjtCompetitionComponent .bjtCompetitionContentBg { position: relative; z-index: 0; background-color: #feecdc; } .bjtCompetitionComponent .bjtCompetitionContent { position: relative; z-index: 1; /*background-color: #ffede0;*/ border: 3px solid #ffffff; margin: 30px 0px 20px 0px; padding: 15px 20px 20px 20px; height: 100% !important; } .bjtCompetitionComponent .bjtCompetitionContent p { font-size: 14px; font-family: Arial, sans-serif; } .bjtCompetitionComponent .bjtCompetitionContent span.anrede { padding: 0px; } .bjtCompetitionComponent .bjtCompetitionContent h2 { color: #944A87; font-size: 16px; margin: 0px 20px 20px 0px; } .bjtCompetitionComponent fieldset { border: none; margin: 0px 0px 0px 0px !important; padding: 0px !important; } .bjtCompetitionComponent fieldset div { margin: 7px 0px 0px 0px !important; padding: 0px !important; width: 100%; float: left; } .bjtCompetitionComponent div.subtitle { margin: 20px 0px 20px 0px !important; } .bjtCompetitionComponent input.checkbox { width:16px!important; height:16px; border-radius: 3px; } .bjtCompetitionComponent input.checkbox + span{ vertical-align: text-bottom; } .bjtCompetitionComponent span.answer { font-weight: bold; } .bjtCompetitionComponent .label { width: 120px !important; margin: 0px !important; float: left; } .bjtCompetitionComponent .label_short { width: 30px !important; margin: 0px 0px 0px 10px !important; float: left; } .bjtCompetitionComponent input { width: 380px !important; } .bjtCompetitionComponent #street { width: 267px !important; float: left; } .bjtCompetitionComponent #house_number { width: 67px !important; float: left; } .bjtCompetitionComponent #zip_code { width: 80px !important; float: left; } .bjtCompetitionComponent #city { width: 253px !important; float: left; } .bjtCompetitionComponent button { background: url('../images/bj_competition_button.png') 0 0 no-repeat; width: 104px; height: 32px; margin: 0px 20px 0px 0px; font-size: 15px; font-weight: bold; font-family: 'Arial', sans-serif; float: right; } .bjtCompetitionComponent.bg_white { background: white; border: 3px solid #d39a86; } .bjtCompetitionComponent.bg_white .text1{ width: 340px; } .bjtCompetitionComponent.bg_white .text2{ width: 870px; } /*LandingPage Competition*/ body.bjtCompetitionLayout .bjtLandingPage { padding: 0px 0px 0px 35px; color: #666666; background:#ffffff url('/images/competition/bild_oben.jpg') 2px 2px no-repeat; } body.bjtCompetitionLayout .bjtLandingPage a { color: #954b80; font-weight: bold; } body.bjtCompetitionLayout .bjtLandingPage table { border-spacing: 0px; width: 100%; } body.bjtCompetitionLayout .bjtLandingPage .text_box1 { margin: 327px 0px 0px 0px; line-height: 1.5 !important; } body.bjtCompetitionLayout .bjtLandingPage .text_box2 { padding: 10px 0px 0px 18px; background:#ffffff url('/images/competition/rahmen_01.jpg') 2px 2px no-repeat; } body.bjtCompetitionLayout .bjtLandingPage .text_box2 h1 { margin: 3px 0px 0px 0px !important; font-size: 16px; font-weight: bold; color: #954b80 !important; } body.bjtCompetitionLayout .bjtLandingPage h2 { margin: 0px !important; font-size: 15px; font-style: italic; font-weight: normal; } body.bjtCompetitionLayout .bjtLandingPage .text_box2 p { margin: 0px !important; } body.bjtCompetitionLayout .bjtLandingPage .text_box3 { padding: 20px 0px 0px 30px; background:#ffffff url('/images/competition/rahmen_02.jpg') 2px 2px no-repeat; height: 560px; } body.bjtCompetitionLayout .bjtLandingPage .text_box3 h1 { margin: 5px 0px 35px 0px; color:#666666; font-size: 20px; font-weight: bold; font-family: 'Arial', sans-serif; } body.bjtCompetitionLayout .bjtLandingPage .text_box3 .col1 { float: left; width: 275px; line-height: 2.0; border-right: 2px solid #dab4cd; margin-right: 70px; } body.bjtCompetitionLayout .bjtLandingPage .text_box3 .col2 { float: left; line-height: 2.0; } body.bjtCompetitionLayout .bjtLandingPage .text_box3 p.compressed { text-decoration: underline; color: #954b80; font-weight: bold; margin: 0px !important; line-height: 1.5; } body.bjtCompetitionLayout .bjtLandingPage .window_disable { background-color: #ddd; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 999; opacity: 0.5; filter: alpha(opacity=50); } body.bjtCompetitionLayout .bjtLandingPage .extra_window { padding: 23px 27px 40px 40px; color: #fff; display: none; background-color: #954b80; position: absolute; width: 540px; height: 1500px; border-radius: 16px; z-index: 9999; } body.bjtCompetitionLayout .bjtLandingPage .extra_window h1 { color: #fff; } body.bjtCompetitionLayout .bjtLandingPage .wrap_extra_window { position: relative; } body.bjtCompetitionLayout .bjtLandingPage .shadow { -moz-box-shadow: 1px 1px 10px 0px #666; -webkit-box-shadow: 1px 1px 10px 0px #666; box-shadow: 1px 1px 10px 0px #666; } .productDiv { float: left; width: 49%; background: white; box-shadow: 0px 0px 60px 5px lightgrey; } .productDiv2{ float: right; width: 49%; background: white; box-shadow: 0px 0px 60px 5px lightgrey; } .productDiv img, .productDiv2 img{ display: block; margin-left: auto; margin-right: auto; max-height: 250px; max-width: 100%; margin-top: 20px; } .productDiv span, .productDiv2 span{ display: block; margin-left: auto; margin-right: auto; width: 90%; margin-bottom: 20px; /* height: 655px */ height: 175px; } #competitionTextarea{ width: 380px; height: 100px; } .bjtCompetitionLayout a{ color: #924887; text-decoration: none } #bjtMainAll { padding: 12px 12px 12px 0; } #bjtMainLogo a.bjtLogo { display: block; padding: 33px 0 30px 34px; } #bjtMainLogin { float: right; padding: 14px 14px; font-size: 12px; } #bjtMainMenu { clear: both; float: left; padding: 0 0 13px 26px; color: #828282; } #bjtMainBreadcrumbs { color: #924887; font-weight: bold; text-decoration: none; padding: 5px 34px; } #bjtMainBreadcrumbs .breadcrumb { margin: 0; padding-left: 0; } #bjtMainBreadcrumbs li { display: inline-block; } #bjtMainBreadcrumbs .divider { color: #924887; } #bjtMainBreadcrumbs .pathway span { font-weight: normal; } #bjtMainBreadcrumbs .active { font-weight: bold; } #bjtMainBreadcrumbs span { color: #444444; text-decoration: underline; font-weight: normal; } .bjtBox p { margin: 0; } #bjtMainContent.trends { width: 912px; background: white; margin: 4px 14px; padding: 20px 20px; } #bjtMainContent.trends #bjtrends-content { float:left; } #bjtrends-content { width: 569px; background-color: white; } #bjtrends-content .headerFrame { background: url('../images/boxHeaderBg.png') 0 0 repeat-x; font-weight: bold; text-align: left; margin:0px; height:26px; line-height: 26px; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color:#ffffff; font-weight:normal; padding: 2px 18px; border-radius: 3px 3px 0 0; } #bjtrends-content .headerFrame h1 { margin: 0; color: white; font-size: 18px; } #bjtrends-content .bottomTrendText a, #bjtrends-content .topText a{ text-decoration: none; } #bjtrends-content .topTrends { margin-top: 20px; } #bjtrends-content .topTrends .topImage { margin: 0; overflow: hidden; -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); width: 569px; height: 241px; text-align: center; } #bjtrends-content .topTrends .topImage img { width: 100%; } #bjtrends-content .topTrends .topText { padding-top: 5px; margin-bottom: 15px; color: #828282; margin-left: 20px; } #bjtrends-content .topTrends .topText .articleHeading { margin: 5px 0px 5px 0px; padding: 0px; } #bjtrends-content .topTrends .topText .readMore a { font: 13px/1.5 Arial, Helvetica, clean, sans-serif; color: #974982; text-decoration: none; white-space: nowrap; } #bjtrends-content h2 a, #bjtrends-content h2 { color: #944a87; font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; line-height: 24px; } #bjtrends-content .bottomTrends { border-top: 2px solid #e2e2e2; width: 100%; padding: 8px 0 28px 0; } #bjtrends-content .bottomTrendImage { float: left; margin: 13px 20px 22px 0px; -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); width: 250px; height: 166px; overflow: hidden; text-align: center; position: relative; } #bjtrends-content .bottomTrendImage img { width: 100%; } #bjtrends-content .bottomTrendText { padding-top: 13px; color: #828282; } #bjtrends-content .bottomTrendText .articleHeading { margin: 0px; padding: 0px; margin-bottom: 5px; } #bjtrends-content .bottomTrendText .readMore a { font: 13px/1.5 Arial, Helvetica, clean, sans-serif; color: #974982; text-decoration: none } #bjtrends-content .topTrends .topText .readMore a:hover, #bjtrends-content .bottomTrendText .readMore a:hover { font-weight: bold; } #videoContainer { margin: 15px 0; } #bjtrends-content .videoPlayImg { position: absolute; top: 0; width: 40% !important; bottom: 0; left: 0; right: 0; margin: auto; } #topModuleWrapper.trends { width: 300px; } #trendsRightModul { float: left; margin-left: 43px; } #trendsRightModul .bjtBox { margin-bottom: 9px; } #trendsRightModul .pitModsModule { float: none; margin-top: 7px; } #trendsRightModul .pitModsModule:first-of-type { margin-top: 0; } #trendsRightModul .pitModsModule .bjtBox .bjtContent { box-shadow: 0 2px 2px 0px #cccccc; -moz-box-shadow: 0 2px 2px 0px #cccccc; -webkit-box-shadow: 0 2px 2px 0px #cccccc; } #trendsRightModul .pitModsModule .bjtBox .bjtContent p { margin: 0; } .pitBreadcrumps { margin: 5px 0px 15px 2px; height: 20px; } .pitBreadcrumps .pitBreadLink, .pitBreadcrumps .pitBread { color: #6B6B6B; margin-right: 5px; display: block; float: left; text-decoration: none; height: 20px; line-height: 20px; vertical-align: top; } .pitBreadcrumps .pitBreadSeperator { color: #6B6B6B; font-size: 18px; float: left; margin-right: 5px; display: block; height: 20px; line-height: 22px; vertical-align: top; } #bjtBeatyTrendsDetails .bjtTrendH2 { color: #974982; margin: 0; padding: 0; font-size: 22px; font-weight: normal; font-family: 'Open Sans Condensed', sans-serif; } .trendsDetailTable { width: 569px; float: left; margin-top: 0; padding-top: 0; border-spacing: 0; } .bjtTrendDetailHeader { padding: 0; } .bjtTrendDetailHeader h1{ text-align: left; margin:0px; height: 30px; line-height: 30px; padding-left:10px; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color:#ffffff; font-weight:normal; background: url('../images/boxHeaderBg.png') 0 0 repeat-x; border-radius: 3px 3px 0 0; } .bjtTrendDetailContent { padding:15px; } .bjtTrendDetailContent p { padding: 0 ; margin: 0; color: #828282; } .bjtTrendDetailContent .bjtImage { -moz-box-shadow: 1px 1px 14px 3px #ccc; -webkit-box-shadow: 1px 1px 14px 3px #ccc; box-shadow: 1px 1px 14px 3px #cccccc; } .bjtTrendDetailContent .bjtImage.small { width: 290px; height: 193px; margin-right: 38px; float: left; margin-bottom: 10px; text-align: center; } .bjtTrendDetailContent .bjtImage.large { margin: 0 -15px 10px -15px; width: 568px; height: 241px; overflow: hidden; } .bjtTrendDetailContent .bjtImage img { width: 100%;} .bjtTrendDetailContent h3 { font-family: Arial, Helvetica, clean, sans-serif; font-size: 18px; color:#974982; font-weight:normal; margin-top: 0; margin-bottom: 0px; } .bjtTrendDetailText { padding-right: 15px; color: #828282; } .bjtTrendDetailText a { font: 13px/1.5 Arial, Helvetica, clean, sans-serif; color: #974982; font-weight: bold; text-decoration: none; } .pjtMoreTrends { height: 50px; border-bottom: 1px solid #E2E2E2; } .pjtMoreTrends div { height: 50px; line-height: 50px; margin-left: 20px; } .pjtMoreTrends div a { color: #974982; font-size: 16px; text-decoration: none; display: block; font-family: 'Open Sans Condensed', sans-serif; } #bjtMoreArticle .pitModsModule { float: none; } .bjTrendEditButton { float: right; } #bjtBeatyTrendsDetails .bjTrendEditButton { float: none; } .bjTrendShowAllButton, .bjTrendNewButton { background: #974982; text-decoration: none; color: white; padding: 5px; display: block; width: 100px; font-size: 14px; text-align: center; margin-bottom: 10px; } #bjtMainContent.trends .toggle-editor, #bjtMainContent.trends #editor-xtd-buttons { display: none; } #bjTrendletter #backButton, #bjTrendletter #saveButton, #bjTrendletter #saveNewOrder, #bjTrendletter .linkBtn{ padding: 5px 15px; background: #974982; float: left; color: white; height: 30px; line-height: 21px; text-align: center; border: none; cursor: pointer; margin-right: 15px; } #bjTrendletter #saveNewOrder { float: left; height: 20px; } #bjTrendletter #backButton { height: 20px; } #bjTrendletter .linkBtn { width: auto; height: 20px; text-decoration: none; } #bjTrendletter { border: 2px solid #974982; padding: 20px; margin-top: 10px; background: white; } #bjTrendletter .controlls { margin: 20px 0 0 0; } #bjTrendletter .editBtn { display: block; position: absolute; top: 10px; right: 0; background: url('/media/system/images/edit.png') no-repeat; background-position: top right; background-size: 25px; height: 40px; width: 40px; } #bjTrendletter #bjTLHead { padding-bottom: 10px; } #bjTrendletter #bjTLHead .column { height: 50px; margin-top: 10px; } #bjTrendletter #bjTLHead .column .label { height: 30px; line-height: 30px; float: left; width: 200px; margin-top: 5px; } #bjTrendletter #bjTLHead .column .input { line-height: 30px; } #bjTrendletter #bjTLHead .column .input input { height: 30px; line-height: 30px; width: 380px; padding: 0 10px; } #bjTrendletter #bjTLHead .column .input textarea { height: 196px; line-height: 1; width: 400px; padding: 2px; } #bjTrendletter #bjGreetings.column { height: 200px; } #bjTrendletter #bjTLHead #bjTrendLetterImage { height: 200px; } #bjTrendletter #bjTLHead #bjTrendLetterImage .input { height: 200px; } #bjTrendletter #bjTLHead #bjTrendLetterImage input { float: left; width: 210px; height: 20px; margin-top: 10px; padding: 0; } #bjTrendletter #bjTLHead #bjTrendLetterImage .input .bjTLImageFrame { float: right; height: 200px; } #bjTrendletter #bjTLHead #bjTrendLetterImage .input .bjTLImageFrame img { height: 100%; } #bjTrendletter #bjTLHead .column .input.checkbox { text-align: center; } #bjTrendletter #bjTLHead .column .input input[type='checkbox'] { height: 20px; } #bjTrendletter .bjTLContent { margin-top: 10px; margin-bottom: 10px; border: 1px solid #974982; padding: 10px;} #bjTrendletter .bjTLContent .controls { height: 40px; } #bjTrendletter .bjTLContent .controls div { height: 30px; margin-top: 5px; float: left; width: 100px; background: #974982; color: white; text-align: center; line-height: 30px; margin-left: 20px; } #bjTrendletter .bjTLContent .controls div:first-of-type { margin-left: 0; } #bjTrendletter .bjTLContent .column { height: 40px; line-height: 40px; margin-top: 10px; } #bjTrendletter .bjTLContent .column .bjCLabel { width: 200px; float: left; } #bjTrendletter .bjTLContent .column .bjCInput input { width: 400px; height: 30px; } #bjTrendletter .bjTLContent .column.bjCText { height: 200px; } #bjTrendletter .bjTLContent .column.bjCText .bjCInput textarea { height: 200px; width: 400px; } #bjTrendletter .bjTLContent .column.bjCImage { height: 200px; } #bjTrendletter .bjTLContent .column.bjCImage input { height: 20px; margin-top: 10px; width: 210px; float: left; } #bjTrendletter .bjTLContent .column.bjCImage .bjTLImageFrame { height: 200px; float: right; width: 330px; margin-top: 5px; text-align: right; } #bjTrendletter .bjTLContent .column.bjCImage .bjTLImageFrame img { height: 100%; } #beautyPoints { float: left; width: 569px; color: #828282; } #beautyPoints strong { color: #944a87; } #beautyPoints a {font: 14px/1.5 Arial, Helvetica, clean, sans-serif;color: #974982;text-decoration: none;white-space: nowrap;} #beautyPoints h2 { color: #944a87;font-size: 28px;font-family: 'Open Sans Condensed', sans-serif;line-height: 28px; font-weight: normal;} #beautyPoints h3 { color: #944a87;font-size: 24px;font-family: 'Open Sans Condensed', sans-serif;font-weight: normal;line-height: 32px; margin: 0; } #beautyPoints img { width: 100%; -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); margin-bottom: 5px;} #beautyPoints img.textImg { margin: 0; width: 200px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; margin-top: 10px;} #beautyPoints .text { /*margin: 0 20px;*/ } #beautyPoints .topImg { width: 274px; float: left; margin-top: 20px;} #beautyPoints .singleImg { padding-bottom: 20px; margin: 20px 0 20px 0; border-bottom: 1px solid #DDDDDD; } #beautyPoints .header { background: url('../images/boxHeaderBg.png') 0 0 repeat-x; font-weight: bold;text-align: left;margin: 0px;height: 26px;line-height: 26px;font-family: 'Open Sans Condensed', sans-serif;font-size: 18px;color: #ffffff;font-weight: normal;padding: 2px 18px;border-radius: 3px 3px 0 0;} #beautyPoints .imgText a { font-size: 17px; } #beautyPoints .imgText a:hover { font-weight: bold; } #beautyPoints .imgText { font-size: 13px; } .trendCompetition { background: #fff; padding: 0; float: left; width: 569px; border: none; } .trendCompetition table { padding: 0; border-spacing: 0; } .trendCompetition table td { padding: 0; border-spacing: 0; } .presentationArea p { margin:0; } .presentationArea { width: 569px; float: left; } .sothysList li { background-repeat: no-repeat; list-style: none; padding-left: 50px; margin-left: -40px; margin-top: 20px;} #pitAffiliate #couponSlider { margin: 20px 0px; height: 35px; } #letterArea { background: #974982; color: white; margin-right: 178px; float: left; padding-left: 11px; } #letterArea p { display: table-cell; text-align: center; margin: 0; padding: 7px; width: 1%; cursor: pointer; padding-top: 9px; padding-bottom: 5px;} #topscroller { position: fixed; bottom: 50px; right: 50px; background: rgba(0,0,0,0.5); color: white; border-radius: 10px; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 25px; z-index: 9999; } #pitAffiliateSearchContainer { background: #974982; width: 187px; height: 35px; float: right; margin-top: -35px; } #pitAffiliateSearchContainer #bjtAffiliateSearchField { height: 20px; margin-top: 5px; margin-left: 13px; } #pitAffiliateSearchContainer #searchbutton { float: right; height: 35px; line-height: 35px; background-image: url('../../bj_mobile/images/suche_weiss.png'); background-repeat: no-repeat; background-size: 25px; background-position: center; width: 35px; margin-right: 3px;} #pitAffiliateDetail #bjtTitle, #pitAffiliate #bjtTitle { background: url('../images/boxHeaderBg.png') 0 0 repeat-x; font-weight: bold; text-align: left; margin:0px; height:26px; line-height: 26px; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color:#ffffff; font-weight:normal; padding: 2px 18px; border-radius: 3px 3px 0 0; margin-bottom: 20px; } #pitAffiliateDetail #bjtTitle h1, #pitAffiliate #bjtTitle h1 { margin: 0; color: white; font-size: 18px; } .competitionImgCont { width:568px; float:left; overflow: hidden; -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); } .specialCoupon { width:282px; height: auto; margin-left: 20px; float:left; -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); } .specialCoupon:first-of-type { margin-left: 0; } #coupons { margin-left: -20px; } #coupons .coupon { -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); margin-bottom:20px; width: 414px; height: 95px; float:left; padding: 10px; background-color: #fff; margin-left: 20px; position: relative; color: #666666; } #coupons .coupon a { text-decoration: none; } #coupons .coupon .partnerTitle { float:right; color: #944a87; font-family: "Open Sans Condensed",sans-serif; font-size: 18px; font-weight: normal; line-height: 24px; position: absolute; right: 10px; margin-left: 170px; text-align: right; } #coupons .coupon .bjTrendNewButton { margin: 0; position: absolute; bottom: 10px; right: 10px; width: 110px; border-radius: 5px; } #coupons .coupon .teaserText { width: 289px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; } #coupons .coupon .partnerImgContainer { width: 150px; height: 65px; margin-bottom: 5px; } #coupons .coupon .partnerImg { max-width: 150px; max-height: 65px; } #coupons .coupon.details { display: table; } #coupons .coupon.details .link { display: block; width: 100%; margin: 10px 0px 0 0; background: #A76D9F; border-radius: 7px; line-height: 40px; text-align: center; color: white; cursor: pointer; } #coupons .coupon.details .bjtAffTitle { color: #944a87; font-size: 26px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; } #partnerImgContainer.details { margin-bottom: 20px; } #coupons .coupon.details .couponCode { color: #944a87; margin-top: 10px; } .categories { margin-bottom: 20px; height: 50px } .categories .category { background: #944a87; float: left; margin: 0 0 0 20px; height: 50px; line-height: 50px; width: 161px; text-align: center; border-radius: 5px; } .categories .category:first-of-type { margin-left: 0; width: 165px; } .categories .category:hover a { font-weight: bold; } .categories .category a { text-decoration: none; color: white; } #couponCode { position: fixed; width: 100%; height: 100%; padding: 0; margin: 0; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 9999; } #couponCode .coupon { width: 300px; background: white; position: absolute; top: 50%; left: 50%; margin-left: -207px; margin-top: -200px; padding: 20px; border-radius: 5px; -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.5); } #couponCode .coupon .closeButton { cursor: pointer; font-weight: bold; color: #666666; float: right; } #couponCode .coupon .info { color: #666666; text-align: center; line-height: 25px;} #couponCode .coupon .info .title { color: #A76D9F; font-weight: bold; margin-top: 20px; } #couponCode .coupon .info .code { font-size: 16px; border: 1px dotted #A76D9F; border-radius: 5px; margin-top: 20px; } #couponCode .coupon .shopButton { display: block; width: 100%; margin: 20px 0px 0 0; background: #A76D9F; border-radius: 7px; line-height: 40px; text-align: center; color: white; cursor: pointer; } #couponCode .coupon .shopButton a { text-decoration: none; color: white; font-weight: bold; } #competitionTerms { background: white; } #competitionTerms .header { background: url('../images/boxHeaderBg.png') 0 0 repeat-x; font-weight: bold;text-align: left;margin: 0px;height: 26px;line-height: 26px;font-family: 'Open Sans Condensed', sans-serif;font-size: 18px;color: #ffffff;font-weight: normal;padding: 2px 18px;border-radius: 3px 3px 0 0;} #competitionTerms .content { padding: 20px; color: #828282; } #competitionTerms .content p { margin: 5px 0 0 0; } #competitionTerms .content .smallHeadLine { font-weight: bold; margin: 20px 0 0 0 !important; } #startpage { width: 569px; float: left; } #top { margin: 0 0 35px 0; } #startpage #top h1 { margin: 0; } #startpage #top .topText { color: #999999; padding: 10px 0 20px 0; } #top #bannerImage { width: 612px; height: 209px; float: left; background: url('/templates/bj/images/bjTopBanner.jpg') no-repeat; } #top #bannerImage h1 { display: inline-block; width: 362px; margin: 17px 0 0 0; position: relative; left: 250px; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5rem; font-weight: 500; color: #944a87; line-height: 1; } #bannerImage ul { display: inline-block; width: 352px; position: relative; left: 211px; list-style: none; } #bannerImage ul li:before { content: "• "; font-size: 1rem; color: #944a87; } #bannerImage ul li { text-indent: -9px; color: #777777; } #bannerImage ul li:nth-child(2) { margin: 7px 0 0 0; } #regBox { display: inline-block; width: 300px; height: 209px; color: white; background: #9762a0; } #regBox p { width: 235px; margin: 15px auto 0; font-size: 13px; font-weight: bold; } .sepLine { width: 240px; height: 2px; margin: 15px auto; background: gray; } #regBox p:nth-of-type(2) { font-size: 1.1rem; text-align: center; } #regBox p span { font-size: 1.25rem; } #regBox a { display: inline-block; margin: 8px 0 0 51px; padding: 3px 25px; font-size: 1.4rem; font-weight: bold; color: #9762a0; text-decoration: none; box-shadow: inset 0 0 16px #9762a0; background: white;} /*#beautyFrame { width: 585px; height: 367px; }*/ #inbeautySlider { } #inbeautySlider > p { margin: 0; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.8rem; color: #9762a0; } #inbeautySlider > p > span { font-weight: bold; } #inbeautySlider > a { float: right; color: #9762a0; text-decoration: none; } #inbeautySlider > a + span { display: inline-block; margin-right: 5px; float: right; color: gray; } /*#inbeautySlider div:nth-of-type(1) { height: 240px; background: #9762a0; }*/ #startpage .startContainer { border-top: 2px solid #e2e2e2; padding: 20px 0; color: #828282; } #startpage .startContainer.news { padding-top: 0px; } #startpage .startContainer.news > .singleContent > div.imageContainer img { padding-bottom: 45px; } #startpage .startContainer.news > .singleContent { border-top: 2px solid #e2e2e2; display: block; } #startpage .startContainer.news > .singleContent > div.imageContainer, #startpage .startContainer.news > .singleContent > div.text { margin: 8px 0 28px 0 } /* #startpage .startContainer.news > .singleContent { margin-top: 40px; } */ #startpage .startContainer.news > .singleContent:first-of-type { margin: 0; border-top: none; padding-top: 0px; } #startpage .startContainer.news > .singleContent { padding-top: 13px; } #startpage .startContainer.news > .singleContent > div.text div.info { width: 297px; float: right; } #startpage .startContainer.news > .singleContent > div.text div.info div.blockSpan { display: block } #startpage .startContainer.news > .singleContent > div.text div.info div.blockSpan p { margin: 0px; } #startpage .startContainer.news .text .heading { width: 297px; float: right; } #startpage .startContainer.news .text .heading.mainhead { width: 100%; margin: 0px 0px 20px 0px; } #startpage .startContainer.news .text .heading h2 { margin: 0; color: #944a87; font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; line-height: 24px; margin-bottom: 5px; display: inline-block; } #startpage .startContainer .imageContainer { -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); width: 250px; height: 166px; overflow: hidden; margin-right: 20px; float: left; cursor: pointer; } #startpage .startContainer .imageContainer img { width: 100%; height: 100%; } #startpage .startContainer .text { cursor: pointer; } #startpage .startContainer .text .heading span { margin: 0; color: #944a87; font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; line-height: 24px; margin-bottom: 5px; display: inline-block; } #startpage .startContainer .text .info h2 { margin: 0; padding: 0; font-weight: bold; font-size: 1em; margin-bottom: 5px; } #startpage .startContainer .text .readMore { color: #944a87; display: inline-block; margin: 5px 0 0 0; } #startpage .startContainer .text .readMore:hover { font-weight: bold; } #startpage .headingForum h2 { margin: 0; color: #944a87; font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; line-height: 24px; margin-bottom: 10px; } #startpage .forumContent .item { position: relative; padding: 5px 0; } #startpage .forumContent .item:nth-child(2n-1) { background: #f4f4f4; } #startpage .forumContent .item .ui-li-count.ui-btn-up-c { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; height: 20px; } #startpage .forumContent .item .ui-li-count.ui-btn-up-c a { text-decoration: none; } #startpage .forumContent .item .title { padding-right: 35px; margin-bottom: 4px; padding-left: 10px; } #startpage .forumContent .item .title a { color: #944a87; text-decoration: none; font-weight: normal; font-size: 16px; } #startpage .forumContent .item .info { padding-left: 10px; } #startpage .forumContent .item .poster { padding-left: 10px; } #startpage .forumContent .item .poster a { color: #974982; font-weight: normal; } #startpage .forumContent .item .rightinfo { position: absolute; right: 20px; bottom: 8px; } #startpage .forumContent .item .arrows { position: absolute; top: 0; bottom: 0; margin: auto; right: 0; height: 14px; line-height: 14px; } #startpage .forumContent .item .arrows a { color: #974982; font-weight: normal; } #startpage .forumContent .item .numberinfo { line-height: 14px; font-size: 12px; margin-right: 30px; } #startpage .forumContent .item .numberinfo a { font-weight: normal; } #startpage .forumContent .item a { text-decoration: none; font-weight: bold; } #startpage .forumContent .item .arrows a:hover, #startpage .forumContent .item .title a:hover, #startpage .forumContent .item .poster a:hover { color: #404040; } #startpage .forumContent .item .info a:hover, #startpage .forumContent .item .numberinfo a:hover { color: #974982; } .bjtCheckProductContent img { float: left; max-height: 200px; } .newsletterContent { border: 2px solid #974982; padding: 0 20px; } .newsletterContent .item { border-top: 1px solid #974982; display: table; width: 100%; background-color: #fff; cursor: pointer; position: relative; } .newsletterContent .item:first-of-type { border: none; } .newsletterContent .item.ui-sortable-helper { border: 1px solid #974982; } .newsletterContent .item.ui-sortable-placeholder { background: #EFE3EA; visibility: visible !important; } #pitTrendCompetitionForm { border: 2px solid #974982; padding: 10px 0; } #pitTrendCompetitionForm .item { margin: 0 0 10px 0; padding: 10px 15px; } #pitTrendCompetitionForm .item:nth-child(2n-1) { background: #E5E5E5; } #pitTrendCompetitionForm .item label { width: 150px; display: inline-block; color: #5B5B5B; } #pitTrendCompetitionForm .item input { width: 250px; display: inline-block; padding: 5px;} #pitTrendCompetitionForm .button { padding: 10px 15px; } #pitTrendCompetitionForm .button input { background: #974982; color: #fff; border: none; padding: 10px 20px; font-size: 14px; } #sqlCodeContainer { padding: 15px; border: 2px solid #974982; } #sqlCodeContainer .pitCompetitionCodeHeader { color: #974982; font-weight: bold; margin-bottom: 15px; } #sqlCodeContainer pre { display: block; margin: 0; padding: 0; white-space: pre-line; } .bjTrendBackToOverview, #competitionOverView .linkBtn { background: #974982; text-decoration: none; color: white; padding: 5px; display: block; width: 100px; text-align: center;margin-bottom: 10px; display: inline-block; cursor: pointer; } .bjTrendBackToOverview { width: auto; } #competitionOverView .list { border: 2px solid #A76D9F; } #competitionOverView .competitionItem { height: 30px; padding: 10px 15px; } #competitionOverView .competitionItem .label { display: inline-block; height: 30px; line-height: 30px; } #competitionOverView .competitionItem .linkBtn { float: right; width: auto; margin-left: 15px; height: 20px; } #competitionOverView .competitionItem:nth-child(2n-1) { background: #E5E5E5; } #addBoxToTrendletter { padding: 15px; background-color: #fff; } #addBoxToTrendletter .linkBtn {background: #974982; text-decoration: none; color: white; padding: 5px 15px; display: block; text-align: center;margin-bottom: 10px; display: inline-block; cursor: pointer; height: 20px; line-height: 20px; } #addBoxToTrendletter form { border: 2px solid #974982; } #addBoxToTrendletter form .item { padding: 15px 15px; } #addBoxToTrendletter form .item:nth-child(2n-1) { background: #E5E5E5; } #addBoxToTrendletter form .item label { width: 150px; display: block; float: left; height: 25px; line-height: 25px; } #addBoxToTrendletter form .item.checkbox label { width: auto; } #addBoxToTrendletter form .item.checkbox input { width: 20px; height: 20px; margin-left: 50px; } #addBoxToTrendletter form .item input { width: 350px; height: 20px; } #addBoxToTrendletter form .item textarea { width: 350px; resize: vertical; height: 120px; } #addBoxToTrendletter input.linkBtn { border: none; height: 35px; margin: 15px 0 15px 15px; } #bjTrendletter .deleteBtn { position: absolute; right: 5px; font-size: 53px; height: 30px; line-height: 26px; color: red; bottom: 20px; } #sortable .deleteBtn { width: 25px; height: 25px; top: 18px; font-size:18px; color: #934986; text-align: center; line-height: 24px; text-decoration: none; border: 2px solid #934986; border-radius: 20px; } #sortable .deleteBtn:hover { background: #ec8e8e; background: linear-gradient(white, #ec8e8e); border: 2px solid #dd4040; color: #dd4040; } .trendWrapper { padding: 15px; background: #fff; } .trendWrapper .linkBtn { display: block; background: #974982; color: #fff; padding: 5px 15px; float: left; text-decoration: none; } .trendletterList { border: 2px solid #974982; margin-top: 15px; } .trendletterList .item { display: table-row; } .trendletterList .item:nth-child(2n-1) { background: #E5E5E5; } .trendletterList .item > div { display: table-cell; width: 1%; padding: 15px 0; vertical-align: middle; } .trendletterList .item > div:first-of-type { padding-left: 15px; } .trendletterList .item > div:last-of-type { padding-right: 15px; } .trendletterList .item .linkBtn { float: right; } #startpageEdit { padding: 15px; background: #fff; } #startpageEdit .item { border-top: 2px solid #e2e2e2; padding: 20px 0; color: #828282; position: relative; } #startpageEdit .item.ui-sortable-placeholder { background: #EFE3EA; visibility: visible !important; } #startpageEdit .item .imageContainer { -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.25); width: 250px; height: 166px; overflow: hidden; margin-right: 20px; float: left; cursor: pointer; } #startpageEdit .item .imageContainer img { width: 100%; height: 100%; } #startpageEdit .item .text { cursor: pointer; } #startpageEdit .item .text .heading span { margin: 0; color: #944a87; font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; line-height: 24px; margin-bottom: 5px; display: inline-block; } #startpageEdit .item .text .info h2 { margin: 0; padding: 0; font-weight: bold; font-size: 1em; margin-bottom: 5px; } #startpageEdit .item .text .readMore { color: #944a87; display: inline-block; margin: 5px 0 0 0; } #startpageEdit .item .text .readMore:hover { font-weight: bold; } #startpageEdit .list { border: 2px solid #944a87; padding: 15px; } #startpageEdit .item:last-of-type { border-bottom: 2px solid #e2e2e2; } .block0Heading, .block1Heading { color: #974982; font-size: 18px; margin: 15px 0; } #startpageEdit .linkBtn { display: block; background: #974982; color: #fff; padding: 5px 15px; float: left; text-decoration: none; margin-top: 15px; cursor: pointer; margin-right: 15px; } #startpageEdit .item .deleteBtn { position: absolute; right: 5px; font-size: 53px; height: 30px; line-height: 26px; color: red; bottom: 20px; cursor: pointer; } #startpageEdit .editBtn { display: block; position: absolute; top: 10px; right: 0; background: url('/media/system/images/edit.png') no-repeat; background-position: top right; background-size: 25px; height: 40px; width: 40px; } #startpageAddBox { background: #fff; padding: 15px; } #startpageAddBox .linkBtn { display: block; background: #974982; color: #fff; padding: 5px 15px; float: left; text-decoration: none; margin-bottom: 15px; } #startpageAddBox form { border: 2px solid #974982; } #startpageAddBox form .item { padding: 10px 15px; } #startpageAddBox form .item:nth-child(2n) { background: #E5E5E5; } #startpageAddBox form .item label { margin-right: 25px; width: 350px; display: inline-block; } #startpageAddBox form input[type=submit] { display: block; background: #974982; color: #fff; padding: 5px 15px; float: left; text-decoration: none; margin-top: 15px; cursor: pointer; border: none; margin: 15px 0 15px 15px; } div.mod_pitaffiliate span.heading { margin: 0; color: #944a87; font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; line-height: 24px; margin-bottom: 5px; display: block; } div.mod_pitaffiliate span.subheading { color: #828282; margin: 0; padding: 0; font-weight: normal; font-size: 14px; margin-bottom: 5px; display: block; line-height: 1.5; } div.mod_pitaffiliate ul { list-style-type: none; margin: 0px; padding-left: 0px; } div.mod_pitaffiliate ul li { padding: 0px 20px } div.mod_pitaffiliate ul li:first-of-type div.couponWrapper { margin-top: 0px; padding-top: 20px; border-bottom: none; padding-bottom: 20px; margin-bottom: 0px; border-bottom: 2px solid #e2e2e2; } div.mod_pitaffiliate ul li div.couponWrapper { border-bottom: 2px solid #e2e2e2; margin: 20px 0px; padding-bottom: 20px; max-height: 200px; } div.mod_pitaffiliate ul li div.couponWrapper > div { display: inline-block; vertical-align: top; } div.mod_pitaffiliate ul li:last-of-type div.couponWrapper { border-bottom: none; padding-bottom: 20px; margin-bottom: 0px; } div.mod_pitaffiliate ul li div.couponWrapper div.right , div.mod_pitaffiliate ul li div.couponWrapper div.left { height: 100%; } div.mod_pitaffiliate ul li div.couponWrapper div.left { width: 50%; vertical-align: middle; } div.mod_pitaffiliate ul li div.couponWrapper div.left img { padding-top: 42%; max-width: 110px; } div.mod_pitaffiliate ul li div.couponWrapper div.right { width: 50%; } div.mod_pitaffiliate ul li div.couponWrapper div.right a { background: #974982; text-decoration: none; color: white; padding: 5px; display: block; width: 100px; text-align: center; margin-bottom: 10px; margin: 0; width: 110px; border-radius: 5px;} .weddingSpecialWrap .headerFrame + .imgWrap { margin-top: 10px; } .weddingSpecialWrap p { color: #828282; } .weddingTrendsArticles { font-size: 0; } .weddingTrendsArticles .teaser, .weddingTrendsArticles .readMore { font-size: 14px; } .weddingTrend { border-bottom: 2px solid #d2d2d2; } .weddingTrend .imgWrap { display: inline-block; } .weddingTrend .imgWrap a { display: inline-block; } .weddingTrend .imgWrap a span { display: inline-block; width: 264px; height: 170px; background-size: cover; background-position: 50%; } .weddingTrend .articleHeading { margin: 0; margin-bottom: 5px; } .weddingTrend .teaser { margin: 0; overflow: hidden; } .weddingTrend .readMore a { color: #934986; } .weddingTrend .readMore a:hover { font-weight: bold; } .weddingTrend.tile { display: inline-block; box-sizing: border-box; width: 50%; padding: 20px; } .weddingTrend.tile:nth-of-type(odd) { padding-left: 0; } .weddingTrend.tile:nth-of-type(even) { padding-right: 0; } .weddingTrend.tile .articleHeading { margin-top: 10px; } .weddingTrend.tile .teaser { height: 67px; } .weddingTrend.list { padding: 20px 0; } .weddingTrend.list .imgWrap { margin-right: 15px; float: left; box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.25); } .weddingTrend.list .teaser { min-height: 42px; max-height: 109px; } .adminArea ul { margin: 0; padding: 0; list-style: none; } .adminArea ul li { padding: 5px 10px; margin-bottom: 6px; background: #ebebeb; } .adminArea ul a { display: inline-block; color: #924887; text-decoration: none; } .adminArea ul a:hover { text-decoration: underline; } .bjtItemContent.adminArea.adminGallery p { margin-bottom: 5px; padding: 5px 10px; font-weight: bold; } /*-------------------------------------------------- Admin Galleries { --------------------------------------------------*/ .adminGallery button { padding: 0 10px; font-family: 'Open Sans Condensed'; font-size: 18px; font-weight: normal; color: white; border-radius: 4px; border: 1px solid #924887; background: #924887; background: linear-gradient(160deg, #924887 24%,#bb8eb4 50%,#924887 77%); } .adminGallery button.right { margin-left: 10px; float: right; border: 1px solid #bcbcbc; background: #909090; background: linear-gradient(160deg, #909090 24%,#bcbcbc 50%,#909090 77%); } .adminGallery button.right:hover { border: 1px solid #924887; background: #924887; background: linear-gradient(160deg, #924887 24%,#bb8eb4 50%,#924887 77%); } .newGal { padding: 15px; background: #ebebeb; } .newGal form { margin-bottom: 15px; } .newGalItemsWrap { margin-top: 10px; } .newGalItem { padding: 10px; } .newGalItem:nth-of-type(odd) { background: #f2f2f2; } .newGalItem p { padding: 0; font-weight: bold; } .galItemPt { padding: 2px; clear: both; } .galItemPt label { width: 158px; display: inline-block; } .galItemPt input, .galItemPt textarea { width: 60%; } .galItemPt input[type="checkbox"] { width: initial; } .galItemPt.discr label { vertical-align: top; } .galItemPt.text label { vertical-align: top; } .newGalControls { margin: 30px 0; } .newGal button { display: block; margin-right: 3px; float: left; } .newGal input[type="submit"] { display: block; padding: 5px 20px; float: right; font-family: 'Open Sans Condensed'; font-size: 18px; font-weight: bold; color: white; border-radius: 4px; border: 1px solid #bcbcbc; background: #909090; background: linear-gradient(160deg, #909090 24%,#bcbcbc 50%,#909090 77%); } .newGal input[type="submit"]:hover { border: 1px solid #924887; background: #924887; background: linear-gradient(160deg, #924887 24%,#bb8eb4 50%,#924887 77%); } bjImageGalleryNavibar .page { vertical-align: middle; } /*-------------------- Custom { --------------------*/ .adminGallery.edit label { font-weight: bold; } .adminGallery.edit .formWrap { margin-top: 30px; padding: 20px; background: #ebebeb; } .galItemPt.beforeAfter label { width: 120px; } .galItemPt.beforeAfter input { width: initial; margin-right: 40px; } /* TinyMCE Button Overwrite */ .mce-btn button { border-radius: 0; border: 1px solid #c8c8c8; background: transparent; } i.mce-ico { width: initial; height: initial; } /*----- } Custom -----*/ /*-------------------- } Admin Galleries --------------------*/ .edit.item-page .nav.nav-tabs { display: none; } .control-group { margin: 5px 0; } .control-label { display: inline-block; width: 180px; vertical-align: top; } .controls { display: inline-block; } .btn-group { display: inline-block; margin-right: 15px; } .bjImageGalleryImage > a img { max-width: 500px; max-height: 300px; } .bjImageGalleryImage .bjImageGalleryText .title h2 a { margin: 10px 0px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; } /*-------------------------------------------------- Admin Manage Blog { --------------------------------------------------*/ .adminManageBlog form { box-sizing: border-box; display: block; width: 100%; padding: 15px; background: #e3e3e3; } .form-head { margin: 0 0 15px 0; font-size: 16px; font-weight: bold; } .form-row { margin: 10px 0; font-size: 0; } .form-row label { display: inline-block; width: 20%; font-size: 14px; font-weight: bold; } .form-row input { width: 79%; } .form-buttons { margin: 10px 0 0 0; } .form-buttons button { padding: 0 10px; font-family: 'Open Sans Condensed'; font-size: 18px; font-weight: normal; color: white; border-radius: 4px; border: 1px solid #924887; background: #924887; background: linear-gradient(160deg, #924887 24%,#bb8eb4 50%,#924887 77%); } .form-submit { float: right; } .posters { font-size: 0; margin-top: 15px; padding: 12px; box-shadow: 0 0 10px grey; } .posters h4 { margin: 0; font-size: 1rem; } .posters .poster { display: inline-block; width: 269px; margin: 8px; position: relative; overflow: hidden; } .posters .posterData { box-sizing: border-box; width: 100%; padding: 3px 4px 12px; position: absolute; bottom: -33px; font-size: 12px; color: #934986; background: rgba(255,255,255, 0.6); -webkit-transition: bottom 0.7s, background 0.7s; -moz-transition: bottom 0.7s, background 0.7s; transition: bottom 0.7s, background 0.7s; } .posters .imgWrap:hover .posterData { bottom: 0; background: rgba(255,255,255, 0.8);} .posters .deleteBtn { display: block; width: 25px; height: 25px; position: absolute; top: 7px; right: -30px; font-size:18px; color: #934986; text-align: center; line-height: 24px; text-decoration: none; border: 2px solid #934986; border-radius: 20px; background: rgba(255,255,255, 0.4); opacity: 0; -webkit-transition: right 0.7s, opacity 0.7s; -moz-transition: right 0.7s, opacity 0.7s; transition: right 0.7s, opacity 0.7s; } .posters .imgWrap:hover .deleteBtn { right: 7px; opacity: 1; } .posters .deleteBtn:hover { cursor: pointer; background: #ec8e8e; background: linear-gradient(white, #ec8e8e); border: 2px solid #dd4040; color: #dd4040; } /*-------------------- } Admin Manage Blog --------------------*/ /*-------------------------------------------------- Plista widget { --------------------------------------------------*/ span.plistaHl.plistaWidgetHead { font-family: 'Open Sans Condensed', sans-serif; background: url(../images/boxHeaderBg.png) 0 0 repeat-x; color: #ffffff; font-size: 18px; font-weight: normal; width: 100%; padding: 2px 18px; box-sizing: border-box; margin: 0; line-height: 25px; border-radius: 3px 3px 0 0; } .plista_widget_standard_1_item.itemLink, .plista_widget_standard_1_item.itemLinkPET { height: 76px; border-bottom: 1px solid #e2e2e2; } .plista_widget_standard_1_item.itemLink.item1, .plista_widget_standard_1_item.itemLinkPET.item1 { padding-top: 10px; } .plista_widget_standard_1_item.itemLink .itemTitle, .plista_widget_standard_1_item.itemLinkPET .itemTitle { font-family: 'Open Sans Condensed', sans-serif; font-weight: normal; color: #974982; font-size: 16px; } .plista_widget_standard_1_item.itemLink .itemTitle::after, .plista_widget_standard_1_item.itemLinkPET .itemTitle::after { content: ">>"; margin-left: 8px; } .plista_widget_standard_1_item.itemLink .itemText, .plista_widget_standard_1_item.itemLinkPET .itemText { color: #828282; } .plista_widget_standard_1_item.itemLink .itemMore, .plista_widget_standard_1_item.itemLinkPET .itemMore { font-weight: normal; color: #974982; font-size: 14px; } /*-------------------- } Plista widget --------------------*/ /*---------------------------------------- Admin Image Manager { ----------------------------------------*/ .imagemanager { padding: 30px; border: 1px solid #dbdbdb; border-radius: 8px; background: white; } .imagemanager::after { content: '.'; display: block; height: 0; visibility: hidden; clear: both; } #fuSubmit { padding: 9px; float: right; font-size: 16px; font-weight: bold; color: white; border: none; border-radius: 3px; background: #a86ca0; } #fuSubmit:hover { background: #934986; } /*-------------------- } Admin Image Manger --------------------*/ .snowContainer { position: fixed; top: 0; left: 0; z-index: 11; pointer-events: none; } #xMasWrapper .bjtCompetitionContent fieldset div:first-child { margin-top: 0; } img.flowing-left { float: left; margin-right: 10px; margin-bottom: 20px; } img.flowing-right { float: right; margin-left: 10px; margin-bottom: 20px; } a.readMoreWithBorder, .bjtTrendDetailText a.readMoreWithBorder { display: inline-block; padding: 0 40px; border: 1px solid #974982; text-align: center; text-transform: uppercase; background: white; height: 41px; line-height: 41px; margin: 0 auto 30px; color: #828282; text-decoration: none; position: relative; left: 50%; transform: -webkit-translateX(-50%); transform: -moz-translateX(-50%); transform: -o-translateX(-50%); transform: -ms-translateX(-50%); transform: translateX(-50%); } .readMoreWithBorder::after { background: #974982; border-radius: 50%; content: ">"; color: #fff; font-size: 12px; font-weight: bold; padding: 5px 6px 4px 6px; margin-left: 5px; line-height: 12px; position: relative; top: -2px; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0;-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); transform: scale(0); transition-duration: .5s; } .readMoreWithBorder:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .clr { clear: both; } ul.menu li[data-entry-count] { position: relative; margin-right: 5px !important; z-index: 102 !important; } ul.menu li[data-entry-count]::after { content: attr(data-entry-count); position: absolute; display: inline-block; top: -17px; right: -24px; background-image: url('../images/bj_bubble.png'); background-position: 0 50%; background-size: auto; background-repeat: no-repeat; width: 30px; height: 31px; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; line-height: 31px; color: #9762a0; padding-left: 2px; } ul.menu li[data-entry-count] ul li[data-entry-count]::after { position: relative; font-size: 11px; top: -5px; right: -3px; background-size: contain; width: 26px; height: 27px; line-height: 27px; } .twoInRow { display: inline-block; width: 49%; } a.fb { color: white!important; text-decoration: none!important; background: #3b5999; display: inline-block; height: 29px; line-height: 29px; padding-left: 29px; padding-right: 7px; position: relative; font-family: sans-serif; font-size: 10px; } a.fb:before { content: url('../images/facebook.svg'); display: inline-block; width: 14px; height: 14px; position: absolute; left: 7px; top: 7px; } /* ads */ .h5-footer-ad-container { bottom: 0; display: none; margin-left: auto; margin-right: auto; max-width: 970px; overflow: visible; position: fixed; left: 50%; transform: translate(-50%, 0); z-index: 900; /* set this to a value that enables the footer ad to overlap any other elements on the page. */ } .h5-footer-ad-close { align-items: center; appearance: none; background-color: #cbcdce; border: 2px solid #222223; border-radius: 12px 12px 0 0; color: #222223; display: flex; height: 24px; justify-content: center; position: absolute; right: 0; top: -24px; width: 60px; } @media (min-width: 1000px) { .h5-footer-ad-close { border-radius: 0 12px 12px 0; height: 60px; width: 24px; right: -24px; top: 0 } } .h5-footer-ad-close:hover { background-color: white; } .h5-footer-ad-close::after { content: "×"; display: inline-block; } .is-shifted-bottom { margin-bottom: -70px; } .is-shifted-bottom:hover { margin-bottom: 0; }