/* ============================================================= Allgemeine Styles Name: design.css Erstellungsdatum: 07.01.2009 15:19:25 Modifiziert: 07.01.2009 15:19:29 Author: Scholl Communications AG, Gsteiger Format Webagentur Version: $1.0.0 ============================================================= */ /******************************************************** * OLD CODE * * * @import url(/format/styles/shared.base.css); @import url(nav.css); @import url(wgl.css); * {margin:0;padding:0} body {font:normal 11px/140% arial,helvetica,sans-serif;color:#666;} #body {} #bodyPopup {} div {} span {} *******************************************************/ /* --- Factory Framework --- */ @import url(/format/styles/slim/shared.base.css); /* --- Frameworkklassen manipulieren --- */ /* --- Weblication-Includes --- */ @import url(wgl.css); @import url(nav.css); @import url(ie6.css); /* ------------------------------------------------------------- GRUNDFORMATIERUNG ------------------------------------------------------------- */ * {margin:0;padding:0} /*nicht mehr benötigt, da via Framework gesetzt*/ html {overflow-y:scroll;overflow-x:auto} /*vertikales scrollen erwzingen, nicht benötigt da via Framework gesetzt*/ #body { } #bodyPopup { } body {font:normal 11px/140% arial,helvetica,sans-serif;color:#666; background-image:url(/de/wGlobal/layout/images/backgrounds/bg.gif); background-repeat:all;} /* --- Überschriften --- */ h1 {font:bold 18px/22px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0;} h2 {font:bold 15px/19px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0} h3 {font:bold 12px/16px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0} h4 {font:bold 11px/13px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0} h5 {font:bold 11px/13px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0} h6 {font:bold 11px/13px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0} /* --- Text-Klassen (Grundelemente), nicht mit elementText verknüpft, damit auch im Editor ersichtlich) --- */ .textSmall {font-size:0.925em;} .textSmallBold {font-size:0.925em;font-weight:bold;} .textSmallItalic {font-style:italic;font-size:0.925em;} .textSmallItalicBold {font-style:italic;font-size:0.925em;font-weight:bold;} .text {} .textBold {font-weight:bold;} .textBoldItalic {font-weight:bold;font-style:italic;} .textItalic {font-style:italic;} .textLarge {font-size:1.15em;} .textLargeBold {font-size:1.15em;font-weight:bold;} .textLargeItalic {font-size:1.15em;font-style:italic;} .textLargeItalicBold {font-style:italic;font-size:1.15em;font-weight:bold;} /* --- Textblöcke --- */ p {margin:0 0 14px 0} /* --- Listen --- ul {margin:0 0 14px 16px;padding:0 0 0 9px;list-style-image:url(/de/wGlobal/layout/images/decoration/bullet_list.gif)} ol {margin:0 0 14px 28px;list-style-type:decimal} */ /* --- Definitionslisten --- */ dl {} dt {} dd {margin:0 0 14px 0;padding:0 0 0 16px;color:#a0a0a0} /* --- Horizontale Linien --- */ hr {background-color:#AEA794;color:#AEA794;height:1px;border-style:none} /* --- Formularelemente --- */ form {} input {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px} select {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px} textarea {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px} button {cursor:pointer;background-color:#B6B6B6;border:none;font-size:11px;line-height:18px;height:18px;color:#ffffff} button:hover {cursor:pointer;background-color:#336699;border:none;font-size:11px;line-height:18px;height:18px;color:#ffffff} /* Links */ a {text-decoration:none;color:#336699} a:hover {text-decoration:underline;color:#336699} a.intern {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/intern.gif) center left no-repeat} a.extern {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/extern.gif) center left no-repeat} a.download {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/download.gif) center left no-repeat} a.audio {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/audio.gif) center left no-repeat} a.video {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/video.gif) center left no-repeat} /* Bilder */ a img {border:none} img.picture {margin:4px 4px 4px 4px} img.pictureLeft {float:left;margin:4px 4px 4px 0} img.pictureRight {float:right;margin:4px 0 4px 4px} /* --- Tabellen --- */ table {font:inherit;color:inherit;border:none} tr, thead, tbody {} th, td {vertical-align:top} table.light {border:none;margin-bottom:12px;} table.light th {border:none;text-align:left;background-color:#f0f0f0} table.light td {border:none;padding:2px} table.default {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;} table.default th {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0} table.default td {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px} table.full {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;} table.full th {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0} table.full td {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px} td.bgColor1, th.bgColor1 {background-color:#f0f0f0} /* ------------------------------------------------------------- BLOECKE ------------------------------------------------------------- */ #blockPre {} #blockPreInner {} #blockMain {width:946px; margin:0 auto; } #blockMainInner { text-align:left; width:933px; padding:0 0 0 10px; background-image:url(/de/wGlobal/layout/images/backgrounds/shadow_01.png);background-repeat:repeat-y; background-color:#ffffff;} * HTML #blockMainInner {width:927px;} #blockMainPopup {} #blockMainInnerPopup {padding:10px 10px 10px 10px} #blockContent1sp {float:left;width:745px;padding:0;} #blockContent1sp #blockContentInner {padding:0 10px 0 10px;} #blockContent2sp {float:left;width:528px;padding:0;} #blockContent2sp #blockContentInner {padding:0 20px 0 10px;} #blockImageShadowTop {float:left;width:925px; height:8px; background-image:url(/de/wGlobal/layout/images/header/blockImageShadowTop.gif);background-repeat:repeat-x} #blockImageShadowBottom { width:925px; clear:both;height:8px;background-image:url(/de/wGlobal/layout/images/header/blockImageShadowBottom.gif);background-repeat:repeat-x} * HTML #blockImageShadowTop{margin:-17.6em 0 0 0em; } /* IE HACK */ * HTML #blockImageShadowBottom {margin:-16.9em 0 0 0em ; } /* IE HACK */ /* NEU */ #blockContentInner {background-color:#ffffff; min-height:500px;} * HTML #blockContentInner {height:500px;} #blockContentInner .fragmentAccessibility {margin-top:2.5em;} /* PACKET */ #blockContentInner ul.fragmentFunctions {margin:2em 0 1em 0;padding:0;list-style:none;font-size:0.925em;} #blockContentInner ul.fragmentFunctions li {margin:0;padding:0 0 0 10px;display:inline;background:#fff url(/format/img/shared/bullets/bullet_functions.gif) left center no-repeat;} #blockContentInner ul.fragmentFunctions li.first {background-image:none;padding:0} /* NEU */ #blockDebug {margin:0 0 0.5em 0;padding:5px;} #blockDebug ul a {text-decoration:underline !important;} #blockDebug ul a:hover {color:inherit !important;font-weight:bold;} #blockTop {float:right;height:15px;padding: 15px 0 15px 0; margin-right: 21px; background-color:#ffffff;} #blockTop a {color:#000000; } #blockTop #topLine {float:left; height:16px; border-right: 1px solid #000000; text-decoration:none;} #blockTop #topLeft { margin-left:715px; font-weight:bold; } #blockTop #topRight { float:left; } #blockTop #topLeft a {margin:0 0 0 5px;} /* PACKET #blockTop {margin:0 0 10px 0} #blockTopInner {overflow:hidden;} #blockRight {float:right;width:200px;vertical-align:top} #blockRightInner {padding:0 0 0 0} #blockBottom {padding:10px 0 0 0} #blockBottomInner {background-color:#DBE9F2;color:#666;padding:0 10px;font-size:0.95em;line-height:20px} #blockLeft {float:left;width:242px;} #blockLeftInner {} #blockLeftContentRight {overflow:hidden;margin:0 0 0 0;background-image:url(/de/wGlobal/layout/images/backgrounds/bg_main.gif);background-repeat:repeat-y} #blockPost {} #blockPostInner {} #blockDebug {margin:0 0 0.5em 0;padding:5px;} #blockDebug ul a {text-decoration:underline !important;} #blockDebug ul a:hover {color:inherit !important;font-weight:bold;} */ /*NEU*/ #blockRight {float:right;width:200px; margin:25px 20px 0 0;} * HTML #blockRight {margin:25px 10px 0 0;} #blockRightInner {padding:0 0 0 0; border: 2px solid #336699} #blockStartpage {clear:both; float:left; width:200px; margin:25px 30px 0 0;} #blockStartpageInner {padding:0 0 0 0; background-color:#dadadc} #blockBottom {padding:0 0 0 0; } #blockOeffnungszeit {} #blockBottomInner {width:915px;background-color:#336699;color:#fff;padding:2px 10px 2px 0;font-size:0.95em; line-height:15px;} #blockBottomInner a { color:#fff; } #blockBottomShadow { width:946px; margin:0 0 0 0; height:7px; background-image:url(/de/wGlobal/layout/images/backgrounds/shadow_02.png);background-repeat:no-repeat;} *+HTML #blockBottomShadow {margin:0 0 0 0} * HTML #blockBottomShadow {margin:0 0 0 0} #blockLeft {float:left;width:181px; margin:0 0 0 0; } #blockLeftInner { } #blockLeftContentRight {overflow:hidden;margin:-19px 0 0 0;background-image:url(/de/wGlobal/layout/images/backgrounds/bg_main.gif);background-repeat:repeat-y;} * HTML #blockLeftContentRight {margin:-2.4em 0em -1.3em 0em; overflow:hidden;} /* formatstyle ¡berstuern IE-Hack */ /*NEU*/ #blockImageHold {float:left; width:925px; height:150px; } /*#blockImage {position:absolute; top:53px; background-image:url(/de/wGlobal/layout/images/header/header.jpg); width:925px; height:150px; background-repeat:none; }*/ #blockImage {position:absolute; top:53px; width:925px; height:150px; background-repeat:none; } #blockImageSplash { position:absolute; top:0px; left: 0px; height:30px;background-color:#336699;width:925px;-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);} #search { position:absolute; top:5px; left: 0px; width:925px; text-align:right; float:right;} .searchInput {position:absolute; top: 1px; right:65px;} .searchButton { position:absolute; top: 2px; right:5px; width:50px;} #globalFunctions { position:absolute; z-index:15; top: 0px; margin:5px 0 8px 0;text-align:left; color:#ffffff; } #globalFunctions .first {margin-left:10px;} #globalFunctions a {line-height:18px;padding:0 0 0 0; color:#ffffff;} #globalFunctions a:hover {} #blockAZ {color:#ffffff; position:absolute; top:6px;width:700px; text-align:right; float:right; z-index:10} #blockAZ a {color:#ffffff; margin-left:2px;} /* #search{position:absolute; top:5px; left: 0px; width:925px; text-align:right; float:right;} #globalFunctions { position:absolute; z-index:10; top: 0px; margin:5px 0 8px 0;text-align:left; color:#ffffff;} #blockAZ { position:absolute; z-index:10; top: 0px; margin:5px 0 8px 0;text-align:left; color:#ffffff;} */ /* Globale Elemente */ #languages {height:30px; position:absolute; color:#808080} #languages a {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#808080;text-transform:uppercase; border:1px solid #336699; padding: 0 6px; margin-right:2px;} #languages span {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#808080;text-transform:lowercase; border:1px solid #336699; padding: 0 6px; margin-right:2px;} #languages a:hover {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; margin-right:2px;} #languages .selected {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; text-transform:uppercase; background-color:#336699;} #languages .selected:hover {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; text-transform:uppercase; background-color:#336699;} #languages .last {display:inline;} #banner {float:right;margin:0 0 0 10px} .clearLeft {height:0px;line-height:0px;font-size:0px;clear:left;padding:0px;margin:0;overflow:hidden;} .clearRight {height:0px;line-height:0px;font-size:0px;clear:right;padding:0px;margin:0;overflow:hidden;} .clearBoth {height:0px;line-height:0px;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden;} /* #headerWriting {float:right; margin: -19px 0 0 0; width:360px; height:20px; color:#ffffff; font-size:45px;} */ #headerWriting {position:absolute; margin: -32px 0 0 0; color:#ffffff; text-align:right; font-size:4em; font-weight:bold; width:925px; line-height:40px;} * HTML #headerWriting {margin: -0.83em 0 0 0;} .searchLabel {float:left;line-height:20px;margin:0 8px 0 0} /* Pflegeschaltflächen */ #beButtonLayoutwizard {position:absolute;margin:8px 0 0 8px} #beButtons {float:right;margin:-23px 0 0 3px} #beButtonAdmin {} #beButtonPage {float:left;margin:0} #beButtonContent {float:left} #beButtonEditTop {} #beButtonEditRight {position:absolute;margin:1px 0 0 5px} #beButtonEditBottom {position:absolute;margin:1px 0 0 5px} #beButtonEditLeft {position:absolute;margin:5px 0 0 5px} #beButtonEditNavigation {position:absolute;margin:0 0 0 5px} /* Allgemeine Elemente */ #blockRight img {width:175px; height:auto;} .fns_elementForm ul .group .right {clear:both; float:left;width:20px} .fns_elementForm ul .group .content {line-height:20px} .fns_elementForm input {line-height:20px;width:250px;height:20px;} .elementLeft {float:left;width:35px;font-size:1em; } *+HTML .elementLeft {float:left;width:40px;font-size:1em; } *HTML .elementLeft {float:left;width:40px;font-size:1em; } .elementRight {float:right;font-size:1em; text-align:right;} .elementSubheadline {margin:0 0 0 10px;} .elementStandard {margin:0 0 10px 0} .elementHeadline {margin:0 0 10px 0; border-bottom:1px solid #909090; } .elementHeadline h1 {color:#336699;} .elementText {clear:left;} .elementText .fragmentInfo {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/de/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementText .fragmentWarning {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/de/wGlobal/layout/images/icons/warning.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementText .fragmentTip {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/de/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementPortal {margin:40px 0 0 40px; width: 179px; float:left;} * HTML .elementPortal {margin:40px 0 0 25px;} .elementPicture {margin:0; width:179px;} .elementPicture .title {line-height:0px;font-size:10px} .elementLink {margin:0 0 10px 0} .elementVideo {margin:0 0 10px 0} .elementAudio {margin:0 0 10px 0} .elementPortlet {margin:0 0 10px 0;} .elementScript {margin:0 0 0 0} .elementScript .space {border-bottom: 1px solid #336699;} /* veranstaltung */ .elementSource {margin:0 0 10px 0;padding:4px;background-color:#FFFFCC;overflow:auto;white-space:nowrap} .elementSource h4 {margin:0 0 4px 0;background-color:#ffffcc;padding:4px 4px 4px 0;border-bottom:solid 1px #cccccc} .elementPlain {margin:0 0 10px 0;overflow:auto;padding:4px;background-color:#f0f0f0;border:solid 1px #a0a0a0} .elementDelimiter {margin:0 0 10px 0} .elementContainer {margin:0 0 18px 0} .elementContainerBox {margin:0 0 18px 0} .elementContainer1 {margin:0 0 0 0} .elementContainer1 .col1 {} .elementContainer2 {margin:0 0 0 0} .elementContainer2 .col1 {float:left;width:254px;margin:0 16px 0 0} .elementContainer2 .col2 {float:left;width:254px} .elementContainer3 {margin:0 0 0 0} .elementContainer3 .col1 {float:left;width:164px;margin:0 16px 0 0} .elementContainer3 .col2 {float:left;width:164px;margin:0 16px 0 0} .elementContainer3 .col3 {float:left;width:164px} .elementContainerBox1 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox1 .col1 {} .elementContainerBox2 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox2 .col1 {float:left;width:49%;margin:0 2% 0 0} .elementContainerBox2 .col2 {float:left;width:49%} .elementContainerBox3 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox3 .col1 {float:left;width:32%;margin:0 2% 0 0} .elementContainerBox3 .col2 {float:left;width:32%;margin:0 2% 0 0} .elementContainerBox3 .col3 {float:left;width:32%} .footerIcon { margin: 0 0 -4px 0;} .footerIconLeft {float:left;} .footerIconRight {float:right;} .footerIconClear {clear:both;} /* Elemente des oberen Bereich */ /* Elemente des linken Bereiches */ #blockLeft .elementHeadline {margin:0 0 8px 0px;padding:6px 10px 6px 10px;} #blockLeft .elementText {margin:0 0 8px 0px;padding:6px 10px 6px 10px;} /* Elemente des Inhaltsbereiches, Startseite*/ #blockStartpage .elementHeadline {margin:0 0 1px 0;padding:2px 6px 2px 10px;background-color:#909090} #blockStartpage .elementHeadline h1 {margin:0;padding:0;color:#ffffff;} #blockStartpage .elementHeadline h2 {margin:0;padding:0;color:#ffffff;} #blockStartpage .elementHeadline h3 {margin:0;padding:0;color:#ffffff;} #blockStartpage .elementHeadline h4 {margin:0;padding:0;color:#ffffff;} #blockStartpage .elementText {margin:0 0 10px 0;padding:10px 6px 6px 10px;background-color:#dadadc} .elementSubheadline {margin:0 0 0 10px;} .elementSubheadline h3 {margin:0;} /* Elemente des rechten Bereiches */ #blockRight .elementHeadline {margin:0 0 1px 0;padding:2px 6px 0 10px;background-color:#336699} #blockRight .elementHeadline h1 {margin:0;padding:0;color:#ffffff;} #blockRight .elementHeadline h2 {margin:0;padding:0;color:#ffffff;} #blockRight .elementHeadline h3 {margin:0;padding:0;color:#ffffff;} #blockRight .elementHeadline h4 {margin:0;padding:0;color:#ffffff;} #blockRight .elementText {margin:0 0 10px 0;padding:0 6px 0 10px;} #blockRight .elementScript {margin:0 0 10px 0;padding:0 6px 0 10px;} /* Elemente des unteren Bereiches */ /* Elemente übersteuern */ #beButtons {float:right;} #beButtonPage {} #beButtonContent {} /* Globale Elemente */ #languages {height:30px; position:absolute; color:#808080} #languages a {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#808080;text-transform:uppercase; border:1px solid #336699; padding: 0 6px; margin-right:2px;} #languages span {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#808080;text-transform:lowercase; border:1px solid #336699; padding: 0 6px; margin-right:2px;} #languages a:hover {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; margin-right:2px;} #languages .selected {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; text-transform:uppercase; background-color:#336699;} #languages .selected:hover {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; text-transform:uppercase; background-color:#336699;} #languages .last {display:inline;} #banner {float:right;margin:0 0 0 10px} .clearLeft {height:0px;line-height:0px;font-size:0px;clear:left;padding:0px;margin:0;overflow:hidden;} .clearRight {height:0px;line-height:0px;font-size:0px;clear:right;padding:0px;margin:0;overflow:hidden;} .clearBoth {height:0px;line-height:0px;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden;} /* #headerWriting {float:right; margin: -19px 0 0 0; width:360px; height:20px; color:#ffffff; font-size:45px;} */ #headerWriting {position:absolute; margin: -32px 0 0 0; color:#ffffff; text-align:right; font-size:4em; font-weight:bold; width:925px; line-height:40px;} #logo {float:left;margin:-1.4em 0 0 -14em;background-image:url(/de/wGlobal/layout/images/logos/logo.gif); width:73px; height:45px; background-repeat:no-repeat;} *HTML #logo {margin:-1.3em 6em 0 0em;} .searchLabel {float:left;line-height:20px;margin:0 8px 0 0} /* Pflegeschaltflächen */ #beButtonLayoutwizard {position:absolute;margin:8px 0 0 8px; } #beButtons {float:right;margin:3px 0 0 3px;} #beButtonAdmin {} #beButtonPage {float:left;margin:0} #beButtonContent {float:left} #beButtonEditTop {} #beButtonEditRight {position:absolute;margin:1px 0 0 5px} #beButtonEditBottom {position:absolute;margin:1px 0 0 5px} #beButtonEditLeft {position:absolute;margin:5px 0 0 5px} #beButtonEditNavigation {position:absolute;margin:0 0 0 5px} #beButtonEditOpen {} .portletHeader { font-size:1.2em; padding: 2px 0 0 4px; margin:0 0 0 0; color:#ffffff; background-color:#336699; width:175px; height:20px;} .portletHeader a {color:#ffffff;} .portletHeader a:hover {color:#ffffff;} #blockAZ select {margin:0 0 10px 0;} .rssaktuell {float:right;} .wglListPageNav .wglListPages {float:left;margin:0; padding:0;} .wglListPageNav .wglListPageNext {clear:both;float:right;} *HTML .wglListPageNav .wglListPageNext {clear:both;float:right; margin:0; padding:0;} .wglListPageNav .wglListPagePrev {clear:both;float:right;} *HTML .wglListPageNav .wglListPagePrev {clear:both;float:right; margin:0; padding:0;}