.runde-box {
width: 80%;
padding: 5px;
border: 0px double #c0b090;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #ffcc99;
color: #000;
}


.rundecken {

    background: #99ffcc; /* Fallback IE 6-8 */
    /* background: rgba(0, 128, 128, .6); */
    color: #dfffff;
    font-size: 22px;
    padding: 8px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 5px #222;
    -moz-box-shadow: 3px 3px 5px #222;
    box-shadow: 5px 5px 7px #111;
    /*text-shadow: 2px 2px 1px #444;*/
     opacity:0.8;
        
    
}

 
article {
    color: #0000FF;

  }




li nav {
    width: 100px;
    margin: 1em;
    padding: 1em;
    text-decoration:none;

  }


  ul    {
    list-style: none;
    margin: 0.1em;
     padding: 0.1em;
     border: none;
    text-decoration:none;
  }

ul li  {
    list-style: none;
    margin: 1em; padding: 0.2em;
    text-decoration:none;
  }



 nav a {
    display:block;
    padding: 0.2em;  
    text-decoration: none;
    font-weight: normal;
    text-align:center;
    border: none;
     font: arial;
    color: green;
    
  }


  * html ul nav a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    width: 8.8em;
  }


nav a:hover {
  
padding: 5px;
margin: 0;
border: 0px double #c0b090;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #B26666;
color: black;
text-decoration: none;

  }

  nav a:visited {
    width: 71%;
padding: 5px;
margin: 0;
border: 0px double #c0b090;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #99cc33;
color: #0000FF;
text-decoration: none;

  }