@charset "UTF-8";

/** 
  *Base Items
  *
**/
h1 {color: #ff5c00;}
h2 {color: #ff5c00; padding-top: 0.5em; padding-bottom: 1em;}
h3 {color: #ff5c00; padding-top: 0.5em;}
a  {color: #99f; text-decoration: underline;}
p {padding-bottom: 1em}
@media all
{
 /*------------------------------------------------------------------------------------------------------*/

  /* (en) Global reset of paddings and margins for all HTML elements */
  * { margin:0; padding: 0 }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  option { padding-left: 0.4em }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    font-size: 100.01%;
    font-family: Arial, sans-serif;

    /* (en) Standard values for colors and text alignment */
    color: #fff;
    background: #212121;
    text-align: left;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  fieldset, img { border: 0 solid; }
#frontpage {
    height: 785px;
    width: 666px;
    background: url("../images/frontpage.gif");
}
#pic {
    padding: 1em;
}
#float_left {
    padding: 1em;
    float: left;
}

#float_right {
    padding: 1em;
    float: right;
}

  /* (en) new standard values for lists, blockquote and cite */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout 
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative }
  #bbblogo { z-index: 100;}
  #topnav {
    position:absolute;
    top: 10px;
    right: 10px;

    /* (en) essential for correct alignment in Opera 6 ! */
    text-align: right;
  }

  /* (en) Backup for correct positioning */
  #header, #nav, #main, #footer { clear:both; }

  /* (en) Standard: 200 Pixel */
  #col1 { float: left; width: 200px; padding-right: 40px; }
  /* (en) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Adjustment: sort #col3 behind float columns using z-index */
  #col1 {z-index: 3}
  #col2 {z-index: 5}
  #col3 {z-index: 1}
  #col1_content {z-index: 4; }
  #col2_content {z-index: 6}
  #col3_content {z-index: 2; }

  #col1_content, #col2_content, #col3_content { position:relative }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching 
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 {margin-left: 0; margin-right: 0}
  .hidecol1 #col3 {margin-left: 0; margin-right: 200px}
  .hidecol2 #col3 {margin-left: 200px; margin-right: 0}

  .hideboth #col1, .hideboth #col2 {display:none}
  .hidecol1 #col1 {display:none}
  .hidecol2 #col2 {display:none}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  */

  /* (en) clearfix method for clearing floats */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* (en) essential for Safari browser !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  .floatbox { overflow:hidden }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display: none }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements 
  *
  * (en) skip links and hidden content
  */

  /* (en) classes for invisible elements in the base layout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}


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

  /* (en) Marginal areas & page background */
  body { background: #212121 url("../images/bg-1.gif") repeat-x top left fixed; padding: 0 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width: auto;  min-width: 740px; max-width: 1024px; background: #212121; }
  #page { padding: 0; }
  #header { padding: 0 0 1em 20px; color: #fff; background: #212121; }
  #topnav { color: #aaa; background: transparent; }
  #nav { overflow:hidden; }
  #nav_main { background: #212121; }
  #main { margin:20px 0; background: #212121; }

/* Teaser settings
*/
  #teaser { clear:both; padding: 0 ; margin: 0; background: #212121 url("../images/right_bg.gif"); min-width: 740px; max-width: 1024px;}
  #footer { padding: 15px; color:#666; background: #212121 url("../images/background2.gif") repeat-x center left; border-top: 5px #efefef solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   *
   */

  #col1 { float: left; width: 40%}
  /*#col2 { display:none}*/
  #col3 { width: 40%; margin: 0 0 0 50% }
  #col1_content { padding: 0 10px 0 20px }
  #col3_content { padding: 0 20px 0 10px }
	
  /*-------------------------------------------------------------------------*/
}

/* Layout independent adjustments  */
@import url('iehacks.css');

/* Layout-dependent adjustments | Layout-abhängige Anpassungen */
@media screen
{
 /**
  * Bugfix for IE 3-Pixel-Jog Bug
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */

  * html #col3 {height: 1%}
  * html #col1 {margin-right: -3px}
  * html #col3 {margin-left: 49%}

 /**
  * min-width/max-width workaround for IE
  *
  * @workaround
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      no
  */

  * html #page_margins {
    /* Fallback if JavaScript is disabled */
    width: auto;

    /* JS-Expression for min-/max-width simulation */
    width: expression((document.documentElement && document.documentElement.clientHeight) ? ( document.documentElement.clientWidth < 740) ? "740px" : (( document.documentElement.clientWidth > (90 * parseInt(document.documentElement.currentStyle.fontSize))) ? "90em" : "auto" ) : ( document.body.clientWidth < 740) ? "740px" : (( document.body.clientWidth > (90 * parseInt(document.documentElement.currentStyle.fontSize))) ? "90em" : "auto" ) );
  }
}

/**
 * Navigation
 *
 */
@media all
{
  #nav_main {
    /* (en) containing floats in IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    float: left;
    display: inline;
    /* (en) Repeat the main color from the image */
    background: #212121 url("../images/menu_bg.gif") repeat-x center right;
    border-top: 1px #212121 groove;
    border-bottom: 1px #212121 groove;
    line-height: 0;
  }

  #nav_main ul {
    border-left: 1px #000 groove;
    border-right: 1px #000 groove;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin-left: 50px;
    padding: 0;
  }

  #nav_main ul li {
    background: #212121 url("../images/menu.gif") center right;
    border-left: 1px #212121 groove;
    border-right: 1px #212121 groove;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #nav_main ul li a,
  #nav_main ul li strong {
    background: transparent;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.8em 1.5em 0.8em 1.5em;
    text-decoration: none;
    width: auto;
  }

  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {
    background: #212121 url("../images/menu_active.gif") center right;
    color: #ff5c00;
    text-decoration: none;
  }

  #nav_main ul li#current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #212121 url("../images/menu_active.gif") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  #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: transparent;
    color: #ff5c00;
    text-decoration: none;
  }

#nav_left {
    /* (en) containing floats in IE */
    width: 100%; 
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    float: left;
    display: inline;
    /* (en) Repeat the main color from the image */
    background: #212121 url("../images/menu_bg.gif") repeat-x center right;
    border-top: 1px #212121 groove;
    border-bottom: 1px #212121 groove;
    line-height: 0;
  }

  #nav_left ul {
    border-left: 1px #000 groove;
    border-right: 1px #000 groove;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    /*margin-left: 50px;*/
    padding: 0;
  }

  #nav_left ul li {
    background: #212121 url("../images/menu.gif") center right;
    border-left: 1px #212121 groove;
    border-right: 1px #212121 groove;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 0.8em;
    line-height: 2em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #nav_left ul li a,
  #nav_left ul li strong {
    background: transparent;
    color: #fff;
    display: inline;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.8em 1.5em 0.8em 1.5em;
    text-decoration: none;
    width: auto;
  }

  #nav_left ul li a:focus,
  #nav_left ul li a:hover,
  #nav_left ul li a:active  {
    background: #212121 url("../images/menu_active.gif") center right;
    color: #ff5c00;
    text-decoration: none;
  }

  #nav_left ul li#current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #212121 url("../images/menu_active.gif") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  #nav_left ul li#current strong,
  #nav_left ul li#current a,
  #nav_left ul li#current a:focus,
  #nav_left ul li#current a:hover,
  #nav_left ul li#current a:active {
    background: transparent;
    color: #ff5c00;
    text-decoration: none;
  }

 
}


/*------------------------------------------
 Slideshow from mootools
------------------------------------------*/
 div.slideshow {
  margin: 18px auto;
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}