/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= * DARSTELLUNGSKLASSEN * Name: design.css * Erstellungsdatum: 07.04.2006 * Modifiziert: 20.04.2006 * Author: Weblication * Modified by: sfluri(at)tankred.ch * Version: 1.0 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ * {padding:0;margin:0;border:0;} html {margin:0;border:0;height:100%;} body {margin:0;pading:0;height:100%;font:normal 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;background-color:#fcfae3;} table {spacing:0;padding:0;font:normal 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} table td {spacing:0;vertical-align:top;} table th {spacing:0;font-weight:bold;vertical-align:top;text-align:left;} div {margin:0;padding:0;} p {margin:0;padding:0;} span {} ul {margin:0.8em 0 1.2em 2.5em;list-style-type:square;} ol {margin:0.8em 0 1.2em 2.5em;} /* * BLOECKE */ .blockMain {margin:0;padding:0;width:100%;min-height:100%;/*moderne Browser*/height:auto !important;/*moderne Browser*/height:100%;/*IE*/} html>body .blockMain {overflow:hidden !important;/* gilt nicht fuer IE */} .blockHeader {position:relative;background-color:#dfdfdf;height:166px;background:#dfdfdf url(/de/wLayout/design/img/backgrounds/bg_header.jpg) top left no-repeat;} .blockHeader .logo {position:absolute;visibility:visible;z-index:1000;top:10px;left:10px;width:180px;height:166px;text-align:center;} .blockHeader .slogan {margin:10px 0 0 0;padding:0;} .blockTop {margin:0 0 0 200px;padding:0 20px;height:30px;background-color:#faef98;border-top:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;} .blockTop .left {float:left;margin:0;padding:0;width:200px;} .blockTop .middle {float:left;margin:0 0 0 10px;padding:0;width:170px;} .blockTop .right {margin:1px 0 0 390px;text-align:right;} .blockTop .clear {clear:all;} .blockProfile {margin:10px 20px 0 200px;padding:0 0 10px 20px;} .blockLeft {float:left;margin:-32px 0 0 0;padding:0;width:200px;vertical-align:top;} .blockContent {text-align:left;vertical-align:top;} .blockContent2sp {text-align:left;vertical-align:top;} .blockRight {float:right;margin:0;padding:35px 20px 0 0;width:200px;vertical-align:top;} .blockClear {clear:all;} .blockClearRight {clear:right;} .blockClearLeft {clear:left;} .blockBottom {clear:right;bottom:0;margin:10px 20px 0 200px;padding:0 0 10px 20px;} /* * ELEMENTE */ .blockHeader .slogan .elementRessort {font:normal 14px/140% verdana,arial,helvetica,sans-serif;color:#666666;} .blockLeft .elementNavigation {margin:0 1px 20px 0;border-top:1px solid #8d8d8d;} .blockLeft .elementSearch {margin:35px 10px 5px 15px;} .blockProfile .elementProfile {padding:0;text-align:right;font-weight:bold;} .blockContent .elementHeadline {margin:0;padding:0 0 5px 0;} .blockContent2sp .elementHeadline {margin:0;padding:0 0 5px 0;} .blockContent .elementStandard {margin:0;padding:0 0 10px 0;} .blockContent2sp .elementStandard {margin:0;padding:0 0 10px 0;} .blockContent .elementSpace {height:10px;padding:6px;} .blockContent2sp .elementSpace {margin:0;padding:0 0 5px 0;} .elementNews {margin:0 0 10px 0;} .blockContent .elementGallery {margin:0 0 10px 0;padding:0;width:590px;} .blockContent .elementGallery .float {width:130px;float:left;} .blockContent .elementGallery .clearFix {clear:left;} .blockContent .elementGalleryDetail {margin:0;padding:0 0 1em 0;width:500px;} .blockRight .elementHeadline {border:1px solid #8d8d8d;} .blockRight .elementStandard {border:1px solid #8d8d8d;border-top:none;padding:2px 4px;background-color:#ffffff;} .blockRight .elementHeadline h1 {background-color:#cccccc;padding:2px 4px;font:bold 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} .blockRight .elementNews {margin:0 0 5px 0;} .blockRight .elementNoSpace {margin:0;} .blockRight .elementSpace {height:4px;padding:2px;} .blockBottom .elementStandard {padding:8px 0 0 0;border-top:1px solid #8d8d8d;} .elementWarning {margin:0 0 1em 0;padding:0.5em 1em;background:#f08b93;width:50%;border-left:5px solid #9d0c15;} /* * TEXTE */ .text {font:normal 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} .textBold {font:bold 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} .textBoldItalic {font:italic bold 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} .textItalic {font:italic normal 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} .textSmall {font:normal 10px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} .textSmallItalic {font:italic normal 10px/140% verdana,arial,helvetica,sans-serif;color:#8d8d8d;} .textLegend {font:normal 10px/140% verdana,arial,frutiger,helvetica,sans-serif;color:#8d8d8d;} .textBack {padding:20px 0 12px 0;font:normal 10px/140% verdana,arial,helvetica,sans-serif;color:#8d8d8d;} h1 {margin:0;padding:12px 0;font:bold 15px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} h2 {margin:0;padding:12px 0;font:bold 13px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} h3 {margin:0;padding:12px 0;font:bold 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} h4 {margin:0;padding:12px 0;font:normal 11px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} h5 {margin:0;padding:12px 0;font:normal 10px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} h6 {margin:0;padding:12px 0;font:italic normal 10px/140% verdana,arial,helvetica,sans-serif;color:#402C00;} abbr,acronym {padding:0.05em;border-bottom:1px dotted #402C00;color:#402C00;cursor:help;} abbr:hover,acronym:hover {padding:0.05em;border-bottom:1px dotted #176db9;color:#176db9;} /* * TABELLEN */ .blockContent table {margin:0;padding:0;width:99.5%;height:auto;font:normal 11px/140% verdana,arial,helvetica,sans-serif;} .blockContent table th {vertical-align:top;text-align:left;padding-bottom:0.2em;background-color:#dfdfdf;} .blockContent table td {vertical-align:top;text-align:left;padding-bottom:0.2em;} .blockContent table td.hide {} .blockContent table td.small {width:150px;} .blockContent table td.space {height:8px;padding:0 0 8px 0;} .blockContent table td.right {text-align:right;} .blockContent #tbl table {margin:0;padding:0;width:99%;height:auto;font:normal 11px/140% verdana,arial,helvetica,sans-serif;border:none;} .blockContent #tbl tr.head td {font-weight:bold;background-color:#dfdfdf;border-top:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;} .blockContent #tbl table th {padding:0.2em 0.1em;vertical-align:top;text-align:left;padding-bottom:0.2em;background-color:#dfdfdf;border-top:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;} .blockContent #tbl table th.background {background-color:#dfdfdf;} .blockContent #tbl table th.hide {} .blockContent #tbl table th.small {width:150px;} .blockContent #tbl table th.verysmall {width:75px;} .blockContent #tbl table th.right {text-align:right;} .blockContent #tbl table td {padding:0.2em;vertical-align:top;text-align:left;padding-bottom:0.2em;border-bottom:1px solid #8d8d8d;} .blockContent #tbl table td.background {background-color:#dfdfdf;} .blockContent #tbl table td.soft {} .blockContent #tbl table td.hide {} .blockContent #tbl table td.small {width:150px;} .blockContent #tbl table td.verysmall {width:75px;} .blockContent #tbl table td.space {height:8px;padding:0 0 8px 0;} .blockContent #tbl table td.right {text-align:right;} /* * FORMULARE */ form {margin:0;padding:0;} input {padding:2px;font:normal 11px verdana,arial,helvetica,sans-serif;color:#402C00;width:200px;border:1px solid #8d8d8d;} select {padding:1px;font:normal 11px verdana,arial,helvetica,sans-serif;color:#402C00;width:60px;border:1px solid #8d8d8d;} textarea {padding:2px;font:normal 11px verdana,arial,helvetica,sans-serif;color:#402C00;width:250px;height:100px;border:1px solid #8d8d8d;} input.submit {width:18px;height:16px;background:transparent;vertical-align:bottom;border:none;} a {color:#AA210A;text-decoration:none;} a:hover {text-decoration:underline;} a.noStyles {font-weight:normal;} a.noStyles:hover {font-weight:normal;} .blockBottom a {font-weight:normal;} hr {background-color:#bdbdbe;color:#bdbdbe;height:1px;border-style:none;} img {border:none;} /* * BILDER */ img.imgBorder {border:1px solid #8d8d8d;} img.imgGallery {border:1px solid #8d8d8d;} img.imgGalleryThumbnail {margin:0 8px 8px 0;padding:0;border:1px solid #8d8d8d;} .editButton {position:absolute;left:4px;top:140px;z-index:1000;margin:0 0 10px 0;}