/* Verhalten des Body-Bereichs */
html {height: 101%;}
body{
    font-size:12px;
    font-family:verdana,arial,helvetica,sans-serif;
    color:#000;
    background-color: #ccc;
    margin: 0px;
}
    /* Die ganze sichtbare Website */
    #website{
        width:800px;
        background-color: #fff;
        margin:10px auto;
        padding:7px;
        border:0px solid red;
    }
        /* Kopfbereich (Header) */
        #header{
        padding:10px;
        border:0px solid red;
        background-color:lightgray;
        margin-bottom:10px;
        }
        
        /* Navigation */
         #navigation{
         margin-left:0px;
         font-weight :inherit;
        }

            /* horizontal-Navi */
            .nav    {
            width:800px;
            padding:0;
            }

            
            .nav td {
            width:95px;
            text-align: top left;
            height: 30px;
            margin:0px;
            text-decoration: none;

            }

         
                /* Navigation Linkverhalten horizontal-Navi */
                .nav td a
                                                {
                                                display: block;
                                                color: #333;
                                                padding-bottom:2px;
                                                text-decoration: none;
                                                border-bottom: 5px solid #999;
                                                }
                .nav td a:hover
                                                {
                                                display: block;
                                                border-bottom: 5px solid #9f9 !important;
                                                background-color: #eee;
                                                }
                                                
                .nav td a:active,#active
                                                {
                                                display: block;
                                                border-bottom: 5px solid #f33 !important;
                                                }
                                                
                .nav td a:visited
                                                {
                                                display: block;
                                                border-bottom: 5px solid #999;
                                                }
                                                
               
                
        /* Der eigentliche Inhalt der Sites
        */
        #inhalt{
            margin-top:20px;
            margin-left:0px;
            padding:0px;
            line-height:133%;
            border:0px solid red;
            background: #fff url(../bilder/brillen.jpg)bottom right no-repeat;
        }
 
        
        #sidebar{
          display:block;
            float:right;
            width:180px
            margin-top:0px;
            border-left:1px solid #eee;
        }
        #sidebar a{
          color: #999;
          font-weight: bold;
        }

        
        /* Der Fußbereich (Footer)
        */
        #footer{
        margin-top:0px;
        border:0px solid red;
        }
        

/* Verhalten bei bestimmten Tags
*/
.links {
  float: left;
  width: 265px;
  background: #fffae0 url(../bilder/bg-aktion.jpg) top left repeat-x;
  border: 0px solid black;
  margin: 0 5px 5px 0;
}
.rechts {
  float: right;
  width: 265px;
  background: #fffae0 url(../bilder/bg-aktion.jpg) top left repeat-x;
  border: 0px solid black;
  margin: 0 5px 5px 0;
}

h1{margin-top:2px;
font-size:24px;}

p{
  font-size:12px;
  margin: 0 0 6px 0;
  padding:0 0 0 3px;
}
.klein{
    font-size:10px;
  padding:2px !important;
}
.gross{
    font-size:14px;
  padding:2px !important;
}
img.klein {
  margin: 3px;
  vertical-align: middle;
}