/* mac hide\*/

/* end hide */
body {
    padding:0;
    margin:0;
    text-align:center;
    min-width:760px;/* for mozilla*/
    color: #000000;
    background: #fff url('../rolvika/body-background.gif') repeat-x top left;
    font: normal 11px tahoma;
}
#outer{
    width:760px;
    color: #000000;
    text-align:left;
    margin:auto;
    position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
    float:left;
    position: relative;
}
#header{
    position:absolute;
    top:0;
    left:0px;
    width:100%;
    height:115px;
    overflow:hidden;
    color: #000000;
    font-size: 0px;
}
    #header #hederContent {
        margin-left:213px;
        position: relative;
    }
    #header #hederContent #title-text {
        background: transparent url('../rolvika/title-text.gif') no-repeat top left;
        width: 312px;
        height: 53px;
        position: absolute;
        top:22px;
        left:40px;
    }
    #languages {
        position: relative;
        float:right;
        font: normal 11px tahoma;
        color: #5a9fe9;
        margin:25px 0px 0px 0px;
    }
    #languages a {
        color: #5a9fe9;
        font:normal 11px tahoma;
        text-transform: uppercase;
        padding: 0px 3px 0px 3px;
        text-decoration: none;
    }
    #languages a.active {
        color:#fff;
    }
    #languages a:hover {
        text-decoration:underline;
    }
    #navigation {
        margin:10px 0px 0px 80px;   
        position: relative; 
        float: right;
    }
    #navigation #mail,
    #navigation #home,
    #navigation #tree {
        height:16px;
        display:block;
        width:16px;
        float:left;
        margin-left:10px;
    }
    #navigation .sep {
        width:20px;
    }
    #navigation #tree {
        background:url("../rolvika/bt-tree.gif") no-repeat center center;
    }
    #navigation #mail {
        background:url("../rolvika/bt-mail.gif") no-repeat center center;
    }
    #navigation #home {
        background:url("../rolvika/bt-home.gif") no-repeat center center;
    }

    
    
#footer-left {
    left:-20px;
    bottom:0px;
    position: absolute;
    background: url('../rolvika/footer-left.gif') no-repeat top left;
    height: 151px;
    width:20px;
}
#footer-right {
    right:-24px;
    bottom:0px;
    position: absolute;
    background: url('../rolvika/footer-left.gif') no-repeat top left;
    height: 206px;
    width:24px;
}
#footer {
    width:100%;
    clear:both;
    height:100px;
    color: #000000;
    left:0;
    bottom:0;
    position: absolute;
    
}
    #footerContent {
        margin:0px 20px 0px 20px;
        height: 100%;
        background: url('../rolvika/line-h.gif') repeat-x top left;
        font-size:10px;
        position: relative;
        padding:0px 0px 0px 0px;
        font:normal 11px tahoma;
    }
        #footerContacts div {
            background: url('../rolvika/footer-grad-text.gif') no-repeat top left;
            position: relative;
            float: left;
            padding:0px 20px 0px 20px;
            height:60px;
            margin: 10px 0px 0px 0px;
        }
    #footerCopyright {
        position: absolute;
        bottom: 10px;
        left:0px;
        font: normal 11px tahoma;
        color:#333333;
    }
    #footerCopyright a {
        color:#333333;
    }
* html #footer {/*only ie gets this style*/
    \height:102px;/* for ie5 */
    he\ight:100px;/* for ie6 */
}
#centrecontent {
    float:right;
    padding-top:115px;
    padding-bottom:32px;/* needed to make room for footer */
    position: relative;
}
    #logo {
        width: 213px;
        height: 135px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: url('../rolvika/logo.gif') no-repeat top left;
        z-index: 50;
    }
 
#clearfooter {
    width:100%;height:100px;clear:both;
} /* to clear footer */