/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= * DARSTELLUNGSKLASSEN * Name: design.css * Erstellungsdatum: 26.04.2008 * Modifiziert: 11.09.2007 * Author: cweber(at)format-ag.ch * Version: 1.71 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ @import url(/format/styles/shared.base.css); /* * HTML & HOEHEN, > 100%, damit Scrollbar bei FF immer miteinberechnet wird */ body {margin:0;padding:0;color:#000000;background-color:#CDD9E9;text-align:center;} html, body {height:100%;font:normal 90%/140% arial,verdana,sans-serif;background:#CDD9E9 url(/de/wLayout/design/img/backgrounds/bg_main.gif) top left repeat-y;background-position:center;} *+html body {font-size:90%;} /* IE.Hack */ img {border:none;vertical-align:middle;} a {color:#000000;text-decoration:none;color:#0100C0;} a:hover {text-decoration:underline;} /* * BLOECKE */ #blockAccess {margin:0 auto 0;padding:0;height:0;text-align:left;} #blockUsability {margin:0 auto 0;padding:15px 0 0 1px;min-width:650px;width:950px;background-color:#fff;text-align:left;} *+html body #blockUsability {height:28px;} #blockUsability .links {float:left;padding:0 0 0 10px;font:normal 0.95em/140% arial,verdana,sans-serif;text-align:left;} #blockUsability .space {margin:0 0.15em;} #blockUsability .clearfix {clear:both;} #blockHeaderStart {margin:10px auto 0;min-width:650px;width:949px;height:297px;padding-left:1px;} #blockHeader {margin:10px auto 0;min-width:650px;width:949px;height:172px;padding-left:1px;} *+html body #blockHeader {margin-top:-10px;} #blockHeader .brand, #blockHeaderStart .brand {background-color:#fff;} #blockHeader .brand img, #blockHeaderStart .brand img {margin:0;padding:0;width:947px} #blockHeader .clearfix, #blockHeaderStart .clearfix {clear:left;} #blockMain {margin:0 auto 0;padding:0;min-width:650px;width:950px;min-height:100%;height:auto !important;border-top:none;border-bottom:none;} #blockLeft {margin:0;padding:40px 0 0 0;float:left;width:195px;text-align:left;background-color:#0100C0;border-left:1px solid #fff;} #blockContent {margin:0 0 0 195px;padding:40px 10px 0 35px;vertical-align:top;min-height:600px;text-align:left;} #blockContentEvent {float:left;width:690px;margin:0;padding:40px 10px 0 35px;vertical-align:top;min-height:600px;text-align:left;} #blockContentNormal {margin:0 0 0 195px;width:690px;padding:40px 10px 0 35px;vertical-align:top;min-height:600px;text-align:left;} #blockContent .clearfix {clear:right;} #blockContentEvent .clearfix {clear:right;} #blockContentNormal .clearfix {clear:right;} #blockBreadcrump {margin:0 0 0 195px;padding:15px 0 0 35px;vertical-align:top;text-align:left;} #blockFooter {margin:0.7em 0 0 0;padding:1em 2px;background:transparent url(/de/wLayout/design/img/backgrounds/bg_line_bottom.gif) top center no-repeat;} #blockFooter .bottom {margin:0 0 0 195px;font:normal 0.9em/140% arial,verdana,sans-serif;color:#9c9d9f;text-align:right;padding-right:15px;} #blockFooter .bottom a {color:#9c9d9f;} #blockFooter .bottom .validation {float:right;} #blockFooter .bottom .validation img {border:none;margin:-1px 0 0 0;padding:0 0.25em 0 0;} #blockFooter .bottom .clearfix {clear:right;} /* * ELEMENTE */ .elementHeadline {margin:0 0 0.8em 0;padding:0;} #HeadlineLeft {width:100%;margin:0;padding:0;color:#0100C0;} #HeadlineLeft .elementHeadlineLeft {float:left;width:80%;margin:0;padding:0;color:#0100C0;} #HeadlineLeft .elementHeadlineLeft h1 {font:bold 28px/140% arial,verdana,sans-serif;color:#0100C0;margin-top:20px;} #HeadlineLeft .elementPictureRight {float:right;margin:0;padding:0 10px 0 0;} #HeadlineLeft .elementClearfix {clear:both;} .elementSubheadline {margin:0;padding:0;} .elementStandard, .elementTable, .elementSitemap, .elementForm {margin:0;padding:0 0 0.8em 0;} .elementSpaceSmall {margin:0 0 0.4em 0;padding:0;} .elementFunction {padding:2.5em 15px 0 0;font-size:0.95em;text-align:right;} .elementFunction a {margin:0 0.25em;color:#0100C0;} .elementFunction a:hover {text-decoration:underline;color:#0100C0;} .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;} .elementPicture {margin:0 0 0.8em 0;padding:0;} .elementItem {margin-bottom:0.2em;padding:0;} .elementSpace {margin:0 0 10px 0;padding:0 0 10px;} /* Splash */ #blockContent .splashBox {float:left;width:232px;height:400px;} #blockContent .splashBox h1 {margin:0;padding:5px 10px 5px 0;font-size:90%;font-weight:bold;color:#0100C0;} #blockContent .splashBox h2 {margin:0;padding:5px 10px 5px 0;font-size:13px;font-weight:bold;color:#FD0002;} #blockContent .splashBox p {margin:0;padding:5px 10px 5px 0;} #blockContent .splashBox2 {float:left;width:232px;height:400px;} #blockContent .splashBox2 h1 {margin:0;padding:5px 0 5px 0;font-size:90%;font-weight:bold;color:#FFCB00;} #blockContent .splashBox2 p {margin:0;padding:5px 0 5px 0;} #blockContent .splashBoxClear {clear:both;} #blockContent .splashBox a {color:#000000;text-decoration:none;color:#0100C0;} #blockContent .splashBox2 a {color:#000000;text-decoration:none;padding-left:15px;background:transparent url(/de/wLayout/design/img/icons/linkpfeil.gif) left center no-repeat;color:#0100C0;} #blockContent .splashBox2 a.bilder {color:#000000;text-decoration:none;padding-left:0;background-image:none;color:#0100C0;} #blockContent .splashBox a:hover, #blockContent .splashBox2 a:hover {text-decoration:underline;color:#0100C0;} /* * 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;} /* * FORMULARE */ .elementQuickSearch {padding:0 15px 0 0;vertical-align:bottom;text-align:right;} *+html .elementQuickSearch {padding:0 10px 0 0;} /*IE.Hack*/ .elementQuickSearch form {overflow:hidden;} .elementQuickSearch input {margin:0 10px 0 0;width:130px;border:1px solid #000000;font-size:9px;color:#000000;background-color:#ffffff;vertical-align:middle;} .elementQuickSearch .submit {margin:0;width:16px;height:16px;border:none;vertical-align:middle;background-color:transparent;} .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%;} .elementForm ol {list-style:none;} .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:50%;max-width:20em;height:18px;border:1px solid #646466;} .elementForm input.small {width:15%;max-width:7em;height:18px;} .elementForm input.radio {padding:0;width:auto;height:auto;vertical-align:middle;line-height:20px;border-style:none !important} .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:65%;max-width:25em;height:10em;border:1px solid #646466;} .elementForm textarea.small {width:50%;max-width:15em;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;} /* --- Buttons --- */ .elementForm input.inputbutton {padding:2px;cursor:pointer;width:auto;height:auto;line-height:18px;font-size:0.95em;border:1px solid #000;} .elementForm input.inputbutton:hover {background-color:#233f8f !important;color:#fff !important;} .elementForm input.inputbutton:focus {background-color:#233f8f !important;color:#fff !important;} /* *TABELLEN */ table {margin:0;padding:0;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 {width:100%;/*border-top:1px solid #d4d0c8;border-left:1px solid #d4d0c8;table-layout:auto;*/table-layout:fixed;} .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 {border-bottom:1px solid #0100C0;border-top:none;background-color:transparent;height:2px;} strong {font-weight:bold;} em {font-style:italic;} #blockContent ul {margin:0.4em 0 0.8em 0;list-style:url(/de/wLayout/design/img/list-style-image.gif);} #blockContent ul li {margin:0 0 0 2.5em;} ul.fragmentList {list-style:none !important;list-style-image:none;margin:0 !important;padding:0 !important;} ul.fragmentList li {list-style:none !important;list-style-image:none;margin-bottom:5px;margin-top:0 !important;margin-left:10px !important;margin-right:0 !important;padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;padding-bottom:4px !important;} h1 {font:bold 28px/140% arial,verdana,sans-serif;color:#000000;} h2 {font:bold 1.15em/140% arial,verdana,sans-serif;color:#2b2861;} h3 {font:bold 1.15em/140% arial,verdana,sans-serif;color:#2b2861;} .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;} .elementStandard {font:normal 1em/140% arial,verdana,sans-serif;color:#000;} .elementStandard a {font-weight:bold;color:#0100C0;} .elementSpace {margin:0;padding:0 0 10px 0;} .textInfo {margin:0.5em 0 0 0;} .textInfo a {color:#0100C0;} .textInfoBullet a {margin:0.5em 0 0 0;padding:0 0 0 15px;background:transparent url(/de/wLayout/design/img/icons/icon_bullet_right.gif) center left no-repeat;} .space {margin:0 0.5em 0 0;} /* * SPEZIELLE FORMATIERUNGEN */ .editButton {width:150px;} .right {text-align:right;} .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;}*/