/** basemod-popup.css **/
@charset "UTF-8";

@media screen , projection { /**
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */
    body {
        overflow-y: scroll;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /**
   * (en) Formatting YAML's  basic layout elements
   */ /* (en) Marginal areas & page background */
    body {
        /* background: #4d87c7 url("images/bg_blue.png") repeat-x top left fixed; */
        background: none repeat scroll 0 0 #E0E0E0;
    }
    /* (en) Centering layout in old IE-versions */
    body {
        text-align: center;
    }
    /* (en) Layout:width, background, borders */
    .page_margins {
        text-align: left;
        margin: 15px auto;
        margin: 0px;
        padding: 0px;
        width: 500px;
        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 10px 10px 20px #888888;
    }
    .page {
        /*padding: 10px;*/
    }
    /* (en) Designing main layout elements */
    /* (de) Gestaltung der Hauptelemente des Layouts */
    #header {
        position: relative;
        clear: both;
        height: 0px;
        margin: 0px;
    }
    #topnav {
        background: transparent;
        /*margin-left: 20px;*/
        /*margin: -20px 0px 0px 185px;*/
        position: absolute;
        left: 840px;
        top: 0px;
        z-index: 100;
    }
    /* (en) adjustment of main navigation */

    #nav {
        clear: both;
        width: auto;
        height: 24px;
        background-color: #808080;
        position: relative;
        top: 0px;
    }
    #main {
        /*padding: 10px 0;*/
        clear: both;
        width: auto;
        /*background: url("images/main-background.gif") repeat-y scroll center top transparent;*/
    }
    #footer {
        clear: both;
        background-color: #808080;
        text-align: center;
        padding: 8px 8px 8px 8px;
        /*padding: 10px 20px;*/
        /*line-height: 1.5em;*/

    }
    /*------------------------------------------------------------------------------------------------------*/
    /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */
    #col1 {
        /* width: 25%; */
        /*width: 200px;   */
        /*width: 0px;   */
        display: none;
    }
    #col1_content {
        /*padding: 10px 10px 10px 20px;*/
    }
    #col2 {
        /*width: 25%;*/
        /* width: 170px; */
        width: 0px;
        display: none;
    }
    #col2_content {
        padding: 10px 20px 10px 10px;
    }
    #col3 {
        /* margin: 0 25%; */
        margin: 0 0px 0px 0px;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        min-height: 560px;
        /*width: 500px;*/
    }
    #col3_content {
        padding: 5px 15px 30px 15px;
        border: 0px solid #ff0000;
        /*margin: 0px 8px 0px 8px;*/
    }
/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * (en) Styling of layout specific elements
  * (de) Gestaltung layoutabhУЄngiger Elemente
  */
    #header h1 {
        font-weight: bold;
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 65%;
    }
    #header span {

    }
    #topnav a {
        font-weight: normal;
        background: transparent;
        text-decoration: none;
    }
    #topnav a:focus,#topnav a:hover,#topnav a:active {
        text-decoration: underline;
        background-color: transparent;
    }
    #footer a {
        background: transparent;
    }
    #footer > div {
         font-size: 87.50%;
    }
    #footer a:focus, #footer a:hover, #footer a:active {
        background-color: transparent;
        text-decoration: underline;
    }
    /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
    #skiplinks a.skip:focus,#skiplinks a.skip:active {
        padding: 10px 0;
        text-decoration: none;
    }

    #col3 .hlist {
        font-size: 10px;
    }
}

/** styles-popup.css **/
#nav ul.navigation > li:first-child {
  width: 140px;
}
body {
    overflow-x: hidden;
}

#nav ul.navigation {
  list-style: none outside none;
  margin: 4px 0 0;
  position: absolute;
  right: 3px;
}

#nav ul.navigation li a {
  color: #fff;
}