@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  /* Fixed width for left column | Fixe Breite für Linke Spalte */
  #col1 { width: 140px; background-color:#241C1C; background-image:url(../../../../images/news.jpg); background-repeat:no-repeat; min-height:200px; padding-top:50px; }

  /* Hide right column | Rechte Spalte abschalten */
  #col2, #col2_content { display:none; }

  #col3 { margin-left: 140px; margin-right:0; background-color:#000; border-left:20px solid #000; }
  #col1_content form select {margin-bottom:1em; width:100%; margin-top:170px; }

  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body { color:#fff; }

  hr { color:#fff; background:transparent; left:0px; margin:0 0 0.5em 0 !important; padding:0; height:1px; border:0; border-top:2px #fff dotted; width:850px; }
  
  .newsbox { padding:6px 0; margin:5px 0; border-bottom: 1px dotted #fff; }
  .newsbox p { margin:1em 0; }  

  h2 {font-size:125%; text-align:left; color:#fff; margin:1em 0 0.5em 20px; }                     /* 16px */
  h3 {font-size:22px !important; color:#ee7518; border-bottom:none; padding-bottom:4px; margin-bottom:0px; height:31px !important;   }                        /* 18px */
  h4 {font-size:115%; text-align:center; color:#fff; margin:1em 0 0.5em 0; }                     /* 16px */
  h6 {font-size:28px !important; text-align:center; color:#fff; margin:0; }                     /* 16px */
  p { margin-left:0px; font-size:11px; }
  
  a.internal-link {color:#ee7518; text-decoration:none; font-weight:bold; background:transparent; }
  a.internal-link:focus,
  a.internal-link:hover,
  a.internal-link:active {color:#ee7518; text-decoration:underline;}

  a.internal-link-new-window { display:block; background:#FFF; width:250px; margin-left:-10px;  }
  a.internal-link-new-window img { background:#FFF; display:block; width:25px; height:80px; margin:0px 0px 7px 0px;   }
  a.internal-link-new-window img:hover  { background:#FFF; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; display:block;  }

  a.external-link-new-window { display:block; background:#FFF; width:250px; margin-left:-10px;  }
  a.external-link-new-window img { background:#FFF; display:block; width:250px; height:80px; margin:0px 0px 7px 0px;   }
  a.external-link-new-window img:hover  { background:#FFF; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; display:block; z-index:-5 !important;  }


/* ############################
** ######    News       #######
** ############################
*/


  a.externalLinkOrange { display:block; float:left; margin-left:0px;  }
  a.externalLinkOrange img {  display:block; float:left; margin:10px 0px 0px 0px !important;   }
  a.externalLinkOrange img:hover  { filter:alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; display:block;  }

  a.internalLinkOrange { display:block; float:left; margin-left:0px;  }
  a.internalLinkOrange img {  display:block; float:left; margin:10px 0px 0px 0px !important;   }
  a.internalLinkOrange img:hover  { filter:alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; display:block;  }


  div#searchform { width:100%; display:block; float:left; padding:10px 0; margin-bottom:10px; font-size:75%; text-align:left; background-color:#241C1C; -moz-border-radius: 20px; border-radius: 20px;  color:#FFF; height:217px; }
  div#searchform div.skill { width:110px; display:block; float:left; margin-right:2%;  }
  div#searchform div.scope { width:130px; display:block; float:left; margin-right:2%;margin-left:10px; }
  div#searchform div.usage { width:80px; display:block; float:left; margin-right:2%; }
  div#searchform div.location { width:80px; display:block; float:left; margin-right:2%; }
  div#searchform div.fixture { width:125px; display:block; float:left; }
  div#searchform h3 { margin:0 0 0 10px !important;   } 
  div#searchform p { margin:0 0 0 20px !important; font-size:11px;   } 
  div#searchform label.aktiv {color:#FFF; }
  div#searchform label.inaktiv { color:#999; }
  div#searchform div.searchform_submit { display:block; float:right; margin:40px 10px 0 0;  }

  div.orangebox { background-color:#ee7518; padding:10px 0; margin:20px 0 10px 0; height:220px; -moz-border-radius: 20px; border-radius: 20px; width:250px; display:block; float:left; position:relative; }
  div.orangebox p { margin:0.5em 10px; }
  div.orangebox p a b { display:block; text-align:center; float:left; background:#fff; padding:4px 0px; -moz-border-radius: 10px; border-radius: 10px; width:200px; height:20px; margin:10px 0 0 15px; }
  div.orangebox p img {  }
  div.orangebox p a.externalLinkOrange { display:block; float:left; margin-left:25px;  }
  div.orangebox h4 { margin:0 0 0.5em 0; font-size:110%;  } 
  
  div.new div.star-lo { position:absolute; top:-20px; left:0px;  }
  div.new h4 { margin:0 0 0.5em 75px; }

  div.greybox { background-color:#241C1C; padding:10px 0; margin:0 0 10px 0; -moz-border-radius: 20px; border-radius: 20px; width:100%; display:block; float:left; }
  div.greybox ul { display:block; float:left; width:250px; }
  div.greybox ul li { display:block; float:none; background: url(../../../../images/haken.png) no-repeat; padding:2px 0 0 30px; height:20px; margin:0 0 0.4em 1.5em !important;  }
  div.greybox ul li a { color:#FFF; font-weight:normal;  }
  div.greybox ul li a:hover { color:#ee7518;  }
  div.greybox h1 { margin:0 0 5px 20px;   } 
  div.greybox h3 { margin:0 0 5px 20px;   } 
  div.greybox p { width:auto !important; display:block; float:left; margin:0 0 5px 20px; } 
  div.tree  { height:175px; margin-top:25px; }
  div.tree p { position:relative; top:-78px; left:50px; margin:0; }
 
  div.whitebox { background-color:#FFF; padding:5px 0 14px 0; margin:0 0 3px 0; -moz-border-radius: 20px; border-radius: 20px; width:100%; display:block; float:left; }
  div.whitebox p a.externalLinkOrange { display:block; float:left; margin:0 0 5px 10px;  }
  div.whitebox iframe { margin-left:12px; }
  div.whitebox p { text-align:center; }
  div.whitebox p a { color:#3B5998; }
  
  iframe { background-color:#fff; }  

  div.news-latest-morelink { background:none !important; }
  div.newsbox a img { margin-left:-9px; }

}