@charset "UTF-8";
/**
 * Athesios CSS Design based on:
 *
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * @copyright       Copyright 2005-2008, 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.0.6
 */
/*url(../yaml/core/base.css);*/
@media all
{
  * { margin:0; padding: 0; }
  option { padding-left: 0.4em; }
  select { padding: 1px; }
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  html { height: 100%; margin-bottom: 1px; }
  body {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
  }
  fieldset, img { border: 0 solid; }
  ul, ol, dl { margin: 0 0 1em 1em }
  li {
    margin-left: 0.8em;
    line-height: 1.5em;
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  blockquote { margin: 0 0 1em 0.8em; }

  blockquote:before, blockquote:after,
  q:before, q:after { content: ""; }
  #header { position:relative; }
  #topnav { text-align: right; }

  /* (en) Absolute positioning only within #header */
  #header #topnav {
    position:absolute;
    top: 3px;
    right: 10px;
  }
  #header, #nav, #main, #footer { clear:both; }
  #col1 { float: left; width: 20%; }
  #col2 { float:right; width: 20%; }
  #col3 { width:auto; margin-left: 20%; margin-right:20%; }
 /*url(screen/basemod_3col_132.css);*/
  #col1_content {
    position:relative;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px; }

  #col2_content {
    position:relative;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 20px; }

  #col3_content {
    position:relative;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
/* 2-spaltig machen:*/
   #col2, #col2_content { display:none; }
   #col3 { margin-right: 0; }

  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .clearfix { display: block; }
  .floatbox { overflow:hidden; }
  #ie_clearing { display: none; }
  .subcolumns { width: 100%; overflow:hidden; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .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 0.1em 0 0; }
  .subcr { padding: 0 0 0 0.1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em;
    top: -1000em;
  }
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }
}


@media screen, projection
{
  body {
    text-align: center;
    background: #d7e5f0 url("/img/bg_blue.jpg") repeat-x top left fixed;
    padding: 10px 0;
  }
 .page_margins {
    text-align:left;
    margin: 0 auto;
    width: 100%;
    /*background: transparent; */
  }
  #header, #nav, #main, #footer { overflow:hidden; width: 100%; text-align:left; }

  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #000;
    background: #fff;
  }
  #header .page {
    position:relative;
    /*padding: 45px 2em 1em 20px;*/
    padding: 8px;
    /* height: 70px; */
  }
  #header .hdlogofont {
    display:block;
    font: normal normal normal 20px/1.2em "Trebuchet MS", sans-serif;
    vertical-align: bottom;
    height: 1em;
    margin-top: 40px;
  }
  #topnav a { color: #333; font-weight: normal; background:transparent; text-decoration:none; }
  #nav {
    background: #ffffff url("/img/bluemenutop.jpg") repeat-x left 40%;
    border: 0px none;
  }
  #nav .page {
    position:relative;
  }
  #nav .top_nav {
    display: inline;
  }
  #nav .right_nav {
    display: inline;
  }
  #main { background: #fff;
    /* Der erste Wert fuer oben und unten,
     * der zweite Wert für die Abstände rechts und links */
    padding:0px 0px;
  }

  #footer {
    border:0;

    color: #333;
    background: #ffffff url("/img/bluemenutop.jpg") repeat-x left 50%;
    position:relative;
  }
#footer div.page {
padding: 5px 5px;
}
  #footer *:hover {
    color: #fff;
  }


}

#News {
  font-size       : 12px; /*76%;*/
  color           : #00599e;
  font-style      : normal;
  text-indent     : 0pt;
  letter-spacing  : 0;
  margin-left     : 8px;
  margin-top      : 8px;
  margin-right    : 8px;
  margin-bottom   : 8px;
}
#News a.newslink {
  color           : #0033CC;
  background-color: transparent;
}

#News h1, #News h1.newshead {
  color               : #0c3759;
  font-style          : normal;
  font-weight         : bold;
  font-size           : 1.1em;
  text-indent         : 0pt;
  letter-spacing      : 0;
  margin-bottom       : 0;
}

#News p.newsauthor {
  color               : #03442d;
  font-style          : italic;
  font-weight         : bold;
  text-indent         : 0pt;
  letter-spacing      : 0;
}

#News p, #News .newsbody {
  color           : #05497d;
  font-style      : normal;
  text-indent     : 0pt;
  letter-spacing  : 0;
  margin-top: 0;
}
#News a[target="_blank"] {
  text-decoration : underline;
}

@media all
{
  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position:relative;
    border: 0px none;
    background: #ffffff url("/img/bluemenutop.jpg") repeat-x left 40%;
    line-height: 0;
  }

  .hlist ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px; margin-right: 20px;
    padding: 0;
    border: 0;
  }

  .hlist ul li {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em; /*line-height: 1.2em;*/
    list-style-type: none;
    border: 0px none;
    margin: 0;
    padding: 0;
  }

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent;
    display: block;
    font-size: 1em;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
    color: #000;
    font-weight: bold;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  {
    color: #222;
    text-decoration: none;
    background: #ffffff url("/img/bluemenutop.jpg") repeat-x right bottom;

  }


  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active {
    color: #000;
    text-decoration: none;
    background: #ffffff url("/img/bluemenutopactiv.jpg") repeat-x right 30%;
  }

  .hlist ul li.current strong,
  .hlist ul li.current a:focus,
  .hlist ul li.current a:hover,
  .hlist ul li.current a:active {
    color: #000;
    text-decoration: none;
    background: #ffffff url("/img/bluemenutopactiv.jpg") repeat-x right 30%;
  }

  /* Normaler sichtbarer Menupunkt */
  .hlist ul li.visible {
  /* use default */
  }
  .hlist ul li.hidden {
    visibility: hidden;
    display: none;
  }
  .hlist ul li.unavail {
    color: #0f0f0f;
  }
  .hlist ul li.current,
  .hlist ul li.active {
    background: #ffffff url("/img/bluemenutopactiv.jpg") repeat-x right 30%;
    border: 0;
  }
  .hlist ul li.current a,
  .hlist ul li.active a {
    color: #fff;
  }

}


@media all
{
/*padding-[top|right|bottom|left] */
  /* title */
  h6.vlist {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 100%;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #444;
    background-color: #fff;
    border-top: 2px #ddd solid;
    border-bottom: 4px #888 solid;
}

  .vlist {
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    padding: 0;
    list-style-type: none;
    border-top: 2px #ddd solid;
    border-bottom: 2px #ddd solid;
}

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
}

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
}

  .vlist a,
  .vlist span {
    display:block;
    padding: 3px 0px 3px 0px;
    text-decoration: none;
    border-bottom: 1px #ddd solid;
}

  .vlist a,
  .vlist a:visited {
    color: #444;
}

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
}

  /* active list element */
  .vlist a.current,
  .vlist a.active {
    color: #fff;
    font-weight: bold;
    background: #666 url("/img/bluemenutop.jpg") repeat-x right top;
}
  /* Level 1 */
  .vlist li a,
  .vlist li span { width: 100%; padding-left: 10px; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { 
    color: #fff;
    text-decoration: none;
    background: #666 url("/img/bluemenutop.jpg") repeat-x right top;
}

  /* 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.visible a.visible 
{ background-color:#fff; color: #000;  font-weight: normal}
  .vlist li ul li a.current,
  .vlist li ul li a.active,
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color:#a88; color: #fff;text-decoration: none;  
    background: #666 url("/img/bluemenutop.jpg") repeat-x right 30%;
}

  /* Level 3 */
  .vlist li ul li ul li a
{ width: 70%; padding-left: 30%; } /* LTR */

  .vlist li ul li ul li a.visible,
{ background-color: #fff; color: #000; }
  .vlist li ul li ul li a.current,
  .vlist li ul li ul li a.active,
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active { background-color:#a88; color: #fff; text-decoration: none; 
  background: #666 url("/img/bluemenutop.jpg") repeat-x right 50%;
}

}


@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,  "Andale Mono", "Lucida Console", "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: normal normal normal 86%/1.1em Avantgarde, "DejaVu Sans","Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #000;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font: normal normal bold 1.0em/1.0em Avantgarde, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0 0 0.5em 0;
  }

  h1 { font-size: 230%; }                       /* 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 li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

  ul.morelinks > li { list-style-image: url(/img/icon-more.gif); }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  /* --- 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; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  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; }

  a:focus,
  a:hover,
  a:active { color:#182E7A; text-decoration:underline; }

  /* --- 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: #f60; }
  .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.content { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
  table.content caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  table.content th, table.content td { padding: 0.5em; }
  table.content thead th { color: #000; border-bottom: 2px #800 solid; }
  table.content tbody th { background: #e0e0e0; color: #333; }
  table.content tbody th[scope="row"],
  table.content tbody th.sub { background: #f0f0f0; }

  table.content tbody th { border-bottom: 1px solid #fff; text-align: left; }
  table.content tbody td { border-bottom: 1px solid #eee; }

  table.content tbody tr:hover th[scope="row"],
  table.content tbody tr:hover tbody th.sub { background: #f0e8e8; }
  table.content tbody tr:hover td { background: #fff8f8; }

  /**
  * -------------------------------------
  * mareb
  */

  td.unsichtbar, col.unsichtbar, th.unsichtbar {
  display:none;
  visibility:hidden;
  width:0;
  }
  .errmsg, .errormsg {
    color           : red;
    font-weight     : bold;
    margin-left     : 4px;
    margin-right    : 4px;
  }

  code {
      font-family         : courier, monospace;
      color               : #003366;
      border              : solid;
      border-width        : thin;
      border-color        : darkgrey;
      background-color    : #F0F0F0;
  }

  div.contentbox, p.contentbox {
    font-size: 112%;
  }
  #fullcontentpage
  {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
  }
  p.bild {
    padding: 0;
    margin-bottom: 4px;
  }
  p.bildunterschrift {
    display: block;
    overflow:hidden;
    font-size: 86%;
    font-style: italic;
    color: #333;
    margin-top: 2px;
    margin-bottom: 4px;
    text-align:left;
  }
  p.bildautor {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 68%;
    color: #999;
  }
  p.miniabsatz {
    margin: 0;
  }
  p.titel {
    font-weight: bold;
    font-size: 120%;
  }
  p.stdauthor {
    font-style          : italic;
    font-weight         : bold;
  }
  .prcbox10 { /* padding right for content box */ padding-right: 10px; }

  p.blindabsatz { /* wg. TinyMCE */
    margin: 0;
    padding: 0;
    line-height:0;
  }
  #col3_content img[border="2"] {
    border-color: #000;
  }


#form_loginpage {
  /*background : transparent;
  color   : #0C0C0C;*/
  width : 320px;
  /*margin: 2.0em auto;*/
  text-align:left;
}

#form_login { /* Kleines Formular links */
  background : transparent;
  color   : #0C0C0C;
  width : 100%;
  /*margin: 2.0em auto;*/
  text-align:left;
}


}


@media all
{
  form.yform input,
  form.yform textarea,
  form.yform select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    /*border: 1px solid #ddd;*/
    border: 1px inset #A4BBD8;
    color           : #000000;
    background-color: #ecf2f2;
  }
  form.yform div input:focus,
  form.yform div select:focus,
  form.yform div textarea:focus,
  form.yform div input:hover,
  form.yform div select:hover,
  form.yform div textarea:hover,
  form.yform div input:active,
  form.yform div select:active,
  form.yform div textarea:active {
    border: 1px #a66 solid;
    background-color: #FEFEFE;
    color           : #000000;
  }
  /* yform Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input,
  form.yform .type-button input.btn,
  form.yform .type-button input#reset,
  form.yform .type-button input#submit {
      border-width    :2px;
      border-style    :outset;
      background: buttonface;
      cursor          : pointer;
      color           : buttontext;
      font-weight     : bold;
      text-align      : center;
      margin-top      : 4px;
      margin-bottom   : 4px;
      padding: 0.3em 1.2em;
      font-family: Arial, Helvetica, sans-serif;
  }

  form.yform div.type-button input:focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button input:active {
  border-style    :inset;
  }

  form.yform div.type-button input#reset:focus,
  form.yform div.type-button input#reset:hover,
  form.yform div.type-button input#reset:active {
  background: red;
  }

  form.yform div.type-button input#submit:focus,
  form.yform div.type-button input#submit:hover,
  form.yform div.type-button input#submit:active {
  background: #CCFF99;
  }
  form.yform div.type-button input.btnsave:hover,
  form.yform div.type-button input.btnsubmit:hover,
  form.yform div.type-button input:focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button input:active {
  background: #CCFF99;
  color: #000;
  }
  form.yform div.type-button input.btnabort:hover,
  form.yform div.type-button input.btnback:hover {
  background: #66FFFF;
  color: #000;
  }
  form.yform div.type-button input.btndelete:hover{
  background: #FF0033;
  color: #000;
  }
  form.yform div.type-button input.btnadd:hover{
  background: #FFFF00;
  color: #000;
  }
  form.yform legend {
  background-color: #f0f0f0;
  display: block;
  }
  /* ------------- Ende yform ------------- */
  form.yform div.help { color: #333; font-style: italic; }
  .columnar div.help { margin-left: 30%; }

  div.form_container {
  }
  div.form_container p {
    line-height: 1.2em;
    font-size: 100.1%;
  }
  form.xform {
    background: #f4f4f4;
    border: 1px #ddd solid;
    margin: 0 0 1em 0;
    padding: 10px;
  }

  form.xform fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
  }

  form.xform legend {
  font-size: 125%; font-weight: normal; color: #000;
  }

  form.xform label {
    color: #666;
  }

  form.xform input,
  form.xform textarea,
  form.xform select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    /*border: 1px solid #ddd;*/
    border: 1px inset #A4BBD8;
    color           : #000000;
    background-color: #ecf2f2;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form.xform input:focus,
  form.xform select:focus,
  form.xform textarea:focus,
  form.xform input:hover,
  form.xform select:hover,
  form.xform textarea:hover,
  form.xform input:active,
  form.xform select:active,
  form.xform textarea:active {
    border: 1px #a66 solid;
    background-color: #FEFEFE;
    color           : #000000;
  }

  /* dreispaltige Tabelle mit | Label | Feld | Hilfe + Error | */
  form.xform   table { width: 100%; border-collapse:collapse; margin-bottom: 0.5em; }
  form.xform   table th,
  form.xform   table td { padding: 0.5em; }
  form.xform   table thead > th { background: #444; color: #fff }
  form.xform   table tbody > th { background: #ccc; color: #333 }

  form.xform  table tr td  { vertical-align: top; color: #000 }
  form.xform  table tr td + td { color: #003300; vertical-align: top; font-weight: normal; }
  form.xform  table tr td[colspan] + td,
  form.xform  table tr td + td + td { font-style: italic; color: #666;vertical-align: top; font-weight: normal;}
  form.xform  table tr td[colspan],
  form.xform  table tr td > label,
  form.xform  table tr td + td > label  { font-weight: bold; color: #000; }
  form.xform  table tr td > p.secinfo { font-size: 86%; color: #FF3333; font-style: oblique; }
  form.xform  table tr td + td > select { width: 328px; }
  /*form.xform  table tr td + td > select > option { background-color:#99CCCC; }
  form.xform  table tr td + td > select > option:hover { background-color:#FFFFFF; }*/
  form.xform  table tr td + td > input { width: 318px; }
  form.xform  table tr td + td > input[type=checkbox] { width: auto; margin-left:0; }
  form.xform  table tr td + td > textarea { width: 318px; height: 108px; }
  form.xform  table   tr.cardline1 {
      background-color: #FFFFCC;
  }
  form.xform  table  tr.cardline2 {
    background-color: #FFFFEE;
  }
  form.xform  table  tr.cardline2:hover,
  form.xform  table  tr.cardline1:hover {
    /*background-color: #CCFFCC;
    color: #000000;*/
  }
  form.xform input[readonly=readonly]  {
    background-color: #CCFFCC;
    color           : #000000;
  }
  form.xform input.rdfld,
  form.xform input.rdo {
    background-color: #CCFFCC;
    color           : #000000;
  }
  form.xform input[type=image] {
    border: 0 none;
    background-color: inherit;
  }

  form.xform input.zahl {
    text-align:right;
  }
  form.xform input.geld,
  form.xform input.proz {
    text-align:right;
  }
  form.xform input.uhrzeit,
  form.xform input.datum {
    width: 5em;
  }
  form.xform input.bankkto {
    width: 100%;  /* sonst: 14.0em;*/
  }
  form.xform input[type=submit],
  form.xform input.btnsubmit,
  form.xform input.btn,
  form.xform input[type=button] {
      border-width    :2px;
      border-style    :outset;
      background-color: buttonface;
      cursor          : pointer;
      color           : buttontext;
      font-weight     : bold;
      text-align      : center;
      margin-top      : 4px;
      margin-bottom   : 4px;
      padding: 0.3em 1.2em;
      font-family: Arial, Helvetica, sans-serif;
    }
  form.xform input[type=submit]:hover,
  form.xform input[type=button]:hover {
      /*color           : #FF3333;*/
      border-style    :inset;
  }
  form.xform input[type=checkbox], input.cbx {
        margin-right    : 1em;
  }
  form.xform input[type=radio], input.rbx {
      margin-right    : 1em;
  }
  form.xform .btnabort:hover {
    background-color: #66FFFF;
  }
  form.xform .btndelete:hover {
    background-color: #FF0033;
    color: #000;
  }
  form.xform .btnsave:hover {
    background-color: #CCFF99;
  }
  form.xform .btnsubmit:hover {
    background-color: #CCFF99;
  }
  form.xform .btnadd:hover {
  background-color: #FFFF00;
  }
  form.xform .btnback:hover {
    background-color: #66FFFF;
  }

  form.xform input.fcc {
    width: 320px;
    text-align:left;
  }
  form.xform input[type=hidden] { display: none !important; }
  form.xform select {
    padding: 0.3em 2px 0.3em 1px;
  }
  form.xform input, form.xform textarea {
    padding: 0.3em 0.3em;
  }

  /* ------------------ Mini-Formulare --------------------- */
  form.yminiform {
    font-size: 86%;
  }
  form.yminiform div.type-text label,
  form.yminiform div.type-select label,
  form.yminiform div.type-button label {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  form.yminiform div.type-text input,
  form.yminiform div.type-text textarea {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 96.5%;
  }
  form.yminiform  div.type-select select {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
  }
  form.yminiform .type-button input[type=submit] {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
  }
  /* Anpassung fuer IE */
  * html form.yminiform div.type-text input,
  * html form.yminiform div.type-text textarea { width: 97.9%; }
  * html form.yminiform div.type-select select { width: 99.3%; }

}

/*url(../yaml/add-ons/microformats/microformats.css);*/
/* hCards + hCalendars */
.vcard,
.vevent {
  border: 2px solid #e0e7b8 !important;
  padding: 30px 5px 5px 5px !important;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 5px 0 !important;
    /* small IE-Fix for background images */
  zoom:1;
}

span.vcard,
span.vevent {
  padding: 2px 1px 2px 70px !important;
  margin: 0 2px 0 !important;
}


.vcard { background:#f8f8ec url(/img/icons/hcard.png) 5px 5px no-repeat  !important; }
.vcard a { padding-left: 11px; background:url(/img/icons/external_link.gif) top left no-repeat; color: #679A06; }
.vcard .adr { display: block; margin: 0.5em 0; }
.vcard .email { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }

.vevent { background:#f8f8ec url(/img/icons/hcalendar.png) 5px 5px no-repeat  !important; }
.vevent a { padding-left: 11px; background:url(/img/icons/external_link.gif) top left no-repeat; color: #679A06; }
.vevent p { margin-bottom:0.5em; }

.vevent .description { display: block; margin-top: 1em; }
.vevent .location {  display: block;  color: #679A06; }
.vevent .summary { display: block; color: #679A06; font-weight: bold; }

/* XFN relationship */

a.xfnRelationship {
  padding-right: 26px; background: url(/img/icons/xfn/xfn-small.png) no-repeat right;
}

a.xfnRelationship[rel~="colleague"],
a.xfnRelationship[rel~="co-worker"]
{
  padding-right: 21px;
  background: url(/img/icons/xfn/xfn-colleague.png) no-repeat right;
}

a.xfnRelationship[rel~="met"]
{
  padding-right: 32px;
  background: url(/img/icons/icon-xfn.png) no-repeat right;
}


a.xfnRelationship[rel~="colleague"][rel~="met"],
a.xfnRelationship[rel~="co-worker"][rel~="met"]
{
  padding-right: 26px;
  background: url(/img/icons/xfn/xfn-colleague-met.png) no-repeat right;
}

a.xfnRelationship[rel~="friend"]
{
  padding-right: 21px;
  background: url(/img/icons/xfn/xfn-friend.png) no-repeat right;
}

a.xfnRelationship[rel~="friend"][rel~="met"]
{
  padding-right: 26px;
  background: url(/img/icons/xfn/xfn-friend-met.png) no-repeat right;
}

a.xfnRelationship[rel~="sweetheart"]
{
  padding-right: 21px;
  background: url(/img/icons/xfn/xfn-sweetheart.png) no-repeat right;
}

a.xfnRelationship[rel~="sweetheart"][rel~="met"]
{
  padding-right: 26px;
  background: url(/img/icons/xfn/xfn-sweetheart-met.png) no-repeat right;
}

a.xfnRelationship[rel~="child"]
{
  padding-right: 21px;
  background: url(/img/icons/xfn/xfn-child.png) no-repeat right;
}

a.xfnRelationship[rel~="parent"]
{
  padding-right: 21px;
  background: url(/img/icons/xfn/xfn-parent.png) no-repeat right;
}

a.xfnRelationship[rel~="spouse"]
{
  padding-right: 21px;
  background: url(/img/icons/xfn//xfn-spouse.png) no-repeat right;
}

a.xfnRelationship[rel~="me"]
{
  padding-right: 21px;
  background: url(/img/icons/xfn/xfn-me.png) no-repeat right;
}


/* rel-tag */

a[rel~="tag"]
{
  padding-right: 32px;
  background: url(/img/icons/icon-rel-tag.png) no-repeat right;
}


/* geo */

abbr[class~="geo"]
{
  padding-right: 32px;
  background: url(/img/icons/icon-geo.png) no-repeat right;
  border: none;
  cursor: default;
}


@media all
{
#topnav {
  z-index: 1000;
  background: transparent;
  position:absolute;
  right:20px;
  top: 8px;
}
  ul.morelinks > li { list-style-image: url(/img/icon-more.gif); }

div.fltrightimg {
   /*float: right; display:inline;*/
  padding: 0;
  margin: 0;
  text-align: right;
  right:0;
}
div.fltrightimg img {
  padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 1.2em;
}
div.fltrightimg img + br + img {
  padding-top: 0px;
}
div.authorcard {
  width: 340px;
  text-align:left;
  background: #FFFFEE;
  border: 2px solid #FFFF88 !important;
  padding: 5px 5px 5px 5px !important;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 5px 0 !important;
  font-size: x-small;
    /* small IE-Fix for background images */
  zoom:1;
}

div.authorcard a { color: #679A06; }
div.authorcard .email {
  display: block;
  padding-left: 18px;
  background:url(/img/internet-mail.png) top left no-repeat;
  color: #679A06;
  font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
div.authorcard img { display:block; border: 1px; padding: 4px; }

/* ----------------------------- Artikel ----------------------------- */
#artikelliste table,
#artikelliste tr,
#artikelliste td
{
  border-color: #888;
}
#artikeldetail
{
  background-color: #FFF;
}
div.artikellistdescr { /* Beschreibung in der Liste */
  padding-right: 8px;
}
div.preispaket { /* Preisangabe zum Artikel */
  width: 100%;
  text-align: right;
  font-weight: bold;
}
div.mwstversand { /* MwSt und Versandkosten notiz */
  font-size: 0.75em;
}
div.orderform {
  text-align: right;
}
div.orderbuttons {
  text-align: right;
}
div.orderform input.anzahl {
  width: 40px;
}

}

/*url(../core/print_base.css); */
@media print
{
  body { font-size: 10pt; }
  html { height: auto; margin-bottom: 0; }
  #topnav, #nav, #search { display: none; }
  body a[href^="http:"],
  body a[href^="https:"] {
    padding-left: 0;
    background-image: none;
  }
  .floatbox,
  .subcolumns,
  .subcolums_oldgecko { overflow:visible; display: table; }
  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,
  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
    width: 100%; margin:0; padding: 0; float:none !important; overflow:visible; display:table !important;
  }
  .subc, .subcl, .subcr  { margin: 0; padding: 0; }
  .print { position: static; left: 0; }
  .noprint { display:none !important; }
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }
  #col1_content:before, #col2_content:before, #col3_content:before {
    content: "";
    color:#888;
    background:inherit;
    display:block;
    font-weight:bold;
    font-size:1.5em;
  }
}

/*url(../yaml/print/print_003_draft.css);*/
@media print
{
  #col1 { display:none; }
  #col2 { display:none; }
  #col3, #col3_content { width: 100%; margin:0; padding: 0; border:0; }
    abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }
  a[href]:after {
    content:" <URL: "attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }
}