/* mac hide\*/
html, body {height:100%}
/* 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{
    height:100%;
    min-height:100%;
    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;
    }
    
#logo {
    width: 213px;
    height: 135px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('../rolvika/logo.gif') no-repeat top left;
    z-index: 50;
    cursor: hand;
    cursor: pointer;
}
#head-image {
    width: 760px;
    height: 123px;
    position: absolute;
    top: 115px;
    left: 0px;
    background: url('../rolvika/text-cont.gif') no-repeat top left;
    z-index: 50;
}    

/***********************
 *
 */

#footer {
    width:100%;
    clear:both;
    height:56px;
    color: #000000;
    left:0;
    bottom:0;
    position: absolute;
    
}
    #footerContent {
        margin:0px 0px 0px 0px;
        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;
    }
        #footerCopyright {
            background: url('../rolvika/inner-bottom.gif') no-repeat top left;
            position: absolute;
            bottom: 5px;
            left:0px;
            font: normal 11px tahoma;
            padding: 2px 0px 0px 20px;
            color:#333333;
            height:30px;
        }
        #footerCopyright a {
            color:#333333;
        }
* html #footer {/*only ie gets this style*/
    \height:102px;/* for ie5 */
    he\ight:100px;/* for ie6 */
}

#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;
}
/***********************
 *
 */
#centrecontent {
    float:right;
    padding-top:255px;
    padding-bottom:20px;/* needed to make room for footer */
    position: relative;
    width: 531px;
}
    #left {
        position:relative;/*ie needs this to show float */
        width:220px;
        float:left;
        padding-top:255px;/*needed to make room for header*/
        padding-bottom:20px;/* needed to make room for footer */
    }
    #title {
        font:normal 24px tahoma;
        padding:0px 0px 2px 20px;
        margin:0px;
        background: url('../rolvika/header-bg.gif') no-repeat 0px 3px;
    }
    
#clearfooter {
    width:100%;height:56px;clear:both;
} /* to clear footer */


/***********************
 *
 */