/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= * DARSTELLUNGSKLASSEN * Name: design.css * Erstellungsdatum: 01.04.2008 * Modifiziert: 01.04.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 {text-align:center;color:#fff;} html, body {font:normal 95%/140% arial,verdana,sans-serif;background-color:#CCCCCC;} img {border:none;} a {text-decoration:none;font:bold 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} a:hover {color:#8ABE43;} a.active {color:#8ABE43;text-decoration:none;font-weight:bold;} .underline {text-decoration:none;font:bold 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;text-decoration:underline;} .underline:hover {color:#8ABE43;text-decoration:none;} /* * BLOECKE */ #frame {width:940px;margin:50px auto 0;} #blockTopHome {margin:10px 0 0 0;padding-bottom:5px;text-align:right;vertical-align:top;} #blockTopHome .imgdeutsch {padding-right:4px;} #blockTop {margin:0;padding-bottom:5px;text-align:right;vertical-align:top;} #blockTop .search {float:left;margin:0;width:199px;vertical-align:bottom;text-align:left;} #blockUsability {height:10px;padding:0 0 5px 0;} #blockUsability .links {float:right;padding:0;font:normal 11px arial,verdana,sans-serif;vertical-align:bottom;} #blockUsability .links a {margin:0;padding:0;color:#000000;text-decoration:none;vertical-align:bottom;} #blockUsability .links a:hover {color:#000000;text-decoration:underline;} #blockUsability .space {padding:0 10px 0 0;} #blockUsability img {margin:0;padding:0;vertical-align:bottom;} #blockHeader {margin:0 0 0 75px;padding:0;width:865px;height:126px;border:1px solid #21252b;background-color:#485055;vertical-align:top;} #blockHeader .brand {float:left;margin:0;padding:7px 0 0 0;width:150px;text-align:center;} #blockHeader .brand img {padding:7px 0 0 0;} #blockHeader .theme {margin:0 0 0 150px;} #blockHeader .clearfix {clear:left;} #blockContentHome {width:940px;height:341px;vertical-align:top;} #blockContent {width:940px;height:341px;vertical-align:top;text-align:left;} #blockContent .content1sp {float:left;width:296px;height:533px;margin:0;padding:6px;vertical-align:middle;background-color:#000000;text-align:center;} #blockContent .content2sp {float:left;width:628px;height:441px;margin:0 0 0 4px;vertical-align:top;text-align:left;} #blockContent .include {width:604px;height:417px;overflow:auto;overflow-x:hidden;overflow-y:auto;margin:0;padding:12px;vertical-align:top;background-color:#000000;text-align:left;} #blockContent .navbox {width:628px;height:15px;margin:5px 0 0 0;padding:0;vertical-align:top;background-color:#000000;text-align:left;} #blockContent .navbox a {font:bold 9px arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .navimg {width:604px;height:55px;margin:5px 0 0 0;padding:12px;vertical-align:top;background-color:#FFFFFF;text-align:left;} #blockContent .navimg a img {padding:0;margin:0 10px 0 0;border:2px solid #FFFFFF;} #blockContent .navimg a img:hover {padding:0;margin:0 10px 0 0;border:2px solid #8ABE43;} #blockContent .navimg a img.active {border:2px solid #8ABE43;padding:0;margin:0 10px 0 0;} #blockContent .clearfix {clear:both;} #blockBottomHome {width:940px;height:115px;margin:0;padding:0;} #blockBottom {width:940px;height:115px;margin:200px 0 0 0;padding:0;background-image: url(/belflor-de/wLayout/design/img/backgrounds/bg_bottom.gif); background-repeat: no-repeat;} #blockBottom .clearfix {clear:all;} /* * ELEMENTE */ .elementHeadline {margin:0 0 1.2em 0;padding:0;} .elementHeadlineWeblic {margin-bottom:1.2em;padding:0;} .elementSubheadline {margin:0;padding:0;} .elementStandard, .elementTabelle, .elementSitemap, .elementForm {margin:0;padding:0 0 0.8em 0;} #blockContent .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;color:#666;} .elementFunction a {margin:0 0.25em;} .elementLine {margin:0 0 0.8em 0;padding:0;height:5px;background:transparent url(/de/wLayout/design/img/backgrounds/bg_line_hr.png) top left repeat-x;} .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 #666;background-color:#f9f9f9;} .elementSource:hover {background-color:#f2f2f3;} .elementGallery {margin:0;padding:0 0 0.8em 0;} .elementGalleryDetail {margin:0;padding:0 0 0.8em 0;width:600px;} /* include*/ .include .elementHeadline {margin:0;padding:0 0 18px 0;} .include .elementStandard {margin:0 0 10px 0;padding:0;color:#FFFFFF;} .include .elementPicture {margin:0;padding:0;} .include .elementItem {margin-bottom:0.2em;padding:0;} .include .elementSpace {margin:0 0 20px 0;padding:0 0 20px 0;color:#FFFFFF;} .include .elementHeadline h1 {padding:0;font:bold 0.9em/140% arial,verdana,sans-serif;color:#8ABE43;} .include h2 {padding:0;font:bold 0.9em/140% arial,verdana,sans-serif;color:#8ABE43;} .include h3 {padding:0;font:bold 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .include h4 {padding:0;font:bold 0.9em/140% arial,verdana,sans-serif;color:#8ABE43;} .bottom a {margin:0;padding:0;color:#9c9d9f;text-decoration:none;background:none;} .bottom a:hover {margin:0;padding:0;text-decoration:underline;background:none;} /* * FRAGMENTE */ .fragmentTopicFloatLeft {margin:0 0 0.8em 0;padding:0;float:left;width:100px;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentTopicFloatRight {margin:0 0 0 100px;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentPictureFloatLeft {margin:0 0.8em 0.8em 0;padding:0;float:left;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentPictureFloatRight {margin:0 0 0.8em 0.8em;padding:0;float:right;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentItemIcon {float:left;margin:0;padding:0;width:20px;height:auto;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentItemText {margin:0 0 0 24px;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentItemFloatLeft {float:left;margin:0;padding:0;width:275px;height:auto;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentItemFloatRight {margin:0 0 0 275px;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentItemFloatLeftSmall {float:left;margin:0;padding:0;width:175px;height:auto;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentItemFloatRightSmall {margin:0 0 0 175px;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentListFloatLeft {float:left;margin:0;padding:0;width:100px;height:auto;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentListMarginLeft {margin:0 0 0 125px;padding:0;height:auto;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentFloatLeft {margin:0 0 0.8em;float:left;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentFloatRight {margin:0 0 0.8em;float:right;font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .fragmentClear {clear:both;} .fragmentClearLeft {clear:left;} .fragmentClearRight {clear:right;} /* * FORMULARE */ .search input {border:1px solid #000000;vertical-align:top;font-size:0.95em;color:#000000;background-color:#fff;} .elementSearch input {margin:0 5px 0 0;width:150px;height:17px;line-height:18px;border:1px solid #000000;vertical-align:top;font-size:0.95em;color:#000000;background-color:#fff;} .search input.submit {border:none;background-color:transparent;} .elementForm input {padding:0.1em 0.2em 0 0.2em;font:normal 0.9em arial,verdana,sans-serif;} .elementForm select {font:normal 1em arial,verdana,sans-serif;} .elementForm textarea {padding:0.1em 0.2em;font:normal 0.9em arial,verdana,sans-serif;} .elementForm fieldset {padding:0;margin:0;border:none;text-align:left;} .elementForm label {float:left;margin:0;padding:0;width:25%;text-align:left;} .elementForm ol {list-style:none;text-align:left;} .elementForm ol li {padding:0 0 2px 0;margin:0 0 0.25em 0;color:#FFFFFF;text-align:left;} .elementForm ol li.comment {margin:0.8em 0 0.8em 25%;color:#FFFFFF;text-align:left;} .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(/belflor-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(/belflor-de/wLayout/design/img/backgrounds/bg_form_btn.gif) repeat-x;text-decoration:none;text-align:center;color:#000000;border:1px solid #646466;} /* *TABELLEN */ .elementTableContent {margin:0 0 15px 0;color:#FFFFFF;} .elementTableContent td {padding:2px 0 2px 0;} .elementTableContent td.textBold {width:30%;font-weight:bold;} .elementTableContent input {padding:0.1em 0.2em 0 0.2em;font:normal 0.9em arial,verdana,sans-serif;} #tprodukt {margin:0 0 15px 0;color:#FFFFFF;border:1px solid #FFFFFF;} #tprodukt td {padding:2px 5px 2px 2px;color:#FFFFFF;vertical-align:top;border-bottom:1px solid #FFFFFF;text-align:left;} #tprodukt td.beschrieb {width:150px;border-right:1px solid #FFFFFF;font-weight:bold;} #tprodukt td.eigenschaft1 {width:150px;border-right:1px solid #FFFFFF;} #tprodukt td.eigenschaft2 {width:150px;border-right:1px solid #FFFFFF;background-color:#CCCCCC;color:#000000;} #tprodukt td.eigenschaft3 {width:150px;border-right:1px solid #FFFFFF;} #tprodukt td.eigenschaft4 {width:150px;border-right:1px solid #FFFFFF;} #tprodukt td.wert {padding-bottom:5px;width:100%;font-weight:bold;text-align:center;} #standard {margin:0 0 15px 0;color:#FFFFFF;} #standard td {padding:2px;} #colorzeilen {margin:0 0 15px 0;} .white {color:#FFFFFF;} .elementTabelle table {margin:0 0 15px 0;padding:0;width:100%;height:auto;border-top:1px solid #e3e3e4;color:#FFFFFF;} .elementTabelle table th {padding:2px 4px 1px 4px;vertical-align:top;text-align:left;font-weight:bold;background-color:#f9f9f9;border-bottom:1px solid #e3e3e4;color:#FFFFFF;} .elementTabelle table td {padding:2px 4px 1px 4px;vertical-align:top;text-align:left;border-bottom:1px solid #e3e3e4;background-color:#f9f9f9;color:#FFFFFF;} .elementTabelle table .hide {} .elementTabelle table .small {width:14em;} .elementTabelle table .verysmall {width:7em;} .elementTabelle table .space {height:1em;padding:0 0 1em 0;} .elementTabelle table .right {text-align:right;} /* * BILDER, LINIEN & SONSTIGE SONDERKLASSEN */ img.imgIcon {border:none;vertical-align:bottom;padding:0 2px;} img.imgBorder {border:1px solid #a6afb6;} img.imgNoBorder {border:none;} img.imgThumbnail {margin:0;padding:5px;border:1px solid #a6afb6;background-color:#fff;} img.imgThumbnail:hover {border:1px solid #d52422;} img.imgGallery {border:1px solid #a6afb6;;} img.imgGalleryThumbnail {margin:0 0.8em 0 0.8em;padding:5px;border:1px solid #a6afb6;background-color:#fff;} img.imgGalleryThumbnail:hover {border:1px solid #d52422;} /* * CONTENT-KLASSEN */ /* Content */ strong {font-weight:bold;} em {font-style:italic;} .elementStandard ul {margin:0.4em 0 0.8em 0;list-style:url(/de/wLayout/design/img/icons/icon_bullet.gif);} .elementStandard ul li {margin:0 0 0 2.5em;} #blockContent .textSmall {font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .textSmallBold {font:bold 0.95em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .textSmallItalic {font:italic normal 0.95em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .text {font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .textBold {font:bold 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .textItalic {font:italic normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .textLarge {font:normal 1.1em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .textLargeBold {font:bold 1.1em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .textLargeItalic {font:italic normal 1.1em/140% arial,verdana,sans-serif;color:#FFFFFF;} #blockContent .Subtext {padding:5px 0 0 0;font:normal 0.85em/140% arial,verdana,sans-serif;color:#FFFFFF;} .floatingtext {font:normal 1em/140% arial,verdana,sans-serif;color:#FFFFFF;min-height:200px;height:auto !important;height:200px; /*IE6Hack*/} .textSmall {font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .textSmallBold {font:bold 0.95em/140% arial,verdana,sans-serif;color:#FFFFFF;} .textSmallItalic {font:italic normal 0.95em/140% arial,verdana,sans-serif;color:#FFFFFF;} .text {font:normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .textBold {font:bold 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .textItalic {font:italic normal 0.9em/140% arial,verdana,sans-serif;color:#FFFFFF;} .textLarge {font:normal 1.1em/140% arial,verdana,sans-serif;color:#FFFFFF;} .textLargeBold {font:bold 1.1em/140% arial,verdana,sans-serif;color:#FFFFFF;} .textLargeItalic {font:italic normal 1.1em/140% arial,verdana,sans-serif;color:#FFFFFF;} .textSource {font:normal 0.95em/140% courier,monospace,serif;color:#FFFFFF;} .textSourceBold {font:bold 0.95em/140% courier,monospace,serif;color:#FFFFFF;} .textLegend,.textComment {padding:0.5em 0 0 0;color:#FFFFFF;} .textPages {padding:0 0 0.8em 0;font:normal 1em/140% arial,verdana,sans-serif;color:#FFFFFF;} .content1sp p, .content2sp p {margin:0;padding:0 0 0.8em 0;} .include .elementSpace {margin:0;padding:0 0 10px 0;} .include ul {list-style:url(/de/wLayout/design/img/icons/icon_bullet_right.gif);} .include li {margin:0 0 0 20px !important;} .include .textInfo {margin:0.5em 0 0 0;} .include .textInfo a {} .include .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;} .include .space {margin:0 0.5em 0 0;} /* * SPEZIELLE FORMATIERUNGEN */ .sw,.searchword,var {font-weight:bold;color:#ef3e33;} .right {text-align:right;} .fullwidth {width:100%;} .halfwidth {width:50%;} abbr, acronym {border-bottom:1px dotted #000000;color:#FFFFFF;cursor:help;}