/* #990000 rot #555555 dunkelgrau als HIntergrund #444444 dunkelgrau Schriftfarbe */ body { margin: 0; padding: 0; font-size: 12px; background-color: #ffffff; } #layout { width: 994px; margin: 0 auto 10px auto; } #headernav { height: 100px; padding: 0 11px; background: url(../../mangoo_custom/images/layout/miz-logo.png) no-repeat 12px 40px; } #header { height: 304px; padding: 0 11px; background: url(../../mangoo_custom/images/layout/background_header.png) no-repeat center top; } #headersmall { height: 111px; padding: 0 11px; background: url(../../mangoo_custom/images/layout/background_header.png) no-repeat center top; } #mainnav { height: 30px; padding: 0 11px; background: url(../../mangoo_custom/images/layout/background_mainnav.png) no-repeat center top; } #subnav { height: 40px; padding: 0 11px; background: url(../../mangoo_custom/images/layout/background_content_col4.png) repeat-y center; } #prefix_home { padding: 0 11px; background: url(../../mangoo_custom/images/layout/background_content_col31.png) repeat-y center; } #prefix_location1 { float: left; width: 154px; padding: 0 0 0 19px; } #prefix_location2, #prefix_location3, #prefix_location4 { float: left; width: 154px; padding: 0 0 0 25px; } #prefix_contact { float: left; width: 205px; padding: 0 0 0 38px; } #prefix_end { clear: both; height: 30px; } #content { padding: 0 11px; background: url(../../mangoo_custom/images/layout/background_content_col211.png) repeat-y center; } #content_home { padding: 0 11px; background: url(../../mangoo_custom/images/layout/background_content_col1111.png) repeat-y center; } #col11 { float: left; width: 205px; padding: 0 0 0 19px; } #col12 { float: left; width: 448px; padding: 0 0 0 19px; } #col21 { float: left; width: 205px; padding: 0 0 0 38px; } #col31 { float: left; width: 205px; padding: 0 0 0 38px; } #col41 { float: left; width: 205px; padding: 0 0 0 38px; } #subsubnav { margin: 0; padding: 0; } #col31_content { margin: 0; padding: 0; } #content_end { clear: both; height: 46px; background: url(../../mangoo_custom/images/layout/background_content_end.png) repeat-y center; } #footer { height: 130px; padding: 0 11px; overflow: visible; background: url(../../mangoo_custom/images/layout/background_footer.png) no-repeat center bottom; } #footernav1 { float: left; width: 205px; padding-left: 19px; } #footernav2, #footernav3, #footernav4 { float: left; width: 205px; padding-left: 38px; } .layoutimage { margin: 0 0 12px 0; } .breadcrumbs {} a { text-decoration: none; color: #990000; } a:link, a:visited {} a:active, a:hover { text-decoration: underline; } a[href^="http:"] {} a[href^="mailto:"] {} .text { color: #333333; font: 11px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .strong { font-weight: bold; } .error { color: #B21A0F; font: bold 11px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } em { background-color: #B5D5FF; font-weight: inherit; font-style: inherit; } .cblock { clear: both; margin: 36px 0 0 0; } .cblock.firstchild { margin-top: 0; } .cblock.highlight {} .cblock.article.standard {} .cblock.article.teaser {} .cblock.article.headline {} .cblock.article.first {} .cblock.messagetop {} .cblock.messagebottom {} .cblock.article.first {} #headernav ul { margin: 0; padding: 66px 0 0 0; list-style-type: none; float: right; } #headernav li { float: left; display: inline; margin: 0; padding: 0; font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-right: 1px solid #990000; } #headernav li a { display: block; text-decoration: none; padding: 0 20px; color: #990000; text-transform: uppercase; line-height: 12px; } #headernav li a:hover { text-decoration: underline; } #headernav li.last { border: none; } #headernav li.last a { padding-right: 2px; } #mainnav ul { margin: 0; padding: 0 0 0 0; list-style-type: none; } #mainnav li { float: left; display: inline; margin: 0; padding: 0; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #mainnav li a { display: block; text-decoration: none; padding: 0 20px; color: #ffffff; line-height: 30px; border-right: 1px solid #d08894; } #mainnav li a:hover { color: #d08894; } #mainnav li.selected a, #mainnav li.active a { color: #ffffff; background-color: #555555; } #subnav ul { margin: 0; padding: 9px 0 0 0; list-style-type: none; } #subnav li { float: left; display: inline; margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; } #subnav li a { display: block; text-decoration: none; padding: 0 10px; color: #990000; } #subnav li a:hover { color: #d08894; } #subnav li.selected a, #subnav li.active a { color: #444444; } #subnav li.first a { padding-left: 20px; } #subsubnav ul { margin: 0; padding: 0 0 26px 0; list-style-type: none; } #subsubnav li { margin: 0; padding: 0 0 10px 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; } #subsubnav li a { display: block; text-decoration: none; color: #990000; } #subsubnav li a:hover { color: #d08894; } #subsubnav li.selected a, #subsubnav li.active a { color: #444444; } #footer h2 { margin: 2px 0 14px 0; padding: 0; color: #ffffff; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; } #footer ul { margin: 0; padding: 0; list-style-type: none; } #footer li { margin: 0; padding: 0 0 4px 0; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #footer li a { margin: 0; padding: 0; text-decoration: none; color: #ffffff; } #footer li a:hover { text-decoration: underline; } .article h3 { margin: 0 0 12px 0; color: #333333; font: normal 11px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; letter-spacing: .2em; } *html .article h3 { margin-bottom: 18px; } .article h1 { margin: 0 0 12px 0; padding: 0 0 12px 0; color: #990000; font: bold 17px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-bottom: 2px solid #990000; } .article h2 { clear: both; margin: 22px 0 12px 0; color: #990000; font: bold 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .article p.info { margin: 0 0 12px 0; font-size: 11px; color: #666666; } .article p.info .date, .article p.info .author {} .article p.text { margin: 0 0 12px 0; color: #333333; font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .article p strong {} .article p i {} .article p u {} .article p.emph { color: #990000; font-size: 13px; font-weight: bold; } .article p.indent { padding-left: 24px; } .article p.quote { margin: 0 0 12px 9px; padding: 0 0 0 .8em; border-left: 1px solid #CCCCCC; font-style: italic; color: #666666; } .article p.small { font: 11px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #666666; width: 97%; } .article div.mediaplayer { margin: 0 0 12px 0; } .article div.mediaplayer p { color: #363328; font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .article p.footnote { margin: 0 0 12px 0; width: 90%; font-size: 11px; color: #666666; } .cblock .inlinelnk { /*padding-left: 12px; background: url(../../mangoo_custom/images/layout/link.png) no-repeat 2px 3px;*/ } .cblock .detaillink { /*padding-left: 12px; background: url(../../mangoo_custom/images/layout/link.png) no-repeat 2px 3px;*/ } .cblock.backlink { padding: 0; margin: 0; /*padding-left: 12px; background: url(../../mangoo_custom/images/layout/linkback.png) no-repeat 2px 3px;*/ } .cblock.backlink.top { display: none; } .cblock.backlink.bottom {} .article .image { padding: 4px 0 0 0; } .article .image.left { float: left; padding-right: 9px; } *html .article .image.left { padding: 4px 0 0 0; } .article .image.right { float: right; padding-left: 9px; } *html .article .image.right { padding: 4px 0 0 0; } .article .image.middle { display: block; padding: 16px 0 12px 0; } .article .image p { margin: 2px 0 0 0; padding: 2px 0; font-size: 11px; text-align: center; background-color: #666666; color: #FFFFFF; } .article table { table-layout: auto; border-collapse: collapse; margin: 0 0 12px 0; width: 100%; } .article table td { padding: .2em .4em; vertical-align: top; font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333333; border: 1px solid #CCCCCC; } .article table tr.style1 td {} .article table tr.style2 td {} .article ul, .article ol { margin: 0 0 12px 0; width: 90%; } .article li { margin: 3px 0 3px 24px; font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333333; list-style-type: square; } .article ul.links { display: block; clear: both; list-style-type: none; } .article ul.links li { margin-left: 7px; } .article ul.links li a.files {} .article hr { display: block; border: 1px solid #990000; } .cblock.message { clear: both; margin: 0 0 36px 0; padding: 10px; background-color: #555555; } .cblock.message.error { background-color: #990000; } .cblock.message h1 { padding-bottom: 8px; color: #ffffff; font: bold 18px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .cblock.message p, .cblock.message p.text, .cblock.message li { color: #ffffff; font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .cblock.gallery { margin: 0; padding: 0; } .cblock.gallery div.galrow {} .cblock.gallery div.galrow div.image { position: relative; float: left; margin: 0 11px 11px 0; padding: 1px; width: 152px; height: 176px; border: 1px solid #CCCCCC; text-align: center; line-height: 148px; } *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: 12px; 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: 12px; 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: 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: 12px; 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: 448px; } .cblock form div.fields { padding: 0 0 12px 0; line-height: 30px; } .cblock form div.action {} .cblock form div.fields br { clear: both; } .cblock form div.fields label { display: block; float: left; width: 128px; margin: 0 6px 0 0; text-align: right; font: 12px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } *html .cblock form div.fields label { line-height: 20px; } .cblock form div.fields label span { font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields label.error, .cblock form div.fields label span.error { color: #B21A0F; 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 { text-align: left; } .cblock form div.fields input { width: 300px; margin: 0; padding: 2px 0; font-size: 12px; } *html .cblock form div.fields input { 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 select { width: 304px; margin: 2px 0 1px 0; padding: 0; } *html .cblock form div.fields select { margin-top: 1px; 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: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } *html .cblock form div.fields textarea { width: 438px; } .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 h1 { margin: 0 0 12px 0; padding: 0 0 12px 0; color: #990000; font: bold 18px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-bottom: 2px solid #990000; } .cblock form div.fields p.fieldcomment { float: left; width: 305px; margin: 5px 0; font: 11px/13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #666666; } *html .cblock form div.fields p.fieldcomment { margin-left: 3px; } .cblock form div.fields a { font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields span.text { float: left; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields span.radiotext { padding: 0 5px 0 2px; font: 12px "Helvetica Neue", 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 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; } #header { position: relative; } #header div.layoutimage, #headersmall div.layoutimage { margin: 0; padding: 0; z-index: 10; } #header div.noflash { position: absolute; top: 0; left: 11px; margin: 0; padding: 0; z-index: 20; } #header div.noflash #logo { position: absolute; left: 593px; z-index: 30; } #header div.noflash #logotext { position: absolute; left: 593px; width: 341px; height: 164px; padding: 32px 19px 108px 19px; z-index: 40; } #header div.noflash #logotext h1 { margin: 0 0 16px 0; padding: 0 0 6px 0; color: #990000; font: bold 22px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; border-bottom: 2px solid #990000; } #header div.noflash #logotext p.teaser { font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #990000; width: 90%; } #header object { position: absolute; top: 0; left: 11px; margin: 0; padding: 0; z-index: 20; } #carousel { position: relative; width: 972px; height: 304px; overflow: hidden; z-index: 10; } #carousel ul { list-style: none; margin:0; padding:0; position:relative; } #carousel ul li { display: inline; float: left; } #carousel_pagetitle { position: absolute; top: 268px; left: 30px; color: #ffffff; z-index: 20; font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #prefix_home h1 { padding-bottom: 0; font: 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; border: none; text-transform: uppercase; } #prefix_home p.text { font-size: 11px; line-height: 13px; } .cblock div.listfnc, .cblock div.listfncbottom { margin: 0; padding: 0 0 10px 0; } .cblock div.liststatus { float: left; font: 12px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333333; } .cblock div.backlnk { float: right; font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #922400; } .cblock div.listnav { float: right; font: 12px/18px "Helvetica Neue", 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; } #col41 .article h1, #prefix_contact .article h1 { padding-bottom: 0; font: 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; border: none; } #col41 .article table td, #prefix_contact .article table td { border: none; padding: 0; } #col41 .article table td.col1, #prefix_contact .article table td.col1 { width: 34px; } div.events.quickinfo { margin: 36px 0 0 0; padding: 0; } div.firstchild.events.quickinfo { margin-top: 0; } div.events.quickinfo h1 { margin: 0 0 12px 0; padding: 0 0 12px 0; color: #990000; font: bold 18px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-bottom: 2px solid #990000; } div.events.quickinfo table td { vertical-align: top; } div.events.quickinfo table td.col1 { padding: 3px 3px 3px 0; font-size: 11px; line-height: 1.5em; text-align: right; } div.events.quickinfo table td.col2 { padding: 3px 0 3px 0; font-size: 11px; line-height: 1.5em; } div.events.quickinfo table td.col1 span.date { color: #990000; font-weight: bold; } div.events.quickinfo table td.col2 span.title { color: #990000; font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } div.events.quickinfo a { font-size: 12px; } div.events.events h1 { margin: 0 0 12px 0; padding: 0 0 12px 0; color: #990000; font: bold 18px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-bottom: 2px solid #990000; } div.eventlist { margin-bottom: 20px; } div.eventlist p { margin: 0 0 12px 0; color: #333333; font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } div.eventlist .coll { float: left; width: 66px; } div.eventlist .coll p { text-align: right; } div.eventlist .coll p.date { color: #990000; } div.eventlist .colr { float: left; width: 358px; padding: 0 0 0 24px; } div.eventlist .colr h1 { padding: 0 0 2px 0; font: bold 16px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border: none; } #PAGEP104 #col12 .cblock.navigation { margin-top: 0; } #PAGEP104 #col12 ul { margin-left: 20px; list-style-type: none; } #PAGEP104 #col12 ul li { margin-left: 10px; padding: 2px; font-size: 14px; font-weight: bold; } #PAGEP104 #col12 ul ul li { font-size: 13px; font-weight: normal; } #PAGEP104 #col12 ul ul ul li { font-size: 12px; font-weight: normal; } 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; }