/* #b08b2d Gold #a47917 Gold Text #032830 Hintergrund hell #021d22 Hintergrund dunkel #002129 Text #656565 helle Textfarbe */ body { font-size: 12px; background-color: #021d22; behavior: url("/mangoo/javascript/csshover3.htc"); } #layout {} #header-bg { background: url(../../mangoo_custom/images/layout/bg.top.png) repeat-x 0 top; } #header { position: relative; width: 957px; height: 116px; margin: 0 auto; } #header-mainpage { position: relative; width: 957px; height: 42px; margin: 0 auto; border-bottom: #595725 1px solid; z-index: 30; } #header-fond { position: relative; width: 957px; height: 73px; margin: 0 auto; z-index: 20; } #logo { position: absolute; left: 30px; top: 38px; } #logo-mainpage { position: absolute; left: 9px; top: 9px; } #logo-fond { position: absolute; left: 30px; top: 12px; } #main-bg { background: #032830 url(../../mangoo_custom/images/layout/bg.bottom.png) repeat-x 0 bottom; } #main { width: 957px; margin: 0 auto; background-color: #ffffff; z-index: 10; border-top: #b08b2d 5px solid; } #image { width: 955px; height: 228px; border: 1px solid #ffffff; } #leftcol { clear: both; float: left; padding: 66px 0 0 84px; width: 516px; } #breadcrumb { padding: 0 0 26px 0; height: 20px; } #content { } #rightcol { float: left; width: 177px; padding: 66px 0 0 95px; } #rightcol-home { float: left; width: 232px; margin: 112px 0 22px 0; padding: 30px 0 10px 40px; background: url(../../mangoo_custom/images/layout/line.y.png) repeat-y 27px 0; } #newsbox { } #mainclear { clear: both; height: 50px; } #PAGEP2 #mainclear { height: 22px; } #footer { width: 873px; margin: 0 auto; padding: 20px 0 20px 84px; height: 14px; background: #032830 url(../../mangoo_custom/images/layout/bg.bottom.png) repeat-x 0 bottom; } .layoutimage { margin: 0 0 12px 0; } #image .layoutimage, #image .layoutimage img { margin: 0; padding: 0; } .breadcrumbs {} a { text-decoration: none; color: #a47917; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } a:link, a:visited {} a:active, a:hover { text-decoration: underline; } a[href^="http:"] {} a[href^="mailto:"] {} .text { color: #333333; font: 13px/23px Georgia, "Times New Roman", Times, serif; } .strong { font-weight: bold; } .error { color: #B21A0F; font: bold 13px/23px Georgia, "Times New Roman", Times, serif; } em { background-color: #B5D5FF; font-weight: inherit; font-style: inherit; } .cblock { clear: both; margin: 0; padding: 24px 0 8px 0; } #content .cblock { background: url(../../mangoo_custom/images/layout/line.x.png) repeat-x; } #content .cblock.firstchild { background: none; padding: 0 0 8px 0; } .cblock.highlight {} .cblock.article.standard {} .cblock.article.teaser {} .cblock.article.headline {} .cblock.article.first {} .cblock.messagetop {} .cblock.messagebottom {} .cblock.articletop {} .cblock.articlebottom {} .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 { padding: 0 0 12px 0; color: #a47917; font: bold 16px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .article h2 { clear: both; margin: 18px 0 0 0; color: #a47917; font: bold 13px/23px "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: #002129; font: 13px/23px Georgia, "Times New Roman", Times, serif; } .article p strong {} .article p i {} .article p u {} .article p.emph { 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: #656565; } .article p.small { font-size: 10px; width: 97%; } .article div.mediaplayer { margin: 0 0 12px 0; } .article div.mediaplayer p { color: #363328; font: 13px/19px Georgia, "Times New Roman", Times, serif; } .article p.footnote { margin: 0 0 12px 0; width: 90%; font-size: 11px; color: #656565; } .cblock .inlinelnk { padding-left: 12px; background: url(../../mangoo_custom/images/layout/link.png) no-repeat 1px 3px; } .cblock p .detaillink { padding-left: 12px; background: url(../../mangoo_custom/images/layout/link.png) no-repeat 1px 3px; font-weight: normal; } .cblock.backlink { padding: 0 0 0 0; } .cblock.backlink.top { display: none; } .cblock.backlink.bottom { padding-left: 12px; background: url(../../mangoo_custom/images/layout/link.png) no-repeat 1px 3px !important; } .cblock table td .inlinelnk { padding-left: 0px; background: none; color: #002129; } .article .image { margin: 9px 0 0 0; } .article .image.left { float: left; margin-right: 15px; margin-bottom: 15px; } .article .image.right { float: right; margin-left: 15px; margin-bottom: 15px; } .article .image.middle { display: block; margin: 0 0 12px 0; } .article .image p { margin: 2px 0 0 0; padding: 2px 0; font-size: 10px; text-align: center; background-color: #656565; color: #FFFFFF; } .article table { table-layout: auto; border-collapse: collapse; margin: 0 0 12px 0; width: 100%; } .article table td { padding: 3px 8px; vertical-align: top; font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #002129; background-color: #ede4cc; } .article table tr.row1 td { background-color: #dbca99; font-weight: bold; } .article ul, .article ol { margin: 0 0 12px 0; width: 90%; } .article li { margin: 0; padding: 0 0 0 12px; font: 13px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #656565; list-style-type: none; background: url(../../mangoo_custom/images/layout/bullet.png) no-repeat 3px 6px; } .article ul.links {} .article ul.links li { padding: 0; background: none; } .article ul.links li a.files {} .article hr { display: block; border: 1px solid #a82a2d; } .cblock.message { clear: both; padding: 0 0 20px 0; margin: 0 0 20px 0; background: url(../../mangoo_custom/images/layout/line.x.png) repeat-x bottom !important; } .cblock.message h1 { padding: 0 0 12px 0; font: bold 16px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .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: #B21A0F; } .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: 11px; color: #656565; } .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: #656565; 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: 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; } #mycarousel { position: relative; /*width: 300px; wichtig height: 200px; wichtig */ overflow: hidden; } #mycarousel ul { list-style: none; margin:0; padding:0; position:relative; } #mycarousel ul li { display: inline; float: left; } div.flashfile { } .cblock form { padding: 0; margin: 0 0 12px 0; width: 516px; } .cblock form h1 { padding: 0 0 12px 0; color: #a47917; font: bold 16px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .cblock form div.fields { padding: 0 0 2px 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; font: 13px/24px Georgia, "Times New Roman", Times, serif; } *html .cblock form div.fields label { line-height: 20px; } .cblock form div.fields label span { font: 13px Georgia, "Times New Roman", Times, 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: 4px; font-size: 12px; background-color: #ede4cc; border: none; } *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: 0px 0 2px 0; padding: 0; height: 24px; background-color: #ede4cc; border: 1px solid #ede4cc; } *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: 298px; margin: 1px 0 0 0; padding: 4px; height: 120px; font-size: 12px; background-color: #ede4cc; border: 1px solid #ede4cc; } *html .cblock form div.fields textarea { width: 298px; margin-left: 3px; } .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 input.upload { width: 308px; margin: 0; padding: 4px 0; font-size: 12px; background-color: #ede4cc; border: 1px solid #ede4cc; } .cblock form div.fields p.fieldcomment { float: left; width: 305px; margin: 5px 0; font: 12px/15px Georgia, "Times New Roman", Times, serif; color: #656565; } *html .cblock form div.fields p.fieldcomment { margin-left: 3px; } .cblock form div.fields a { font: 12px Georgia, "Times New Roman", Times, serif; } .cblock form div.fields span.text { float: left; font: 12px Georgia, "Times New Roman", Times, serif; } .cblock form div.fields span.radiotext { padding: 0 5px 0 2px; font: 12px Georgia, "Times New Roman", Times, 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 p.info { display: block; float: left; width: 140px; margin: 0 6px 0 0; font: 13px/24px Georgia, "Times New Roman", Times, serif; } .cblock form div.action input { float: left; padding: 3px 20px; font-size: 12px; font-weight: bold; border: 1px solid #b28c22; background-color: #b28c22; color: #ffffff; } *html .cblock form div.action input { margin-left: 3px; } #header ul { margin: 0; padding: 83px 0 0 364px; list-style-type: none; } #header-mainpage ul { margin: 0; padding: 8px 0 0 364px; list-style-type: none; } #header-fond ul { margin: 0; padding: 39px 0 0 364px; list-style-type: none; } #header-bg ul li { position: relative; float: left; display: inline; margin: 0; padding: 0; } #header-bg ul li a { float: left; display: block; height: 30px; padding: 3px 22px 0 11px; text-decoration: none; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #ffffff; border-left: 1px solid #335259; width: auto; } #header-bg ul li:hover { background: url(../../mangoo_custom/images/layout/bg.nav.gif) no-repeat 6px bottom; } #header-bg ul li.selected a, #header-bg ul li.active a { color: #a47917; } #header-bg ul ul { display: none; float: clear; position: absolute; padding: 0; margin: 0; top: 33px; left: 0px; width: 155px; background-color: #ffffff; } #header-bg ul ul li { } #header-bg ul ul li a { display: block; float: clear; height: 30px; width: 135px; padding: 0 10px 0 10px; text-decoration: none; font: 12px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #002129; border: none; } #header-bg ul li.selected ul li a, #header-bg ul li.active ul li a { color: #002129; } #header-bg ul ul li a:hover, #header-bg ul li.selected ul li a:hover, #header-bg ul li.active ul li a:hover { background: none; color: #a47917; } #header-bg ul li:hover ul { display: block; } #header-bg ul #P11 ul { width: 210px; } #header-bg ul #P11 ul li a { width: 190px; } #header-bg ul #P20:hover { background: none; } .breadcrumbs { float: left; color: #a47917; padding-right: 2px; height: 18px !important; line-height: 18px !important; } .breadcrumbs a, .breadcrumbs span.separator { color: #002129; height: 16px !important; line-height: 16px !important; } #PAGEP5 .cblock.article table td.col1 { width: 235px; } #PAGEP5 .cblock.article table td.col2 { background-color: #ffffff; } #PAGEP5 .cblock.article table td.col3 { width: 235px; } #newsbox #nbwrapper { clear: both; margin: 0 0 0 22px; padding: 30px 0 30px 0; width: 913px; background: url(../../mangoo_custom/images/layout/bg.newsbox.png) repeat-x; background-color: #E4D7B3; } #newsbox #nbwrapper div.cblock { margin: 0; padding: 0; } #newsbox #nbwrapper div.headline { padding: 0 0 30px 62px; color: #a47917; font: bold 16px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #newsbox #nbwrapper #nbteaser { margin: 0 0 0 16px; background: url(../../mangoo_custom/images/layout/bg.newsbox.line.gif) repeat-y 33px 0; border-top: 1px solid ; border-color: #ece2c8; } #newsbox #nbwrapper #nbteaser div.news { float: left; padding-left: 46px; width: 232px; } #newsbox #nbwrapper #nbteaser div.news h1 { padding: 0 0 8px 0; color: #002129; font: 13px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; } #newsbox #nbwrapper #nbteaser div.news p.text { padding: 0 0 3px 0; font: 12px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #newsbox #nbwrapper #nbteaser div.news p span.detaillink { padding: 0 0 0 0; background: none; } .cblock div.listfnc, .cblock div.listfncbottom { margin: 0; padding: 0 0 10px 0; } .cblock div.liststatus { float: left; font: 13px/23px Georgia, "Times New Roman", Times, serif; color: #333333; } .cblock div.backlnk { float: right; font: 13px/23px Georgia, "Times New Roman", Times, serif; color: #922400; } .cblock div.listnav { float: right; font: 13px/23px Georgia, "Times New Roman", Times, 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; } #content div.fonds h2 { clear: both; margin: 0; padding: 0 0 10px 0; color: #002129; font: normal 13px/23px Georgia, "Times New Roman", Times, serif; } #content div.fonds div.fond { float: left; width: 110px; padding: 0 25px 25px 0; margin: 0; } #content div.fonds div.fond.row4 { padding-right: 0; } #content div.fonds div.fond img { border: 0; padding: 0; margin: 0; } #content div.infographic { position: relative; height: 69px; padding: 0; margin: 0; border: none; } #content div.infographic div.stepwrapper { position: absolute; width: 600px; left: -9px; } #content div.infographic div.infowrapper { position: absolute; width: 600px; left: -8px; top: 69px; } #content div.infographic div.infowrapper img { position: absolute; top: 0; left: 0; } #rightcol h2 { padding: 0 0 8px 0; color: #a47917; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; } #rightcol ul { padding: 8px 0; list-style-type: none; border-top: 1px solid #b08b2d; border-bottom: 1px solid #b08b2d; } #rightcol ul li { padding: 4px 0 4px 12px; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: url(../../mangoo_custom/images/layout/link.png) no-repeat 1px 6px; } #rightcol ul li a { color: #002129; background: none; } #rightcol ul li.selected a, #rightcol ul li.active a, #rightcol ul li a:hover { color: #a47917; background: none; } #rightcol-home .cblock { padding-top: 12px; margin-bottom: 12px; background: url(../../mangoo_custom/images/layout/line.x.png) repeat-x; } #rightcol-home .cblock.firstchild { padding-top: 0; background: none; } #rightcol-home .cblock h1 { color: #002129; font-size: 13px; } #rightcol-home .cblock p.text { font: 12px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #footer { font: 12px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #footer p.copyright { float: left; padding-right: 7px; color: #ffffff; } #footer ul { list-style-type: none; } #footer ul li { padding: 0 7px; float: left; border-left: 1px solid #ffffff; } #footer ul li a { color: #ffffff; } 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: #656565; } body.print #printheader p.pagetitle { font-weight: bold; } body.print #leftcol { background-color: #FFFFFF; }