@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) CSS-Style by Luehrig-Mediendesign      ##
** ################################################################
**
**  Date     : 01.09.08
**  File     : myOwnStyles.css
**  Function : everything can be overwritten here - be careful
*/
@media all
{
/* Your styles here */
  body {
    background:#fefefe url("../img/Background.jpg") repeat-x top left; padding:10px 0;
    font-family: Arial, Verdana, Helvetica, sans-serif, 'Trebuchet MS';
    font-size:83%;
    color:#184479;  
  }

  h1,h2,h3,h4,h5,h6 {
    font-weight:bold;
    font-size: 110%; 
    color:#184479;
    margin:0 0 0.25em 0;
    border-bottom: 1px #011a5c solid; 
  }


  #page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border-top: 1px #fefefe solid; }
  #page{ background: #fff; border: none; }

/* Kopfgrafik */
  #header {height:80px; color:#011a5c; background:#fefefe url("../img/kopf_bg.gif") repeat-x;}

  #teaser {color:#011a5c; background:#fefefe; border-bottom: 1px #fefefe solid;}

  #nav_main ul li:focus,
  #nav_main ul li:hover,
  #nav_main ul li:active {
     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 {
    background: transparent url("../img/sliding_door/nav_rund/bwfd_left.gif") no-repeat top left;
    border-bottom: 1px solid #999;
  }

  #nav_main a,
  #nav_main strong {
    background: transparent url("../img/sliding_door/nav_rund/bwfd_right.gif") no-repeat top right;
    padding: 2px 11px 3px 5px;
    color: #011a5c;
  }

  #nav_main #current {
    background: white url("../img/sliding_door/nav_rund/bwfd_left_on.gif") no-repeat top left;
  }

  #nav_main #current a,
  #nav_main #current strong {
    background: transparent url("../img/sliding_door/nav_rund/bwfd_right_on.gif") no-repeat top right;
    color: #011a5c;
    font-weight: normal;
  }

   #nav_main {
    background:#fefefe url("../img/sliding_door/nav_rund/bwfd_bg.gif") repeat-x bottom;
    height:40px;
  }

  /* content defaults */
  .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:#fefefe; border-left:1px solid #e87c2c; border-right:1px solid #e87c2c; padding:0.5em 1em 0.5em 1em;}
  .rRline2 {background:#fefefe; border-left:2px solid #e87c2c; border-right:2px solid #e87c2c;}
  .rRline3 {background:#fefefe; border-left:1px solid #e87c2c; border-right:1px solid #e87c2c;}
  .rRline4 {background:#fefefe; border-left:1px solid #e87c2c; border-right:1px solid #e87c2c;}
  .rRline1 {margin:0 5px; background:#e87c2c;}

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

  /* Submenu Level 1 */

  #submenu li strong { background-color:#c0c0c0; color: #000; }
  
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#cc0000; color: #fff; font-weight: bold; }

  /* Submenu Level 2 */

  #submenu li ul li strong { background-color:#8dbfff; }

  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#e0e0e0; color: #011a5c; }

  /* Submenu Level 3 */

  #submenu li ul li ul li strong { background-color:#1c64ba; }

  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color:#e0e0e0; color: #011a5c; }

  /* Submenu Level 4 */

  #submenu li ul li ul li ul li strong { background-color:#1c64ba; }

  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#fefefe; color: #011a5c; }

  /* Column Colors */  

/*
  #col3 {
    margin: 0; padding:0;
    border-left: 210px #fff solid;
    background-color: #fff;
    border-right: 200px #fff solid;
  }
*/

/* Column Dividers */

  #col3 {

    border-left: 1px #000033 solid;

    border-right: 1px #fefefe solid;

  }

  /* Submenu title */

  #submenu li#title {
    color: #011a5c;
    background-color: #fefefe;
    border-bottom: 4px #000080 solid;
  }

  /* Submenu links */
  
  #submenu a,
  #submenu strong {
    background-color:#fefefe;
    color: #544;
    border-bottom: 1px #184479 solid;
  }

  /* footer */
  #footer {
    color:#333; 
    background:#fefefe;
    padding:15px;
    font-size: 79%;
    border-top: 1px #fefefe solid;
  }
  
  /**

   * External Links

   *

   * (en) Formatting of hyperlinks

   * (de) Gestaltung von Hyperlinks

   *

   */

  a {color:#bf0404; text-decoration:none;}

  a:hover {color:#444; text-decoration:none;}

  a:focus,
  a:active {color:#bf0404; text-decoration:underline;}

  

  #topnav a {color:#bf0404; font-weight:normal; background:transparent; text-decoration:none;}

  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active {color:#008; text-decoration:underline; background-color:transparent;}

  

  #footer a {color:#999; background:transparent; font-weight:bold;}

  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color:#4D87C7; background-color:transparent; text-decoration:underline;}

  /* Mailformular */
  .csc-mailform-field { text-align: right; }
  .csc-mailform-radio { text-align: left; }
  
  .tx_powermail_pi1_fieldwrap_html_captcha {width:240px; float:right;}
  .tx_powermail_pi1_fieldwrap_html_check {height: 14px; float:left; text-align:left;}
  .tx_powermail_pi1_fieldwrap_html {padding-top: 10px;}
  
  #rwa-kontakt {
    text-align:right;
  }
}