/*                                                                            *
 * CSS-Datei für den Webauftritt vom Ingenieurbüro für Nachtragswesen BARTHEL *
 *                                                                            *
 * Zusatz-Datei für die Navigation der Seite                                  *
 *                                                                            */
 
    #navigation{
        width: 155px;
        margin: 0px 0px 0px -10px;
        padding: 0px;
        float: left;
        }
    
    #navigation #menuliste {
        width: 100%;
        margin: 0px;
        padding: 0px;
        }
        
    #navigation #menuliste li {
        list-style: none;
        margin: 5px 0px;
        padding: 0px;
        display: block;
        width: 155px;
        }
    
    #navigation #menuliste li a:link,
    #navigation #menuliste li a:active,
    #navigation #menuliste li a:visited,
    #navigation #menuliste li a:hover{
        width: 145px;
        /* height: 21px; */
        color: #606060;
        font-family: 'IstokWeb-Regular', sans-serif;
        background: #d0d0d0;
        display: block;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border-radius: 7px;
        padding: 3px 7px 3px 3px;
        text-align: right;
        box-shadow: 1px 1px 5px #999;
        -webkit-transition: background 0.3s ease-in;
        -moz-transition: background 0.3s ease-in;
        -ms-transition: background 0.3s ease-in;
        -o-transition: background 0.3s ease-in;
        transition: background 0.3s ease-in;
        }
        
    #navigation #menuliste #current_mainpage {
        font-family: 'IstokWeb-Bold', sans-serif;
        }

    #navigation #menuliste li a:hover{
        color: #ffffff;
        background: #808080;
        }
        
    #navigation #menuliste #current_mainpage a{
        color: #d0d0d0;
        background: #606060;
        box-shadow: 1px 1px 5px #999;
        }

/* sub-menue */

    #navigation #referenzenliste {
        width: 145px;
        margin: 0px 0px 0px 10px;
        padding: 0px;
        }
    
    #navigation #referenzenliste #current_mainpage li {
        list-style: none;
        margin: 5px 0px;
        padding: 0px;
        display: block;
        width: 145px;
        }
    
    #navigation #current_mainpage #referenzenliste li a:link,
    #navigation #current_mainpage #referenzenliste li a:active,
    #navigation #current_mainpage #referenzenliste li a:visited,
    #navigation #current_mainpage #referenzenliste li a:hover{
        width: 139px;
        height: 21px;
        color: #606060;
        font-family: 'IstokWeb-Regular', sans-serif;
        background: none/* #e0e0e0 */;
        display: block;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        padding: 3px;
        text-align: right;
        box-shadow: 1px 1px 5px #999;
        }
    
    #navigation #current_mainpage #referenzenliste #current_subpage {
        font-family: 'IstokWeb-Bold', sans-serif;
        }

    #navigation #current_mainpage #referenzenliste li a:hover{
        color: #ffffff;
        background: #808080;
        }
    
    #navigation #current_mainpage #referenzenliste #current_subpage a{
        color: #d0d0d0;
        background: #606060;
        box-shadow: 1px 1px 5px #999;
        }