/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= * DARSTELLUNGSKLASSEN * Name: design.css * Erstellungsdatum: 31.08.2006 * Modifiziert: 11.09.2007 * Author: sfluri(at)format-ag.ch * Version: 1.71 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ @import url(/format/styles/shared.base.css); /* --- Frameworkklassen für Splash-Elemente manipulieren --- */ .fns_elementMulticolumn {min-height:300px;height:300px;max-height:300px;overflow:none;overflow-y:auto;} .fns_elementMulticolumn .fns_column33p {width:31%;margin-right:1em;} .fns_elementMulticolumn .fns_column33p ul {margin:0 !important;list-style:disc;list-style-image:none;color:#233f8f;} .fns_elementMulticolumn .fns_column33p ul li {margin:0 0 0 1em;} /*IEHACK6*/*html body .fns_elementMulticolumn .fns_column33p ul li {margin:0 0 0 1.5em;} /*IEHACK7*/*+html body .fns_elementMulticolumn .fns_column33p ul li {margin:0 0 0 1.5em;} /* * HTML & HOEHEN, > 100%, damit Scrollbar bei FF immer miteinberechnet wird */ body {margin:0;padding:0;color:#000000;background-color:#808080;} html, body {font:normal 85%/140% arial,verdana,sans-serif;background-color:#808080;} img {border:none;vertical-align:middle;} a {color:#CC0001;text-decoration:none;font-weight:bold;} a:hover {text-decoration:underline;} /* * BLOECKE */ #blockMain {margin:0 auto 0;padding:0;min-width:650px;width:940px;vertical-align:top;background:transparent url(/de/wLayout/design/img/backgrounds/bg_main.gif) top left repeat-y;} #blockMain .clearfix {clear:right;} #blockHeader {margin:5% auto 0;min-width:650px;width:940px;height:123px;border-bottom:1px solid #CC0001;background-color:#EAEAEA;vertical-align:top;} #blockHeader .brandleft {float:left;width:190px;height:123px;margin:0;padding:0;background-color:#EAEAEA;border-right:1px solid #969696;} #blockHeader .brandmitte {float:left;width:557px;height:123px;margin:0;padding:0;} #blockHeader .brandright {float:right;margin:0;padding:0;width:190px;height:123px;background-color:#EAEAEA;border-left:1px solid #969696;} #blockHeader .clearfix {clear:left;} #blockTop {margin:0 auto 0;min-width:650px;width:940px;background-color:#fff;border-bottom:1px solid #CC0001;vertical-align:top;} #blockTop .image {margin:0;padding:0;} #blockFrame {margin:0 auto 0;padding:0;min-width:650px;width:940px;min-height:400px;vertical-align:top;text-align:left;} #blockFrame .blockLeft {float:left;width:190px;margin:0;padding:0;vertical-align:top;text-align:left;} #blockFrame .middle {float:left;width:504px;margin:0;padding:27px;vertical-align:top;text-align:left;} #blockFrame .blockRight {float:right;width:190px;margin:0;padding:0;vertical-align:top;text-align:left;} #blockFrame .clearfix {clear:both;} #blockHeader .clearfix {clear:left;} #blockFooter {margin:0 auto 5%;padding:0;width:940px;height:26px;background-color:#fff;border-bottom:1px solid #CC0001;border-top:1px solid #CC0001;vertical-align:top;} #blockFooter .bottom {float:left;font:normal 0.9em/140% arial,verdana,sans-serif;color:#000000;padding:7px 0 0 10px;} #blockFooter .bottom a {color:#CB0100;} #blockFooter .bottom a:hover {text-decoration:underline;} #blockFooter .right {width:190px;float:right;text-align:right;margin:0;padding:7px 10px 0 0;font:normal 0.9em/140% arial,verdana,sans-serif;color:#000000;} #blockFooter .right a {color:#CB0100;} #blockFooter .right a:hover {text-decoration:underline;} /* * ELEMENTE */ .elementHeadline {margin:0 0 0.8em 0;padding:0;} .elementSubheadline {margin:0;padding:0;} .elementStandard, .elementTable, .elementSitemap, .elementForm {margin:0;padding:0 0 0.8em 0;} .elementStandard ul {list-style:url(/de/wLayout/design/img/icons/icon_bullet_right.gif);} .elementStandard li {margin:0 0 0 20px !important;} .elementStandard ul .einzug {list-style:url(/de/wLayout/design/img/icons/icon_bullet_right.gif);} .elementStandard ul .einzug li {margin:0 0 0 40px !important;} .elementSpace {margin:0;padding:0 0 20px 0;} .elementSpaceSmall {margin:0 0 0.4em 0;padding:0;} .elementFunction {margin:2.5em 0 0 0;font-size:0.95em;} .elementFunction a {margin:0 0.25em;} .elementLine {margin:0 0 0.8em 0;padding:0;height:6px;} .elementWarning {margin:0 0 0.8em 0;padding:0.5em;width:50%;color:#ff0000;border:1px solid #ff0000;background-color:#fff;} .elementSuccess {margin:0 0 0.8em 0;padding:0.5em;width:50%;color:#4d6710;border:1px solid #4d6710;background-color:#fff;} .elementMessage {margin:0 0 0.8em 0;padding:0.5em;color:#ff0000;border:1px solid #646466;background-color:#f9f9f9;} .elementSource {padding:0.5em;border:1px dashed #646466;background-color:#f9f9f9;} .elementSource:hover {background-color:#f2f2f3;} /* * FRAGMENTE */ .fragmentTopicFloatLeft {margin:0 0 0.8em 0;padding:0;float:left;width:100px;} .fragmentTopicFloatRight {margin:0 0 0 100px;} .fragmentPictureFloatLeft {margin:0 0.8em 0.8em 0;padding:0;float:left;} .fragmentPictureFloatRight {margin:0 0 0.8em 0.8em;padding:0;float:right;} .fragmentItemIcon {float:left;margin:0;padding:0;width:20px;height:auto;} .fragmentItemText {margin:0 0 0 24px;} .fragmentItemFloatLeft {float:left;margin:0;padding:0;width:275px;height:auto;} .fragmentItemFloatRight {margin:0 0 0 275px;} .fragmentItemFloatLeftSmall {float:left;margin:0;padding:0;width:175px;height:auto;} .fragmentItemFloatRightSmall {margin:0 0 0 175px;} .fragmentListFloatLeft {float:left;margin:0;padding:0;width:100px;height:auto;} .fragmentListMarginLeft {margin:0 0 0 125px;padding:0;height:auto;} .fragmentFloatLeft {margin:0 0 0.8em;float:left;} .fragmentFloatRight {margin:0 0 0.8em;float:right;} .fragmentClear {clear:both;} .fragmentClearLeft {clear:left;} .fragmentClearRight {clear:right;} .elementStandardPartner {margin:0;padding:0 0 15px 0;border-bottom:1px solid #646466;} .fragmentTextFloatLeftPartner {float:left;width:200px;font:normal 1em/140% arial,verdana,sans-serif;color:#000;margin:15px 0 0 0;padding:0;} .fragmentPictureFloatRightPartner {width:200px;margin:15px 0 0.8em 10px;padding:0;float:left;} /* * FORMULARE */ .elementForm input {padding:0.1em 0.2em 0 0.2em;font:normal 1em arial,verdana,sans-serif;} .elementForm select {font:normal 1em arial,verdana,sans-serif;} .elementForm textarea {padding:0.1em 0.2em;font:normal 1em arial,verdana,sans-serif;} .elementForm fieldset {border:none;} .elementForm label {float:left;margin:0;padding:0;width:25%;} .formCaption {width:20%;padding:6px 0 0 0;} .formValue {width:80%;float:left;padding:5px 0;} .elementForm ol {list-style:none;x} .elementForm ol li {margin:0 0 0.25em 0;} .elementForm ol li.comment {margin:0.8em 0 0.8em 25%;} .elementForm ol li.button {margin:0 0 0 25%;} .elementForm input:focus, .elementForm select:focus, .elementForm textarea:focus {background-color:#f2f2f3;} .elementForm input {width:300px;height:18px;border:1px solid #646466;} .elementForm input.zip {width:100px;height:18px;border:1px solid #646466;} .elementForm input.city {margin-left:2px;width:198px;height:18px;border:1px solid #646466;} .elementForm input.small {width:100px;max-width:7em;height:18px;} .elementForm input.smallcheckb {width:5%;max-width:7em;height:18px;background-color:none;border:none;} .elementForm input.smallradio {width:15%;max-width:7em;height:18px;background-color:none;border:none;} .elementForm input.radio {margin-right:0.5em;padding:0;width:15px;height:15px;vertical-align:middle;line-height:20px;border-style:none !important;background-color:none;} .elementForm option {padding:0 0.25em;} .elementForm select {width:50%;width:20em;max-width:20em;height:18px;border:1px solid #646466;} .elementForm select.small {width:20%;max-width:7em;height:18px;} .elementForm textarea {width:400px;height:10em;border:1px solid #646466;} .elementForm textarea.small {width:300px;height:5em;} .elementForm input.button {cursor:pointer;width:auto;height:auto;line-height:18px;font-size:0.95em;background:transparent url(/de/wLayout/design/img/backgrounds/bg_form_btn.gif) repeat-x;border:1px solid #646466;} a.button {cursor:pointer;display:block;width:8.5em;height:20px;line-height:20px;font-size:0.95em;background:transparent url(/de/wLayout/design/img/backgrounds/bg_form_btn.gif) repeat-x;text-decoration:none;text-align:center;color:#000000;border:1px solid #646466;} .elementForm input.buttonAdmin {cursor:pointer;width:auto;height:auto;line-height:18px;font-size:0.95em;background:transparent url(/de/wLayout/design/img/backgrounds/bg_form_btn.gif) repeat-x;border:1px solid #646466;} /* *TABELLEN */ table {margin:0;padding:0;width:100%;height:auto;} table th {padding:2px 4px 1px 4px;vertical-align:top;text-align:left;font-weight:bold;background-color:#e3e3e4;} table td {padding:2px 4px 1px 4px;vertical-align:top;text-align:left;} table td.hide {} table td.small {width:14em;} table td.verysmall {width:7em;} table td.space {height:1em;padding:0 0 1em 0;} table td.right {text-align:right;} .elementTable table {margin:0;padding:0;width:100%;height:auto;border-top:1px solid #e3e3e4;} .elementTable table th {padding:2px 4px 1px 4px;vertical-align:top;text-align:left;font-weight:bold;background-color:#e3e3e4;border-bottom:1px solid #e3e3e4;} .elementTable table td {padding:2px 4px 1px 4px;vertical-align:top;text-align:left;border-bottom:1px solid #e3e3e4;} .elementTable table .hide {} .elementTable table .small {width:14em;} .elementTable table .verysmall {width:7em;} .elementTable table .space {height:1em;padding:0 0 1em 0;} .elementTable table .right {text-align:right;} /* * BILDER, LINIEN & SONSTIGE SONDERKLASSEN */ img.imgIcon {border:none;vertical-align:bottom;padding:0 2px;} img.imgBorder {border:1px solid #e3e3e4;} img.imgNoBorder {border:none;} img.imgThumbnail {margin:0;padding:5px;border:1px solid #e3e3e4;background-color:#fff;} img.imgThumbnail:hover {border:1px solid #646466;} img.imgGallery {border:1px solid #e3e3e4;;} img.imgGalleryThumbnail {margin:0 0.8em 0 0.8em;padding:5px;border:1px solid #e3e3e4;background-color:#fff;} img.imgGalleryThumbnail:hover {border:1px solid #646466;} /* * CONTENT-KLASSEN */ hr {background-color:#000000;color:#000000;border:#000000;height:1px;} strong {font-weight:bold;} em {font-style:italic;} h1 {font:bold 1.4em/140% arial,verdana,sans-serif;color:#CC0001;} h2 {font:bold 1.15em/140% arial,verdana,sans-serif;color:#CC0001;} h3 {font:bold 1.15em/140% arial,verdana,sans-serif;color:#CC0001;} .textSmall {font:normal 0.9em/140% arial,verdana,sans-serif;color:#000;} .textSmallBold {font:bold 0.95em/140% arial,verdana,sans-serif;color:#000;} .textSmallItalic {font:italic normal 0.95em/140% arial,verdana,sans-serif;color:#000;} .text {font:normal 1em/140% arial,verdana,sans-serif;color:#000;} .textBold {font:bold 1em/140% arial,verdana,sans-serif;color:#000;} .textItalic {font:italic normal 1em/140% arial,verdana,sans-serif;color:#000;} .textLarge {font:normal 1.1em/140% arial,verdana,sans-serif;color:#000;} .textLargeBold {font:bold 1.1em/140% arial,verdana,sans-serif;color:#000;} .textLargeItalic {font:italic normal 1.1em/140% arial,verdana,sans-serif;color:#000;} .textSource {font:normal 0.95em/140% courier,monospace,serif;color:#646466;} .textSourceBold {font:bold 0.95em/140% courier,monospace,serif;color:#646466;} .textLegend,.textComment {padding:0.5em 0 0 0;color:#646466;} .textPages {padding:0 0 0.8em 0;font:normal 1em/140% arial,verdana,sans-serif;color:#000;} .textQuote {margin:2.5em;padding:0.5em 0 0 0;font:italic normal 1.1em/140% arial,verdana,sans-serif;color:#646466;} .textQuote:before {content:url(/de/wLayout/design/img/icons/icon_quote_open.gif);margin:0;padding:0.8em 0.8em 0 0;} .textQuote:after {content:url(/de/wLayout/design/img/icons/icon_quote_close.gif);margin:0;padding:0 0 0 0.8em;} /* * SPEZIELLE FORMATIERUNGEN */ .editButton {width:200px;} .editButtonNavi {width:190px;vertical-align:top;} #blockFrame .blockRight #divNavEditbutton {margin-top:14px;} .fullwidth {width:100%;} .halfwidth {width:50%;} abbr, acronym {border-bottom:1px dotted #000000;color:#000000;cursor:help;} /*.content1sp a[href^="http://"], .content2sp a[href^="http://"] {background:transparent url(/de/wLayout/design/img/icons/icon_referer_v3.gif) no-repeat center right;padding:0 12px 1px 0;margin-right:0.2em;}*/ /*.content1sp abbr, .content2sp abbr, .content1sp acronym, .content2sp acronym {background:transparent url(/de/wLayout/design/img/icons/icon_info.gif) no-repeat center right;padding:0 12px 1px 0;margin-right:0.2em;border-bottom:1px dotted #000000;color:#000000;cursor:help;}*/