/*
    ------------------------------------------------------------------
      LAYOUT STYLESHEET
      Erik, Juli 2011
    ------------------------------------------------------------------
  */

  body {
    background:#283848 url(../bilder/header_dot.gif);
  }

  #header {
    padding:12px 10px;
    background:#283848 url(../bilder/header_dot.gif);
  }

  h1#logo {
    color:#ccc;
    font-size:24px;
    text-shadow: 0 1px 0 #000;
    font-style:italic;
  }

  h1#logo a {
    background:#283848;
  }

  h1#logo i {
    font-weight:normal;
    color:#fff;
  }

  h1#logo sup {
    position:absolute;
    font-size:70%;
    margin-top:-5px;
  }

  #metanav {
    position:absolute;
    top:8px;
    right:10px;
  }

  #metanav .button {
    float:left;
    margin-left:5px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
  }

  #footer {
    padding:10px;
    color:#EBF0F4;
  }

  #footer .button {
    float:right;
    margin-left:5px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
  }

  #nav {
    background:#bbb url(../bilder/nav.png) top left repeat-x;
    border-bottom:1px solid #A6A6B8;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  }

  #nav dl {
    float:left;
    margin-right:-1px;
    font-size:14px;
  }

  #nav dd {
    position:absolute;
    display:none;
    z-index:5;
    font-size:12px;
    border-bottom:1px solid #A6A6B8;
  }

  #nav a {
    display:block;
    background:#bbb url(../bilder/nav.png) top left repeat-x;
    border-left:1px solid #A6A6B8;
    border-right:1px solid #A6A6B8;
    padding:12px 25px;
    text-transform:uppercase;
    text-decoration:none;
    color:#222;
    font-weight:bold;
    text-shadow: #fff 0px 1px 0;
  }

  #nav dd a {
    display:block;
    border:1px solid #A6A6B8;
    border-bottom:0;
    padding:10px 15px;
    background:#ccc url(../bilder/nav.png) top left repeat-x;
  }

  #nav dl dd a:hover {
    background:#ddd url(../bilder/nav.png) top left repeat-x;
    color:#222;
  }

  #nav dl dt.aktiv a,
  #nav dl:hover dt a,
  #nav dl:hover dt a:hover,
  #nav dl dt a:hover {
    background:#ccc url(../bilder/nav.png) top left repeat-x;
    color:#222;
  }


  #nav dl:hover dd {
    display:block;
  }

  #content {
    background:#FFFFE7;
    padding:10px 10px 5px 10px;
    /*-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    */
  }