/* HTML Stylesheet Script 1.0*
/* Autor SBL Multimedia*/

body
{
     background-position: center;
     background-position: top;
     background-color: #8b95ff;
     background-attachment: fixed;
}

a 
{
    
}

a:hover
{
    
}

a img 
{
    
}

ul#navigation_main
{
    font-size: 14pt;
    color: #FFFFFF;
    font-family: 'PT Sans Narrow', sans-serif;  
}

ul#navigation_main li
{
    float: left; 
    position: relative;  
    list-style-type: none;          
}

ul#navigation_main li a 
{
    color: #FFFFFF;
    text-decoration: none;    
}

ul#navigation_main li a:hover
{
    color: #000000; 
    font-weight: bold; 
    text-decoration: none;
}

    .navigation_main :hover
    {
        height: 26.5px; 
        width: auto;
        background-color: #AAD5FF;
    }

ul#navigation_main li.home
{
    width: 11.28%;
    text-align: center;  
    background-color: #AAD5FF;
}             

ul#navigation_main li.info
{
    width: 13.28%;
    text-align: center; 
}

ul#navigation_main li.leistungen
{
    width: 16.28%;
    text-align: center; 
}

ul#navigation_main li.referenzen
{
    width: 15.28%;
    text-align: center; 
}

ul#navigation_main li.kontakt
{
    width: 13.28%;
    text-align: center; 
}

ul#navigation_main li.LV
{
    width: 16.28%;
    text-align: center; 
}

ul#navigation_main li.impressum
{
    width: 14.28%;
    text-align: center; 
}

/* root_site Setup*/
#root_site
{
    margin-top: 10px;
    height: 648px;
    width: 900px;
    background-color: #FFFFFF;
}


    #head_container
    {
     background-color: #FFFFFF;
     width: 95%;
     height: 90px;
     
     margin-left: auto;
     margin-right: auto;
     text-align: center; 
      
    }
        .header_background
        {
            height: 100%;
            width: 174px;
            margin-left: 0px;
            background: url(images/IBL_Logo.gif) no-repeat;            
        }
        
        .header_text
        {
            font-size: 20pt;
            color: #000000;
            font-family: 'PT Sans Narrow', sans-serif;
            text-align: left;
        
            height: 90px;
            width: auto;
            margin-left: 160px;
            margin-top: -100px;
        }
        
        .header_contact
        {
            font-size: 8pt;
            color: #000000;
            font-family: 'PT Sans Narrow', sans-serif;
            text-align: left;

            height: 90px;
            width: auto;
            margin-left: 740px;
            margin-top: -130px;            
        }
    
    #navi_container
    {
     background-color: #141b66;
     width: 95%;
     height: 26.5px;
     margin-left: auto;
     margin-right: auto;  
     
    }
        .navi_container
        {
            width: 95%;
            height: 26.5px;
            background-color: #141b66;
        }
    
    #space1
    {
     background-color: #FFFFFF;
     width: 95%;
     height: 10px;   
    }
    
    #content_container
    {
     background-color: #141b66;
     width: 95%;
     height: 468px;
     
     margin-left: auto;
     margin-right: auto;
     text-align: center;   
    }

        
            #space2
            {
                width: 100%;
                height: 25px;
                background-color: #141b66;
            }
            
            .rect1
            {
                background-color: #FFFFFF;
                
                width: 90%;
                height: auto;
                
                margin-left: auto;
                margin-right: auto;
                text-align: center;    
            }
            
            #space3
            {
                width: 100%;
                height: 25px;
                background-color: #141b66;
            }
            
            .rect2
            {
                background-color: #FFFFFF;

                width: 28%;
                height: 183px;

                margin-left: 5%;
                float: left;
                text-align: center; 
                
                background: url(images/house.jpg) no-repeat;  
            }
            
            .rect3
            {
                background-color: #FFFFFF;

                width: 60%;
                height: 40px;

                margin-right: 5%;
                float: right;
                text-align: center;
            }

            .gRect
            {
                background-color: #ffe400;

                width: 60%;
                height: 40px;

                margin-top: 10px;
                margin-bottom: 25px;
                margin-right: 5%;
                float: right;
                text-align: center;
            }
            
            #space4
            {
                width: 100%;
                height: 25px;
                background-color: #141b66; 
                margin-top: 135px;               
            }
            
            /* .rect4
            {
                background-color: #FFFFFF;

                width: 28%;
                height: 128px;

                margin-left: 5%;
                float: left;
                text-align: center;
            } */
            
            .rect5
            {
                background-color: #FFFFFF;

                width: 43.5%;
                height: 128px;

                margin-left: 5%;
                float: left;
                text-align: center;                
            }
            
            .rect6
            {
                background-color: #FFFFFF;

                width: 43.5%;
                height: 128px;

                margin-right: 5%;
                float: right;
                text-align: center;    
            }

            #space5
            {
                width: 100%;
                height: 25px;
                background-color: #141b66;              
            }
            
    #footer_container
    {
        background-color: #8b95ff;
        width: 95%;
        height: 19px;
        color: #000000;
        font-size: 10pt;

        margin-left: auto;
        margin-right: auto;
        text-align: center;   
    }
            
#scroll
{
    margin-top: 10px;
    height: 100px;
    width: auto;
}