/* * diese Datei ist entstanden aus cat ../../yaml/core/base.css basemod.css content.css nav_vlist.css ../../yaml/print/print_draft.css > my_layout_CAT.css */ /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) YAML core stylesheet * (de) YAML Basis-Stylesheet * * Don't make any changes in this file! * Your changes should be placed in any css-file in your own stylesheet folder. * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision: 501 $ * @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $ */ @media all { /** * @section browser reset * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html */ /* (en) Global reset of paddings and margins for all HTML elements */ /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */ * { margin:0; padding:0; } /* (en) Correction:margin/padding reset caused too small select boxes. */ /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */ option { padding-left:0.4em; } /* LTR */ select { padding:1px; } /** * (en) Global fix of the Italics bugs in IE 5.x and IE 6 * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html body * { overflow:visible; } body { /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ font-size:100.01%; /* (en) Standard values for colors and text alignment */ /* (de) Vorgabe der Standardfarben und Textausrichtung */ background:#fff; color:#000; text-align:left; /* LTR */ } /* (en) avoid visible outlines on DIV containers in Webkit browsers */ /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */ div { outline:0 none; } /* (en) HTML 5 - adjusting visual formatting model to block level */ /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */ article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; } /* (en) Clear borders for
and elements */ /* (de) Rahmen für
und Elemente löschen */ fieldset, img { border:0 solid; } /* (en) new standard values for lists, blockquote and cite */ /* (de) Neue Standardwerte für Listen & Zitate */ ul, ol, dl { margin:0 0 1em 1em; } /* LTR */ li { line-height:1.5em; margin-left:0.8em; /* LTR */ } dt { font-weight:bold; } dd { margin:0 0 1em 0.8em; } /* LTR */ blockquote { margin:0 0 1em 0.8em; } /* LTR */ blockquote:before, blockquote:after, q:before, q:after { content:""; } /*------------------------------------------------------------------------------------------------------*/ /** * @section clearing methods * @see http://yaml.de/en/documentation/basics/general.html */ /* (en) clearfix method for clearing floats */ /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */ .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } /* (en) essential for Safari browser !! */ /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */ .clearfix { display:block; } /* (en) alternative solution to contain floats */ /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */ .floatbox { display:table; width:100%; } /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */ /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */ #ie_clearing { display:none; } /*------------------------------------------------------------------------------------------------------*/ /** * @section hidden elements | Versteckte Elemente * @see http://www.yaml.de/en/documentation/basics/skip-links.html * * (en) skip links and hidden content * (de) Skip-Links und versteckte Inhalte */ /* (en) classes for invisible elements in the base layout */ /* (de) Klassen für unsichtbare Elemente im Basislayout */ .skip, .hideme, .print { position:absolute; top:-32768px; left:-32768px; /* LTR */ } /* (en) make skip links visible when using tab navigation */ /* (de) Skip-Links für Tab-Navigation sichtbar schalten */ .skip:focus, .skip:active { position:static; top:0; left:0; } /* skiplinks:technical setup */ #skiplinks { position:absolute; top:0px; left:-32768px; z-index:1000; width:100%; margin:0; padding:0; list-style-type:none; } #skiplinks .skip:focus, #skiplinks .skip:active { left:32768px; outline:0 none; position:absolute; width:100%; } } @media screen, projection { /** * @section base layout | Basis Layout * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html * * |-------------------------------| * | #col1 | #col3 | #col2 | * | 20% | flexible | 20% | * |-------------------------------| */ #col1 { float:left; width:20%; } #col2 { float:right; width:20%; } #col3 { width:auto; margin:0 20%; } /* (en) Preparation for absolute positioning within content columns */ /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */ #col1_content, #col2_content, #col3_content { position:relative; } /*------------------------------------------------------------------------------------------------------*/ /** * @section subtemplates * @see http://www.yaml.de/en/documentation/practice/subtemplates.html */ .subcolumns { display:table; width:100%; table-layout:fixed; } .subcolumns_oldgecko { width: 100%; float:left; } .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; } .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; } .c20l, .c20r { width:20%; } .c40l, .c40r { width:40%; } .c60l, .c60r { width:60%; } .c80l, .c80r { width:80%; } .c25l, .c25r { width:25%; } .c33l, .c33r { width:33.333%; } .c50l, .c50r { width:50%; } .c66l, .c66r { width:66.666%; } .c75l, .c75r { width:75%; } .c38l, .c38r { width:38.2%; } .c62l, .c62r { width:61.8%; } .subc { padding:0 0.5em; } .subcl { padding:0 1em 0 0; } .subcr { padding:0 0 0 1em; } .equalize, .equalize .subcolumns { table-layout:fixed; } .equalize > div { display:table-cell; float:none; margin:0; overflow:hidden; vertical-align:top; } } @media print { /** * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden */ .subcolumns, .subcolumns > div { overflow:visible; display:table; } /* (en) make .print class visible */ /* (de) .print-Klasse sichtbar schalten */ .print { position:static; left:0; } /* (en) generic class to hide elements for print */ /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */ .noprint { display:none !important; } } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework * (en) stylesheet for screen layout * (de) Stylesheet für das Bildschirm-Layout * * @creator YAML Builder V1.2.1 (http://builder.yaml.de) * @file basemod.css * @-yaml-minver 3.3 */ @media screen, projection { /** * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera * * @workaround * @affected IE8, FF, Webkit, Opera * @css-for all * @valid CSS3 */ body { overflow-y: scroll; } /*-------------------------------------------------------------------------*/ /* (en) Marginal areas & page background */ /* (de) Randbereiche & Seitenhintergrund */ body { background: #78C4B9; padding: 0 0 0 50px; } /* Layout Alignment | Layout-Ausrichtung */ .page_margins { margin: 0 auto; } /* Layout Properties | Layout-Eigenschaften */ .page_margins { width: auto; min-width: 460px; max-width: 90em; background: #fff; } .page { padding: 0px 20px 20px 0px; background: #78C4B9; } #header { position:relative; padding: 45px 2em 1em 20px; color: #000; background: #fff; } #topnav { position:absolute; top:10px; right:10px; text-align:right; color: #aaa; background: transparent; } #nav { overflow:hidden; } #main { margin: 10px 0 0px; background: #78C4B9; } #footer { margin: 10px; padding: 10px 20px; color:#666; background: #78C4B9; border-top: 5px #efefef solid; } .headerImage { width: 100%; background: url("../../images/leistungsspektrum_small.jpg") } .autoImage { width: 100%;} /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung */ #nav ul { margin-left: 20px; } /*-------------------------------------------------------------------------*/ /** * (en) Formatting content container * (de) Formatierung der Inhalts-Container * */ #col1 { float: left; width: 25%; margin:0 } #col2 { float: right; width: 25%; margin:0 } #col3 { width: auto; margin: 0 25% 0 25%; padding-left:20px; background:#fff;} #col1_content { padding: 0 10px 0 20px; background:#c5c6c8;} #col2_content { padding: 0 20px 0 10px; background:#78C4B9; } #col3_content { padding: 0 10px; } /*-------------------------------------------------------------------------*/ } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Uniform design of standard content elements * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision:392 $ * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $ * @appdef yaml */ @media all { /** * Fonts * * (en) global settings of font-families and font-sizes * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen * * @section content-global-settings */ /* (en) reset font size for all elements to standard (16 Pixel) */ /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */ html * { font-size:100.01%; } /** * (en) reset monospaced elements to font size 16px in all browsers * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen * * @see: http://webkit.org/blog/67/strange-medium/ */ textarea, pre, code, kbd, samp, var, tt { font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; } /* (en) base layout gets standard font size 12px */ /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */ body { font-family:Arial, Helvetica, sans-serif; font-size:75.00%; color:#000; } /*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6 { font-family:Veranda, Arial, Helvetica, sans-serif; font-weight:normal; color:#78C4B9; /* #78C4B9; */ margin-top:2em; margin-bottom:1em; margin-left:10px; } h1 { margin-top:0;} /* h1 { font-size:250%; } */ /* 30px */ /* h2 { font-size:200%; } */ /* 24px */ h1 { font-size:150%; } /* 18px */ h2 { font-size:133.33%; } /* 16px */ h3 { font-size:116.67%; } /* 14px */ h3 { font-size:100%; margin-top:0em; margin-bottom:0em; } /* 14px */ /* --- Lists | Listen -------------------------------------------------------------------------------- */ ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; } ul { list-style-type:disc; } ul ul { list-style-type:circle; margin-bottom:0; } ol { list-style-type:decimal; } ol ol { list-style-type:lower-latin; margin-bottom:0; } li { margin-left:0.8em; line-height:1.5em; } dt { font-weight:bold; } dd { margin:0 0 1em 0.8em; } /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ p { line-height:1.5em; margin-bottom: 1em } blockquote, cite, q { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } blockquote { margin:0 0 1em 1.6em; color:#666; } strong,b { font-weight:bold; color:#000; /* font-variant:small-caps; */} .dense {background:red;} .dense strong, .dense b { font-weight:bold; color:#fff; /* font-variant:small-caps; */} .dense p { margin-bottom: 0px; } em,i { font-style:italic; } big { font-size:116.667%; } small { font-size:91.667%; } pre { line-height:1.5em; margin:0 0 1em 0; } pre, code, kbd, tt, samp, var { font-size:100%; } pre, code { color:#800; } kbd, samp, var, tt { color:#666; font-weight:bold; } var, dfn { font-style:italic; } acronym, abbr { border-bottom:1px #aaa dotted; font-variant:small-caps; letter-spacing:.07em; cursor:help; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } hr { color:#fff; background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid; } /*--- Links ----------------------------------------------------------------------------------------- */ a { color:#78C4B9; background:transparent; text-decoration:none; } /* a:visited { color:#036; } */ /* (en) maximum constrast for tab focus - change with great care */ /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */ a:focus { text-decoration:underline; color:#000; background: #fff; outline: /* 3px #396 solid; */ none; } a:hover, a:active { color:#182E7A; text-decoration:underline; outline: 0 none; } /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */ p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; } p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; } p.icaption_left img, p.icaption_right img { padding:0; border:1px #888 solid; } p.icaption_left strong, p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; } /** * ------------------------------------------------------------------------------------------------- # * * Generic Content Classes * * (en) standard classes for positioning and highlighting * (de) Standardklassen zur Positionierung und Hervorhebung * * @section content-generic-classes */ .highlight { color:#c30; } .dimmed { color:#888; } .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; } .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; } .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; } .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; } .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; } .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; } .center { display:block; text-align:center; margin:0.5em auto; } /** * ------------------------------------------------------------------------------------------------- # * * Tables | Tabellen * * (en) Generic classes for table-width and design definition * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen * * @section content-tables */ table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #396 solid; border-bottom:2px #396 solid; } table caption { font-variant:small-caps; } table.full { width:100%; } table.fixed { table-layout:fixed; } th,td { padding:0.5em; } thead th { color:#000; border-bottom:2px #800 solid; } tbody th { background:#e0e0e0; color:#333; } tbody th[scope="row"], tbody th.sub { background:#f0f0f0; } tbody th { border-bottom:1px solid #fff; text-align:left; } tbody td { border-bottom:1px solid #eee; } tbody tr:hover th[scope="row"], tbody tr:hover tbody th.sub { background:#f0e8e8; } tbody tr:hover td { background:#fff8f8; } /** * ------------------------------------------------------------------------------------------------- # * * Miscellaneous | Sonstiges * * @section content-misc */ /** * (en) Emphasizing external Hyperlinks via CSS * (de) Hervorhebung externer Hyperlinks mit CSS * * @section content-external-links * @app-yaml-default disabled */ /* #main a[href^="http://www.my-domain.com"], #main a[href^="https://www.my-domain.com"] { padding-left:12px; background-image:url('your_image.gif'); background-repeat:no-repeat; background-position:0 0.45em; } */ } @charset "UTF-8"; /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Vertical list navigation "vlist" * (de) Vertikale Navigationsliste "vlist" * * @copyright Copyright 2005-2009, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.2 * @revision $Revision:392 $ * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $ */ @media all { /* title */ h6.vlist { /* font-family:Veranda, Arial, Helvetica, sans-serif; font-weight:bold; font-size:100%; */ width:90%; padding:3px 0px 3px 10%; /* LTR */ margin:0; color:#990033; background-color:transparent; } .vlist { /* font-variant:small-caps; */ width:100%; overflow:hidden; margin:0 0 1.5em 0; list-style-type:none; background: transparent; /* #f8f8f8; #78C4B9; */ } .vlist ul { list-style-type:none; margin:0; padding:0; } .vlist li { float:left; /* LTR */ width:100%; margin:0; padding:0; } .vlist li .active { color:#fff; } .vlist strong { background:#78C4B9; color:#fff !important; } .vlist a, .vlist strong, .vlist span { display:block; padding:3px 0px 3px 10%; text-decoration:none; border-bottom:1px #ddd solid; color: #990033; } .vlist a:visited { color:#444; } .vlist a { color:#000; } .vlist a:hover { color: #fff; text-decoration:none; } .vlist li span { display:block; border-bottom:1px #ddd solid; } /* Level 1 */ .vlist li a, .vlist li strong, .vlist li span { width:90%; padding-left:10%; } /* LTR */ /* Level 2 */ .vlist li ul li a, .vlist li ul li strong, .vlist li ul li span { width:80%; padding-left:20%; } /* LTR */ .vlist li ul li a:focus, .vlist li ul li a:hover, .vlist li ul li a:active { color: #fff; } /* Level 3 */ .vlist li ul li ul li a, .vlist li ul li ul li strong, .vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */ /* Level 4 */ .vlist li ul li ul li ul li a, .vlist li ul li ul li ul li strong, .vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */ } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) print stylesheet * (de) Druck-Stylesheet * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision:302 $ * @lastmodified $Date:2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $ */ @media print { /** * @section basic layout preparation * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html */ /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */ /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */ body { font-size:10pt; } /* (en) Hide unneeded container of the screenlayout in print layout */ /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */ #topnav, #nav, #search, nav { display:none; } /*------------------------------------------------------------------------------------------------------*/ /* (en) Avoid page breaks right after headings */ /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Ãœberschrift */ h1,h2,h3,h4,h5,h6 { page-break-after:avoid; } /*------------------------------------------------------------------------------------------------------*/ /* (en) optional output of acronyms and abbreviations*/ /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ /* abbr[title]:after, acronym[title]:after { content:'(' attr(title) ')'; } */ /*------------------------------------------------------------------------------------------------------*/ /* (en) optional URL output of hyperlinks in print layout */ /* (de) optionale Ausgabe der URLs von Hyperlinks */ /* a[href]:after { content:" "; color:#444; background:inherit; font-style:italic; } */ }