@media screen {
  /** set back background color */
   body {
      background: #efebe7;
      color: #000000;
      font-family: arial, helvetica, sans-serif;
   }

  /** set new dimensions and color for page_margins */
  .page_margins { 
     padding: 0 3px 3px 3px;
     min-width: 60em;
     max-width: 85em;
     min-height: 400px;
     border: 1px solid  #c90016;
     border-width: 1px 2px 2px 1px;
     background: #fff;
  }

   #main {
      min-height: 350px;
   }

  /** set header width and image settings */
   #header { 
      background: #fff;
      color: #000000;
      margin: 0;
      padding: 0;
   }

   #header .header_images {
      text-align:right;
      margin-bottom:10px;
   }

   #header .header_images .logo {
      float:left;
   }

   /** header Top-nav */
   #header .mod_customnav {
      background:#fff;
      text-align:right;
      margin-left: 100px;
   }

   #header .mod_customnav ul {
      backgroundy-color:#fff;
      display:block;
      padding-top:5px;
      margin: 0;
      border-top: 1px solid #000;
      list-style: none;
   }


   #header .mod_customnav li {
      background-color:#000;
      color:#fff;
      text-align:center;
      margin: 0;
      margin-left: -3px;
      display: inline;
      list-style: none;
   }

   #header .mod_customnav a:link,
   #header .mod_customnav a:visited,
   #header .mod_customnav span {
      background-color:#fff;
      color:#000;
      font-weight:bold;
      text-decoration:none;
      border-right:solid 1px #666;
      padding:5px 10px;
      margin: 0;
      line-height:1.5em;
   }

   #header .mod_customnav a:hover,
   #header .mod_customnav a:active,
   #header .mod_customnav a:focus {
      background-color:#000;
      color:#fff;
      font-weight:bold;
   }

   #header .mod_customnav span.active {
      background-color:#000;
      color:#fff;
   }

   /** header Breadcrumb */
   #header .mod_breadcrumb {
      background-color: #C90016;
      color: #fff;
      padding: 5px;
      text-align:left;
      border-bottom:4px solid #CCCCCC;
   }

   #header .mod_breadcrumb a,
   #header .mod_breadcrumb span {
      color: #fff;
   }

   /** Footer */
   #footer {
      background-color:#c90016;
      color:#fff;
      padding:5px;
      text-align:center;
      border-top:solid 4px #ccc;
   }

   #footer a {
      color: #fff;
      text-decoration: none;
   }

   #footer a:hover {
      color: #fff;
      background-color: #c90016;
   }

  /** set new width for #col1 */
  #col1 {
     width: 210px;
     margin: 0;
     padding: 0;
  }

   #col1_content {
      margin: 0;
      padding: 0;
   }

  #col3 { margin-left: 210px; }
  #col3_content { padding-right: 10px; }

   /** border for #col3 */
   #col3 {
      padding-left:20px;
   }

  /** make a new menu */
   #col1 .mod_navigation ul {
      margin:0 2px 20px 0;
      padding: 0;
      list-style: none;
   }

   #col1 .mod_navigation li {
      list-style: none;
      margin: 0 0 2px;
   }

  /** set basic menu styles */
   #col1 .mod_navigation a,
   #col1 .mod_navigation span {
      background-color:#efebe7;
      border:solid 1px #cccccc;
      color:#000;
      padding:3px 4px 3px 10px;
      display:block;
      text-decoration: none;
   }

   #col1 .mod_navigation a:hover,
   #col1 .mod_navigation a:active,
   #col1 .mod_navigation a:focus {
     background-color:#333 !important;
     color:#fff !important;
  }

   #col1 .mod_navigation .level_2 {
      background-color:#fff;
      border:solid 1px #c90016;
      border-bottom:solid 0 #c90016;
      border-left:solid 4px #c90016;
      border-top:0;
      margin:0;
   }

   #col1 .mod_navigation .level_2 li {
      border:solid 1px #fff;
      margin: 0;
   }
   
   #col1 .mod_navigation .level_2 a:hover,
   #col1 .mod_navigation .level_2 a:active,
   #col1 .mod_navigation .level_2 a:focus {
      background:#c90016;
      border-left:solid 4px #c90016;
      color:#fff;
   }

   #col1 .mod_navigation .level_3 {
      border:solid 0 #c90016;
      padding:10px 0 10px 5px;
   }

   #col1 .mod_navigation span.active,
   #col1 .mod_navigation a.trail {
      background-color:#c90016;
      color:#fff;
      border-left:solid 4px #c90016;
      border-bottom:solid 1px #c90016;
      padding:3px 4px 3px 6px;
   }

   #col1 .mod_navigation .level_2 span.active {
      background-color:#fff;
      border-left:solid 0 #c90016;
      color:#000;
      font-weight:bold;
      padding:3px 4px 3px 20px;
   }


   #col1 .mod_navigation .active .level_2 a:link,
   #col1 .mod_navigation .active .level_2 a:visited,
   #col1 .mod_navigation .trail .level_2 a:link,
   #col1 .mod_navigation .trail .level_2 a:visited {
      background-color:#fff;
      border-bottom:solid 1px #c90016;
      border-left:solid 0 #c90016;
      color:#000;
      padding:3px 4px 3px 20px;
   }

   /** News Archive Menu and Dictionary Menu */
   #col3 .mod_newsmenu, 
   #col3 .mod_glossaryMenu {
      background-color:#fff;
      text-align:right;
      border-top: solid 1px #000;
   }

   #col3 .mod_newsmenu ul,
   #col3 .mod_glossaryMenu ul {
      background-color:#fff;
      display:block;
      margin:-7px 0 -2px;
      padding:5px 0;
      list-style: none;
   }


   #col3 .mod_newsmenu li,
   #col3 .mod_glossaryMenu li {
      background-color:#000;
      color:#fff;
      text-align:center;
      margin: 0;
      margin-left: -3px;
      display: inline;
      list-style: none;
   }

   #col3 .mod_newsmenu a:link,
   #col3 .mod_newsmenu a:visited,
   #col3 .mod_newsmenu span,
   #col3 .mod_glossaryMenu a:link,
   #col3 .mod_glossaryMenu a:visited,
   #col3 .mod_glossaryMenu span {
      background-color:#fff;
      color:#000;
      font-weight:bold;
      text-decoration:none;
      border-right:solid 1px #666;
      padding:5px 10px;
      margin: 0;
      line-height:1.5em;
   }

   #col3 .mod_newsmenu a:hover,
   #col3 .mod_newsmenu a:active,
   #col3 .mod_newsmenu a:focus,
   #col3 .mod_glossaryMenu a:hover,
   #col3 .mod_glossaryMenu a:active,
   #col3 .mod_glossaryMenu a:focus {
      background-color:#000;
      color:#fff;
      font-weight:bold;
   }

   #col3 .mod_newsmenu span.active,
   #col3 .mod_glossaryMenu span.active {
      background-color:#000;
      color:#fff;
   }

  /** new link color settings */
   a,
   a:visited {
      color: #000;
      text-decoration: underline;
   }
 
   a:hover,
   a:active,
   a:focus,
   a:hover.title {
      background-color: #c90016;
      color: #fff;
   }


   /** Blocksatz in col3 */
   #col3 p,
   #col3 .ce_text {
      text-align:justify;
  }

   /** Table */
   thead th { background-color:#333;}
   tbody th { background-color: #efebe7; color: #333; }
   tbody td { background-color:#efebe7; }

   tbody tr:hover th[scope="row"],
   tbody tr:hover tbody th.sub,
   tbody tr:hover th {
      background-color: #efeb7;
   }
   tbody tr:hover td,
   tbody tr:hover td h2 {
      background-color: #333;
      color: #fff
   }

  /** some style element */
  .item {
     border: #ddd 2px dotted;
     padding: 5px;
     margin-bottom: 10px;
  }

  /** read more link */
  .more a {
     background: transparent url(jcek/pfeil.gif) no-repeat;
     color: #000;
     display:inline-block;
     font-weight:bold;
     padding:2px 2px 0 30px;
  }

   .more a:hover {
      background:  #000 url(jcek/pfeil.gif) no-repeat scroll 0 0;
      color: #ffffff;
      padding: 2px 2px 0 30px;
      text-decoration: none;
   }


  /** back link */
  .back a {
     background: transparent url(jcek/pfeil_rtl.gif) no-repeat;
     color: #000;
     display:inline-block;
     font-weight:bold;
     padding:2px 2px 0 30px;
  }

   .back a:hover {
      background:  #000 url(jcek/pfeil_rtl.gif) no-repeat;
      color: #ffffff;
      padding: 2px 2px 0 30px;
      text-decoration: none;
   }

  /** pagination */
  /*.pagination .first {
                       background-repeat: no-repeat;
                       padding-left: 10px;
                       background-image: url(jcek/arrow_start.png);
                       background-position: center left;
                       }
  .pagination .previous {
                          background-repeat: no-repeat;
                          padding-left: 20px;
                          background-image: url(jce k/arrow_back.png);
                          background-position: center left;
                          }
  .pagination .next { 
                      background-repeat: no-repeat;
                      padding-right: 20px;
                      background-image: url(jcek/arrow_forward.png);
                      background-position: center right;
                      }
  .pagination .last {
                      background-repeat: no-repeat;
                      padding-right: 10px;
                      background-image: url(jcek/arrow_end.png);
                      background-position: center right;
                      }*/

   /** News */
   #col3 .mod_newsarchive div.layout_latest {
      padding-right: 5px;
      margin-bottom: 10px;
   }

  /** info over news */
  .info,
   p.info { 
     color: #C00000;
     text-align: right !important;
     background-color: transparent;
  }

   #col3 .pagination {
      text-align: center;
      color:#000;
      font-weight:bold;
   }

   #col3 .pagination p {
      text-align:left;
      background-color:#eee;
      margin:10px 0;
      padding:5px;
   }

  .comment { 
     border: #ddd 2px dotted;
     padding: 5px;
     margin-bottom: 10px;
     min-height: 50px;
  }

  .inline-comment {
     background-color: #f8f8f8;
     color: #666666;
     padding: 5px;
  }

  /** padding for .image_container */
  .image_container {
     padding: 5px;
     background-color: #f8f8f8;
   }

   .comment .avatar {
      margin-right: 5px;
      margin-bottom: 5px;
   }

  .caption {
     font-style: italic;
     color: #666666;
     padding: 5px;
  }

   /** Advertisement */
   #col1 .advertisement {
      margin-top: 10px;
      font-size: 13pt;
      font-weight: bold;
      padding-top: 50px;
      padding-bottom: 50px;
   }

   #col3 .advertisement {
      margin-top: -10px;
      margin-bottom: 10px;
      padding: 20px;
      font-size: 15pt;
      font-weight: bold;
   }

   .advertisement {
      background-color:#efebe7;
      border: 1px solid  #c90016;
      border-width: 1px 2px 2px 1px;
      text-align: center;
      padding: 0px;
   }

   /** Tooltips */
   .tool-tip {
      float: left;
      background: #ffc;
      border: 1px solid #D4D5AA;
      padding: 5px;
      max-width: 200px;
      text-align:left;
   }

   .tool-title {
      padding: 0;
      margin: 0;
      font-size: 100%;
      font-weight: bold;
      margin-top: -15px;
      padding-top: 15px;
      padding-bottom: 5px;
      background: url(../../system/images/selector-arrow.png) no-repeat;
   }

   .tool-text {
      font-size: 100%;
      margin: 0;
   }

   .highlight {
      color: #C00000;
      font-weight: bold;
   }

   .ce_code {
      margin-bottom:10px;
   }
   
   .pdf_link {
      text-align:right;
   }

   /*.important, .note, .warning {
      clear:both;
    }*/
}

@media print {
  #col3 .back,
  #col3 .ce_comments,
  #col3 .pagination ul,
  .advertisement,
  .pdf_link,
  #header { display:none; }
  #col3 { margin-left:0px; border:0; }
}

@media all {
   span.dreh {
      direction:rtl;
      unicode-bidi: bidi-override;
      text-align: left
   } 
}