@import url(tripoli/tripoli.base.css); @import url(tripoli/plugins/tripoli.visual.css); @import url(tripoli/plugins/tripoli.type.css); /* INHALTSVERZEICHNIS ------------------- Layout Typographie Coda Slider Navigation - Hauptpunkte Navigation - Untertpunkte Breadcrumb Image Gallery Formulare News Pagination Hyperbox Filialen Mitarbeiter Suche SubColumns Module */ /* COLORS Body Background: #fcfcfc Main Text: #5a5a5a Headlines: #1e1e1e #content Visited Links: #0085cf #content Hovered Links: #525354 #content Active Links: #000 */ /* LAYOUT */ * { padding: 0; margin: 0;} html {background: #fcfcfc; font-family:tahoma, helvetica, arial, sans-serif;} #wrapper { margin: 0 auto; width: 960px;} #header { color:#333; width:950px; float:left; margin: 5px 0 20px 0px;} #header .ce_image {margin-bottom:-15px} #logo {float:right; margin:10px 0px 0 0; padding-top:10px;} #navigation { width: 550px; float: left; margin:35px 10px 0 0;} #left { width: 225px; float: left; margin: 10px 10px 10px 0;} #content { width: 460px; float: left; margin: 10px; display: inline;} #right { width: 225px; float: left; margin: 10px 0px 10px 10px;} #footer { width: 960px; margin: 0 auto 20px auto; border-top: 2px solid #efefef; padding: 0 0 25px 0; clear: both; } #footer #copyright {float:left; font-size:11px; padding:5px 0 0 0; } #footer #footernav {float:right; padding:5px 0 0 0;} /* Typographie*/ h1, h2, h3, h4, h5, h6 {color:#1e1e1e;} #content strong {color:#262626;} #content a:link, #content a:visited {color:#990000; border-bottom: 1px dotted #990000; text-decoration: none;} #content a:hover {color: #000; background-color: #eee; border-color:#000;} #content {font-size:11px; line-height:1.6em; color:#5a5a5a;} #content h1 {font-size:18px;} #content h2 {font-size:16px; padding-top:15px;} #content h3 {font-size:14px; margin:30px 0 15px 0;} #content h4 {font-size:12px;} #right {color:#5a5a5a;} #right h3 {background: url(../i/h3-sidebar.png) no-repeat; height:17px; margin: 0 0 5px -4px; padding:12px 0 1px 27px; font-size: 1.1em; text-transform: uppercase; color:#323232;} #right .ce_text h4 {padding-bottom:5px; color:#323232;} #right .ce_text a, #left .ce_text a { display: block; color:#990000; margin:5px 0 0 0; padding:0 0 0 13px; text-decoration: none; background: url(../i/link.png) 0 4px no-repeat;} #footer {color:#5a5a5a;} #footer a:link, #footer a:visited {color:#990000; border-bottom: 1px dotted #990000; text-decoration: none;} #footer a:hover {color: #000; background-color: #eee; border-color:#000;} /* Coda Slider */ #slider {width: 960px; margin: 0 auto; padding:0; position: relative; } #slider .einleitung {float:left; width:245px; height:205px; margin:5px;padding:50px 30px 35px 35px; background:#2D2C28;} #slider .einleitung .logo {float:left;} #slider .scroll {height: 300px;width: 950px; overflow: auto; overflow-x: hidden; position: relative; clear: left;} #slider .scroll h1, #slider .scroll h2 {margin: 0;padding: 0; color:#fafafa; font-size:18px;} #slider .scroll p {font-size:11px; color:#fafafa; margin:15px 0 0 0; line-height:1.5em; color:#d4d1c8;} #slider .scroll .panel p a {background: url(../i/scroller-arrow.png) 0 12px no-repeat; display:block; height:25px; margin-top:10px; padding:8px 0 0 14px; text-decoration:none; color:#fafafa;} #slider .scroll .panel p a:hover {color:#d4d1c8;} #slider .scrollContainer div.panel {padding: 0px; height: 300px; width: 950px; background:#000;} #slider .scroll img {float:right; padding:5px 5px 5px 0; margin:0;} #slider ul.navigation {list-style: none; margin: 4px 0 0 0; width:948px; padding: 8px 0 10px 0; border-bottom:1px solid #ddd; background:transparent url(../i/slider-bk.png) repeat-x;} #slider ul.navigation li { display: inline; border-right:1px solid #ddd;} #slider ul.navigation li.last { display: inline; border:none;} #slider ul.navigation a {font-size:11px; padding:5px 5px; margin:0 1px 0 -1px; text-decoration: none; color:#2d2c28;} #slider ul.navigation a:hover {background-color: #f6f6f6; padding:5px 5px;} #slider ul.navigation a.selected {background: #fff; color:#000;} #slider ul.navigation li.first img {padding-right:5px;} #slider ul.navigation li.first a.selected {background:none} #slider ul.navigation li.first a:hover {background:none;} #slider img { float:left; padding:0 0 0 5px; margin:-3px -5px 0 0;} #slider .scrollButtons {display:none; position: absolute; top: 130px; cursor: pointer;} #slider .scrollButtons.left {left: -20px;} #slider .scrollButtons.right { right: -20px;} #slider .hide {display: none;} /* NAVIGATION - HAUPTPUNKTE*/ .mod_navigationMain {} .mod_navigationMain ul {float:left;} .mod_navigationMain li {background: url(../i/nav.png) repeat-x; float:left; font-size:11px; list-style-type:none; margin:0 6px 10px 0; } .mod_navigationMain li a {letter-spacing:.05em; border:1px solid #CCCCCC; color: #656565; display: block; float: left; padding: 7px 14px 9px 14px; text-decoration: none; text-align: center;} .mod_navigationMain li:hover, .mod_navigationMain li.trail, .mod_navigationMain li.active {} .mod_navigationMain li:hover a, .mod_navigationMain li.trail a { } .mod_navigationMain li.active p.active {color: #ddd; background:#2D2C28; border:1px solid #000;} .mod_navigationMain li.trail a:visited {color: #ddd; background:#2D2C28; border:1px solid #000;} /* Schriftfarbe setzen für IE6 */ .mod_navigationMain li a:hover {background:#fff; border:1px solid #E6E6E6;} /* Styling für den LINKEN Teil des aktivierten Elements */ .mod_navigationMain li.active {} /* Styling für den RECHTEN Teil des aktivierten Elements */ .mod_navigationMain li p.active {letter-spacing:.05em; background: url(../i/nav.png) repeat-x; border:1px solid #CCCCCC; color: #656565; display: block; float: left; padding: 7px 14px 9px 14px; text-decoration: none; text-align: center; font-weight:normal;} /* NAVIGATION - UNTERPUNKTE */ .mod_navigation h3 { font-weight:normal; padding:17px 0 0px 16px; font-size:1.2em; color:#505050; height:31px; } .mod_navigation a {} .mod_navigation a.invisible {display:none;} /*Korrektur der Darstellung bei IE6*/ .mod_navigation ul.level_1 li.submenu {border:none;} /*Kein Rahmen bei level_2*/ .mod_navigation .level_1 {font-size:11px; font-weight:bold; text-transform: uppercase;} .mod_navigation .level_1 li {border:1px solid #A6A3A1; border-top:none;} .mod_navigation .level_1 li.first {border:1px solid #A6A3A1; color:#000;} .mod_navigation .level_1 li.last {border:1px solid #A6A3A1; border-top:none;} .mod_navigation .level_1 li.active {border:none;} .mod_navigation .level_1 a {background:#CDCAC7 url(../i/nav-hauptpunkte.png) 11px 0 no-repeat; padding:10px 10px 10px 35px; color:#000;} .mod_navigation .level_1 a:hover {background:#DAD6D2 url(../i/nav-hauptpunkte.png) 11px -31px no-repeat;} .mod_navigation .level_1 ul {border:none;} .mod_navigation .level_1 .trail a.submenu {border: 1px solid #000; display:block; background:#2D2C28 url(../i/nav-hauptpunkte.png) 11px -93px no-repeat; color:#fff; text-decoration: none; padding:10px 10px 10px 35px;} .mod_navigation .level_2 { font-size:11px; font-weight:normal; text-transform: none;} .mod_navigation .level_2 li { border: 1px solid #DDDDDD; border-top:none;} .mod_navigation .level_2 li.first { border: 1px solid #DDDDDD;} .mod_navigation .level_2 li.last { border: 1px solid #DDDDDD; border-top:none; border-bottom:1px solid #A6A3A1; } .mod_navigation .level_2 li:hover {background: #fff;} .mod_navigation .level_2 li a { background:url(../i/bk-links.gif) no-repeat 185px 5px; padding:8px 8px 8px 13px; color:#000;} .mod_navigation .level_2 li.first.active {border: 1px solid #DDDDDD; border-top:none; padding-top:1px;} .mod_navigation .level_2 li.first p.active {padding-left:13px; border:none; padding-bottom:8px;} .mod_navigation .level_2 li.last p.active {padding-left:13px; border:none; padding-bottom:8px;} .mod_navigation .level_2 li a:hover {background: transparent url(../i/bk-links.gif) no-repeat 185px -45px;} .mod_navigation .level_2 li.active p {border:none; border-bottom:1px solid #DDDDDD; display:block; background: #E8EDDB url(../i/bk-links.gif) no-repeat 185px -95px; color:#000; font-weight:bold; text-decoration: none; padding:8px 10px 8px 13px;} .mod_navigation li a {display:block; color:#000; text-decoration: none;} .mod_navigation li a:link, .mod_navigation li a:visited {} .mod_navigation li.first a:hover {} /*Richtige Darstellung für erstes Element*/ .mod_navigation li.active {} .mod_navigation li.active p {border: 1px solid #000; display:block; background:#2D2C28 url(../i/nav-hauptpunkte.png) 11px -62px no-repeat; color:#fff; text-decoration: none; padding:10px 10px 10px 35px;} .mod_navigation li a.trail {} .mod_navigation li a:hover.trail { } .mod_navigation ul .level_2 {background: #f5f5f5; } .mod_navigation ul .level_2 li {} .mod_navigation ul .level_2 li.last {} /* BREADCRUMB */ #content .mod_breadcrumb {background: transparent url(../i/bk-breadcrumb-text.png) 0 4px no-repeat; color:#fff; padding:0 0 0 93px; margin-bottom:30px;} #content .mod_breadcrumb a { color: #969696; background: url(../i/bk-breadcrumb.gif) no-repeat 2px 2px; text-decoration:none; border:none; padding:0 0 0 19px; margin:0 -6px 0 -3px;} #content .mod_breadcrumb a:link, #content .mod_breadcrumb a:visited {color: #000; border:none;} #content .mod_breadcrumb a:hover {color: #000; background: url(../i/bk-breadcrumb-active.gif) no-repeat 2px 2px; text-decoration:none; border:none; padding:0 0 0 19px;} #content .mod_breadcrumb span {color: #000; background: url(../i/bk-breadcrumb-active.gif) no-repeat 5px 2px; text-decoration:none; border:none; padding:0 0 0 21px;} /* IMAGE GALLERY */ #content .ce_gallery {margin-top:40px;} #content .ce_gallery a {border:none;} #content .ce_gallery table {padding:0; margin:0; border:none; } #content .ce_gallery table tr {background:none; padding:0; margin:0;margin-bottom:13px;} #content .ce_gallery table tr td {border:none; padding:0; margin:0;} #content .ce_gallery table tr td img {border:1px solid #ccc; padding:5px; margin:0; } #content .ce_gallery table tr td a:hover img {border-color: #7c7c7c; } #content .ce_gallery .caption { margin:-4px 0 0 1px; } #content .ce_gallery .image_container { margin:0 0 10px 14px;} /*Ausrichtung der Bildelemente über die gesamte Breite*/ #content .ce_gallery .col_first .image_container { margin:0;} /*Kein Seitenabstand für das erste Element*/ /* IMAGE GALLERY */ #content .ce_table.referenzen table {width:100%} #content .ce_table.referenzen table thead {background:#f4f9ea; font-weight:bold;} /* FORMULARE */ /* Allgemeine Formatierung */ fieldset {} legend {} textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } /* Hoverfarbe des Feldes */ textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; } /* Wenn das Feld aktiviert ist */ input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } input[type='hidden'] { display:none; } /* Login */ #content .mod_login {margin:20px 0 0 0;} /* Einrücken des Loginformulars */ #content .mod_login .formbody p {padding:0; margin:0;} #content .mod_login .formbody input#username, #content .mod_login .formbody input#password {margin:0 0 0.5em 0;width:120px;} #content .mod_login .formbody .submit_container {margin:0.8em 0 0 0;} #content .mod_login .formbody .error {background:#baf379; color:#414d33; padding:1px 0 1px 20px; margin:0; font-size:1.1em;} /* Formular */ #content .mod_article .ce_form {width:410px;} #content .mod_article .ce_form form {} #content .mod_article .ce_form .formbody {} #content .mod_article .ce_form .formbody .headline {clear:both; padding:25px 0 15px 0; margin:0; } /* Die Überschrift */ #content .mod_article .ce_form .formbody .row_0.headline {padding-top:0;} /* Die erste Überschrift */ /* Error */ #content .mod_article .ce_form .formbody .error {background:#9E1616; font-size:7px; color:#fff; font-weight:bold; line-height:1.2em; padding:.15em .45em; margin:0;} /* Label */ #content .mod_article .ce_form .formbody label.mandatory:after { padding:0 0 0 .35em; content: '*'; color:#838166; font-weight:bold;} #content .mod_article .ce_form .formbody label {font-size:10px; display:block;} #content .mod_article .ce_form .formbody label.mandatory {font-weight:bold;} /* Formatierung der einzelnen Felder */ #content .mod_article .ce_form .formbody ul {margin:0 0 20px 0; clear:both;} #content .mod_article .ce_form .formbody br { clear:both} #content .mod_article .ce_form .formbody ul li {list-style: none; float:left; margin-left:10px;} #content .mod_article .ce_form .formbody ul li.first { margin-left:0px;} #content .mod_article .ce_form .formbody ul li input {padding:4px;} /* Breite der einzelnen Felder */ #content .mod_article .ce_form .formbody .firma input {width:400px;} #content .mod_article .ce_form .formbody .vorname input {width:150px;} #content .mod_article .ce_form .formbody .nachname input {width:229px;} #content .mod_article .ce_form .formbody .strasse input {width:329px;} #content .mod_article .ce_form .formbody .nummer input {width:50px;} #content .mod_article .ce_form .formbody .plz input {width:90px;} #content .mod_article .ce_form .formbody .ort input {width:289px;} #content .mod_article .ce_form .formbody .telefon input {width:189px;} #content .mod_article .ce_form .formbody textarea {width:403px; height:200px; display:block; clear:both;} /* Checkbox, Radiobutton */ #content .mod_article .ce_form .formbody .radio_container span, #content .mod_article .ce_form .formbody .checkbox_container span {display:block;} /* vertikale Anordnung der Elemente */ #content .mod_article .ce_form .formbody ul.checkbox label {display:inline; font-size:11px;} /* Typographie */ #content .mod_article .ce_form .formbody h3 {margin:15px 0 0 0; font-size:14px;} /* NEWS */ /* Newsreader */ #content .mod_newsreader .layout_full h1 {} #content .mod_newsreader p.info {color: #647900; margin:-1em 0 1em 0;} #content .mod_newsreader p.back {display:none;} /* Verstecken des Back-Buttons */ #content .mod_newsreader ul {margin:1em 0 1.4em 0;} #content .mod_newsreader li { padding:1px 20px 1px 15px; } /* Newslist */ #sidebar .mod_newslist {font-size: 1.1em; margin:0 1em;} #sidebar .mod_newslist h4 {color:#555; font-size:1.4em; padding-bottom:1.5em; margin-bottom:1em; margin-top:.25em; } /* Newslist - Simple */ #right .mod_newslist .layout_simple {line-height:1.5em; padding: .75em 0;} #right .mod_newslist .layout_simple.last {background: none; margin:0;} #right .mod_newslist .layout_simple h5 { display:inline; } #right .mod_newslist .layout_simple h5 a {font-weight:normal; font-size:1.1em; text-decoration:none; display:inline;} #right .mod_newslist .layout_simple .info {display:inline; font-weight:bold;} /* Newslist - Short */ #right .mod_newslist .layout_short {background: #EEEEEE; margin:0 0 5px 0; padding:10px 5px 10px 62px; border: 1px solid #DDDDDD; font-size: 11px; line-height:14px;} #right .mod_newslist .layout_short .date {background:#000; float:left; margin:0 0 0 -55px; font-size:9px; padding:1px 3px; color:#fff;font-weight:normal;} #right .mod_newslist .layout_short h2 {} #right .mod_newslist .layout_short h2 a {font-size:11px; text-decoration:none; padding-bottom:5px; color:#323232; display:inline;} #right .mod_newslist .layout_short .info {display:block; margin-left:5px; } #right .mod_newslist .layout_short p { padding-top:3px;} /* Newslist - Full */ #content .mod_newslist .layout_full {padding-bottom:30px;} #content .mod_newslist .layout_full h1 {line-height: 1.3em; margin-bottom:0; padding-bottom:0;} #content .mod_newslist p.info { padding-bottom:1em; margin:0;} /* Newsarchive */ #content .mod_newsarchive .layout_full {margin:3em 0; padding:3em 0 0 0;} #content .mod_newsarchive .first {margin:0 0 3em 0; padding:1.5em 0 0 0; background: none;} #content .mod_newsarchive .layout_full h1 {font-size:1.4em; line-height: 1.4em; letter-spacing:normal;} #content .mod_newsarchive p.info {color: #647900; margin:-1em 0 1em 0;} #content .mod_newsarchive ul {margin:1em 0 1.4em 0;} #content .mod_newsarchive li { padding:1px 20px 1px 15px; } #sidebar .mod_article .ce_hyperlink { font-size:1.1em; padding:1.6em 0 0 1em;} /* Verweis zum Newsarchiv */ /* Newsmenu */ .mod_newsmenu .level_1 li.year {font-weight:bold; color:#000; font-size:1.2em; padding:1em 0 0 0.5em;} .mod_newsmenu .level_2 { margin:1em 0 0 0;} .mod_newsmenu .level_2 .active {color:#000; font-weight:normal;} .mod_newsmenu li {padding:0.5em 0;} .mod_newsmenu li a{font-weight:normal;} .mod_newsmenu ul li.year {margin-bottom:1.5em;} .mod_newsmenu h4 {font-size:1.6em; margin-bottom:1em;} /* Pagination */ #content .pagination {text-align:left;} #content .pagination ul { margin:0; padding:0;} #content .pagination ul li {display:inline;padding:2px 0; margin:0;border:1px solid #ccc} #content .pagination ul li span {display:inline; margin:0 3px; padding:2px 2px; color:#000;} #content .pagination ul li a {border:none;padding:2px 5px; text-decoration:none;} #content .pagination ul li a:hover {color:#000;} /* HYPERBOX */ #content .hyperbox { background: #F9F9F9; border: 1px solid #DDDDDD; width:440px;padding:25px 25px 25px 0; margin-bottom:20px;} #content .hyperbox .image_container img { border:none; position:absolute; margin:-20px 0 0 25px; } #content .hyperbox p {padding:0 0 0 110px;margin-bottom:5px; font-size:11px; color:#787878;} #content .hyperbox h2 {padding:0 0 6px 110px; margin:0 0 0 0; font-size:14px; letter-spacing:normal;} /* FILIALEN */ #content #karte_filialen {width: 443px; height: 599px; background:url(../i/deutschlandkarte.png) 25px 0 no-repeat;} #content #karte_filialen a {color:#5a5a5a; font-weight: bold;text-decoration: none; border:none;} #content #karte_filialen a:link, #content #karte_filialen a:link, {color:#5a5a5a; font-weight: bold; text-decoration: none; } #content #karte_filialen a:hover {color: #990000;} #content #karte_filialen #hamburg {display: block; top: 99px; left: 217px; position: relative;} #content #karte_filialen #hannover {display: block; top: 162px; left: 205px; position: relative;} #content #karte_filialen #luenen {display: block; top: 184px; left: 111px; position: relative;} #content #karte_filialen #muenster {display: block; top: 152px; left: 115px; position: relative;} #content #karte_filialen #leipzig {display: block; top: 178px; left: 319px; position: relative;} #content #karte_filialen #lahnstein {display: block; top: 217px; left: 86px; position: relative;} #content #karte_filialen #nidderau {display: block; top: 105px; left: 162px; position: relative;} #content #karte_filialen #frankfurt {display: block; top: 227px; left: 153px; position: relative;} #content #karte_filialen #darmstadt {display: block; top: 178px; left: 160px; position: relative;} #content #karte_filialen #rosenheim {display: block; top: 327px; left: 260px; position: relative;} #content #karte_filialen #bleichach {display: block; top: 363px; left: 225px; position: relative;} #content #karte_filialen #heusenstamm {display: none; top: 148px; left: 159px; position: relative;} #content #karte_filialen #passau {display: block; top: 307px; left: 320px; position: relative;} #content #karte_filialen #hattersheim {display: block; top: 150px; left: 63px; position: relative;} #content #karte_filialen #hamburg-norderstedt {display: block; top: -138px; left: 217px; position: relative;} /* MITARBEITER */ .ce_text.mitarbeiter {margin: 10px 0 0 0; padding:0; line-height:1.3em;} .ce_text.mitarbeiter .image_container {border:1px solid #ddd; width:140px; height:105px; margin-bottom:5px;} /* SUCHE */ /* Formatierung des Suchfeldes */ .mod_form { float:right; width:312px; height: 80px; margin:0 0 15px 0;} .mod_form .formbody { padding:30px 0 0 45px;} .mod_form p {float:left;} .mod_form label {display:none;} .mod_form input.text {float:left; padding:0.3em 0 0.3em 0.4em; width:165px; } .mod_form input.submit { border:none; width:50px; height:20px; margin:0 0 0 0.5em;} /* Hauptseite der Suchmaschine */ .mod_search .header {} .mod_search .highlight {font-weight:bold; color:#393939;} .mod_search .even, #suche .mod_search .odd {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:1em 0;} .mod_search p.url, #suche .mod_search p.filesize {margin-top:-1.5em; color:#aaa; font-size:0.9em;} .mod_search .formbody input {} .mod_search .formbody {margin:2em 0.5em 0 0;} .mod_search .formbody p {float:left;} .mod_search .formbody input.text {padding:3px 3px; font-size:11px; font-family:Tahoma, Helvetica, Arial;} .mod_search .formbody input.submit {} .mod_search .formbody #query_type {margin:2em 0 0 0;} .mod_search .formbody span {display:block;} /*#suche .mod_search #query_type input {display:block; float:left; height:1.5em; margin:0.4em 0.5em 0 0;}*/ /* SUBCOLUMNS */ .subcolumns {font-size:11px; line-height:1.3em;} .subcolumns img {border:1px solid #ccc;} .subcolumns h2 {font-size:14px; padding:0 0 5px 0;} .startmodul {margin:20px 0 0 0; padding:15px; background: #efefef;} .subcolumns a:link, .subcolumns a:visited {color:#990000; text-decoration: none;} .subcolumns a:hover {color: #000; background-color: #eee; border-color:#000;} /* MODULE */ .mod_article {margin-bottom:30px;} /* Neue Produkte */ #right .neu .ce_text, #left .neu .ce_text {background: #EEEEEE url(../i/neu.png) 10px 10px no-repeat; margin:0 0 5px 0; padding:10px 5px 10px 60px; border: 1px solid #DDDDDD; font-size: 11px; line-height:14px;} #right .angebote .ce_text, #left .angebote .ce_text {margin:0 0 5px 0; padding:10px 5px 10px 60px; border: 1px solid #DDDDDD; font-size: 11px; line-height:14px;} /* Sonderangebote */ .angebote .pro5 {background: #F4F9EA url(../i/pro5.png) 10px 10px no-repeat;} .angebote .pro10 {background: #F4F9EA url(../i/pro10.png) 10px 10px no-repeat;} .angebote .pro15 {background: #F4F9EA url(../i/pro15.png) 10px 10px no-repeat;} .angebote .pro20 {background: #F4F9EA url(../i/pro20.png) 10px 10px no-repeat;} .angebote .pro25 {background: #F4F9EA url(../i/pro25.png) 10px 10px no-repeat;} .angebote .pro30 {background: #F4F9EA url(../i/pro30.png) 10px 10px no-repeat;} #right .referenzen .ce_text {background: #F4F9EA; margin:0 0 5px 0; padding:10px 5px 10px 15px; border: 1px solid #DDDDDD; font-size: 11px; line-height:15px;} /* Akkordeon */ /* Content*/ .toggler{ font-weight:normal; background:#f6f6f6 url(../i/toggler.png) 5px 0px no-repeat; border:1px #d2d2d2 solid; padding:5px 5px 5px 43px; margin:0; cursor:pointer; cursor:hand;} .toggler:hover {background:#E8EDDB url(../i/toggler.png) 5px -56px no-repeat;} .toggler.active {font-weight:bold; background:#E8EDDB url(../i/toggler.png) 5px -28px no-repeat;} div.accordion { margin:0 0 7px 0; background:#F4F9EA} div.accordion div { padding:15px 15px 15px 43px; border:1px solid #ddd; border-top:none;} /* Sidebar */ #right .ce_accordion, #left .ce_accordion {font-size:11px; line-height:14px;} #right .toggler, #left .toggler{ font-weight:normal; color:#000; background:#eee url(../i/toggler-side.png) 2px 1px no-repeat; border:1px #d2d2d2 solid; padding: 5px 3px 7px 34px; margin:0; cursor:pointer; cursor:hand;} #right .toggler:hover {background:#E8EDDB url(../i/toggler-side.png) 2px -52px no-repeat;} #right .toggler.active {font-weight:bold; background:#E8EDDB url(../i/toggler-side.png) 2px -26px no-repeat;} #right div.accordion { margin:0 0 5px 0; background:#F4F9EA} #right div.accordion div { padding:6px 5px 13px 34px; border:1px solid #ddd; border-top:none;}