@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:#e6faff url("../img/floor.jpg") repeat top left fixed; padding:10px 0;
    font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
    font-size:83%;
    color:#333;  
  }

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

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

  #header {height:168px; color:#fff; background:#f50c0c url("../img/kopf_bg.jpg") repeat-x;}

  #teaser {background:#e3ffea; color:#666; border-bottom: 1px #f50c0c solid;}

  #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/nav_rund/awo_left.gif") no-repeat top left;
  }

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

  #nav_main #current {
    /* (en) Repeat the hover color from the image */
    /* (de) Wiederholung der Auswahlfarbe der Bilddatei */
    background: white url("../img/sliding_door/nav_rund/awo_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��tenteils transparent */
    background: transparent url("../img/sliding_door/nav_rund/awo_right_on.gif") no-repeat top right;
    color: #223;
  }

   #nav_main {
    /* (en) This image is not transparent */
    /* (de) Dieses Bild ist nicht transparent */
    background:#ff0d0d url("../img/sliding_door/nav_rund/awo_bg.gif") repeat-x bottom;
  }

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

  /* round box */
  
  .REboxGreenContent {display:block; background:#dfd; border-left:1px solid #bdb; border-right:1px solid #bdb; padding:0.5em 1em 0.5em 1em;}
  .rGline2, .rGline3, .rGline4 {background:#dfd; border-left:1px solid #bdb; border-right:1px solid #bdb;}
  .rGline1 {margin:0 5px; background:#bdb;}

  .REboxRedContent {display:block; background:#fdd; border-left:1px solid #f00; border-right:1px solid #f00; padding:0.5em 1em 0.5em 1em;}
  .rRline2, .rRline3, .rRline4 {background:#fdd; border-left:1px solid #f00; border-right:1px solid #f00;}
  .rRline1 {margin:0 5px; background:#f00;}

  .REboxBlueContent {display:block; background:#C8DDF3; border-left:1px solid #AABCCE; border-right:1px solid #AABCCE; padding:0.5em 1em 0.5em 1em; height:1%; overflow:hidden;}
  .rBline2, .rBline3, .rBline4 {background:#C8DDF3; border-left:1px solid #AABCCE; border-right:1px solid #AABCCE;}
  .rBline1 {margin:0 5px; background:#AABCCE;}

  /* Column Colors */  

  #col3 {

    margin: 0; padding:0;

    border-left: 210px #e3ffea solid;

    background-color: #fefefe;

    border-right: 200px #fefefe solid;

  }

  #submenu li#title {
    color: #544;
    background-color: #fff3f3;
    border-bottom: 4px #f50c0c solid;
  }

  
  #submenu a,
  #submenu strong {
    background-color:#f3e;
    color: #544;
    border-bottom: 1px #c00 solid;
  }

  
  #footer {
    color:#fff; 
    background:#cc0a0a;
    padding:15px;
    border-top:2px #f50c0c solid;
  } 
}