/* CSS RESET */
img { display: block; }
a img { border: 0; }

h1#logo
{
    width: 205px;
    height: 72px;
    margin: 20px 280px 20px 10px;
    float: left; 
    /*background: transparent url(../images/layout/logo.png) top left no-repeat;*/
}
    
    h1#logo a
       {
        display: block;
        height: 56px;
        width: 200px;
    }

    h1#logo span
       {
        margin-left: -9999px;
    }


/* STYLES */

body 
{
    margin: 0;
    padding: 0;
    background: #f0f0f0;
    font-size: 11px;
    font-family: "Lucida Sans", "Lucida Sans Unicode", Trebuchet MS, Arial, Sans-Serif;
}

/* LAYOUT */

div.small-box 
{
    width: 95px;
    margin: 25px 0 0 20px;
    font-size: 0.9em;
    line-height: 18px;
}

    div.small-box h5
    {
        margin: 0 0 3px 0;
        font-size: 1.1em;
    }
    
    div.small-box ul
    {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

#wrapper
{
    width: 850px;
    margin: 0 auto;
}

#contentarea
{
    background: #ffffff;
    padding: 10px;
}

#content
{
    clear: both;
}
    
#footer
{
    margin: 0 0 20px 0;
    padding: 0 45px 0 0;
}
    
    #footer a
    {
        text-decoration: none;
    }

/* COMMON */
.clr { clear: both; }
.align-left { float: left; }
.align-right { float: right; }


/* Navigation */

ul#nav
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: transparent url(../images/layout/navigation.png) top left no-repeat;
    height: 33px;
}

    ul#nav li
    {
        float: left;
        margin: 0; 
        padding: 0;      
    }
    
    ul#nav li a,
    ul#nav li a:visited
    {
        display: block;
        height: 33px;
        outline: none;
    }    
    
     ul#nav li a span
     {
         margin-left: -9999px;
     }
    
     li#produkter { left: 0; width: 81px; }
     li#produkter a:hover,
     li#produkter a.active { background: url(../images/layout/navigation.png) 0 -33px no-repeat; }
     li#produkter a { height: 33px; }
     
     li#service { left: 0; width: 119px; }
     li#service a:hover,
     li#service a.active { background: url(../images/layout/navigation.png) -81px -33px no-repeat; }
     li#service a { height: 33px; }  
     
     li#proffs { left: 0; width: 104px; }
     li#proffs a:hover,
     li#proffs a.active { background: url(../images/layout/navigation.png) -200px -33px no-repeat; }
     li#proffs a { height: 33px; } 
     
     li#aktuellt { left: 0; width: 74px; }
     li#aktuellt a:hover,
     li#aktuellt a.active { background: url(../images/layout/navigation.png) -304px -33px no-repeat; }
     li#aktuellt a { height: 33px; } 
     
     li#om { left: 0; width: 103px; }
     li#om a:hover,
     li#om a.active { background: url(../images/layout/navigation.png) -378px -33px no-repeat; }
     li#om a { height: 33px; }                    
     
     li#kontakt { left: 0; width: 80px; }
     li#kontakt a:hover,
     li#kontakt a.active { background: url(../images/layout/navigation.png) -481px -33px no-repeat; }
     li#kontakt a { height: 33px; }