/*
* 18.04.2024 1
*/
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
**
**  Don't make any changes in this file! 
**  Any changes should be placed in basemod-files in css/modifications directory.
*/
@media all {
  /* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
  /* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
  * {
    margin: 0;
    padding: 0;
  }
  /* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
  option {
    padding-left: 0.4em;
  }
  /*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
  /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
  html {
    height: 100%;
  }
  body {
    min-height: 101%;
    /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
    font-size: 100.01%;
    /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
    position: relative;
    /* Vorgabe der Standardfarben und Textausrichtung*/
    color: #000;
    background: #fff;
    text-align: left;
  }
  /* Standardrahmen zurücksetzen */
  fieldset,
  img {
    border: 0;
  }
  /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
  select,
  input,
  textarea {
    font-size: 99%;
  }
  /* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
  #header {
    position: relative;
  }
  #topnav {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    background: transparent;
    text-align: right;
    /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
  }
  #nav {
    clear: both;
    width: auto;
  }
  #main {
    clear: both;
    width: auto;
  }
  #col1 {
    float: left;
    width: 200px;
    /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
  }
  #col2 {
    float: right;
    width: 200px;
    /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
  }
  #col3 {
    width: auto;
    margin-left: 200px;
    /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
    margin-right: 200px;
    /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
  }
  #footer {
    clear: both;
  }
  /* Backup für IE-Clearing */
  /* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. */
  #col1 {
    z-index: 5;
  }
  #col2 {
    z-index: 3;
  }
  #col3 {
    z-index: 1;
  }
  #col1_content {
    z-index: 6;
  }
  #col2_content {
    z-index: 4;
  }
  #col3_content {
    z-index: 2;
  }
  #col1_content,
  #col2_content,
  #col3_content {
    position: relative;
  }
  /* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/
  /* Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  /* Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix {
    display: block;
  }
  /* Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox {
    overflow: hidden;
  }
  /* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gründen der 
** Abwärtskompatibilität des Basis-Stylesheets weiterhin enthalten.
*/
  /* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
  hr.clear_columns {
    clear: both;
    float: left;
    content: ".";
    display: block;
    height: 0;
    line-height: 0px;
    visibility: hidden;
    border: 0;
    padding: 0;
    margin: -1.1em 0 0 0;
    /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
  }
  /* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/
  /*
	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	*/
  ul,
  ol,
  dl {
    margin: 0;
  }
  li {
    margin-left: 0;
    line-height: 1.5em;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 1em 2em;
  }
  blockquote,
  cite {
    margin: 0 0 1em 1.5em;
    font-size: 0.93em;
    width: auto;
  }
  /* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/
  .subcolumns {
    width: 100%;
    padding: 0 1px 0 1px;
    margin: 0 -1px 0 -1px;
    overflow: hidden;
  }
  .c50l,
  .c25l,
  .c33l,
  .c38l,
  .c66l,
  .c75l,
  .c62l {
    float: left;
    overflow: hidden;
  }
  .c50r,
  .c25r,
  .c33r,
  .c38r,
  .c66r,
  .c75r,
  .c62r {
    float: right;
    overflow: hidden;
  }
  .c25l,
  .c25r {
    width: 24.999%;
  }
  .c33l,
  .c33r {
    width: 33.333%;
  }
  .c50l,
  .c50r {
    width: 49.999%;
  }
  .c66l,
  .c66r {
    width: 66.666%;
  }
  .c75l,
  .c75r {
    width: 74.999%;
  }
  .c38l,
  .c38r {
    width: 38.196%;
  }
  /* Goldener Schnitt */
  .c62l,
  .c62r {
    width: 61.803%;
  }
  /* Goldener Schnitt */
  .subc {
    padding: 0 0.5em 0 0.5em;
    overflow: hidden;
  }
  .subcl {
    padding: 0 1em 0 0;
    overflow: hidden;
  }
  .subcr {
    padding: 0 0 0 1em;
    overflow: hidden;
  }
}
/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print {
  .skip {
    position: absolute;
    left: -1000em;
    width: 20em;
  }
}
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**
*/
@media all {
  /* Formatierung der Seite */
  body {
    background: #FFF url(../Images/background_gradient.jpg) repeat-x top left;
    padding: 10px 10px;
  }
  /* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
  #page {
    border: 1px black solid;
    background: #fff;
  }
  #page_margins {
    min-width: 760px;
    max-width: 100em;
    margin: auto;
  }
  /* Formatierung der Kopfbereiches  fbi: hier Headerbild als Background einfügen*/
  #header {
    height: 110px;
    color: #fff;
    padding: 0;
  }
  #header img {
    margin: 0;
    font-size: 208%;
  }
  /* Formatierung der Fußzeile */
  #footer {
    color: #888;
    background: #fff;
    margin: 0 1em;
    padding: 1em 0 1em 1em;
    line-height: 2em;
  }
  /* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
  #main {
    padding: 0 0 0 13px;
  }
  /* linke Spalte */
  #col1 {
    width: 20.5%;
  }
  #col1_content {
    margin-left: 1em;
    margin-right: 1em;
    padding-top: 20px;
    margin-top: 0;
    color: #444;
    background: inherit;
  }
  /* Rechte Spalte */
  #col2 {
    width: 280px;
  }
  #col2_content {
    margin-left: 1em;
    margin-right: 1em;
  }
  /* Mittlere Spalte */
  #col3 {
    margin-left: 20.5%;
    margin-right: 280px;
    border-left: 0px dotted #ddd;
    border-right: 0px dotted #ddd;
  }
  #col3_content {
    margin-left: 0em;
    margin-right: 1em;
    padding-left: 5px;
  }
  /* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
  #teaser {
    margin: 0em 1em 0em 1em;
    padding: 0 0 0 15px;
    color: #5f5d75;
  }
  #teaser div {
    float: left;
    width: auto;
    margin-right: 1em;
  }
  #teaser .block1 {
    width: 199px;
  }
  #teaser .block3 {
    float: right;
    margin-right: 0;
  }
  #teaser .block2 {
    max-width: 780px;
  }
  .ce-textpic-imagerow {
    zoom: 1;
  }
}
/*  formatierung Layouts */
@media screen {
  #col1 {
    width: 227px;
  }
  #col3 {
    margin-left: 227px;
    margin-right: 0;
    padding-top: 8px;
    padding-left: 6px;
  }
  .layout-3col-vlines #col2 {
    width: 258px;
    float: right;
  }
  .layout-3col-vlines #col3 {
    border-left: 2px #ddd dotted;
  }
  .layout-3col-vlines #col3 {
    border-right: 2px #ddd dotted;
  }
  .layout-3col-vlines #col3 {
    margin-left: 227px;
    margin-right: 258px;
    padding: 0;
  }
}
#container {
  padding: 0 0 1em 1em;
  margin: 0;
  line-height: 1em;
}
#container a:hover {
  background: #FFF;
}
#container a {
  padding: 0;
}
ul#main_nav,
ul#main_nav ul {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  width: 200px;
  /* Width of Menu Items */
  border-bottom: 1px solid #ccc;
  background: #ECECEC;
  /* IE6 Bug */
  color: black;
  font-size: 110%;
}
ul#main_nav ul li {
  font-size: 0.8em;
}
ul#main_nav ul li ul li {
  font-size: 0.9em;
}
ul#main_nav ul li ul li ul li {
  font-size: 0.9em;
}
ul#main_nav li {
  position: relative;
  list-style: none;
  /*	background: url(../Images/sn_greyback.gif) no-repeat; */
}
ul#main_nav li a {
  display: block;
  text-decoration: none;
  /*color: #777;*/
  color: #000;
  padding: 2px;
  /*IE 7 Bug*/
  width: 192px;
  border: 1px solid #ccc;
  border-bottom: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#main_nav li {
  float: left;
  height: 1%;
}
* html ul#main_nav li a {
  height: 1%;
}
/* End */
ul#main_nav ul {
  position: absolute;
  display: none;
  left: 199px;
  /* Set 1px less than menu width */
  top: 0;
}
ul#main_nav li ul li a {
  padding: 2px 5px;
  width: 186px;
}
/* Sub Menu Styles */
ul#main_nav li:hover ul ul,
ul#main_nav li:hover ul ul ul,
ul#main_nav li.over ul ul,
ul#main_nav li.over ul ul ul {
  display: none;
}
/* Hide sub-menus initially */
ul#main_nav li:hover ul,
ul#main_nav li li:hover ul,
ul#main_nav li li li:hover ul,
ul#main_nav li.over ul,
ul#main_nav li li.over ul,
ul#main_nav li li li.over ul {
  display: block;
}
/* The magic */
ul#main_nav li.menuparent {
  background: url(../Images/sn_greyback_mp.gif) no-repeat;
  padding: 0;
}
ul#main_nav li.menuparent:hover,
ul#main_nav li.over {
  background-color: #ECECEC;
}
ul#main_nav li#red a:hover {
  color: #fff;
  background: #ba8fca;
}
ul#main_nav li#red a:focus {
  color: #fff;
  background: #ba8fca;
  font-weight: bold;
}
ul#main_nav li#green a:hover {
  color: #fff;
  background: #ba8fca;
  /* old value 819450 */
}
ul#main_nav li#green a:focus {
  color: #fff;
  background: #ba8fca;
  /* old value 819450 */
  font-weight: bold;
}
ul#main_nav li#blue a:hover {
  color: #fff;
  background: #ba8fca;
  /* old value 6578B5 */
}
ul#main_nav li#blue a:focus {
  color: #fff;
  background: #ba8fca;
  /* old value 6578B5 */
  font-weight: bold;
}
ul#main_nav li#orange a:hover {
  color: #fff;
  background: #ba8fca;
}
ul#main_nav li#orange a:focus {
  color: #fff;
  background: #ba8fca;
  font-weight: bold;
}
ul#main_nav li#yellow a:hover {
  color: #fff;
  background: #ba8fca;
}
ul#main_nav li#yellow a:focus {
  color: #fff;
  background: #ba8fca;
  font-weight: bold;
}
ul#main_nav li#plum a:hover {
  color: #fff;
  background: #ba8fca;
}
ul#main_nav li#plum a:focus {
  color: #fff;
  background: #ba8fca;
  font-weight: bold;
}
ul#main_nav li#lilac a:hover {
  color: #fff;
  background: #ba8fca;
}
ul#main_nav li#lilac a:focus {
  color: #fff;
  background: #ba8fca;
  font-weight: bold;
}
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/
@media all {
  /* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
** 

/* ### Überschriften, Fließtexte ###################################################################### */
  body {
    color: #000;
    font-size: 81.25%;
    font-family: Helvetica, Arial, sans-serif;
  }
  /* 13px */
  h1,
  h2,
  h3,
  h4 {
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: normal;
  }
  h1 {
    font-size: 1.6em;
    color: #000;
    margin: 0 0 0.35em 0;
    padding-top: 0.4em;
    border-bottom: 2px #804396 solid;
  }
  h2 {
    font-size: 1.4em;
    color: #804396;
    margin: 0 0 0.35em 0;
    padding-top: 1em;
    border-bottom: 2px #c6b2cd solid;
  }
  h3 {
    font-size: 1.1em;
    color: #000;
    margin: 0 0 0.25em 0;
    padding-top: 0.2em;
    font-weight: bold;
  }
  h4 {
    font-size: 1em;
    color: #888;
    margin: 0 0 0.3em 0;
    padding-top: 1em;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }
  h5 {
    font-size: 1em;
    color: #000;
    margin: 0.25em 0 0.3em 0;
    padding-top: 0.2em;
    border-bottom: 2px #804396 solid;
  }
  h6 {
    font-size: 1em;
    color: #888;
    margin: 0 0 0.3em 0;
    font-style: normal;
  }
  #teaser h1 {
    font-size: 1.2em;
    border: 0;
  }
  p,
  ul,
  dd,
  dt {
    line-height: 1.5em;
  }
  p {
    line-height: 1.5em;
    margin: 0 0 1em 0;
  }
  ul {
    list-style-type: square;
    padding-left: 1em;
  }
  strong,
  b {
    font-weight: bold;
  }
  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 0;
  }
  hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border: 0;
    border-bottom: 1px #eee solid;
  }
  acronym,
  abbr {
    letter-spacing: 0.07em;
    border-bottom: 1px dashed #c00;
    cursor: help;
  }
  /* ### Bildpositionierung ############################################################################ */
  img.float_left {
    float: left;
    margin-right: 1em;
    margin-bottom: 0.15em;
    border: 0;
  }
  img.float_right {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.15em;
    border: 0;
  }
  img.center {
    text-align: center;
    background: #fff;
    padding: 4px;
    border: 1px #ddd solid;
  }
  img.framed {
    padding: 3px;
    border: 1px #ddd solid;
    background: #f4f4f4;
  }
  /* ### Auszeichnung lokaler und Externer Links ######################################################## */
  a,
  a em.file {
    color: #900;
    text-decoration: none;
  }
  a:hover {
    background-color: #fee;
    text-decoration: underline;
  }
  a:focus {
    background-color: #fee;
    text-decoration: underline;
  }
  #topnav a {
    color: #fff;
    background: transparent;
    text-decoration: none;
  }
  #topnav a:hover {
    text-decoration: underline;
    background-color: transparent;
  }
  #topnav a:focus {
    text-decoration: underline;
    background-color: transparent;
  }
  #footer a {
    color: #669;
  }
  #footer a:hover {
    background-color: #eef;
  }
  #footer a:focus {
    background-color: #eef;
  }
  #teaser .block2 {
    font-size: 0.9em;
    color: #AAA;
    margin: 0 0 0.5em 0;
    padding-top: 0.2em;
  }
  #teaser .block2 a {
    color: #AAA;
  }
  #teaser .block2 a:hover {
    background-color: #eee;
  }
  /* ### External Link ################################################################# */
  #main a[href^="http:"],
  #main a[href^="https:"],
  #main a.external-link,
  #main a.external-link-new-window {
    padding-right: 15px;
    background-image: url('../Icons/ico_ext_t.gif');
    background-repeat: no-repeat;
    background-position: right center;
  }
  /* ### Download Link ################################################################# */
  #main a.download {
    padding-right: 15px;
    background-image: url('../Icons/ico_down_t.gif');
    background-repeat: no-repeat;
    background-position: right center;
  }
  /* ### Mail Link ################################################################# */
  #main a.mail {
    padding-left: 18px;
    background-image: url('../Icons/ico_mail_t.gif');
    background-repeat: no-repeat;
    background-position: left center;
  }
  #main a.imagelink {
    padding-left: 0;
    background: transparent;
  }
  /* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/
  table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0.5em;
  }
  form {
    overflow: hidden;
  }
  input,
  textarea {
    width: auto;
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 3px;
    color: #777;
  }
  input[type=text]:focus,
  textarea:focus {
    background: #f0f0f0;
    color: #333;
    border-color: #666;
  }
  /* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/
  /* ###  Textformatierungen ################################################################## */
  /* Grundlagen */
  .wichtig {
    background-color: #fee;
    border: 1px #fcc solid;
    padding: 0.5em;
    margin-bottom: 0.5em;
  }
  .hinweis {
    background-color: #eef;
    border: 1px #ccf solid;
    padding: 0.5em;
    margin-bottom: 0.5em;
  }
  p.Roter_Rahmen {
    background-color: #FFCCCC;
    border: 1px #C00019 solid;
    padding: 0.5em;
    margin: 0.5em 0;
  }
  p.Gruener_Rahmen {
    background-color: #EBF4D4;
    border: 1px #87A148 solid;
    padding: 0.5em;
    margin: 0.5em 0;
  }
  p.Blauer_Rahmen {
    background-color: #EBEFFF;
    border: 1px #6D5EA1 solid;
    padding: 0.5em;
    margin: 0.5em 0;
  }
  p.Aubergine_Rahmen {
    background-color: #F5DEE5;
    border: 1px #A2546C solid;
    padding: 0.5em;
    margin: 0.5em 0;
  }
  p.Oranger_Rahmen {
    background-color: #FFE5DD;
    border: 1px #EF5927 solid;
    padding: 0.5em;
    margin: 0.5em 0;
  }
  p.Gelber_Rahmen {
    background-color: #FFF3CA;
    border: 1px #FFD43D solid;
    padding: 0.5em;
    margin: 0.5em 0;
  }
  p.Grauer_Rahmen {
    background-color: #DDD;
    border: 1px #BBB solid;
    padding: 0.5em;
    margin: 0.5em 0;
  }
  /* Texthintergrund */
  .Rote_Hervorhebung {
    background-color: #F3DDE0;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .Gruene_Hervorhebung {
    background-color: #EBF4D4;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .Blaue_Hervorhebung {
    background-color: #E4E0F1;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .Aubergine_Hervorhebung {
    background-color: #F5DEE5;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .Orange_Hervorhebung {
    background-color: #FFE5DD;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .Gelbe_Hervorhebung {
    background-color: #FFF3CA;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .Graue_Hervorhebung {
    background-color: #DDD;
    border: 0;
    padding: 0;
    margin: 0;
  }
  /* Beispieldateien */
  p.demo {
    background-color: #fee;
    border: 1px #fcc solid;
    padding: 6px;
    margin-bottom: 0.5em;
  }
  /* Navigation am Seitenende */
  p.navlink {
    background-color: #f4f8f4;
    border: 1px #aca dotted;
    padding: 6px;
    margin-bottom: 0.5em;
  }
  p.navlink a {
    color: #353;
  }
  p.navlink a:hover {
    font-weight: bold;
    background: transparent;
  }
  blockquote {
    color: #444;
    background: #f8f8f8;
    border: 1px #ddd solid;
    /*border-left: 8px #ddd solid;*/
    padding: 1em 1em 1em 1em;
    margin: 0 0 1em 0;
  }
  /* Ungeordnete Listen ohne Listenpunkt */
  ul.linklist {
    list-style-type: none;
    margin: 0 0 1em 0;
  }
  ul.linklist li {
    margin: 0 0 1em 0;
  }
  /* Browser-Kompatibilitätsliste */
  ul.browsers {
    margin: 0 0 0.4em 0;
  }
  ul.browsers li {
    margin: 0;
    list-style-type: none;
    background: #f8f8f8;
    color: #444;
    padding: 0.1em 0.1em 0.2em 0.5em;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
  }
  ul.browsers li img {
    vertical-align: bottom;
  }
  ul.browsers li.title {
    font-weight: bold;
    background: #eee;
    color: #444;
    padding: 0.2em 0.2em 0.2em 0.5em;
  }
  /* Auszeichnungen für Code, Dateien, Verzeichnisse */
  em.mono,
  em.file,
  em.directory {
    font-family: "Courier New", Courier, monospace;
    font-style: normal;
  }
  em.mono {
    padding: 0 0.3em 0 0.3em;
    background: #f0f0f4;
    border: 1px #ccd solid;
  }
  em.file {
    padding: 0 0 0 14px;
    color: #008;
    background: transparent url(../Icons/file.gif) no-repeat left;
  }
  em.directory {
    padding: 0 0 0 15px;
    color: #008;
    background: transparent url(../Icons/dir.gif) no-repeat left;
  }
  pre,
  code {
    display: block;
    margin: 0 0 1em 1em;
    padding: 0.5em;
    color: #000;
    background: #f0f0f4;
    border: 1px #ccd solid;
    border-left: 8px #ccd solid;
  }
  /*code.css { */
  /*background-image: url(../Images/bg_css.gif);*/
  /*background-repeat: no-repeat;*/
  /*background-position: top right;*/
  /*}*/
  /*code.xhtml { */
  /*background-image: url(../Images/bg_xhtml.gif);*/
  /*background-repeat: no-repeat;*/
  /*background-position: top right;*/
  /*}*/
  /* ### Tabellen ################################################################## */
  table.bugs {
    margin-bottom: 1em;
    margin-top: 0.5em;
  }
  table.bugs th {
    background: #444;
    color: #fff;
    padding: 0.5em;
    text-align: center;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
  }
  table.bugs td {
    background: #888;
    color: #fff;
    padding: 0.5em;
    text-align: center;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
  }
  /* ### Kontakt Formular Formatierungen ################################################################## */
  #mailform fieldset.ce-mailform {
    border: 0;
    margin-bottom: 1em;
  }
  #mailform label {
    clear: left;
    float: left;
    width: 125px;
  }
  #mailform input {
    float: left;
  }
  #mailform input.mo-submit {
    margin-left: 125px;
  }
  #mailform .ce-mailform-field {
    padding-top: 5px;
    border: 0px solid black;
    clear: left;
    margin-bottom: 1px;
  }
  #subtitle {
    color: #AAA;
    font-size: 0.9em;
  }
  .zeile {
    clear: both;
  }
  .zeile label {
    float: left;
    /*width: %;*/
    padding-bottom: 6px;
    font-style: normal;
  }
  .eingabe {
    float: right;
    width: 60%;
  }
  ul.browsebox {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
  }
  ul.browsebox li {
    display: inline;
    padding: 0 8px;
  }
  div.tx-indexedsearch-browsebox {
    margin-bottom: 15px;
  }
  .navi_directory {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline;
  }
  .navi_directory li {
    margin: 0px;
    padding: 0px;
  }
  /* ### Download-Box ################################################################## */
  .bluebox {
    color: #000;
    background: #f0f0f4;
    padding: 2px;
    border: 4px #ccd solid;
    text-align: left;
    padding: 4px 0 4px 15px;
    margin-bottom: 1em;
  }
  .bluebox h5 {
    font-size: 140%;
    color: #006;
    font-weight: normal;
    font-style: normal;
    padding: 0px 8px 0 5px;
  }
  .bluebox p {
    padding: 0px 8px 0 5px;
  }
  div.dl_button {
    width: 220px;
    min-height: 50px;
    text-align: left;
    padding-bottom: 20px;
    background-image: url(../Images/yaml_dl_button.gif);
    background-position: bottom;
  }
  div.dl_button a {
    display: block;
    width: 100%;
    min-height: 30px;
    text-align: left;
    background: url(../Images/yaml_dl_button.gif);
  }
  div.dl_button a:hover {
    text-decoration: none;
  }
  #quifd a {
    background-image: none;
  }
  #quifd a:hover {
    background-color: white;
  }
  .dl_button a strong {
    display: block;
    padding: 17px 5px 0px 20px;
    color: #448;
    font-weight: bold;
    font-size: 125%;
    text-decoration: underline;
  }
  .dl_button span.version {
    display: block;
    padding: 0px 5px 0px 20px;
    color: #666;
    font-weight: normal;
    font-size: 85%;
  }
}
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : print_003.css
**  Funktion    : Druck-Stylesheet - druckt die Spalte #col3
**
*/
@media print {
  body * {
    font-size: 12pt;
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  }
  blockquote {
    font-family: "Times New Roman", Times, serif;
  }
  code.css,
  code.xhtml,
  em.file {
    font-family: "Courier New", Courier, mono;
  }
  h1,
  h2,
  h3,
  h4 {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  }
  h1 {
    font-size: 16pt;
    font-weight: bold;
    color: #336699;
    background: inherit;
    margin: 0.4em 0 0.5em 0;
    border-bottom: 1px #ccc solid;
  }
  h2 {
    font-size: 14pt;
    font-weight: bold;
    color: #666;
    background: inherit;
    margin: 0.2em 0 0.5em 0;
    padding: 0.3em;
  }
  h3 {
    font-size: 12pt;
    font-weight: bold;
    margin: 0.4em 0 0.3em 0;
  }
  /* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1,
  h2,
  h3 {
    page-break-after: avoid;
  }
  abbr[title]:after,
  acronym[title]:after {
    content: '(' attr(title) ')';
  }
  /* Sichtbare Auszeichnung der URLs von Links */
  #col3 a[href^="http:"],
  #col3 a[href^="https:"],
  #col1 p a[href^="http:"],
  #col1 p a[href^="https:"],
  #col2 p a[href^="http:"],
  #col2 p a[href^="https:"] {
    padding-left: 0;
    background-image: none;
  }
  a[href]:after {
    content: " <URL: " attr(href) ">";
    color: #444;
    background-color: inherit;
    font-style: italic;
  }
  /* Umformatierung der Layoutboxen */
  body {
    margin: 0;
    padding: 0;
  }
  #page_margins,
  #page {
    min-width: inherit;
    margin: 0;
    padding: 0;
    border: 0;
  }
  #topnav {
    display: none;
  }
  #header {
    height: auto;
  }
  #header img {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
  }
  #nav_main {
    display: none;
  }
  /*#teaser { margin: 1em 0 0 0; padding: 0; border:0; }*/
  #main {
    margin: 0;
    padding: 0;
  }
  /*#col1 {margin:0; padding: 0; border:0;}*/
  /*#col1_content {margin:0; padding: 0; border:0; }*/
  /*#col2 {margin:0; padding: 0; border:0;}*/
  /*#col2_content {margin:0; padding: 0; border:0; }*/
  #col3 {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #col3_content {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #teaser,
  #col1,
  #col2,
  #footer {
    display: none;
  }
  figure,
  .ce-textpic {
    break-inside: avoid;
  }
}
#tx_indexedsearch-nav,
#tx_indexedsearch {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  cursor: pointer;
  border: 1px #ccc solid;
  background: #fafafa;
}
#tx_indexedsearch-nav .tx-indexedsearch-form,
#tx_indexedsearch .tx-indexedsearch-form {
  position: relative;
  width: 100%;
}
#tx_indexedsearch-nav .tx-indexedsearch-form input,
#tx_indexedsearch .tx-indexedsearch-form input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
}
#tx_indexedsearch-nav .tx-indexedsearch-search-submit button,
#tx_indexedsearch .tx-indexedsearch-search-submit button {
  width: 1em;
  height: 1em;
  background: transparent;
  border: none;
  margin: 0.2em 1em;
  cursor: pointer;
}
.tx-indexedsearch-searchbox {
  margin: 1em 0;
}
/*# sourceMappingURL=style.css.map */