body { font-size: 13px; } #layout { position: relative; width: 970px; margin: 0 auto; } #headnavigation { height: 12px; padding: 8px 0 0 0; text-align: right; } #logo { height: 120px; background: url(../../mangoo_custom/images/layout/logo.gif) no-repeat 0 7px; } #navigation { height: 21px; background: url(../../mangoo_custom/images/layout/menu_off.gif) repeat-x 0 0; } #content { padding: 34px 0 0 0; } #col11, #col21, #col31, #col41, #col51 { float: left; width: 194px; border-top: 1px solid #FFFFFF; } #col12, #col22, #col32, #col42 { float: left; width: 388px; border-top: 1px solid #FFFFFF; } #col13, #col23, #col33 { float: left; width: 582px; border-top: 1px solid #FFFFFF; } #col14, #col24 { float: left; width: 776px; border-top: 1px solid #FFFFFF; } #col15 { float: left; width: 970px; border-top: 1px solid #FFFFFF; } #colclear { margin: 0; padding: 0; clear: both; line-height: 1px; } #footer { height: 12px; margin: 0 0 12px 0; padding: 6px 0 0 204px; background: url(../../mangoo_custom/images/layout/line.gif) repeat-x left top; text-align: right; } #spacer { height: 250px; } .layoutimage { margin: 0 0 9px 10px; } .breadcrumbs {} a { text-decoration: none; color: #CC6A12; } a:link, a:visited {} a:active, a:hover { text-decoration: underline; } a[href^="http:"] {} a[href^="mailto:"] {} .text { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; color: #333333; } .strong { font-weight: bold; } .error { color: #C91F11; font: normal 13px Arial, Helvetica, Geneva, sans-serif; } em { background-color: #B5D5FF; font-weight: normal; font-style: normal; } .cblock { clear: both; padding: 0 0 9px 0; } .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 12px 10px; color: #333333; font: normal 10px/1em Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; letter-spacing: .1em; } .cblock h1 { margin: 0 0 7px 10px; padding: 0 0 9px 0; color: #CC6A12; font: normal 15px/1em Arial, Helvetica, Geneva, sans-serif; background: url(../../mangoo_custom/images/layout/line.gif) repeat-x left bottom; } .cblock.highlight { background: url(../../mangoo_custom/images/div/highlight.gif) no-repeat 8px 2px; } .cblock.highlight h1 { padding-left: 13px; } .cblock h2 { clear: both; margin: 0 10px 12px 10px; padding-top: 9px; color: #CC6A12; font: normal 13px/1em Arial, Helvetica, Geneva, sans-serif; } .cblock p.info { margin: 0 10px 12px 10px; font-size: 11px; color: #666666; } .cblock p.info .date, .cblock p.info .author {} .cblock p.text { margin: 0 10px 18px 10px; color: #1B2C0C; font: 12px/18px Arial, Helvetica, Geneva, sans-serif; } .cblock p strong {} .cblock p i { color: #666666; } .cblock p u {} .cblock p.emph { font-size: 13px; color: #CC6A12; } .cblock p.quote { margin: 0 0 18px 9px; padding: 0 0 0 .8em; border-left: 1px solid #666666; font-style: normal; color: #666666; } .cblock p.small { font-size: 11px; width: 90%; } .cblock p.footnote { margin: -12px 10px 18px 10px; width: 90%; font-size: 11px; color: #666666; } .cblock div.mediaplayer { margin: 0 0 12px 10px; } .cblock div.mediaplayer p { color: #363328; font: 11px/19px Verdana, Arial, Helvetica, sans-serif; } .cblock .inlinelnk { padding-left: 11px; background: url(../../mangoo_custom/images/layout/link.gif) no-repeat 0 4px; } .cblock p .detaillink { display: block; margin: 6px 0 12px 0; padding-left: 11px; background: url(../../mangoo_custom/images/layout/link.gif) no-repeat 0 6px; } .cblock.backlink { padding-left: 11px; background: url(../../mangoo_custom/images/layout/backlink.gif) no-repeat 0 5px; } .cblock.backlink.top { display: none; } .cblock.backlink.bottom { margin: -18px 0 0 10px; } .cblock.article .image {} .cblock.article .image.left { float: left; margin: 4px 10px 0 10px; } .cblock.article .image.right { float: right; margin: 4px 10px 0 10px; } .cblock.article .image.middle { display: block; margin: 0 10px 18px 10px; } .cblock.article .image p { margin: 2px 0 0 0; padding: 2px 0; font-size: 10px; text-align: center; background-color: #999999; color: #FFFFFF; } .cblock table { table-layout: auto; border-collapse: collapse; width: 366px; margin: 0 10px 18px 10px; } .cblock table td { padding: .2em .4em .2em 0; line-height: 1.4em; vertical-align: top; font-size: 12px; color: #1B2C0C; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .cblock ul, .cblock ol { margin: 0 10px 18px 10px; } .cblock li { margin: 3px 0 3px 24px; font: 12px/18px Arial, Helvetica, Geneva, sans-serif; color: #333333; } .cblock ul.links { list-style-type: none; } .cblock ul.links li { margin-left: 0; } .cblock ul.links li a.files { background: url(../../mangoo_custom/images/layout/download.gif) no-repeat 0 4px; } .cblock.message { clear: both; margin: 0 0 18px 10px; padding: 0; border-left: 10px solid #669933; } .cblock.message h1 { color: #496C25; background-image: url(../../mangoo_custom/images/layout/line_message.gif); } .cblock.message p, .cblock.message li { color: #496C25; } .cblock.message.error { border-color: #C91F11; } .cblock.message.error h1 { color: #C91F11; background-image: url(../../mangoo_custom/images/layout/line_error.gif); } .cblock.message.error p, .cblock.message.error li { color: #C91F11; } .cblock form { margin: 0; padding: 0; } .cblock form div.fields { margin: 0 0 0 10px; padding: 0 0 12px 0; line-height: 25px; } .cblock form div.action { margin: 0; } .cblock form div.fields br { clear: both; } .cblock form div.fields h1 { margin: 0 0 14px 0; } .cblock form div.fields label { display: block; float: left; width: 120px; margin: 0 6px 0 0; text-align: left; font: normal 12px/25px Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields label.textarea { display: block; clear: both; width: 366px; text-align: left; } .cblock form div.fields label.checkboxlabel { margin: 5px 0; text-align: left; width: 200px; line-height: 15px; } .cblock form div.fields input { width: 228px; margin: 0; padding: 0; } *html .cblock form div.fields input { width: 218px; vertical-align: -5px; } .cblock form div.fields input.grid2 { width: 90px; } .cblock form div.fields input.grid3 { width: 180px; } .cblock form div.fields select { width: 228px; margin: 0; padding: 0; vertical-align: 1px; } *html .cblock form div.fields select { width: 222px; vertical-align: -5px; } .cblock form div.fields select.grid2 { width: 90px } .cblock form div.fields select.grid3 { width: 180px; } .cblock form div.fields textarea { float: left; width: 353px; height: 120px; font-family: Arial, sans-serif; } *html .cblock form div.fields textarea { width: 358px; } .cblock form div.fields input.checkbox { float: left; margin: 6px 3px 0 126px; width: 15px; } *html .cblock form div.fields input.checkbox { margin: 3px 3px 0 128px; } .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 24px 0 0; width: 140px; } *html .cblock form div.action input { margin-right: 26px; } .cblock form div.action p.info { float: left; } #headnavigation ul { position: absolute; top: 102px; right: 0px; list-style-type: none; } #headnavigation li { margin: 0; padding: 0 6px 0 0; display: inline; background: url(../../mangoo_custom/images/layout/bullet.gif) no-repeat right center; font: normal 11px Verdana, Arial, Helvetica, sans-serif; } *html #headnavigation li { padding: 0 2px 0 4px; } #headnavigation li.last { padding-right: 0; background: none; } #headnavigation li a { color: #CC6A12; } #navigation ul { margin: 0; padding: 0; list-style-type: none; } #navigation li { float: left; display: inline; margin: 0; padding: 0; border-right: 1px solid #FFFFFF; font: normal 12px Verdana, Arial, Helvetica, sans-serif; } #navigation li a { display: block; padding: 0 12px; color: #FFFFFF; text-decoration: none; line-height: 21px; } *html #navigation li a { padding-bottom: 1px; line-height: 20px; } #navigation li a:hover { background: url(../../mangoo_custom/images/layout/menu_on.gif) repeat-x 0 0; } #navigation li.selected, #navigation li.active { background: url(../../mangoo_custom/images/layout/menu_on.gif) repeat-x 0 0; } #col11 h2, #col21 h2 { padding: 0 0 5px 10px; font-size: 12px; line-height: 13px; color: #666666; } #col11 ul, #col21 ul { margin: 0 0 18px 0; list-style-type: none; } #col11 li, #col21 li { padding: 0 0 5px 10px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; line-height: 13px; } #col11 li a, #col21 li a { text-decoration: none; color: #000000; } #col11 li.selected, #col21 li.selected, #col11 li.active, #col21 li.active { background: url(../../mangoo_custom/images/layout/arrow_nav.gif) no-repeat 0 3px; } #col11 li.selected a, #col21 li.selected a, #col11 li.active a, #col21 li.active a { color: #CC6A12; } #col11 li a:hover, #col21 li a:hover { color: #E3A000; } li#P18, li#P19, li#P16 { padding-bottom: 20px; } .cblock p.address, .cblock p.person { margin: 0 10px 18px 10px; color: #1B2C0C; font: 12px/18px Arial, Helvetica, Geneva, sans-serif; } .cblock p.address .company { font-weight: bold; } .cblock table.comm { table-layout: auto; border-collapse: collapse; width: 366px; margin: 0 10px 18px 10px; } .cblock table.comm td { padding: .2em .4em .2em 0; vertical-align: top; font-size: 12px; color: #1B2C0C; } .cblock table.comm td.col1{ width: 50px; } .cblock div.listfnc { margin: 0 0 18px 10px; padding: 0 0 10px 0; background: url(../../mangoo_custom/images/layout/line.gif) repeat-x left bottom; } .cblock .listfncbottom { margin: 18px 0 0 10px; padding-top: 9px; background: url(../../mangoo_custom/images/layout/line.gif) repeat-x left top; } .cblock div.liststatus { float: left; color: #cc6a12; } *html .cblock div.liststatus { margin-left: 0; } .cblock div.listfnc div.backlnk { float: right; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #9696B0; } .cblock div.listnav { float: right; padding: 0 3px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #9696B0; } .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 { } .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 { color: #666666; } .cblock div.listnav a:hover span { color: #C43C16; } body.group_P11 .cblock table td { border: none; line-height: 13px; } body.group_P11 .cblock table td.col1 { width: 60px; } .cblock.news.quickinfo .cblock { padding-top: 3px; padding-bottom: 3px; } .cblock.news.quickinfo .cblock h1 { margin-bottom: 4px; padding-bottom: 0; font-size: 12px; background: none; color: #1B2C0C; font-style: italic; } .cblock.news.quickinfo .cblock h3 { margin-bottom: 6px; } .cblock.news.quickinfo .cblock p { margin-bottom: 0; } .cblock.news.quickinfo .cblock p .detaillink { margin-top: 0; } .cblock.events .coll img { margin-left: 10px; } .cblock.events .colr span { display: block; } .cblock.events span.sold_out { display: inline; padding: 0 3px; background-color: #e35300; color: #ffffff; } .cblock.events .eventlist { margin: 0 0 18px 0; } .cblock.events .eventlist .coll { float: left; width: 194px; } .cblock.events .eventlist .colr { float: left; width: 582px; } .cblock.events .eventlist .colr span.error { display: inline; } .cblock.events .eventlist .colr .subtitle { padding-bottom: 7px; font-weight: bold; } .cblock.events .eventlist .colr .online { padding-top: 7px; } .cblock.events .eventdetail .coll { float: left; width: 194px; } .cblock.events .eventdetail .colt { float: left; width: 582px; } .cblock.events .eventdetail .colm { float: left; border-top: 1px solid #FFFFFF; width: 388px; } .cblock.events .eventdetail .colr { float: left; border-top: 1px solid #FFFFFF; width: 194px; } .cblock.events .eventdetail .colm .subtitle { font-weight: bold; display: block; } .cblock.events .eventdetail .colm .artists { display: block; padding-top: 7px; } .cblock.events .eventdetail .colr .date { font-weight: bold; } .cblock.events .eventdetail .colr .error { font-weight: bold; } .cblock.events .eventdetail .colr .topic { font-weight: bold; color: #666666; } .cblock.events .eventdetail .colr .online { margin-top: 15px; } .cblock.events .eventdetail .colr .online a { margin: 0; padding: 0; background: none; } .cblock.events .eventdetail .colr a { padding-left: 11px; background: url(../../mangoo_custom/images/layout/link.gif) no-repeat 0 4px; } .cblock.events ul li.backlink { padding: 12px 0 0 11px; background: url(../../mangoo_custom/images/layout/backlink.gif) no-repeat 0 17px; } .cblock.events.quickinfo .event { padding-top: 3px; padding-bottom: 3px; } .cblock.events.quickinfo .event img { margin: 0 0 6px 10px; } .cblock.events.quickinfo .event h2 { margin-bottom: 4px; padding-bottom: 0; font-size: 13px; background: none; color: #1B2C0C; font-weight: bold; } .cblock.events.quickinfo .event p { margin-bottom: 0; line-height: 1.4em; } .cblock.events.quickinfo .event span { display: block; } .cblock.events.quickinfo .event .online { margin: 4px 0 0 0; } .cblock.events.quickinfo .event .online img { margin: 0; padding: 0; } .cblock.events.quickinfo .event .online a { margin: 0; padding: 0; background: none; } .cblock.events.quickinfo .event p .detaillink { margin-top: 0; background-position: 0 4px; } .cblock.websiteinfo { margin-left: 10px; padding-top: 5px; background: url(../../mangoo_custom/images/layout/line.gif) repeat-x left top; } .cblock.websiteinfo p { font: 11px/16px Arial, Helvetica, Geneva, sans-serif; color: #1B2C0C; } .events.orderform p.event_label { float: left; padding: 2px 0 0 0; width: 126px; line-height: 16px; } .events.orderform p.event_text { float: right; padding: 2px 0 0 0; width: 252px; line-height: 16px; } .cblock.navigation ul { margin-bottom: 0; } .cblock.navigation ul.level1 li { margin-top: 15px; font-size: 13px; } .cblock.navigation ul.level2 li, .cblock.navigation ul.level3 li, .cblock.navigation ul.level4 li, .cblock.navigation ul.level5 li { margin-top: 0; font-size: 12px; } .cblock.gallery { margin: 0; padding: 0; } .cblock.gallery div.galrow {} .cblock.gallery div.galrow div.image { position: relative; float: left; margin: 0 0 10px 10px; padding: 1px; width: 180px; height: 180px; border: 1px solid #CCCCCC; text-align: center; line-height: 152px; } *html .cblock.gallery div.galrow div.image { font-size: 140px; } *html .cblock.gallery div.galrow div.image.firstcol { margin-left: 5px; } .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: 1px; height: 17px; line-height: 17px; font-size: 11px; color: #666666; background-color: #FFFFFF; } .cblock.gallery div.image.detail { margin: 0 0 18px 10px; padding: 10px 10px 7px 10px; 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: 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: #9696B0; } #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; } #footer ul { margin: 0; padding: 0; list-style-type: none; } #footer li { margin: 0; padding: 1px 12px 1px 0; display: inline; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } *html #footer li { padding: 0 2px 0 4px; } #footer li.last { padding-right: 0; background: none; } #footer li a { color: #CC6A12; } #footer #L8 { padding-left: 15px; background: url(../../mangoo_custom/images/layout/print.gif) no-repeat } body.print { background-color: #FFFFFF; } body.print #layout { margin: 1cm auto; width: 14cm; } body.print #col11, body.print #col21, body.print #col31, body.print #col41, body.print #col51, body.print #col12, body.print #col22, body.print #col32, body.print #col42, body.print #col13, body.print #col23, body.print #col33, body.print #col14, body.print #col24, body.print #col15 { width: 100%; } body.print #printheader { padding: 0 0 20px 10px; 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; } body.print h1 { background-image: none; }