/* #0E007E blau #922400 rot #003333 grün #0E007E Linkfarbe #333333 grau Textfarbe #666666 grau helle Textfarbe #B5D5FF hellblau Markierung #CCCCCC grau Rahmen */ body { font-size: 12px; background-color: #ffffff; padding: 20px 0 20px 0; } #layout { width: 796px; margin: 0 auto 0 auto; background: url(../../mangoo_custom/images/layout/background.gif) repeat-y; } #logo { float: left; height: 184px; width: 208px; overflow: hidden; background: url(../../mangoo_custom/images/layout/logo.gif) no-repeat; } #header { float: left; height: 184px; width: 588px; background: url(../../mangoo_custom/images/layout/header1.jpg) no-repeat; } #navigation { clear: both; height: 30px; margin: 0 8px 0 8px; background-color: #922400; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #sidebar { float: left; width: 190px; padding: 0 5px 0 12px; } #content { float: left; width: 500px; padding: 20px 0px 0px 40px; } #footer { clear: both; height: 45px; background: url(../../mangoo_custom/images/layout/footer.gif) no-repeat; } .layoutimage { margin: 0 0 12px 0; } .breadcrumbs {} a { text-decoration: none; color: #922400; } a:link, a:visited {} a:active, a:hover { text-decoration: underline; } a[href^="http:"] {} a[href^="mailto:"] {} .text { color: #333333; font: 12px/19px Arial, Helvetica, Geneva, sans-serif; } .strong { font-weight: bold; } .error { color: #922400; font: bold 12px/19px Arial, Helvetica, Geneva, sans-serif; } em { background-color: #B5D5FF; 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 {} .cblock h3 { margin: 0 0 4px 0; font: normal 11px/1em "Courier New", Courier, mono; text-transform: uppercase; letter-spacing: .1em; } *html .cblock h3 { margin-bottom: 18px; } .cblock h1 { margin: 0 0 12px 0; color: #003333; font: bold 16px/1.4em Arial, Helvetica, Geneva, sans-serif; } .cblock.highlight h1 { padding: 4px 0 4px 30px; background: url(../../mangoo_custom/images/layout/highlight.gif) no-repeat; } .cblock h2 { clear: both; margin: 18px 0 12px 0; color: #003333; font: bold 14px/1em Arial, Helvetica, Geneva, sans-serif; } .cblock p.info { margin: 0 0 12px 0; font-size: 11px; color: #666666; } .cblock p.info .date, .cblock p.info .author {} .cblock p.text { margin: 0 0 12px 0; color: #333333; font: 12px/19px Arial, Helvetica, Geneva, sans-serif; } .cblock p strong {} .cblock p i {} .cblock p u {} .cblock p.emph { font-weight: bold; } .cblock p.indent { padding-left: 24px; } .cblock p.quote { margin: 0 0 12px 9px; padding: 0 0 0 .8em; border-left: 1px solid #CCCCCC; font-style: italic; color: #666666; width: 95%; } .cblock p.small { font-size: 10px; width: 97%; } .cblock div.mediaplayer { margin: 0 0 12px 0; } .cblock div.mediaplayer p { color: #363328; font: 11px/19px Arial, Helvetica, Geneva, sans-serif; } .cblock p.footnote { margin: 0 0 12px 0; width: 90%; font-size: 11px; color: #666666; } .cblock .inlinelnk { padding-left: 13px; background: url(../../mangoo_custom/images/layout/link.gif) no-repeat 1px 3px; } .cblock p .detaillink { display: block; float: right; margin: 18px 0 12px 0; padding-left: 13px; background: url(../../mangoo_custom/images/layout/link.gif) no-repeat 1px 5px; font-weight: normal; } .cblock.backlink {} .cblock.backlink.top { display: none; } .cblock.backlink.bottom { padding: 0 0 8px 13px; background: url(../../mangoo_custom/images/layout/linkback.gif) no-repeat 1px 3px; } .cblock.article .image { margin: 4px 0 0 0; } .cblock.article .image.left { float: left; margin-right: 9px; } .cblock.article .image.right { float: right; margin-left: 9px; } .cblock.article .image.middle { display: block; margin: 0 0 12px 0; } .cblock.article .image p { margin: 2px 0 0 0; padding: 2px 0; font-size: 11px; text-align: center; background-color: #dbd9cd; color: #333333; } .cblock.article table { table-layout: auto; border-collapse: collapse; margin: 0 0 12px 0; width: 100%; } .cblock.article table td { padding: 2px 3px; vertical-align: top; font: 12px/17px Arial, Helvetica, Geneva, sans-serif; color: #333333; border: 1px solid #d9d7cc; } .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: 12px/17px Arial, Helvetica, Geneva, sans-serif; color: #333333; } .cblock.article ul.links { display: block; clear: both; list-style-type: none; } .cblock.article ul.links li { margin-left: 7px; } .cblock.article ul.links li a { font-weight: bold; } .cblock.article ul.links li a.files {} .cblock.message { clear: both; } .cblock.message h1 { color: #003333; } .cblock.message, .cblock.message h1, .cblock.message p, .cblock.message p.text, .cblock.message li { color: #003333; } .cblock.message.error, .cblock.message.error h1, .cblock.message.error p, .cblock.message.error p.text, .cblock.message.error li { color: #922400; } .cblock.gallery { margin: 0; padding: 0; } .cblock.gallery div.galrow {} .cblock.gallery div.galrow div.image { position: relative; float: left; margin: 0 16px 16px 0; padding: 0; width: 152px; height: 101px; text-align: center; line-height: 96px; border: 1px solid #d9d7cc; } *html .cblock.gallery div.galrow div.image { font-size: 138px; } .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; width: 500px; 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: 12px; 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; } .cblock form { margin: 0; padding: 0; width: 460px; } .cblock form div.fields { padding: 0 0 12px 0; line-height: 25px; } .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: right; font: 12px/24px Arial, Helvetica, Geneva, sans-serif; } *html .cblock form div.fields label { line-height: 20px; } .cblock form div.fields label span { font: 11px Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields label.error, .cblock form div.fields label span.error { color: #922400; 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: 260px; line-height: 15px; } .cblock form div.fields label.radiolabel { margin: 5px 0; text-align: left; width: 280px; line-height: 15px; } .cblock form div.fields label.radiolabel.float { width: auto; float: left; padding-right: 10px; } .cblock form div.fields input { float: left; width: 300px; margin: 0; padding: 1px 0; font-size: 12px; } *html .cblock form div.fields input { margin-left: 3px; vertical-align: -5px; } .cblock form div.fields input.grid2 { width: 90px; margin-right: 5px; } .cblock form div.fields input.grid3 { width: 201px; } .cblock form div.fields input.grid4 { width: 56px; margin-right: 5px; } .cblock form div.fields select { width: 304px; margin: 2px 0 1px 0; padding: 0; } *html .cblock form div.fields select { margin: 1px 0 5px 0; vertical-align: -5px; } .cblock form div.fields select.grid2 { width: 94px; } .cblock form div.fields select.grid3 { width: 224px; } .cblock form div.fields select.grid4 { width: 60px; } .cblock form div.fields textarea { float: left; width: 445px; height: 160px; font-family: Arial, Helvetica, Geneva, sans-serif; } *html .cblock form div.fields textarea { width: 450px; } .cblock form div.fields input.checkbox { float: left; margin: 6px 3px 0 147px; width: 15px; } *html .cblock form div.fields input.checkbox { margin: 3px 3px 0 148px; } .cblock form div.fields input.radio { float: left; margin: 6px 3px 0 147px; width: 15px; } *html .cblock form div.fields input.radio { margin: 3px 3px 0 148px; } .cblock form div.fields input.radio2 { float: left; margin: 6px 3px 0 1px; width: 15px; } *html .cblock form div.fields input.radio2 { margin: 3px 3px 0 2px; } .cblock form div.fields input.image { width: auto; } .cblock form div.fields p.fieldcomment { float: left; width: 305px; margin: 5px 0; font: 11px/13px Arial, Helvetica, Geneva, sans-serif; color: #666666; } *html .cblock form div.fields p.fieldcomment { margin-left: 3px; } .cblock form div.fields a { font: 11px Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields span.text { float: left; margin: 2px 0 0 0; font: 12px/19px Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields span.radiotext { padding: 0 5px 0 2px; font: 12px/20px Arial, Helvetica, Geneva, sans-serif; vertical-align: 0; } *html .cblock form div.fields span.radiotext { vertical-align: -2px; } .cblock form div.fields label span.radiotext { font-weight: bold; } .cblock form div.fields div.voucher { float: left; width: 305px; margin: 5px 0; font: 11px/13px Arial, Helvetica, Geneva, sans-serif; color: #666666; } .cblock form div.fields div.voucher div.image { display: inherit; float: left; padding: 0 5px 0 0; } .cblock form #cpt { float: left; margin: -2px 10px 0 0; } .cblock form div.fields input.cptinput { width: 70px; } .cblock form div.action input { float: right; margin: 0 10px 0 0; padding: 1px; font-size: 12px; font-weight: bold; } *html .cblock form div.action input { margin-right: 7px; } .cblock form div.action p.info { float: left; } #logotext { visibility: hidden; } body.group_P1 #header { background-image: url(../../mangoo_custom/images/layout/header1.jpg); } body.group_P2 #header { background-image: url(../../mangoo_custom/images/layout/header2.jpg); } body.group_P3 #header { background-image: url(../../mangoo_custom/images/layout/header15.jpg); } body.group_P4 #header { background-image: url(../../mangoo_custom/images/layout/header16.jpg); } body.group_P5 #header { background-image: url(../../mangoo_custom/images/layout/header12.jpg); } body.group_P6 #header { background-image: url(../../mangoo_custom/images/layout/header14.jpg); } body.group_P7 #header { background-image: url(../../mangoo_custom/images/layout/header6.jpg); } #navigation ul { margin: 0; padding: 0; list-style-type: none; } #navigation li { float: left; display: inline; margin: 0; padding: 0; } #navigation li a { display: block; text-decoration: none; padding: 0 10px; text-transform: uppercase; font: 12px/30px Arial, Helvetica, Geneva, sans-serif; letter-spacing: .1em; color: #ffffff; } #navigation li a:hover { background-color: #003333; } #navigation li.selected a, #navigation li.active a { background-color: #003333; } #sidebar ul { padding: 10px 0 10px 11px; list-style-type: none; } #sidebar ul li { padding: 3px 0; } #sidebar ul li a { color: #922400; font-size: 13px; text-decoration: none; font-weight: bold; } #sidebar ul li a:hover { color: #003333; } #sidebar ul li.active a, #sidebar ul li.selected a { font-weight: bold; color: #003333; } #sidebar ul ul { padding: 2px 0 5px 0; list-style-type: none; } #sidebar ul ul li { padding: 2px 0; } #sidebar ul ul li a { padding-left: 10px; font-weight: normal !important; color: #922400 !important; font-size: 12px; text-decoration: none; background: url(../../mangoo_custom/images/layout/navbullet_off.gif) no-repeat 2px center; } #sidebar ul ul li a:hover { color: #003333 !important; background-image: url(../../mangoo_custom/images/layout/navbullet_on.gif); } #sidebar ul ul li.selected a { font-weight: bold !important; color: #003333 !important; background-image: url(../../mangoo_custom/images/layout/navbullet_on.gif); } #sidebar .content.sidebar { padding-left: 6px; } #sidebar #claims { padding: 5px 5px 5px 5px; } #sidebar #address { padding: 5px 5px 5px 5px; background: url(../../mangoo_custom/images/layout/sidebar_line.gif) no-repeat 0 0; } #sidebar div p { padding: 5px 0; font: 12px/14px Arial, Helvetica, Geneva, sans-serif; } #sidebar div p.green { font-weight: bold; color: #003333; } #sidebar #claims p.green { padding-left: 17px; background: url(../../mangoo_custom/images/layout/checkbox.png) no-repeat 0 3px; } #sidebar div p a { padding-left: 13px; background: url(../../mangoo_custom/images/layout/link.gif) no-repeat 1px 3px; font-weight: bold; } #sidebar .content.facebook { position: relative; padding: 8px 0 0 0px; background: url(../../mangoo_custom/images/layout/sidebar_line.gif) no-repeat 6px 0; } #sidebar .content.facebook img { position: absolute; top: 8px; left: 0; z-index: 2; } #sidebar .content.facebook iframe { z-index: 1; } .cblock.guestbook ul.links { display: block; clear: both; list-style-type: none; } .cblock.guestbook ul.links li { margin-left: 7px; } .cblock.guestbook ul.links li a { font-weight: bold; padding-left: 13px; background: url(../../mangoo_custom/images/layout/link.gif) no-repeat 1px 3px; } #PAGEP41 .cblock table td.col2, #PAGEP123 .cblock table td.col2, #PAGEP130 .cblock table td.col2 { width: 110px; text-align: right; } #PAGEP8 #content table td, #PAGEP117 #content table td { padding: 0; border: none; } #PAGEP8 #content table td.col1, #PAGEP117 #content table td.col1 { width: 70px; } .cblock div.listfnc, .cblock div.listfncbottom { margin: 0; padding: 0 0 10px 0; } .cblock div.liststatus { float: left; font: 12px/19px Arial, Helvetica, Geneva, sans-serif; color: #333333; } .cblock div.backlnk { float: right; font: 11px/19px Arial, Helvetica, Geneva, sans-serif; color: #922400; } .cblock div.listnav { float: right; font: 11px/19px 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; } .cblock.products h2.wsmonth { margin: 5px 0 10px 0; padding: 0 0 5px 0; font-size: 14px; color: #922400; border-bottom: 1px dashed #922400; } .cblock.products div.wssummary { padding-bottom: 30px; } .cblock.products div.wssummary h1 { margin: 0 0 5px 0; padding: 0; font-size: 14px; } .cblock.products div.wssummary h1 span.counter { font: normal 12px "Courier New", Courier, mono; } .cblock.products div.wssummary h2 { margin: 0 0 5px 0; padding: 0; font-size: 12px; } .cblock.products div.wssummary div.wstitle { } .cblock.products div.wssummary table.wssum { table-layout: auto; border-collapse: collapse; width: 100%; } .cblock.products div.wssummary table.wssum td { padding: 2px 3px 2px 0; vertical-align: top; font: 12px/17px Arial, Helvetica, Geneva, sans-serif; color: #333333; border-top: 1px solid #d9d7cc; border-bottom: 1px solid #d9d7cc; } .cblock.products div.wssummary table.wssum td.wsleft { width: 70px; } .cblock.products div.wssummary table.wssum td.wsmiddle { } .cblock.products div.wssummary table.wssum td.wsright { width: 90px; padding-right: 0; text-align: right; } .cblock.products div.wssummary table.wssum td.wslinks { text-align: right; } .cblock.products div.wssummary table.wssum td.wslinks a.inlinelnk { margin-left: 20px; } .cblock.products div.wssummary table.wssum td.wslinks a.inlinelnk.booking { font-weight: bold; } .cblock.products div.wssummary table.wssum td p { margin: 0; padding: 0; } .cblock.products div.wssummary table.wssum td span.wssmall { padding-left: 10px; text-align: right; color: #922400; font-weight: bold; font-style: italic; } div.noresults h2 { color: #922400; font-style: italic; } div.noresults p.text { font-style: italic; } .cblock form div.fields input.checkbox2 { float: left; margin: 6px 3px 0 0; width: 15px; } *html .cblock form div.fields input.checkbox2 { margin: 3px 3px 0 0; } .cblock form div.fields label.checkboxlabel a { font-size: 12px; } #footer ul { margin: 0; padding: 5px 5px 0 20px; list-style-type: none; background: url(../../mangoo_custom/images/layout/sidebar_line.gif) no-repeat 19px 0; } #footer li { float: left; display: inline; margin: 0; padding: 0; color: #922400; } #footer li a { display: block; padding: 0 4px; font: 11px/17px Arial, Helvetica, Geneva, sans-serif; color: #922400; } #footer li a:hover { } #footer li.selected a, #footer li.active a { } body.print { background-color: #FFFFFF; } body.print #layout { margin: 1cm auto; width: 14cm; } body.print #printheader { padding: 0 0 20px 0; background-color: #FFFFFF; } body.print #printheader p { font: 11px/1.4em "Courier New", Courier, mono; color: #666666; } body.print #printheader p.pagetitle { font-weight: bold; } body.print #content { background-color: #FFFFFF; }