/* #0E007E blau #B21A0F rot #117F0C grün #0E007E Linkfarbe #333333 grau Textfarbe #666666 grau helle Textfarbe #B5D5FF hellblau Markierung #CCCCCC grau Rahmen */ *{ margin: 0px; padding: 0px; } body { font-size: 12px; border-top: 4px solid #499E97; background: #FFF url(../../mangoo_custom/images/layout/bg_cc.jpg) no-repeat; } #layout { width: 950px; } #header { height: 100px; } #bildmarke { float: left; padding:25px 10px 0 10px } #navigation{ height: 18px; } #mainimage{ float: left; } #mainimage h1{ font-size: 36px; line-height: 0.8em; font-weight: bold; color: #999; padding-top: 7px; } #mainimage .text{ font-size: 36px; line-height: 0.8em; } #main { padding: 0 100px 0 0px; float: right; width: 570px; } #subnavigation{ float: left; width: 260px; } #sidebar { padding: 0 0 15px 0; float: left; } #pagetitle ul { padding: 0 0 0 30px; display: block; clear: both; list-style-type: none; } #pagetitle li { padding: 0 5px 0 0; display: inline; } #pagetitle li a { color: #FFF; } #pagetitle li.selected a { text-decoration: underline; color: #AFC2CA; } #pagetitle { position: absolute; z-index: 2; top: 220px; } #pagetitle H1{ padding: 0 0 0 30px; text-transform: uppercase; color: white; font: bold 36px Arial, Helvetica, Geneva, sans-serif; } #content { padding: 0px; clear:both; float: left; width:500px; } #leftbox{ padding: 0px; float: left; width:270px; } #rightbox{ padding: 0px; float: right; width:270px; } #mainclear { clear: both; } #footer { height: 20px; clear: both; width: 950px; } #footer .text{ text-align: right; } .layoutimage{ margin: 0px; padding: 0px; } .breadcrumbs {} a { text-decoration: none; color:#499e97; } a:link, a:visited { } a:active, a:hover { text-decoration: underline; } a[href^="http:"] {} a[href^="mailto:"] {} .text { color: #333333; font: 11px/19px Verdana, Arial, Helvetica, sans-serif; } .strong { font-weight: bold; } .error { color: #B21A0F; font: bold 11px/19px Verdana, Arial, Helvetica, 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 {} #navigation ul { margin: 0; padding: 0; list-style-type: none; float: right; } #navigation li { float: left; display: inline; margin: 0; padding: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; } #navigation li a { display: block; text-decoration: none; padding: 0 12px; line-height: 18px; color:#8F8F8C; } #navigation li a:hover { background-color: #FFF; } #navigation li.selected a, #navigation li.active a { background-color: #499e97; color: #FFF; } #subnavigation ul { margin: 0; padding: 0; list-style-type: none; float: right; } #subnavigation li { margin: 0; padding: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; } #subnavigation li a { display: block; text-decoration: none; text-align: right; padding: 0 12px; line-height: 20px; color:#8F8F8C; } #subnavigation li a:hover { text-decoration: underline; } #subnavigation li.selected a, #subnavigation li.active a { color: #499e97; } #LINKID a { display: block; width: 100px; line-height: 20px; overflow: hidden; } #LINKID a:hover { } *html #LINKID a { width: 110px; } #LINKID a div { visibility: hidden; } .cblock h3 { margin: 0 0 5px 0; color: #CBCBCA; font: normal 12px/1em Arial, Helvetica, sans-serif; letter-spacing: .07em; } *html .cblock h3 { margin-bottom: 18px; } .cblock h1 { margin: 0 0 12px 0; color: #333333; font: bold 14px/1em Arial, Helvetica, sans-serif; } .cblock h2 { clear: both; margin: 18px 0 12px 0; color: #333333; font: bold 12px/1em Arial, Helvetica, 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: 11px/19px Verdana, Arial, Helvetica, sans-serif; } .cblock p strong {} .cblock p i {} .cblock p u {} .cblock p.emph { font-size: 18px; line-height: 24px; color: #499e97; 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; } .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 Verdana, Arial, Helvetica, sans-serif; } .cblock p.footnote { margin: 0 0 12px 0; width: 90%; font-size: 11px; color: #666666; } .cblock a { padding: 3px; color:#FFF; background-color: #499E97; /*padding-left: 15px; background: url(../../mangoo_custom/images/div/con_link.gif) no-repeat 0 3px;*/ } .cblock p .detaillink { display: block; float: right; margin: 18px 0 12px 0; } .cblock.backlink { padding: 0 0 2em 0; } .cblock.backlink.top a, .cblock.backlink.bottom a{ padding: 3px; color:#FFF; background-color: #499E97; } .cblock.article .image { margin: 9px 0 0 0; } .cblock.article .image.left { float: left; margin: 0 9px 0 0; padding: 0px; } .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: 10px; text-align: center; background-color: #666666; color: #FFFFFF; } .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: 11px/17px Verdana, Arial, Helvetica, 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: 11px/17px Verdana, Arial, Helvetica, sans-serif; color: #333333; } .cblock.article ul.links { display: block; clear: both; list-style-type: none; } .cblock.article ul.links li { margin-left: 0px; padding-bottom: 2px; } .cblock.article ul.links li a.files {} .cblock.message { clear: both; } .cblock.message h1 { color: #117F0C; } .cblock.message p, .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: 90px; height: 60px; border: 1px solid #CCCCCC; text-align: center; line-height: 57px; } *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; background-color: #FFF; } .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 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; } .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: 11px/24px Verdana, Arial, Helvetica, sans-serif; } *html .cblock form div.fields label { line-height: 20px; } .cblock form div.fields label span { font: 11px Verdana, Arial, Helvetica, 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: 0; border: 1px solid #999999; } *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: Arial, Helvetica, Geneva, sans-serif; border: 1px solid #999999; } *html .cblock form div.fields textarea { width: 450px; } .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: 305px; margin: 5px 0; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #666666; } *html .cblock form div.fields p.fieldcomment { margin-left: 3px; } .cblock form div.fields a { font: 11px Verdana, Arial, Helvetica, sans-serif; } .cblock form div.fields span.text { float: left; font: 11px Verdana, Arial, Helvetica, sans-serif; } .cblock form div.fields span.radiotext { padding: 0 5px 0 2px; font: 11px Verdana, Arial, Helvetica, 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: -2px 10px 0 0; } .cblock form div.fields input.cptinput { width: 70px; } .cblock form div.action input { float: right; margin: 0 24px 0 0; } *html .cblock form div.action input { margin-right: 37px; } .cblock form div.action p.info { float: left; } .cblock div.listfnc { margin: 0; padding: 0 0 10px 0; } .cblock div.listfnc div.liststatus { float: left; font: 11px/19px Verdana, Arial, Helvetica, sans-serif; color: #333333; } .cblock div.listfnc div.backlnk { float: right; font: 11px/19px Verdana, Arial, Helvetica, sans-serif; color: #0E007E; } .cblock div.listfnc div.listnav { float: right; font: 11px/19px Verdana, Arial, Helvetica, sans-serif; } .cblock div.listfnc div.listnav span.firstlnk, .cblock div.listfnc div.listnav span.prevlnk, .cblock div.listfnc div.listnav span.middlelnk, .cblock div.listfnc div.listnav span.nextlnk, .cblock div.listfnc div.listnav span.endlnk, .cblock div.listfnc div.listnav span.backlnk { padding: 0 3px; color: #0E007E; text-transform: uppercase; } .cblock div.listfnc div.listnav span.firstnolnk, .cblock div.listfnc div.listnav span.prevnolnk, .cblock div.listfnc div.listnav span.middlenolnk, .cblock div.listfnc div.listnav span.nextnolnk, .cblock div.listfnc div.listnav span.endnolnk, .cblock div.listfnc div.listnav span.backnolnk { padding: 0 3px; color: #CCCCCC; text-transform: uppercase; } .cblock div.listfnc div.listnav a:hover span { color: #0E007E; }