Major theme rework

This commit is contained in:
Deon George
2012-01-29 17:23:24 +11:00
parent 3d1c43687c
commit 89bb9004ed
49 changed files with 663 additions and 1320 deletions

View File

@@ -0,0 +1,250 @@
/**
* "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 <fieldset> and <img> elements */
/* (de) Rahmen für <fieldset> und <img> 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% |
* |-------------------------------|
*/
#left { float:left; width:20%; vertical-align:top; }
#right { float:right; width:20%; vertical-align:top; }
#center { width:auto; margin:0 20%; vertical-align:top; }
/* (en) Preparation for absolute positioning within content columns */
/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
#left_content, #right_content, #center_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; }
}

View File

@@ -0,0 +1,225 @@
/**
* "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:#444;
}
/*--- Headings | Überschriften ------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#222;
margin:0 0 0.25em 0;
}
h1 { font-size:250%; } /* 30px */
h2 { font-size:200%; } /* 24px */
h3 { font-size:150%; } /* 18px */
h4 { font-size:133.33%; } /* 16px */
h5 { font-size:116.67%; } /* 14px */
h6 { font-size:116.67%; } /* 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:0 0 1em 0; }
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; }
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:#4D87C7; 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 #f93 solid; }
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 #888 solid; border-bottom:2px #888 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;
}
*/
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 915 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 262 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 260 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 406 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 291 B

View File

@@ -0,0 +1,16 @@
@media all {
#nav_main{width:100%;float:left;background:#000 url(images/bg_hnav1.png) repeat-x top left;line-height:0}
#nav_main ul{float:left;display:inline;border-left:1px #000 solid;margin:0 0 0 20px;padding:0}
#nav_main ul li{float:left;display:inline;font-size:1em;line-height:1em;list-style-type:none;border-right:1px #000 solid;margin:0;padding:0}
#nav_main ul li a{display:block;width:auto;font-size:1em;font-weight:400;background:transparent;text-decoration:none;color:#ccc;margin:0;padding:10px 1em}
#nav_main ul li a:focus,#nav_main ul li a:hover,#nav_main ul li a:active{color:#eee;text-decoration:none;background:transparent url(images/bg_hnav1_hover.png) repeat-x top right}
#nav_main ul li#current{background:transparent url(images/bg_hnav1_hover.png) repeat-x top right}
#nav_main ul li#current a,#nav_main ul li#current a:focus,#nav_main ul li#current a:hover,#nav_main ul li#current a:active{color:#fff;font-weight:700;background:transparent;text-decoration:none}
#nav_main2{width:100%;float:left;background:#4e5155;border-top:1px #666 solid;line-height:0;font-size:90%;height:2.2em;overflow:hidden}
#nav_main2 ul{float:left;display:inline;border-left:0 #aaa solid;border-right:0 #fff solid;border-bottom:red 1px solid;margin:0 0 0 21px;padding:0}
#nav_main2 ul li{float:left;display:inline;font-size:1em;line-height:1em;list-style-type:none;border-left:0 #fff solid;border-right:0 #aaa solid;margin:0;padding:0}
#nav_main2 ul li a{display:block;width:auto;font-size:1em;font-weight:400;background:transparent;text-decoration:none;color:#aaa;margin:0;padding:.6em .8em}
#nav_main2 ul li a:focus,#nav_main2 ul li a:hover,#nav_main2 ul li a:active{color:#fff;text-decoration:none}
#nav_main2 ul li#active{background:#4e5155 url(images/bg_hnav2_hover.png) no-repeat bottom center}
#nav_main2 ul li#active a,#nav_main2 ul li#active a:focus,#nav_main2 ul li#active a:hover,#nav_main2 ul li#active a:active{color:#fff;font-weight:700;background:transparent;text-decoration:none}
}

View File

@@ -0,0 +1,14 @@
/* base layout */
@import url(../../../css/html5reset-1.6.1.css);
@import url(base.css);
@import url(content.css);
/* import url(iehacks.css); */
/* screen layout */
@import url(screen/basemod.css);
@import url(screen/contentmod.css);
@import url(navigation/nav_buttons.css);
/* import url(navigation/nav_hlist.css); */
/* print layout */
@import url(print/print_100_draft.css);

View File

@@ -0,0 +1,74 @@
/**
* "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:392 $
* @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
*/
@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, #info_box { 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; }
/*------------------------------------------------------------------------------------------------------*/
/**
* @section column selection
* (en) individually switch on/off any content column for printing
* (de) (De)aktivierung der Contentspalten für den Ausdruck
*
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
*/
#col1, #col1_content { float:none; width:100%; margin:0; padding:0; border:0; }
#col2 { display:none; }
#col3 { display:none; }
/*------------------------------------------------------------------------------------------------------*/
/* (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:" <URL:"attr(href)">";
color:#444;
background:inherit;
font-style:italic;
}
*/
}

View File

@@ -0,0 +1,39 @@
@charset "UTF-8";
@media screen, projection {
body{background:#FFF url(../images/bg_dotted.png) repeat;text-align:center;padding:0;overflow-y:scroll}
#page_margins{width:95%;text-align:left;position:relative;margin:auto;overflow:visible;background:#FFF}
#page{width:95%;margin:auto}
#header,#nav,#main,#footer{clear:both}
#nav {overflow:hidden}
#topnav{position:static;background:#000 url(../images/bg_head.png) repeat-x bottom;color:#CCC;text-align:left;font-size:81.25%;border-bottom:1px #000 solid;overflow:hidden;padding:2px 20px;height:15px}
#topnav .langMenu{float:right}
#topnav .langMenu a{float:left;margin-right:.5em}
#topnav .langMenu img{float:left;border:1px solid #444;margin-right:.3em;margin-top:.1em}
#topnav .langMenu img.arrow{border:0;margin-right:0;margin-top:2px}
#topnav .langMenu a span.text{float:left;margin-right:.5em;color:#666}
#topnav .langMenu a:hover span.text{float:left;margin-right:.5em;color:#FFF}
#topnav .langMenu span.text{float:left;margin-right:.5em;color:#FFF}
#topnav .langMenu span.text2{float:left;margin-right:.5em}
#topnav .langMenu span.textOff{float:left;margin-right:.5em;color:#666}
#header{height:60px;color:#FFF;background:#000 url(../images/bg_logo.png) repeat-x top;overflow:hidden}
#header img{font-size:208%;margin:10px 0 0 20px}
#nav_main2 .tx-macinasearchbox-pi1{float:right;margin:.2em 2em 2px 0}
#nav_main2 .tx-macinasearchbox-pi1 input.suchBox{width:12em;padding:.1em}
#shadow{height:10px;background:url(../images/bg_main_bottom.png) repeat-x bottom;border-bottom:1px #888 solid}
#footer{position:relative;color:#888;background:#000 url(../navigation/images/bg_hnav1.png) repeat-x top;line-height:2em;padding:20px 20px 5px;text-align:right;font-size:81.25%}
#backlink{position:absolute;right:20px;bottom:10px;color:#666}
#backlink img{position:relative;top:5px}
#main{padding:0 0;position:relative;border-top:1px #888 solid;background:#fff url(../images/bg_main_top.png) repeat-x top}
.first{overflow:hidden;width:auto;background:url(../images/bg_firstblock.gif) repeat-x bottom;border-bottom:2px #fff solid;height:1%;padding:0 20px 12px}
.second{overflow:hidden;color:#f4f4f4;background:#404347 url(../images/bg_body.gif) repeat-x 0 -250px;height:1%;padding:0 20px}
* html > body .first{float:left;overflow:visible}
* html > body .second{float:left;overflow:visible}
#left{float:none}
#left_content{margin-left:1em;margin-right:1em;background:inherit;padding:10px 5px 5px 5px}
#right{display:none;float:none}
#right_content{margin-left:1em;margin-right:1em}
#center{margin-right:280px;margin-top:10px;border-left:1px #ddd solid}
#center_content{margin-left:1em;margin-right:1em;padding:10px 5px 5px 5px}
.skip:focus,a.skip:active{position:absolute;display:block;background:#fff;color:#333}
#info_box {padding:5px 5px 5px 5px;margin-top:0px}
}

View File

@@ -0,0 +1,137 @@
@media all {
body{color:#333;font-size:81.25%;font-family:'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif}
h1,h2,h3,h4,h5,h6{font-family:Georgia, Times, Serif;font-weight:400}
h1{font-size:1.6em;color:#FFF;letter-spacing:-.02em;position:absolute;height:55px;width:85%;margin:0 0 .25em 7em;padding:5px 0 0 20px}
h2{font-size:1.8em;color:#111;padding-top:0.25em;letter-spacing:-.02em;margin:0 0 .25em}
h3{font-size:1.5em;color:#222;padding-top:1.5em;border-bottom:1px #ddd solid;letter-spacing:0;margin:0 0 .25em}
h4{font-size:1.4em;color:#889;padding-top:1em;font-weight:400;margin:0 0 .3em}
h5{font-size:1.2em;color:#889;font-style:italic;margin:0 0 .3em}
h6{font-size:1em;color:#889;padding-bottom:.3em;border-bottom:1px #ddd solid;margin:0 0 .3em}
.first .c33r h2{border-left:10px #800 solid;margin-top:1.5em;background:#f4f4f4;padding:0 0 0 10px}
.second a{color:#aaa;font-weight:700}
.second h3{font-size:1.6em;color:#fff;padding-bottom:.3em;border-bottom:1px #800 solid}
.second h6{border:0;margin:0}
h1 span{position:absolute;height:100%;width:100%;margin-left:-7em;margin-top:-0.4em;}
p,ul,dd,dt{line-height:1.5em}
p{line-height:1.5em;text-align:justify;margin:0 0 1em}
th p{margin:0}
table.bugs p{line-height:1.5em;text-align:center;margin:0}
dt,li{text-align:justify}
strong,b{font-weight:700}
em,i{font-style:italic}
pre,code{font-family:"Courier New", Courier, monospace}
address{font-style:normal;line-height:1.5em;margin:0 0 1em}
hr{color:#fff;background:transparent;border:0;border-bottom:1px #eee solid;margin:0 0 .5em;padding:0 0 .5em}
acronym,abbr{letter-spacing:.07em;border-bottom:1px dashed #c00;cursor:help}
.float_left{float:left;margin-right:1em;margin-bottom:.15em;border:0}
.float_right{float:right;margin-left:1em;margin-bottom:.15em;border:0}
.center{text-align:center;margin-left:auto;margin-right:auto}
.framed{border:4px #222 solid;background:#fff;padding:4px}
a,a em.file{color:#aa1124;text-decoration:none}
a:hover{text-decoration:underline}
a:focus{text-decoration:underline}
#topnav a{color:#666;background:transparent;text-decoration:none}
#topnav a:hover{color:#fff;text-decoration:underline;background-color:transparent}
#topnav a:focus{color:#fff;text-decoration:underline;background-color:transparent}
#footer a{color:#ccc}
#main a.imagelink{padding-left:0;background:transparent}
table{border-collapse:separate;width:100%;margin-bottom:.5em;border-spacing:2px}
table.bugs{margin-bottom:1em;margin-top:.5em}
table.bugs th{background:#444;color:#fff;text-align:center;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
table.bugs td{background:#888;color:#fff;text-align:center;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
table.description{margin-bottom:1em;margin-top:.5em}
table.description th{background:#aaa;color:#fff;text-align:left;vertical-align:top;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
table.description td{background:#f4f4f4;color:#444;text-align:left;vertical-align:top;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
input[type=text],input[type=password],textarea,select{background:#fff url(../images/bg_main_top.png) repeat-x top;border:1px #ccc solid;padding:.2em}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px #448 solid;background:#eef;color:#333}
input.suchbox{border:1px #666 solid;background:#333;color:#888;padding:3px}
ul.icon{list-style-type:none;margin:0 0 1em;padding:0}
ul.icon li{background:url(../../img/icons/symb_item.png) no-repeat left center;margin-left:0;padding-left:20px;text-align:left}
ul.link{list-style-type:none;margin:0 0 1em;padding:0}
ul.link li{background:url(../../img/icons/symb_link.png) no-repeat 0 .15em;margin-left:0;padding-left:20px;text-align:left}
ul.info{list-style-type:none;margin:0 0 1em;padding:0}
ul.info li{background:url(../../img/icons/symb_info.png) no-repeat 0 .15em;margin-left:0;padding-left:20px;text-align:left}
.warnung{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_warning.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
.wichtig{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_attention.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
.hinweis{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_hint.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
p.demo{color:#aa1124;background-color:#fff5f5;border:1px #fcc dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_file.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.7em 1em .7em 48px}
p.demo span.file{color:#aa1124}
p.navlink{background:#f4f5f6 url(../../img/symbols/symb_forward.png);background-repeat:no-repeat;background-position:top left;color:#56636f;border-top:2px #aab2ba solid;margin-bottom:.5em;padding:.7em 1em .7em 48px}
p.navlink a{color:#56636f}
p.navlink a:hover{font-weight:700;background:transparent}
blockquote{color:#444;background:#f8f8f8;border:1px #ddd solid;border-left:8px #ddd solid;margin:0 0 1em 1em;padding:1em 1em 0}
ul.linklist{list-style-type:none;margin:0 0 1em}
ul.linklist li{margin:0 0 1em}
ul.browsers{margin:0 0 .4em}
ul.browsers li{list-style-type:none;background:#f8f8f8;color:#444;font-weight:400;text-align:left;border-bottom:1px #fff solid;border-right:1px #fff solid;margin:0;padding:.1em .1em .2em .5em}
ul.browsers li img{vertical-align:bottom}
ul.browsers li.title{font-weight:700;background:#eee;color:#444;padding:.2em .2em .2em .5em}
em.mono,em.file,em.directory{font-family:"Courier New", Courier, monospace;font-style:normal}
em.mono{color:#56636f;background:#f4f5f6;border:1px #aab2ba solid;padding:0 .3em}
em.file{color:#008;background:transparent url(../../img/icons/file.gif) no-repeat left;padding:0 0 0 14px}
em.directory{color:#008;background:transparent url(../../img/icons/dir.gif) no-repeat left;padding:0 0 0 15px}
pre,code,p.code{font-family:"Courier New", Courier, monospace;text-align:left;display:block;line-height:1.3em;color:#56636f;background:#f4f5f6;border:1px #aab2ba dotted;border-left:0;border-right:0;margin:0 0 1em 1em;padding:.5em .5em .5em 1em}
code.css,p.code{background-image:url(../../img/symbols/symb_css.png);background-repeat:no-repeat;background-position:top right}
code.xhtml{background-image:url(../../img/symbols/symb_xhtml.png);background-repeat:no-repeat;background-position:top right}
div.download{text-align:left;display:block;line-height:1.3em;color:#353;background-color:#f4f8f4;border:1px #aab2ba dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_download.png);background-repeat:no-repeat;background-position:left .8em;margin:0 0 1em 1em;padding:1em 1em 0 50px}
div.download p,div.doc p{text-align:left}
div.download a.file{color:#000;font-weight:700;text-decoration:underline}
div.download a.file:hover{color:#aa1124;font-weight:700;text-decoration:none}
div.doc{text-align:left;display:block;line-height:1.3em;color:#56636f;background-color:#f4f5f6;border:1px #aab2ba dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_doc.png);background-repeat:no-repeat;background-position:10px 1.3em;margin:0 0 1em 1em;padding:1em 1em 0 50px}
div.doc a.file{color:#000;font-weight:700;text-decoration:underline}
div.doc a.file:hover{color:red;font-weight:700;text-decoration:none}
.tx-indexedsearch .tx-indexedsearch-searchbox{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;margin:0 0 2em;padding:.5em .5em .5em 1em}
.tx-indexedsearch .tx-indexedsearch-searchbox table{width:auto}
.tx-indexedsearch .tx-indexedsearch-searchbox td{padding:.3em}
.tx-indexedsearch .tx-indexedsearch-searchbox p{margin-bottom:0}
.tx-indexedsearch .tx-indexedsearch-whatis{font-size:1.5em;font-family:Georgia, Times, Serif;font-weight:400;color:#889}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title{margin-bottom:.5em;font-size:1.4em;font-family:Georgia, Times, Serif;font-weight:400;color:#889;background:#fff}
.tx-indexedsearch .tx-indexedsearch-res{text-align:left}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info{color:#aaa;font-size:.9em}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{width:100px}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword{width:150px}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw{font-weight:700;font-style:italic}
.tx-indexedsearch P.tx-indexedsearch-noresults{text-align:center;font-weight:700}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P{font-weight:700}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent{font-weight:400}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P{font-style:italic}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead{margin-top:20px;margin-bottom:5px}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2{color:#069;margin-top:0;margin-bottom:0;background:transparent}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE{background:#ccc}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD{vertical-align:middle}
.tx-indexedsearch .tx-indexedsearch-res .noResume{color:#666}
.tx-indexedsearch-sw,.csc-sword,.tx-indexedsearch-redMarkup{font-family:monospace;font-style:normal;color:#fff;background:#484;padding:0 .3em}
.tx-dropdownsitemap-pi1 A{font-weight:700}
.tx-dropdownsitemap-pi1 li.open ol{display:block}
.tx-dropdownsitemap-pi1 li.closed ol{display:none}
.tx-dropdownsitemap-pi1 li.open ul{display:block}
.tx-dropdownsitemap-pi1 li.closed ul{display:none}
.tx-dropdownsitemap-pi1 div{padding:2px}
.tx-dropdownsitemap-pi1 div.level_2{background:#fff}
.tx-dropdownsitemap-pi1 div.level_2 a{font-weight:400}
.tx-dropdownsitemap-pi1 div.level_3{background:#fff}
.tx-dropdownsitemap-pi1 div.level_4{background:#fff}
.tx-dropdownsitemap-pi1 div.level_5{background:#fff}
.tx-dropdownsitemap-pi1 div.expAll{text-align:center;background-color:#f4f8f4;border:1px #aca dotted;margin-bottom:1em}
.tx-dropdownsitemap-pi1 div.expAll a{color:#353}
.tx-dropdownsitemap-pi1 img{margin-right:.5em}
.tx-dropdownsitemap-pi1 a:hover{background:transparent}
p.floatbox{overflow:hidden}
p.smalltext{font-size:.9em}
span.mono{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:#f4f5f6;border:1px #aab2ba dotted;padding:0 .3em}
span.file{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:transparent url(../../img/icons/file.gif) no-repeat left;padding:0 0 0 14px}
span.directory{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:transparent url(../../img/icons/dir.gif) no-repeat left;padding:0 0 0 15px}
span.version{display:block;color:#666;font-weight:400;font-size:85%;padding:0 5px 0 20px}
.csc-mailform-field{clear:left}
fieldset.csc-mailform .csc-mailform-field label{width:11em;float:left}
fieldset.csc-mailform .csc-mailform-field input,fieldset.csc-mailform .csc-mailform-field select,fieldset.csc-mailform .csc-mailform-field textarea{margin-bottom:.5em}
fieldset.csc-mailform .csc-mailform-field textarea{font-size:1em}
fieldset.csc-mailform label span{color:red}
input#mailformformtype_mail{margin-left:11.1em}
#category ul li {list-style:none;min-height:48px;width:30%;margin:0 10px 43px 0;float:left}
#category ul li:nth-last-child(-n+3) {margin-bottom:0} /* Last Row */
#category ul li h3 {text-transform:uppercase;letter-spacing:1px;padding-bottom:6px;font-size:105%;font-weight:bold}
#category ul li p {padding:0;margin:0;}
#category ul li a {color:#111;text-decoration:none}
#category ul li a:focus, #category ul li a:hover, #category ul li a:active {color:#811;text-decoration:none;}
}