/* farbtausch */ {orane:#f54d26safe; rot:#CC0000safe} /* CSS Document */ html, body { height:100%; margin:0; padding:0; background:#cccccc url(../img/bg_body.gif) center top fixed; font-family:Verdana, Arial, Helvetica, sans-serif} a{ border:none; margin:0; padding:0; text-decoration:none;} a:hover{ border:none; margin:0; padding:0; text-decoration:underline!important; color:#000000!important;} img { border:none; margin:0 0px; padding:0} html { overflow: scroll;} /*FF Scrollbalken*/ hr { color:#CCCCCC; height:1px;} #mitte { position:absolute; width:1002px; left:-501px; margin-left:50%; border:solid 2px #fff; background:#999 border-style:none solid none solid; z-index:1;} #logo { position:absolute; width:223px; left:0px; background-image:url(../img/depechemode+ch_Logo_kl.gif); background-repeat:no-repeat; height:39px; z-index:30} #titelbild { position:absolute; height:200px; width:1002px; left:-501px; margin-left:50%; background:#ccc url(../img/dm.jpg) no-repeat top right; text-align:right; z-index:1 } #claim { position:absolute; top:50px; left:5px; z-index:9; color:#FFFFFF;} #root { position:relative; width:223px; height:30px; top:200px; background:#666666 url(../img/bg_navititel-1.jpg) repeat-y left; border-top:solid 2px #fff; border-bottom:solid 2px #fff; z-index:2; } #sprache { position:relative; width:250px; left:30px; top:3px; z-index:2;} #sprache #rechts a { text-decoration:none} #sprache #rechts a:link, a:visited { top:5px; } #sprache #rechts a:hover { text-decoration:underline; color:#000000 } #titel { position:absolute; margin:140px 0px 0px 225px; width:auto; text-align:left; z-index:100; font: bold small-caps 17px/1em Verdana, Arial, Helvetica, sans-serif; color:#fff;} #banner { position:absolute; width:300px; left:600px; background-image:url(../img/werbung.gif); background-repeat:no-repeat; height:60px; z-index:30} #navi1 { position:absolute; width:777px; height:30px; top:200px; left:223px; background-color:#CC0000; border-top:solid 2px #fff; border-bottom:solid 2px #fff; border-left:solid 2px #fff;z-index:15} #navi1 a { margin:0px 5px;} #navi1 a:link, #navi1 a:visited { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#fff} #navi1 a:hover { text-decoration:underline; color:#000000 } #navi2 { position:absolute; height:20px; width:400px; left:225px; top text-align:right; color:#fff; z-index:15} #navi2 { top:15px} #navi2 a { margin:0px 5px;} #navi2 a:link, #navi2 a:visited { font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#F0F0F0} #navi2 a:hover{ text-decoration:underline; color:#CC0000!important; } .aktiv a {border-bottom:solid 1px #F0F0F0; text-decoration:none } #rootline h4 { position:absolute; margin:3px 0px 3px 20px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#666} .submenuInner { display:block;margin-top:20px; margin-bottom:-10px; position:relative; } #subnavi { position:relative; float:left; width:223px; margin-top:200px; background-color:#999999; z-index:8; padding-bottom:20px;} #subnavi a:link, #subnavi a:visited { display:block; height:15px; margin:5px 0px 5px 20px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none} .subaktiv { background:#B5B5B5 url(../img/bg_navititel-1.jpg) repeat-y left; color:#999999;z-index:10} .subaktiv ul { background:#666666 url(../img/bg_navititel-1.jpg) repeat-y left; color:#999999;z-index:10} #subnavi .subaktiv a {color:#333333;} #subnavi img {margin-top:20px;} #subnavi li {margin-top:5px; margin-left:20px; font: 10px Verdana, Arial, Helvetica, sans-serif;} #subnavi ul {margin-top:25px; margin-left:20px; font: 10px Verdana, Arial, Helvetica, sans-serif;} #subnavi p {margin-top:5px; font: 10px Verdana, Arial, Helvetica, sans-serif;} .submenuInner2 { display:block;margin-top:10px; margin-left:10px; margin-bottom:-10px; position:relative;} .subaktiv2 { background:#666666 url(../img/bg_navititel-2.jpg) repeat-y left; margin-left:10px; margin-top:10px;z-index:20} .subaktiv2 ul,.subaktiv2 li { background:#666666 url(../img/bg_navititel-2.jpg) repeat-y left; color:#CCCCCC;z-index:10} #subnavi .subaktiv2 a {color:#999999;} .submenuInner3 { display:block;margin-top:10px; margin-left:20px; margin-bottom:-10px; position:relative;} .subaktiv3 { background:#666666 url(../img/bg_navititel-3.jpg) repeat-y left; margin-left:20px; margin-top:10px;z-index:20} .subaktiv3 ul, .subaktiv3 li { background:#666666 url(../img/bg_navititel-3.jpg) repeat-y left; color:#CCCCCC;z-index:10} #subnavi .subaktiv3 a {color:#999999;} #info { margin-left:10px; z-index:100; font:normal 12px Verdana, Arial, Helvetica, sans-serif;} #info p { font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#666666} #contout { position:relative; float:left; display:block; width:775px; min-height:900px; background:#333333; border-left:solid 2px #fff;} #contin { position:relative; display:block; width:730px; margin:220px 0px 20px 0px; left: 20px; font:normal 12px/1.8em Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC;} #contout-home { position:relative; float:left; display:block; width:550px; min-height:600px; overflow:visible; background:#333333; border-left:solid 2px #fff;border-right:solid 2px #fff;} #contin-home { position:relative; display:block; width:500px; margin:220px 10px 20px 0px; left: 20px; font:normal 12px/1.8em Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC;} .rechtsInner { display:block; } #rechts { position:relative; float:left; width:225px; margin-top:200px; background-color:#999999; z-index:90; min-height:500px; } #rechts { text-decoration:none; margin:200px 0px 5px 0px!important;position:relative;} #rechts div { margin:0px; position:relative;} #rechts p { margin:5px 5px 5px 10px!important; position:relative;color:#333333} #rechts h1 { margin:20px 5px 5px 10px;} #rechts h2 { margin:0px 5px 5px 10px;} #rechts img { margin:0px 5px 5px 10px;} #rechts a { text-decoration:none; } #rechts ul , li{ list-style-type: none; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#666; padding-left: 3px; margin-left: 3px;} #links { margin:5px 10px 5px 10px; z-index:1; font:normal 12px Verdana, Arial, Helvetica, sans-serif;} #rootline h4 { position:absolute; } #links h2 { border:none; font-family:Verdana, Arial, Helvetica, sans-serif } #links h3 { margin-left: -20px } #links img { margin:0px 0px 5px 0px;!important} #links p { font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333} #links .csc-menu , .csc-menu-1 .li { font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; list-style-type: none; } #fuss { position:relative; clear:both; float:left; width:1000px; padding:2px 0px 2px 0px; background:#CC0000; text-align:center; font:normal 11px Verdana, Arial, Helvetica, sans-serif; letter-spacing:1.4pt; border-top:solid 2px #fff; z-index:100} #fuss a:link, #fuss a:visited { color:#fff; text-decoration:none;} #fuss a:hover { color:#333; text-decoration:none} h1, h2, h3, h4, h5, h6, { font-weight: normal; letter-spacing: 0.08em;} .csc-header h1 { font-size: 18px; color: #CC0000; margin: 0px; border-bottom: 1px solid #CC0000;} h1 { font-size: 16px; color:#CCCCCC; padding-bottom: 2px; padding-top: 10px; margin: 0 0px;} h2 { font-size: 14px; color: #CC0000; padding-bottom: 2px; padding-top: 10px; margin: 0 0px;} h3 { font-size: 14px; padding-bottom: 3px; padding-top: 1px; margin: 0px;} h4 { font-size: 18px; color: #CC0000; padding-bottom: 4px; float: right;} h5{ font-size: 12px; font-weight:bold; color: #666; margin-top: -5px; margin-bottom:0px;} h6{ font-size: 12px; font-weight:bold; color: #CC0000; margin: 0px; padding-top: 10px;} h6 span { color: #CC0000;} .important span { color: #CC0000;} /* Typo3 */ #subnavi .csc-firstHeader { margin-top:20px!important} .csc-header, .csc-textpicHeader { margin:20px 0px 20px 0px } .csc-header-n1 { margin-top:0px!important} .csc-header-date { float:right; font:normal 10px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#666; margin: 0px 0px 5px 0px} .csc-header-n1, .csc-textpicHeader { background:url(../img/headline.gif) no-repeat bottom left; padding-bottom:4px } .bodytext { font:normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#666; margin:0px 0px 5px 0px} a:link, a:visited { color:#fff; text-decoration:none } a:hover { color:#000; text-decoration:underline} .csc-textpic-caption {font:bold 12px/1.1em Verdana, Arial, Helvetica, sans-serif; color:#666; padding:4px 0px 5px 0px} .tbody, tr, td { font:normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#666; margin:0px 0px 5px 0px} .csc-news-more { float:right; font:normal 10px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#666; margin: 0px 20px 5px 0px} .c2l1-left{ border:none!important} .c2l1-middle { border:none!important} /* Formular */ textarea, input, select { font:normal 10px/1.3em Verdana, Arial, Helvetica, sans-serif; } fieldset { border:none; margin:0; padding:0;} * html .csc-mailform-field { margin-top:-3px} .csc-mailform-field {clear:both;padding-top:3px;} .csc-mailform-field label { float:left; width:200px; clear:none;} .csc-mailform-field div { float:left; width:200px; clear:none; padding-left:200px;} .csc-mailform-field option { float:left; width:200px; clear:none;} .csc-mailform-field input, .csc-mailform-field textarea { float:left; width:200px; clear:none;} .csc-mailform-field select {float:left;width:200px} .csc-mailform-field select, .csc-mailform-submit { position:relative; float:left; clear:none;} .csc-mailform-check { width:18px!important; margin:3px 0px 0px 0px; padding:0;} .csc-mailform-radio { position:relative; float:left; width:200px; clear:bothe; } .csc-mailform-radio label{ position:relative; float:left;} .csc-mailform-submit { float:left; width:200px; clear:none;} /* News */ .news-single-img { float:right; margin:0!important; padding-bottom:5px; } .clearer { clear:both} .news-single-timedata { float:right} .news-single-item h3 { margin:0px; color:#CC0000;} .news-single-item a { margin:0px; text-decoration:none;} .news-single-item a:hover{ text-decoration:underline; color:#000000!important; } .news-single-item h1 a { margin: 0px 0px 20px 0px;color: #CC0000; font-size: 18px; border-bottom: 1px solid #CC0000;} .news-single-item h2 a { margin: 0px 0px 20px 0px;color: #CC0000; font-size: 18px; border-bottom: 1px solid #CC0000;} .news-single-item h1 { margin: 0px 0px 20px 0px;color: #CC0000; font-size: 18px; border-bottom: 1px solid #CC0000;} #links .news-latest-container .news-latest-item h3 a { margin:0px; display:block; font: bold 12px Verdana, Arial, Helvetica, sans-serif; height:auto; width:100%} .news-latest-container .news-latest-item h3 { margin:0px!important; height:auto} .news-latest-container .news-latest-item h3 a { margin:0px!important; color:#CC0000; text-decoration:none;} .news-latest-container .news-latest-item h3 a:hover { text-decoration:underline;} .news-latest-container .news-latest-item a { margin:0px!important; text-decoration:none;} .news-latest-container .news-latest-item a:hover{ text-decoration:underline; color:#000000!important; } .news-latest-date { float:right; color:#CCCCCC} .news-latest-item a { margin:0px!important; color:#fff; text-decoration:none;} #links .news-short-item a { margin:0px!important; color:#fff!important; text-decoration:none;} #links .news-short-item a:hover { text-decoration:underline!important; color:#000000!important;} /* Newsletter Anmeldung */ .nl-wrap { font:normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#666; } .nl-title {font:normal 14px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#164677;} .nl-input { margin-top:4px } .nl-catlist { width:150px; line-height:20px} .nl-catlist input { float:right; margin-top:-17px} #subnavi .nl-wrap a:link, #subnavi .nl-wrap a:visited { margin:0px!important; border-bottom:1px #999 solid } #subnavi .nl-wrap a:hover {border-bottom:1px #333 solid } .tab50 { float:left; width:50px; margin-top:6px} .space20 { margin-top:20px}