body {
    height: 100%;
}

body {	
    background: #DAD5C6 url('images/bodybg.png') no-repeat 50% 0;
    margin: 0;
}

body, input, textarea, select, .normaltekst {
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	line-height: 150% !important;
	color: #505050;
}

table {
    border-collapse: collapse;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; } 
/* Hide from IE Mac \*/ 
.clearfix { display: block; } 
/* End hide from IE Mac */ 
    
img, a img {
    border: 0;
}

address {
    font-style: normal;
}

a:link, a:visited, a:active {
    color: #A80231;
}

    a.discrete:link, a.discrete:visited, a.discrete:active {
        color: #505050;
    }
    
    a.discrete:hover {
        color: #A80231;
    }
    
    a.redbutton:link, a.redbutton:visited, a.redbutton:active {
        background-color: #8B0000;
        color: #FFFFFF;
        text-transform: uppercase;
        text-decoration: none;
        padding: 1px 5px 1px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Trebuchet MS';
    font-size: 1.5em;
    line-height: 120%;
}

.dot {
    background: transparent url('images/dot.png') repeat-x 0 100%;
}
    
/* #### LAYOUT #### */

#header {
    width: 920px;
    height: 94px;
    margin: 22px auto 0 auto;
    position: relative;
}

    .home {
        width: 265px;
        height: 94px;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
    }

    #menu {
        list-style-type: none;
        width: 564px;
        height: 54px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 25px;
        right: 55px;
    }
    
        #menu li {
            padding: 0;
            margin: 0;
            float: left;
        }
    
        #menu a:link, #menu a:active, #menu a:visited {
            display: block;
            float: left;
            width: 141px;
            height: 24px;
            line-height: 24px;
            color: #000000;
            text-decoration: none;
            padding: 0;
            margin: 0;
        }
        
        #menu a:hover, #menu a.selected {
            color: #A80231;
        }

#container {
    width: 920px;
    height: 440px;
    margin: 0 auto 0 auto;
    padding: 0;
    overflow: hidden;
}

    .menuL2, .venstrespalte {
        padding: 30px;
        width: 170px;
        height: 380px; 
        float: left;
        list-style-type: none;
        margin: 0;
    }
    
        .menuL2 a:link, .menuL2 a:active, .menuL2 a:visited {
            display: block;
            height: 30px;
            line-height: 30px;
            color: #000000;
            text-decoration: none;
            white-space: nowrap;
        }
        
        .menuL2 a:hover, .menuL2 a.selected {
            background: transparent url('images/arrow.png') no-repeat 100% 50%;
        }
        
    .content {
        width: 636px;
        height: 387px;
        margin: 25px 26px 28px 27px;
        float: right;
    }
    
    .paddedcontent {
        padding: 25px 50px 15px 50px;
        width: 536px;
        height: 347px;
    }
    
    #ansattabell {
        margin: 30px;
        width: 387px;
        float: left;
        cursor: pointer;
    }

        #ansattabell th, #ansattabell td {
            text-align: left;
            line-height: 300%;
        }
        
        #ansattabell tbody tr:hover {
            background-color: #D6D6CE;
        }
        
        #ansattabell thead tr :last-child, #ansattabell tbody tr :last-child {
            text-align: center;
        }
        
    #cardholder {
        width: 189px;
        height: 387px;
        background-color: #D6D6CE;
        float: right;
        overflow: hidden;
    }
    
    .card {
        display: none;
        padding: 27px;
        width: 135px;
        height: 333px;
        font-size: 9px;
        line-height: 13px;
    }
    
    .tooltip {
        text-decoration: underline;
        cursor: help;
    }
    
#footer {
    width: 906px;
    margin: auto;
    padding: 6px 14px 0;
    text-align: right;
}