/* ============================================================= Darstellungsklassen Name: design.css Erstellungsdatum: 01.12.2007 22:29:35 Modifiziert: 13.05.2008 07:35:00 Author: sfluri(at)format-ag.ch Version: $2.2.5 ============================================================= */ /* --- format WeblicationCMS Addons, CSS-Framework --- */ @import url(/format/styles/slim/shared.base.css); p {margin:0px;padding:0px} /* --- Frameworkklassen für Splash-Elemente manipulieren --- */ /*.fns_elementMulticolumn {min-height:325px;height:325px;max-height:325px;overflow:none;overflow-y:auto;}*/ .fns_elementMulticolumn {min-height:325px;height:325px;max-height:325px;} .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;} /* --- Frameworkklassen für Splash-Elemente manipulieren --- */ .fns_elementMulticolumn2 {overflow:none;overflow-y:auto;} .fns_elementMulticolumn2 .fns_column33p {width:31%;margin-left:-10px;margin-right:1em;} .fns_elementMulticolumn2 .fns_column33p ul {margin:0 !important;list-style:disc;list-style-image:none;color:#233f8f;} .fns_elementMulticolumn2 .fns_column33p ul li {margin:0 0 0 1em;} .fns_elementMulticolumn2 .fns_column40p {width:40%;margin-right:1em;} .fns_elementMulticolumn2 .fns_column50p {width:50%;margin-right:1em;} /*IEHACK6*/*html body .fns_elementMulticolumn2 .fns_column33p ul li {margin:0 0 0 1.5em;} /*IEHACK7*/*+html body .fns_elementMulticolumn2 .fns_column33p ul li {margin:0 0 0 1.5em;} /* ------------------------------------------------------------- GRUNDFORMATIERUNG ------------------------------------------------------------- */ body {margin:0;padding:0;color:#000;/*background-color:#fff;*/} html, body {} /*IEHack*/*+html body {font-size:84%;} img {border:none;vertical-align:middle;} a, a:active, a:visited {color:#233f8f;text-decoration:none;} a:hover {text-decoration:underline;} /* ------------------------------------------------------------- WEBLICATION-HACK ------------------------------------------------------------- */ .editButton {margin:0 0 0 175px;padding:0 0 0 25px;background:#fff;} /* ------------------------------------------------------------- BLOECKE ------------------------------------------------------------- */ #blockUsability {margin:0 0 0 25px;width:945px;height:40px;line-height:40px;} /*IEHack*/*+html body #blockUsability {padding:0 0 10px 0;} #blockUsability .links {float:left;padding:10px 0 0 175px;width:550px;font:normal 11px/140% arial,verdana,sans-serif;} #blockUsability .links a {padding:1px;} #blockUsability .space {margin:0 0.25em;} #blockUsability .spacesmall {margin:0 0.125em;} #blockUsability .links img {margin:-1px -1px 0 0;padding:0 2px 0 0;} #blockUsability .search {float:right;padding:8px 0 0 0;width:199px;font:normal 0.95em/140% arial,verdana,sans-serif;} #blockUsability .clearfix {clear:both;} #blockHeader {margin:0 0 0 25px;width:945px;height:140px;cursor:pointer;} /*IEHack*/*+html body #blockHeader {margin-top:-10px;} #blockHeader .brand {float:left;width:175px;height:100%;text-align:right;} #blockHeader .brand img {padding:0 10px 0 0;} #blockHeader .image {float:right;width:770px;height:100%;} #blockHeader .image .spacer {padding-right:2px;} #blockHeader .clearfix {clear:left;} #blockTopSplash {margin:0 0 0 200px;padding:20px 0 0 0;width:770px;height:170px;text-align:center;background-color:#fff} /*Breite -Padding wg. IE-Bug*/ #blockTopSplash img {vertical-align:middle;} #blockTop {margin:0 0 0 200px;width:770px;height:85px;background-color:#fff} /*Breite -Padding wg. IE-Bug*/ #blockTop .function {float:left;padding:0 0 0 25px;width:385px;line-height:85px;vertical-align:middle;} #blockTop .function a {margin:0 0.5em 0 0;} #blockTop .logo {margin:0 0 0 385px;padding:0 25px 0 0;text-align:right;} #blockTop .logo img {padding:8px 0 0 0;} #blockTop .clearfix {clear:left;} #blockMain {margin:0 0 0 25px;padding:0;width:945px;} #blockLeft {float:left;width:175px;margin:0;padding:0;} #blockContent {float:left;margin:0 0 1em 175px;width:720px;min-height:400px;padding:1em 25px;background-color:#fff;} #blockContent .content {margin:0 175px 0 0;vertical-align:top;} #blockContent .extended {float:right;margin:0;padding:0;width:175px;vertical-align:top;} #blockContent .clearfix {clear:all;} #blockFooter {margin:0 0 1em 200px;width:770px;color:#233f8f;} #blockFooter .address {float:left;width:385px;margin:0;} #blockFooter .function {margin:0 0 0 385px;text-align:right;} #blockFooter .clearfix {clear:left;} /* ------------------------------------------------------------- ELEMENTE ------------------------------------------------------------- */ #elementSplash {z-index:100;position:absolute;top:705px;left:806px;width:160px;height:190px;text-align:right;} .elementHeadline {margin:0 0 1.2em 0;padding:0;} .elementSubheadline {margin:0;padding:0 0 0.5em 0;} .elementStandard, .elementTable, .elementSitemap, .elementForm {margin:0;padding:0 0 1em 0;} .elementSpace {margin:0;padding:0 0 1em 0;} .elementSpaceSmall {margin:0 0 0.5em 0;padding:0;} .elementFunction {margin:0;padding:0;margin:2.5em 0 0 0;font-size:0.95em;} .elementFunction a {margin:0 0.25em;} .elementLine {margin:0 0 1em 0;padding:0;} .elementWarning {margin:0 0 1em 0;padding:0.5em;width:50%;color:#ff0000;border:1px solid #ff0000;background-color:#fff;} .elementSuccess {margin:0 0 1em 0;padding:0.5em;width:50%;color:#4d6710;border:1px solid #4d6710;background-color:#fff;} .elementMessage {margin:0 0 1em 0;padding:0.5em;color:#ff0000;border:1px solid #646466;background-color:#f9f9f9;} .elementSource {padding:0.5em;border:1px dotted #646466;background-color:#f9f9f9;} .elementSource:hover {background-color:#f2f2f3;} .elementItem {margin:0 0 0.25em;} .elementGallery {padding:0 0 1em 0;} .elementGalleryDetail {margin:0;padding:0 0 1em 0;width:700px;} .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 1em 0;padding:0;float:left;width:100px;} .fragmentTopicFloatRight {margin:0 0 0 100px;} .fragmentPictureFloatLeft {margin:0 1em 1em 0;padding:0;float:left;} .fragmentPictureFloatRight {margin:0 0 1em 1em;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 1em;float:left;} .fragmentFloatRight {margin:0 0 1em;float:right;} .fragmentClear {clear:both;} .fragmentClearLeft {clear:left;} .fragmentClearRight {clear:right;} /* ------------------------------------------------------------- FORMULARE ------------------------------------------------------------- */ .elementQuickSearch {text-align:right;padding:1px 0 0 0;height:19px;line-height:19px;} .elementQuickSearch form {overflow:hidden;} .elementQuickSearch input {margin:0 0 0 10px;width:150px;height:17px;line-height:17px;border:1px solid #7f7f7f;border-right:none;vertical-align:top;font-size:0.97em;color:#646466;background:#fff url(/de/wLayout/design/img/backgrounds/bg_form.gif) repeat-x;color:#7f7f7f;} /*IEHack*/*+html .elementQuickSearch input {margin-top:-1px;} .elementQuickSearch .submit {margin:0;width:19px;height:19px;border:none;vertical-align:top;} /* ------------------------------------------------------------- BILDER, LINIEN & SONSTIGE SONDERKLASSEN ------------------------------------------------------------- */ img.imgIcon {border:none;vertical-align:bottom;padding:0 2px;} img.imgBorder {border:1px solid #e9e9e9;} img.imgNoBorder {border:none;} img.imgThumbnail {margin:0;padding:5px;border:1px solid #e9e9e9;background-color:#fff;} img.imgThumbnail:hover {border:1px solid #233f8f;} img.imgGallery {border:1px solid #e9e9e9;} img.imgGalleryThumbnail {margin:0 1em 1em 0;padding:5px;border:1px solid gray;background-color:#fff;} img.imgGalleryThumbnail:hover {border:1px solid #233f8f;} /* ------------------------------------------------------------- TYPOGRAFIE ------------------------------------------------------------- */ hr {border-color:#7f7f7f;} strong {font-weight:bold;} em {font-style:italic;} code {padding:0 0.5em;font:normal 1em/140% courier new,monospace,serif;color:#646466;} .elementStandard ul {margin:0.5em 0 1em 0 !important;list-style:url(/format/img/shared/bullets/bullet_2d_v2.gif) !important;} .elementStandard ul li {margin:0 0 0 2.5em !important;} .elementStandard ul.rss {margin:0.5em 0 1em 0;list-style:url(/de/wLayout/design/img/icons/icon_rss_12.png);font-weight:bold;} .elementStandard ul.rss li {margin:0 0 0 2.5em;padding:0 0 0 0.25em;} h1 {padding:0 0 0.5em 0;font:bold 1.4em/140% arial,verdana,sans-serif;color:#da2c2b;;} h2 {padding:0 0 0.5em 0;font:bold 1.2em/140% arial,verdana,sans-serif;color:#da2c2b;} h3 {padding:0 0 0.5em 0;font:bold 1.1em/140% arial,verdana,sans-serif;color:#da2c2b;} .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;} .textBoldItalic {font:italic 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 1em 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:1em 1em 0 0;} .textQuote:after {content:url(/de/wLayout/design/img/icons/icon_quote_close.gif);margin:0;padding:0 0 0 1em;} /*#blockContent p {margin:0;padding:0 0 1em 0;}*/ .extended .elementHeadline h1 {font:bold 1.1em/24px tahoma,arial,verdana,sans-serif;color:#fff;background:none;} .extended .elementHeadline a {display:block;padding:0 0 0 15px;font:bold 1.1em/24px tahoma,arial,verdana,sans-serif;background:transparent url(/de/wLayout/design/img/icons/icon_target_right.gif) center left no-repeat;color:#fff;} .extended .elementStandard {font:normal 1em/140% arial,verdana,sans-serif;color:#000;} .extended .elementStandard a.bold {font-weight:bold;} .extended .elementSpace {margin:0;padding:0 0 10px 0;} .extended ul {list-style:url(/format/img/shared/bullets/bullet_2d_v2.gif);} .extended li {margin:0 0 0 20px !important;} .extended .textInfo {margin:0.5em 0 0 0;} .extended .textInfo a {} .extended .space {margin:0 0.5em 0 0;} ul.rss {margin:0 0 1em 0;list-style:url(/format/img/shared/bullets/bullet_rss_medium.gif) !important;} ul.rss li {line-height:140%;}