/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= * DARSTELLUNGSKLASSEN * Name: design.css * Erstellungsdatum: 25.03.2008 * Modifiziert: 25.03.2008 * 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:#fff;text-align:left;} html, body {font:normal 12px verdana,sans-serif;} *+html body {font-size:12px;} /* IE.Hack */ img {border:none;vertical-align:middle;} a {color:#000000;text-decoration:none;} a:hover {text-decoration:underline;} /* * BLOECKE */ #blockMain {margin-left:36px;padding:0;min-width:650px;width:952px;border-top:none;border-bottom:none;background:#fff url(/de/wLayout/design/img/backgrounds/bg_main.gif) top left repeat-y;} #blockPrint {padding:0;width:650px;width:952px;border-top:none;border-bottom:none;background:#fff;} #blockLeft {margin:0;float:left;width:195px;text-align:left;padding:0;background-color:#EAEAEA;min-height:500px;} #blockHeader {width:952px;padding:0;} #blockAccess {float:left;margin:0;padding:0;height:0;} #blockUsability {margin:auto;padding:20px 0 20px 0;background-color:#fff;height:5px; } #blockUsability .links {float:left;padding:0 0 0 0; font:normal 12px verdana,sans-serif;} #blockUsability .space {padding:0 0 0 5px;} #blockUsability .links img {margin:-1px 0px 0 0;vertical-align:bottom;} #blockUsability .links a img {} #blockUsability .clearfix {clear:both;} #blockUsability .search {float:right; padding:0 0 0 0px;width:199px;} #blockUsability .adjustment {margin:0;padding:0 10px 0 0;color:#fff;font-weight:bold;} #blockTop {margin:0 0 0 195px;/*width:952px;*/padding:0;text-align:left;height:138px;} #blockTop .foto {float:left;width:500px;text-align:left;margin:0;padding:0;} #blockTop .wappen {text-align:right;margin:0;padding:0;} #blockBreadcrump {margin:0 0 0 195px;padding:20px 0 0 20px;text-align:left;} #blockContent {margin:0 0 0 195px;padding:20px 0 0 20px;text-align:left;vertical-align:top;min-height:700px;} #blockContentPrint {margin:0;padding:20px 0 0 20px;text-align:left;vertical-align:top;} #blockFooter {margin:0;padding:0;height:98px;background:#777777 url(/de/wLayout/design/img/backgrounds/bg_footer.gif) bottom left no-repeat;} #blockFooter .bottom {padding:79px 0 0 15px;font:normal 9px verdana,sans-serif;color:#000000;} #blockFooter .bottom a {color:#000000;text-decoration:underline;} #blockFooter .bottom a:hover {text-decoration:none;} #blockFooter .bottom .clearfix {clear:both;} #blockFooter .bottom a.right {padding:0 0 0 57px;text-decoration:underline;font-size:9px;font-family:verdana,sans-serif;color:#FFFFFF;} #blockFooter .bottom a.right2 {padding:0;text-decoration:underline;font-size:9px;font-family:verdana,sans-serif;color:#FFFFFF;} #blockFooter .bottom a.right:hover {text-decoration:none;} #blockFooter .bottom a.right2:hover {text-decoration:none;} #blockFooter .bottom .middle {color:#FFFFFF;} #blockFooter2 {margin:0;padding:0;height:20px;background:#FFFFFF url(/de/wLayout/design/img/backgrounds/bg_footer_2.gif) bottom left no-repeat;} #blockFooter2 .bottom {padding:5px 0 0 0px;font:normal 9px verdana,sans-serif;color:#000000;} #blockFooter2 .bottom a {color:#000000;text-decoration:underline;} #blockFooter2 .bottom a:hover {text-decoration:none;} #blockFooter2 .bottom .clearfix {clear:both;} #blockFooter2 .bottom a.right {padding:0 0 0 57px;text-decoration:underline;font-size:9px;font-family:verdana,sans-serif;color:#FFFFFF;} #blockFooter2 .bottom a.right2 {padding:0;text-decoration:underline;font-size:9px;font-family:verdana,sans-serif;color:#FFFFFF;} #blockFooter2 .bottom a.right:hover {text-decoration:none;} #blockFooter2 .bottom a.right2:hover {text-decoration:none;} #blockFooter2 .bottom .middle {color:#FFFFFF;} /* * ELEMENTE */ .elementHeadline {margin:0;padding:0 0 10px 0;text-align:left;} .elementSubheadline {margin:0;padding:0;text-align:left;} .elementStandard, .elementTable, .elementSitemap, .elementForm {margin:0;padding:0 0 0.8em 0;text-align:left;} .elementSpace {margin:0;padding:0 0 0.8em 0;} .elementSpaceSmall {margin:0 0 0.4em 0;padding:0;} .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;} /* Splash */ #blockContent .splashBox {float:left;width:232px;height:400px;} #blockContent .splashBox h1 {margin:0;padding:5px 10px 5px 3px;font-size:1.05em;font-weight:bold;color:#000000;} #blockContent .splashBox p {margin:0;padding:5px 10px 5px 3px;} #blockContent .splashBox2 {float:left;width:232px;height:400px;} #blockContent .splashBox2 h1 {margin:0;padding:5px 10px 5px 3px;font-size:1.05em;font-weight:bold;color:#000000;} #blockContent .splashBox2 p {margin:0;padding:5px 10px 5px 3px;} #blockContent .splashBoxClear {clear:both;} #blockContent .splashBox a {color:#000000;text-decoration:none;} #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;} #blockContent .splashBox a:hover, #blockContent .splashBox2 a:hover {text-decoration:underline;color:#006CB4;} /* * 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 */ .includeWeblic .elementForm .formCaption {width:12.7em;} .includeWeblic .elementForm .formValue {width:30em;} .elementQuickSearch {float: right; padding:0px 0 0 0;vertical-align:top;} *+html .elementQuickSearch {padding:0 0px 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 verdana,sans-serif;} .elementForm select {font:normal 1em verdana,sans-serif;} .elementForm textarea {padding:0.1em 0.2em;font:normal 1em 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:left;color:#000000;border:1px solid #646466;} /* *TABELLEN */ #gestreift {margin:0;padding:0;width:240px;height:auto;text-align:left;} #gestreift td, #gestreift th, #gestreift td.hide {margin:0;padding:2px 4px 1px 0;vertical-align:top;text-align:left;} table {margin:0;padding:0;width:100%;height:auto;text-align:left;} 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;text-align:left;} table td.verysmall {width:7em;text-align:left;} table td.space {height:1em;padding:0 0 1em 0;text-align:left;} table td.right {text-align:right;} .elementTable table {margin:0;padding:0;width:100%;height:auto;border-top:1px solid #e3e3e4;text-align:left;} .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;text-align:left;} .elementTable table td {padding:2px 4px 1px 4px;vertical-align:top;text-align:left;border-bottom:1px solid #e3e3e4;text-align:left;} .elementTable table .hide {} .elementTable table .small {width:14em;text-align:left;} .elementTable table .verysmall {width:7em;text-align:left;} .elementTable table .space {height:1em;padding:0 0 1em 0;text-align:left;} .elementTable table .right {text-align:right;text-align:left;} /* * 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:#e3e3e4;color:#e3e3e4;border:#e3e3e4;height:1px;} strong {font-weight:bold;} em {font-style:italic;} #blockContent ul {margin:0.4em 0 0.8em 0;list-style:url(/de/wLayout/design/img/icons/icon_bullet.gif);} #blockContent ul li {margin:0 0 0 1.3em;} h1 {font:bold 1.4em/140% verdana,sans-serif;color:#000000;} h2 {font:bold 1.15em/140% verdana,sans-serif;color:#000000;} h3 {font:bold 1.15em/140% verdana,sans-serif;color:#000000;} .textSmall {font:normal 0.9em/140% verdana,sans-serif;color:#000;} .textSmallBold {font:bold 0.95em/140% verdana,sans-serif;color:#000;} .textSmallItalic {font:italic normal 0.95em/140% verdana,sans-serif;color:#000;} .text {font:normal 1em/140% verdana,sans-serif;color:#000;} .textBold {font:bold 1em/140% verdana,sans-serif;color:#000;} .textItalic {font:italic normal 1em/140% verdana,sans-serif;color:#000;} .textLarge {font:normal 1.1em/140% verdana,sans-serif;color:#000;} .textLargeBold {font:bold 1.1em/140% verdana,sans-serif;color:#000;} .textLargeItalic {font:italic normal 1.1em/140% 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% verdana,sans-serif;color:#000;} .textQuote {margin:2.5em;padding:0.5em 0 0 0;font:italic normal 1.1em/140% 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 */ .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;}*/ /** old css #blockHeader {width:;margin:auto;padding:0;background:red;} *+html body #blockHeader {margin-top:-10px;} #blockHeader .blockLeft {margin:auto;float:left;width:195px;text-align:left;padding:0;background-color:#EAEAEA} #blockHeader .foto {float:left;width:500px;text-align:left;margin:0;padding:0 5px 20px 0;} #blockHeader .wappen {float:right;background-color:#fff;text-align:left;margin:0;padding:0 15px 20px 10px;vertical-align:top;} #blockHeader .clearfix {clear:both;} #blockMain {margin:auto;padding:0;min-width:650px;width:952px;height:auto !important;border-top:none;border-bottom:none;background:#fff url(/de/wLayout/design/img/backgrounds/bg_main.gif) top left repeat-y;} #blockContent {margin:0 0 0 195px;padding:20px 19px 0 20px;vertical-align:top;background:green;} #blockContent .breadcrumb {padding:0 !important;margin:0 !important;float:left;background:yellow;} #blockContent .clearfix {clear:both;} #blockFooter {margin:0;padding:0;height:98px;background:#777777 url(/de/wLayout/design/img/backgrounds/bg_footer.gif) bottom left no-repeat;} #blockFooter .bottom {padding:79px 0 0 15px;font:normal 9px verdana,sans-serif;color:#000000;} #blockFooter .bottom a {color:#000000;text-decoration:underline;} #blockFooter .bottom a:hover {text-decoration:none;} #blockFooter .bottom .clearfix {clear:both;} #blockFooter .bottom a.right {padding:0 0 0 57px;text-decoration:underline;font-size:9px;font-family:verdana,sans-serif;color:#FFFFFF;} #blockFooter .bottom a.right2 {padding:0;text-decoration:underline;font-size:9px;font-family:verdana,sans-serif;color:#FFFFFF;} #blockFooter .bottom a.right:hover {text-decoration:none;} #blockFooter .bottom a.right2:hover {text-decoration:none;} #blockFooter .bottom .middle {color:#FFFFFF;} #blockFooter2 {margin:0;padding:0;height:20px;background:#FFFFFF url(/de/wLayout/design/img/backgrounds/bg_footer_2.gif) bottom left no-repeat;} #blockFooter2 .bottom {padding:5px 0 0 15px;font:normal 9px verdana,sans-serif;color:#000000;} #blockFooter2 .bottom a {color:#000000;text-decoration:underline;} #blockFooter2 .bottom a:hover {text-decoration:none;} #blockFooter2 .bottom .clearfix {clear:both;} #blockFooter2 .bottom a.right {padding:0 0 0 57px;text-decoration:underline;font-size:9px;font-family:verdana,sans-serif;color:#FFFFFF;} #blockFooter2 .bottom a.right2 {padding:0;text-decoration:underline;font-size:9px;font-family:verdana,sans-serif;color:#FFFFFF;} #blockFooter2 .bottom a.right:hover {text-decoration:none;} #blockFooter2 .bottom a.right2:hover {text-decoration:none;} #blockFooter2 .bottom .middle {color:#FFFFFF;} */