@charset "UTF-8";

@import url(../yaml/navigation/nav_shinybuttons.css);
@media all
{

  body{
   text-align: center;
   background: url(/images/body_bg_1.png) #434343 top left repeat-x fixed;    
  }

  #page{
   text-align: left;
    background: url(/images/waves4.png) #fff top right no-repeat;
    margin: 10px auto 10px auto;
    padding: 1px 0 10px 0px;
    border: 1px solid #9D9D84;
  }
  #userPanel{
    margin: 0 25px;
  }
  #header_wbb a, #userMenu a, #userPanel a,#userMenu{ 
    text-decoration: none;
  }
  #main{
    margin: 0 25px;
    padding: 5px 10px 20px 10px;
  }
  #header_wbb{
    margin-left: 20px;

  }
  #search{
    position: relative;
  }
  .searchContainer{
    float: right;
  }

  a {color: #4D87C7; text-decoration:none;}
  a:focus,
  a:hover {color:#182E7A; text-decoration:underline;}


  h1,h2,h3,h4,h5,h6 {
          font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
          font-weight: normal;
          color:#666;
          margin: 0 0 0.25em 0;
  }

  h1 { font-size: 200% }
  #header {
    color: #000;
    padding: 45px 2em 1em 20px;
    margin: 10px 10px 0 10px;
  }



  #header,#topnav,#nav,#navigation,#nav_main{ background:transparent; }

  #header{
    background: url(/images/Logo-neu.png)  bottom left no-repeat;
    background-position: 20px  10px;
    height: 30px;
  }
  
  #userMenu a{ text-decoration: none;  }
  
  #header h1 {
    display: none;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    margin-bottom: 8px;
    padding-bottom: 0px;
    color:#000;
  }

  #header span {
    display: none;
    color:#999;
  }
  #topnav span{
    display: inline;
  }




  #footer {
    color:#666;
    background: #333;
    padding: 15px;
    margin: 0px 30px;

  }

  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

  body { background-color: #4d87c7; padding: 10px 0; }

   #topnav {
    position:absolute;
    top: 10px;
    right: 10px;

    /* (en) essential for correct alignment in Opera 6 ! */
    /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    text-align: right;
  }
  #nav { clear:both; margin: 0 10px; }


  #topnav { color: #aaa; background: transparent; }
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}

  #nav ul { margin-left: 20px; }
  #nav_main {background-color: #336}
  #nav * { border: 0px none !important}
  #nav_main { background: #efefef }
  #nav_main ul { margin-left: 10px; }
  #nav_main ul li { display: inline; line-height: 1.2em}

  #nav_main ul li a,
  #nav_main ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em;}

  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {   background: url(/images/schatten_unten.png) #999 top right repeat-x; color: #fff }

  #nav_main ul li#current { background: transparent }

  #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 { color: #4D87C7; font-weight: bold }


}
