/* #B4C23F Linkfarbe #66B4B0 türkis #36A3A5 türkis dunkler kleine Schrift #E2007A pink #B4C23F Grün Textfarbe #E2007A Pink Textfarbe */ body { font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; } #layout { width: 980px; margin: 40px auto 0 auto; } #header { height: 164px; background: url(../../mangoo_custom/images/layout/brutgeschaeft.png) no-repeat; } #main { background: url(../../mangoo_custom/images/layout/background.png) repeat-y; padding: 0 79px; } #claim { margin: 0 4px; } #claim .layoutimage { margin: 0; padding: 0; height: 46px; } #content { margin: 15px 4px 0 4px; } #content-article { margin: 30px 4px 0 50px; } #footer { position: relative; height: 154px; background: url(../../mangoo_custom/images/layout/footer.png) no-repeat; } #logofooter { padding: 20px 0 0 0; height: 120px; text-align: center; font: 11px Arial, Helvetica, Geneva, sans-serif; color: #E2007A; background: url(../../mangoo_custom/images/layout/logo_footer.png) no-repeat center 54px; } #floatclear { clear: both; } .layoutimage { margin: 0 0 12px 0; padding: 0; } .breadcrumbs {} span.bullet { padding: 0 3px; color: #E2007A; } a { text-decoration: none; color: #36A3A5; } a:link, a:visited {} a:active, a:hover { text-decoration: underline; } a[href^="http:"] {} a[href^="mailto:"] {} .text { color: #333333; font: 14px/22px Arial, Helvetica, Geneva, sans-serif; } .strong { font-weight: bold; } .error { color: #E2007A; font: bold 14px/22px Arial, Helvetica, Geneva, sans-serif; } em { background-color: #a6d8d1; font-weight: inherit; font-style: inherit; } .cblock { clear: both; padding: 0 0 15px 0; } .cblock.highlight {} .cblock.article.standard {} .cblock.article.teaser {} .cblock.article.headline {} .cblock.article.first {} .cblock.messagetop {} .cblock.messagebottom {} .cblock.articletop {} .cblock.articlebottom {} #header ul { margin: 0; padding: 80px 0 0 0; list-style-type: none; } #header li { float: left; display: inline; margin: 0; padding: 0; text-transform: uppercase; font: 14px Arial, Helvetica, Geneva, sans-serif; } #header li a { display: block; text-decoration: none; padding: 0; } #header ul li a { display: block; height: 43px; line-height: 43px; overflow: hidden; } #header ul li a div { visibility: hidden; } #header ul #P1 a { width: 79px; background: url(../../mangoo_custom/images/layout/nav_news.png) no-repeat; } #header ul #P1 a:hover, #header ul #P1.selected a { background: url(../../mangoo_custom/images/layout/nav_news_over.png) no-repeat; } #header ul #P2 a { width: 77px; background: url(../../mangoo_custom/images/layout/nav_idee.png) no-repeat; } #header ul #P2 a:hover, #header ul #P2.selected a { background: url(../../mangoo_custom/images/layout/nav_idee_over.png) no-repeat; } #header ul #P3 a { width: 103px; background: url(../../mangoo_custom/images/layout/nav_marken.png) no-repeat; } #header ul #P3 a:hover, #header ul #P3.selected a { background: url(../../mangoo_custom/images/layout/nav_marken_over.png) no-repeat; } #header ul #P4 a { width: 84px; background: url(../../mangoo_custom/images/layout/nav_fotos.png) no-repeat; } #header ul #P4 a:hover, #header ul #P4.selected a { background: url(../../mangoo_custom/images/layout/nav_fotos_over.png) no-repeat; } #header ul #P5 a { width: 102px; background: url(../../mangoo_custom/images/layout/nav_kontakt.png) no-repeat; } #header ul #P5 a:hover, #header ul #P5.selected a { background: url(../../mangoo_custom/images/layout/nav_kontakt_over.png) no-repeat; } #header ul #P6 a { width: 125px; background: url(../../mangoo_custom/images/layout/nav_brutpflege.png) no-repeat; } #header ul #P6 a:hover, #header ul #P6.selected a { background: url(../../mangoo_custom/images/layout/nav_brutpflege_over.png) no-repeat; } #footer ul { padding: 128px 0 0 0; list-style-type: none; text-align: center; } #footer li { display: inline; margin: 0; padding: 0 15px 0 5px; font-size: 12px; background: url(../../mangoo_custom/images/layout/star.png) no-repeat right 6px; } #footer li.first { padding-left: 0; background-position: right 0px; } #footer li.last { padding-right: 0; background: none; } .cblock h3 { width: 500px; margin: 0 0 6px 0; color: #E2007A; font: normal 11px/1em Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; letter-spacing: .1em; } *html .cblock h3 { margin-bottom: 18px; } .cblock h1 { width: 500px; margin: 0 0 8px 0; color: #B4C23F; font: bold 20px/1.2em Arial, Helvetica, Geneva, sans-serif; } .cblock.highlight h1 { padding: 10px 0 0 34px; background: url(../../mangoo_custom/images/layout/highlight.png) no-repeat; } .cblock h2 { clear: both; width: 500px; margin: 18px 0 12px 0; color: #333333; font: bold 15px/1em Arial, Helvetica, Geneva, sans-serif; } .cblock p.info { width: 500px; margin: 0 0 4px 0; font-size: 12px; color: #B4C23F; } .cblock p.info .date { font-weight: bold; } .cblock p.text { width: 500px; margin: 0 0 20px 0; color: #333333; font: 14px/22px Arial, Helvetica, Geneva, sans-serif; } .cblock p strong { color: #E2007A; } .cblock p i {} .cblock p u {} .cblock p.emph { width: 500px; font-weight: bold; color: #E2007A; font-size: 15px; } .cblock p.indent { width: 476px; padding-left: 24px; } .cblock p.quote { width: 430px; margin: 0 0 22px 0; padding: 5px 0 0 40px; font-style: italic; color: #a19e99; background: url(../../mangoo_custom/images/layout/quote.png) no-repeat 8px 0; } .cblock p.small { width: 480px; font-size: 10px; } .cblock div.mediaplayer { margin: 0 0 12px 0; } .cblock div.mediaplayer p { color: #363328; font: 14px/22px Arial, Helvetica, Geneva, sans-serif; } .cblock p.footnote { margin: 0 0 12px 0; width: 480px; font-size: 11px; color: #666666; } .cblock .inlinelnk { padding-left: 10px; background: url(../../mangoo_custom/images/layout/link.png) no-repeat 0 3px; } .cblock p .detaillink { display: block; float: right; margin: 18px 0 12px 0; padding-left: 10px; background: url(../../mangoo_custom/images/layout/link.png) no-repeat 0 3px; } .cblock.backlink { padding: 0 0 2em 0; padding-left: 10px; background: url(../../mangoo_custom/images/layout/linkback.png) no-repeat 0 3px; } .cblock.backlink.top { display: none; } .cblock.backlink.bottom {} .cblock.article .image { margin: 5px 0 0 0; } .cblock.article .image.left { float: left; margin-right: 9px; } .cblock.article .image.right { float: right; margin: 0; width: 200px; } .cblock.article .image.middle { display: block; margin: 0 0 12px 0; } .cblock.article .image p { margin: 2px 0 0 0; padding: 2px 0; text-align: left; color: #E2007A; font: 14px Arial, Helvetica, Geneva, sans-serif; } .cblock.article table { table-layout: auto; border-collapse: collapse; margin: 0 0 12px 0; width: 100%; } .cblock.article table td { padding: .2em .4em; vertical-align: top; font: 14px/20px Arial, Helvetica, Geneva, sans-serif; color: #333333; border: 1px solid #CCCCCC; } .cblock.article table tr.style1 td {} .cblock.article table tr.style2 td {} .cblock ul, .cblock ol { margin: 0 0 12px 0; width: 90%; } .cblock li { margin: 3px 0 3px 24px; font: 14px/20px Arial, Helvetica, Geneva, sans-serif; color: #333333; list-style-image: url(../../mangoo_custom/images/layout/star.png); } .cblock.article ul.links li a.files {} .cblock.message { clear: both; } .cblock.message h1 { color: #117F0C; } .cblock.message, .cblock.message h1, .cblock.message p, .cblock.message p.text, .cblock.message li { color: #117F0C; } .cblock.message.error, .cblock.message.error h1, .cblock.message.error p, .cblock.message.error p.text, .cblock.message.error li { color: #E2007A; } .cblock.gallery { margin: -15px 0 50px 0; padding: 0; } .cblock.gallery div.galrow {} .cblock.gallery div.galrow div.image { position: relative; float: left; margin: 0 4px 4px 0; width: 106px; height: 106px; text-align: center; line-height: 93px; } *html .cblock.gallery div.galrow div.image { font-size: 93px; } .cblock.gallery div.galrow div.image.lastcol { margin-right: 0px; } .cblock.gallery div.galrow div.image a, .cblock.gallery div.galrow div.image img { vertical-align: middle; } .cblock.gallery div.galrow div.image p { clear: both; margin: 0; padding: 0; font-size: 11px; color: #666666; } .cblock.gallery div.galrow div.image img.zoom { position: absolute; left: 2px; bottom: 1px; } .cblock.gallery div.galrow div.image p.title { position: absolute; margin: 0; padding: 0; right: 3px; bottom: 0px; height: 14px; line-height: 14px; font-size: 11px; color: #666666; background-color: #FFFFFF; } .cblock.gallery div.image.detail { margin: 0 0 18px 0; padding: 5px 5px 2px 5px; width: 478px; border: 1px solid #CCCCCC; text-align: center; } *html .cblock.gallery div.image.detail { padding-bottom: 10px; } .cblock.gallery div.image.detail img { margin: 0; padding: 0; } #ssinfo { position: relative; height: 19px; color: #FFFFFF; font-size: 14px; background-color: #000000; text-align: center; } #imagetitle { position: absolute; left: 5px; top: 2px; } #backlnk { position: relative; top: 2px; } #listnav { position: absolute; right: 5px; top: 2px; text-transform: uppercase; font-size: 11px; color: #FFFFFF; } #sscontrol { display: none; } #sscontainer { z-index: 2; position: absolute; top: 50%; width: 100%; } #ssimage { position: relative; display: block; margin: 0 auto; text-align: center; } #ssrewind { z-index: 1; position: absolute; top: 50%; width: 100%; } #ssrewind img { position: relative; display: block; margin: 0 auto; text-align: center; line-height: 70px; font-size: 35px; margin-top: -35px; } #PAGEP4 .cblock.article { width: 528px; margin-left: 143px; padding-bottom: 0; } .cblock.clickserie { padding-bottom: 20px; margin-bottom: 20px; background: url(../../mangoo_custom/images/layout/line.png) no-repeat bottom; } .cblock.clickserie .galleft { float: left; width: 123px; padding: 0 10px 0 10px; margin: 0; } .cblock.clickserie .galmiddle { float: left; width: 528px; margin: 0; padding: 0; } .cblock.clickserie .galright { float: left; width: 123px; padding: 0 0 0 10px; margin: 0; } .cblock.clickserie .galmiddle .galdetail { margin: 0; padding: 0; height: 399px; text-align: center; } .cblock.clickserie .galmiddle .galrow { margin: 0 auto; width: 528px; } .cblock.clickserie .galmiddle .galrow div.image { float: left; padding: 2px 1px; width: 51px; height: 39px; text-align: center; } .cblock.clickserie .galmiddle .galrow div.image img { border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff; } .cblock.clickserie .galmiddle .galrow div.image.firstcol { padding-left: 0; } .cblock.clickserie .galmiddle .galrow div.image.lastcol { padding-right: 0; } .cblock.clickserie .galmiddle .galrow div.image.current img { border-color: #E2007A; } .cblock.clickserie .galleft button.galprev { float: right; width: 97px; height: 45px; margin: 175px 0 0 0; padding: 0; background: none; background: url(../../mangoo_custom/images/layout/galprev_off.png) no-repeat; border: none; } .cblock.clickserie .galleft button.galprev:hover { background: url(../../mangoo_custom/images/layout/galprev_on.png) no-repeat; } .cblock.clickserie .galright button.galnext { float: left; width: 97px; height: 45px; margin: 175px 0 0 0; padding: 0; background: none; background: url(../../mangoo_custom/images/layout/galnext_off.png) no-repeat; border: none; } .cblock.clickserie .galright button.galnext:hover { background: url(../../mangoo_custom/images/layout/galnext_on.png) no-repeat; } .cblock.clickserie .galright .title { float: left; padding: 182px 0 0 4px; color: #E2007A; } #lbOverlay { background-color: #ffffff; } #lbCenter { border: 1px dashed #E2007A; } #lbBottomContainer { margin-top: 2px; } #lbPrevLink:hover { background: transparent url(../../mangoo_custom/images/slimbox/prevlabel.png) no-repeat 0 50%; } #lbNextLink:hover { background: transparent url(../../mangoo_custom/images/slimbox/nextlabel.png) no-repeat 100% 50%; } #lbBottom { padding-top: 6px; font: 12px/32px Arial, Helvetica, Geneva, sans-serif; color: #E2007A; text-align: center; border: none; } #lbCloseLink { width: 28px; height: 28px; margin: 0; background: transparent url(../../mangoo_custom/images/slimbox/closelabel.png) no-repeat center; } #lbCaption { margin: 0 36px; height: 16px; } #lbNumber { margin: 0 36px; } .cblock form { margin: 0 0 30px 0; padding: 0; width: 500px; } .cblock form div.fields { padding: 0 0 12px 0; line-height: 40px; } .cblock form div.action {} .cblock form div.fields br { clear: both; } .cblock form div.fields label { display: block; float: left; width: 140px; margin: 0 6px 0 0; text-align: left; font: 14px/40px Arial, Helvetica, Geneva, sans-serif; color: #36A3A5; } *html .cblock form div.fields label { line-height: 26px; } .cblock form div.fields label span { font: 14px Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields label.error, .cblock form div.fields label span.error { color: #E2007A; font-weight: bold; } .cblock form div.fields label.textarea { display: block; clear: both; width: 100%; text-align: left; } .cblock form div.fields label.checkboxlabel { margin: 5px 0; text-align: left; width: 300px; line-height: 15px; } .cblock form div.fields label.radiolabel { text-align: left; } .cblock form div.fields input { width: 336px; margin: 0; padding: 2px; font-size: 14px; border-top: none; border-right: none; border-bottom: 1px solid #66B4B0; border-left: 1px solid #66B4B0; color: #666666; } *html .cblock form div.fields input { vertical-align: -5px; } .cblock form div.fields input.grid2 { width: 110px; margin-right: 5px; } .cblock form div.fields input.grid3 { width: 221px; } .cblock form div.fields select { width: 344px; margin: 2px 0 1px 0; padding: 0; font-size: 14px; height: 24px; border: 1px solid #66B4B0; } *html .cblock form div.fields select { margin-top: 1px; vertical-align: -5px; } .cblock form div.fields select.grid2 { width: 114px; } .cblock form div.fields select.grid3 { width: 224px; } .cblock form div.fields select.grid4 { width: 60px; } .cblock form div.fields textarea { float: left; width: 485px; height: 160px; padding: 5px; font-family: Arial, Helvetica, Geneva, sans-serif; border: 1px solid #66B4B0; color: #666666; } *html .cblock form div.fields textarea { width: 482px; } .cblock form div.fields input.checkbox { float: left; margin: 6px 3px 0 145px; width: 15px; } *html .cblock form div.fields input.checkbox { margin: 3px 3px 0 148px; } .cblock form div.fields input.radio { width: 15px; } .cblock form div.fields input.image { width: auto; } .cblock form div.fields p.fieldcomment { float: left; width: 335px; margin: 5px 0; font: 11px/12px Arial, Helvetica, Geneva, sans-serif; color: #666666; } *html .cblock form div.fields p.fieldcomment { margin-left: 3px; } .cblock form div.fields a { font: 14px Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields span.text { float: left; font: 14px Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields span.radiotext { padding: 0 5px 0 2px; font: 14px Arial, Helvetica, Geneva, sans-serif; vertical-align: 1px; } *html .cblock form div.fields span.radiotext { vertical-align: -2px; } .cblock form div.fields label span.radiotext { font-weight: bold; } .cblock form #cpt { float: left; margin: 1px 10px 0 0; } .cblock form div.fields input.cptinput { width: 70px; } .cblock form div.action input { float: right; margin: 0; padding: 0; font-size: 14px; font-weight: bold; } .cblock form div.action p.info { float: left; } #btn_contactsubmit { width: 166px; height: 45px; border: none; background: url(../../mangoo_custom/images/layout/btn_send_off.png) no-repeat; } #btn_contactsubmit:hover { background: url(../../mangoo_custom/images/layout/btn_send_on.png) no-repeat; } #btn_newsletter { width: 166px; height: 45px; border: none; background: url(../../mangoo_custom/images/layout/btn_newsletter_off.png) no-repeat; } #btn_newsletter:hover { background: url(../../mangoo_custom/images/layout/btn_newsletter_on.png) no-repeat; } .cblock div.listfnc, .cblock div.listfncbottom { margin: 0; padding: 0 0 10px 0; } .cblock div.liststatus { float: left; font: 14px/22px Arial, Helvetica, Geneva, sans-serif; color: #333333; } .cblock div.backlnk { float: right; font: 14px/22px Arial, Helvetica, Geneva, sans-serif; color: #922400; } .cblock div.listnav { float: right; font: 14px/22px Arial, Helvetica, Geneva, sans-serif; } .cblock div.listnav span.firstlnk, .cblock div.listnav span.prevlnk, .cblock div.listnav span.middlelnk, .cblock div.listnav span.nextlnk, .cblock div.listnav span.endlnk, .cblock div.listnav span.backlnk { padding: 0 3px; color: #922400; text-transform: uppercase; } .cblock div.listnav span.firstnolnk, .cblock div.listnav span.prevnolnk, .cblock div.listnav span.middlenolnk, .cblock div.listnav span.nextnolnk, .cblock div.listnav span.endnolnk, .cblock div.listnav span.backnolnk { padding: 0 3px; color: #CCCCCC; text-transform: uppercase; } .cblock div.listnav a:hover span { color: #922400; } #footer-address, #footer-contact, #footer-open { position: absolute; top: 44px; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 18px; color: #36A3A5; } #footer-address { left: 40px; } #footer-contact { left: 313px; } #footer-open { left: 558px; } #footer img.star1 { vertical-align: 3px; } #footer img.star2 { vertical-align: -1px; } #footer img.star3 { vertical-align: -2px; } #footer img.star4 { vertical-align: 1px; } #claim #image-startpage { margin: 0; padding: 0; height: 230px; padding: 16px 0 0 0; background: url(../../mangoo_custom/images/layout/headimage_bg.png) no-repeat; } div.cblock.firstchild.news.quickinfo { margin: 0 4px 0 4px; } .news.quickinfo .infoblock { width: 267px; float: left; } .news.quickinfo .infoblock .headline { height: 24px; } .news.quickinfo .infoblock .date { width: 70px; float: left; margin: 0; padding: 0 10px 0 10px; text-align: right; font: 12px/16px Arial, Helvetica, Geneva, sans-serif; font-weight: bold; color: #E2007A; } .news.quickinfo .infoblock .infotext { width: 155px; margin: 0; padding: 0 20px 0 0; float: left; } .news.quickinfo .infoblock .infotext h1 { margin: 0; padding: 0; width: 155px; font: 14px/16px Arial, Helvetica, Geneva, sans-serif; font-weight: bold; } .news.quickinfo .infoblock .infotext h1 a { color: #B4C23F; } .news.quickinfo .infoblock .infotext p { width: 155px; padding-top: 8px; font: 12px/16px Arial, Helvetica, Geneva, sans-serif; color: #333333; } #brands_col1 { float: left; width: 238px; margin-right: 50px; } #brands_col2 { float: left; width: 238px; margin-right: 50px; } #brands_col3 { float: left; width: 238px; } #contact_col1 { float: left; width: 500px; margin-right: 50px; } #contact_col2 { float: left; width: 264px; margin: 0; padding: 0; } #contact_col2 h1 { width: 264px; margin-right: 0; }