body {
    background: #FFFFFF url('images/bg_body.png') repeat-x;
}

form, img, a img, body {
    padding: 0;
    margin: 0;
    border: 0;
}

body, input, textarea, select, p, div, input.tekst {
	font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Arial;
	font-size: 11px; 
	line-height: 150%;
	color: Black;
}

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 */ 

a:link, a:active, a:visited {
    text-decoration: none;
    color: #d43a0e;
}
    a:hover {
        text-decoration: underline;
    }
    
a.arrow {
    background: url('ui-images/red_arrow.png') no-repeat 0 50%;
    padding-left: 15px;
}
    
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 11px; }

h1, h2, h3, h4 {
    /* color: #504c45; */
    color: #000000;
    font-weight: normal;
    line-height: 150%;
    margin: 0 0 5px 0;
    padding: 0;
}

h4 { font-weight: bold; }

h2.underline {
    border-bottom: solid 1px #BBBBBB;
    margin-bottom: 10px;
}

h4.underline {
    border-bottom: solid 1px #DDDDDD;
    clear: both;
    display: block;
    width: 95%;
    margin: 15px 0 5px 0;
}

input.tekst, textarea.tekst {
    height: 20px;
    margin: 1px 0 1px 0;
    vertical-align: middle;
    background: #FFFFFF url('images/bg_body.png') repeat-x 0 -220px;
    border: solid 1px #c3beb5;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 11px; 
	line-height: 150%;
	color: #504c45;
}

input.tekst, select.tekst {
    height: 20px;
    margin: auto;
}


input.tekst:focus, textarea.tekst:focus {
	background-color: #FFFFE1;
}
    
/* #### LAYOUT #### */

#header, #container, #footer {
    width: 975px;
    margin: 0 auto 25px auto;
}

#header {
    background: transparent url('images/bg_header.png') no-repeat;
    position: relative;
    height: 211px;
}

    a.homelink:link, a.homelink:active, a.homelink:visited {
        display: block;
        width: 80px;
        height: 110px;
        position: absolute;
        top: 35px;
        left: 0px;
    }
    
    /* BRUKERPANEL (LOGIN, LOGOUT) */
    
    div.userpanel {
        position: absolute;
        background-color: #ca2a28;
        width: 370px;
        height: 42px;
        padding: 5px;
        text-align: right;
        top: 0;
        right: 0;
        color: #FFFFFF;
    }
    
    div.logout {
        height: 16px;
        line-height: 16px;
    }
    
        div.userpanel a:link, div.userpanel a:active, div.userpanel a:visited {
            color: #FFFFFF;
            text-decoration: underline;
        }
    
        div.login #overlayPassord {
            position: absolute;
            width: 80px;
            top: 9px;
            right: 282px;
            text-align: left;
            z-index: 10;
        }
        
        div.login #overlayPassord {
            right: 176px;
            width: 45px;
            color: #504c45;
        }
        
        div.login .tekst, div.login .button {
            height: 20px;
            line-height: 20px;
            margin: 0 2px 0 2px;
            vertical-align: middle;
            display: block;
            float: left;
        }
    
        div.login .tekst {
            border: solid 1px;
        }
        
        div.login .button {
            background-color: #ed1e2e;
            color: #FFFFFF;
            border: 0;
            height: 22px;
            margin-top: 1px;
        }
        
    /* HOVEDMENY */

    ul#menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 975px;
        height: 40px;
        bottom: 0;
    }
    
        ul#menu li {
            border: 0;
            margin: 0;
            padding: 0;
            display: block;
            float: left;
        }
    
        ul#menu a:link, ul#menu a:active, ul#menu a:visited {
            line-height: 40px;
            float: left;
            display: block;
            padding: 0 15px 0 15px;
            color: #FFFFFF;
            font-size: 11px;
            text-transform: uppercase;
        }
        
        ul#menu a:hover {
            background-color: #f25662;
            text-decoration: none;
        }
        
        ul#menu a.selected:link, ul#menu a.selected:active, ul#menu a.selected:visited {
            text-decoration: none;
            background-color: #f2eae7;
            color: #000000;
            -webkit-border-top-right-radius: 10px;
            -webkit-border-top-left-radius: 10px;
            -moz-border-radius-topright: 10px;
            -moz-border-radius-topleft: 10px;
        }

#footer {
    height: 26px;
    line-height: 26px;
    padding: 5px;
    border-top: solid 1px #d4d3d3;
}
        
        
/* ANNET */

.wait {
    color: #196D9A;
    background: transparent url('images/ajax-loader.gif') no-repeat 0 50%;
    padding-left: 20px;
    display: none;
}

.icon {
    background: transparent url('images/icons.png') no-repeat 0 50%;
    display: block;
    padding-left: 20px;
    
    height: 20px;
    line-height: 20px;
}

.pdf { background-position: 0 -1px; }
.txt { background-position: 0 -21px; }
.doc { background-position: 0 -41px; }
.ppt { background-position: 0 -61px; }
.ok {
    background-position: 0 -81px;
    color: #2b6d0e;
}

.error {
    background-position: 0 -101px;
    color: #FF0000;
}

.padd {
    padding: 2px 1px 2px 1px;
}