body { font-family: Helvetica, Verdana , Arial, 'Trebuchet MS', sans-serif; color: #ccc; background: none; background-color: #000;}

#header { clear: both; height: 250px; padding: 0 20px 0 0; text-align: right; font-family: helvetica; font-size: 12px; color: #999;}
#header img {margin: 20px 0 5px 0;}
#page_margins { width: 940px; background: #000; }

#nav_main { border: none; margin: 0 0 35px 0; padding: 0; }
#nav_main ul { margin: 0 0 0 430px; border-right: none; border-left: 1px solid #fff;}
#main { background: #000; }

#footer { color:#666; background: none; border-top: 5px #222 solid; }

#topnav a { color: #333; }

#col3 { padding-top: 2em;}

h1,h2,h3,h4,h5,h6 { color: #fff301; padding: 0 0 0.9em 0;}

  /**
   * 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 { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font-size: 11px; line-height: 1em; }
  table.imgtext-table { width: auto; }
  .imgtext-table { border: none; }
  .imgtext-table td { border: none; padding: 0px; }
  .tx-a1teasermenu-pi1  { border: none; }
  .tx-a1teasermenu-pi1 tr { border: none; }
  .tx-a1teasermenu-pi1 td { border: none; }
 
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 2px; margin: 0px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; }
  thead th { background: #444; color: #fff; }
  tbody th { background: #ccc; color: #333; }
  tbody th.sub { background: #ddd; color: #333; }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a { color: #fff301; text-decoration:none; }
  a:focus,
  a:hover,
  a:active { background-color: #000; text-decoration:underline; }
  
  
  #nav_main {
    /* (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) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: none;
    background: #000 url('/fileadmin/users/126/images/logo-jogrei.gif') no-repeat top left;
    border-top: none;
    border-bottom: none;
    line-height: 0;
    height: 65px;
  }
  
  #nav_main ul li {
    border-left: none;
    border-right: 1px solid #fff;
    height: 48px;
    width: 80px;
    
  }
  
  #nav_main ul li a,
  #nav_main ul li strong  
  {
    padding: 31px 1em 5px 0.5em;
    color: #000;
  }
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background: none; color: #fff301; text-decoration: none; }
  
  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active { 
  background: none;
  color: #fff301;
  text-decoration: none;
  border: none;

  }
  
  #nav_main ul li#current {
    background: none;
    border-left: none;
    border-right: 1px solid #fff;
    }
  
  #submenu {
    width: 250px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: none;
    border-bottom: none;
  }
  
  
  
    /* Menu Title */
  #submenu li#title { color: #fff301; background-color: #eee; }
  
  #submenu li a { background-color:#8f8f8f; color: #000; border-bottom: 1px solid #000;}
  #submenu li a:hover,
  #submenu li a:active { background-color:#6f6f6f; color: #fff301; }
  
  #submenu li ul li a { background-color:#f9f9f9; color: #000; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#fff301; color: #000; }
    
    #submenu li#current {
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #fff301;
    background-color: #2f2f2f;
    border-bottom: 1px solid #000;
  }


/***************************
*  Default styles for the
*        EXT rgtabs
* by Ringer Georg (just2b)
***************************/  

/* wraps the hole tab */
.rgtabs-wrapper {
  padding:1.5em 0em;
  border-top: 1px solid #ccc;
  /*background:#fff url(topbg.gif) repeat-x;*/
  overflow:hidden;
  clear:both;
}

/* add a loading icon */
.rgtabs-wrapper .rgtabs-ajax-loading {
  padding: 100px 0;
  background:	url(spinner2.gif) no-repeat center;
}

/* Tab-Menu ul */
.rgtabs-menu  {
  margin: 0;
  padding: 0 0 0 6px;
  height: 26px;
  width: auto;
  background: url(tab-bkg.gif) bottom left repeat-x;
  list-style:none;
}

/* Tab-Menu li */
.rgtabs-menu  li, #left .rgtabs-menu  li {
  list-style-type: none;
  list-style:none;
  background: url(tab-on-l.gif) top left no-repeat;
  float: left;
  margin: 0 5px 0 0 !important;
  padding: 0 0 0 14px !important;
  cursor: pointer;
}	

/* Tab-Menu li.a */
.rgtabs-menu  li a, #left .rgtabs-menu  li a {
  background: url(tab-on-r.gif) top right no-repeat;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  color: #ccc;
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 12px 0 0;
  text-decoration: none;
  outline:0;
}

/* Selected Tab */
#left .rgtabs-menu  li.rgtabs-selected, .rgtabs-menu  li.rgtabs-selected {
    background: url(tab-off-l.gif) top left no-repeat;
}	

#left .rgtabs-menu  li.rgtabs-selected a, .rgtabs-menu  li.rgtabs-selected a {
  background: url(tab-off-r.gif) top right no-repeat;
  color: #fff301;
}