@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */
  body {
    background:#ececec url("../img/bg_vzfk.gif") repeat-x top left fixed; padding:10px 0;
    font-family: Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
    font-size:83%;
    color:#333;  
  }

  #page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border: 0px #889 solid; }
  #page{ background: #fff; border: 2px #000080 solid; }

  #topnav a {color:#223;}
  #topnav a:hover {color:#008;}

  #header {height:100px; color:#223; background:#f9f9f9 url("../img/vzfk.jpg") repeat-x;}
  #header img.headImg1 {position:absolute; top:5px; left:10px; font-size:208%;}

  /* generic content */
  .note {background:#C0FFC0; padding:1em; border-bottom:1px #bdb dotted; border-bottom:1px #dbb dotted;}

  /* sliding doors */
  
  #nav_main {
    /* (en) This image is mainly transparent */
    /* (de) Dieses Bild ist gr��tenteils transparent */
    background:#000080;
  }

  #nav_main ul li:focus,
  #nav_main ul li:hover,
  #nav_main ul li:active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
     background-position: 0 -150px;
  }

  #nav_main li:focus a,
  #nav_main li:hover a,
  #nav_main li:active a { background-position: 100% -150px; }


  #nav_main li {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: transparent url("../img/sliding_door/left.gif") no-repeat top left;
  }

  #nav_main a,
  #nav_main strong {
    background: transparent url("../img/sliding_door/right.gif") no-repeat top right;
    color: #223;
  }

  #nav_main #current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: white url("../img/sliding_door/left_on.gif") no-repeat top left;
  }

  #nav_main #current a,
  #nav_main #current strong {
    /* (en) This image is mainly transparent */
    /* (de) Dieses Bild ist gr��tententeils transparent */
    background: transparent url("../img/sliding_door/right_on.gif") no-repeat top right;
    color: #223;
    font-weight: normal;

  }

   h1 {font-size:155%; border-bottom : 1px solid #dbb;}
  

   .note {background: #f7f7f7; padding:1em; border-bottom:2px #135713 dotted; border-bottom:1px #dbb dotted;}

   .important {background:#f7f7f7; padding:1em; border-bottom:2px #ddb dotted; border-bottom:1px #dbb dotted;}

   .warning {background:#f7f7f7; padding:1em; border-bottom:2px #dbb dotted; border-bottom:1px #dbb dotted;}


    p.code {font-family:"Courier New", Courier, monospace; font-size:0.9em; padding:1em; background:#f0f0f4; border:1px #ccd solid;}

    p.note {background: #f7f7f7; padding: 1em; border-bottom: 2px #135713 solid;}

    p.important {background: #f7f7f7; padding:1em; border-bottom:2px #ddb solid;}

    p.warning {background: #f7f7f7; padding:1em; border-bottom:2px #dbb solid;}

    /* p.info {background: #f7f7f7 url(../img/icons/ausrufez-blau.gif) 10px 10px no-repeat; padding:0.7em 1.5em 1.5em 4em;} */

    p.info {background-color: #f7f7f7; padding:1em; border-bottom:2px #700 solid; }

    p.question {background: #f7f7f7 url(../img/icons/fragez-blau.gif) 10px 10px no-repeat; color:#444; padding:0.7em 1.5em 1.5em 4em;}

    p.stop {background: #f7f7f7 url(../img/icons/stop.gif) 10px 10px no-repeat; padding:0.7em 1.5em 1.5em 4em; border:1px solid #a43f15;}

    p.citation {background: #fff url(../img/icons/sprechblase.gif) 10px 10px no-repeat; color:#187ba2; padding:0.7em 1.5em 1.5em 4em; border:1px solid #187ba2; font-style:italic;}

  /* rounded box green */

  .REboxGreenContent {display:block; background: transparent; border-left:1px solid #bdb; border-right:1px solid #bdb; padding:0.5em 1em 0.5em 1em;}
  .rGline2, .rGline3, .rGline4 {background: transparent; border-left:1px solid #bdb; border-right:1px solid #bdb;}

  /* Powermail */
  #kontaktformular {text-align:right;}
  #powermaildiv_uid9{margin-top:20px; float:right; width:310px;}
  #powermaildiv_uid11{margin-top:20px;}
  .powermail_submit {margin-top:20px;}
}