﻿body, form, li, h1, h2, h3, h4, div {
    padding: 0;
    margin: 0;
}

body, input, textarea, select, div, p, h3, label {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 150%;
	color: #666666;
}

body {	
	background: #F0F0F0;
}

table {
    border-collapse: collapse;
}

hr {
    border: 0;
    height: 1px;
    background-color: #F0F0F0;
    padding: 0;
    margin: 10px auto 10px auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.clearfix { display: inline-block; } 
/* Hide from IE Mac \*/ 
.clearfix { display: block; } 
/* End hide from IE Mac */ 
    
img, a img {
    border: 0;
    outline: none;
}

a:link, a:active, a:visited, h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
    color: #164782;
}

a:link, a:active, a:visited {
    text-decoration: none;
    outline: none;
    
}
    a:hover {
        text-decoration: none;
        color: #e49900;
    }
    
    a.arrowlink:link, a.arrowlink:active, a.arrowlink:visited, a.arrowlink:hover {
        background: transparent url('images/arrow_right.png') no-repeat 100% 50%;
        padding-right: 15px;
    }
    
    a.arrowup:link, a.arrowup:active, a.arrowup:visited, a.arrowup:hover {
        background: transparent url('images/arrow_up.png') no-repeat 100% 50%;
    }

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h1, h2, h3, h4 {
    font-weight: normal;
    line-height: 150%;
    margin: 0 0 10px 0;
}

h3.bg {
    background-color: #e9e9e9;
    line-height: 27px;
    text-indent: 10px;
}

p {
    margin: 0 auto 10px auto;
    padding: 0;
}

input.tekstboks, textarea.tekstboks, select.tekstboks {
    border:solid 1px #666;
    padding:3px;
}

input.tekstboks:focus, textarea.tekstboks:focus {
	background-color: #FFFFE1;
}
    
/* #### LAYOUT #### */

#heading, .container, .container2, #footer {
    width: 960px;
    margin: 0 auto 0 auto;
}

    #footer {
        position: relative;
    }

#heading {
    height: 125px;
    background: transparent url('images/bg_heading.jpg');
    position: relative;
}

    .homelink {
        position: absolute;
        width: 175px;
        height: 60px;
        top: 26px;
        left: 14px;
    }
    
    #sok {
        position: absolute;
        top: 40px;
        width: 272px;
        right: 10px
    }
    
        .soktekst {
            border: solid 1px #829fc1;
            background: transparent;
            height: 18px;
            line-height: 18px;
            width: 215px;
            color: #FFFFFF;
        }
        
        .sokbutton {
            width: 50px;
            margin: 0;
            padding: 0;
            
        }

    #mainmenu {
        position: absolute;
        height: 24px;
        left: 0;
        bottom: 1px;
        line-height: 24px;
    }
    
        #mainmenu a:link, #mainmenu a:active, #mainmenu a:visited, #mainmenu a:hover {
            background: transparent url('images/bg_mainmenu.png') no-repeat 100% 0;
            line-height: 24px;
            height: 24px;
            display: inline-block;
            padding: 0 15px 0 15px;
            margin: 0;
            text-transform: uppercase;
            color: #164782;
        }
        
        #mainmenu a:hover {
            text-decoration: none;
            color: #e49900;
        }
        
        #mainmenu a.selected:link, #mainmenu a.selected:active, #mainmenu a.selected:visited, #mainmenu a.selected:hover {
            background: transparent url('images/bg_mainmenu_hover.png') no-repeat 100% 0;
            color: #164782;
        }
        
    .pnlLoggedIn {
        position: absolute;
        top: 5px;
        right: 10px;
        width: 500px;
        height: 16px;
        text-align: right;
        color: #FFFFFF;
    }
    
        .pnlLoggedIn a:link, .pnlLoggedIn a:active, .pnlLoggedIn a:visited {
            color: #FFFFFF;
        }
        
        .pnlLoggedIn a:hover {
            color: #e49900;
        }
        
    .pnlLoggedOut {
        position: absolute;
        top: 25px;
        right: 10px;
        width: 320px;
        color: #FFFFFF;
    }
    
        .pnlLoggedOut a:link, .pnlLoggedOut a:active, .pnlLoggedOut a:visited {
            color: #FFFFFF;
        }
        
        .pnlLoggedOut a:hover {
            color: #e49900;
        }
        
    #avdelingerlink {
        position: absolute;
        right: 10px;
        top: 70px;
        bottom: 35px;
        width: 270px;
        height: 18px;
        background: transparent url('images/arrow_down_white.png') no-repeat 10px 55%;
        line-height: 18px;
        text-indent: 25px;
        border: solid 1px #829fc1;
        color: #FFFFFF;
    }
    
    #avdelinger {
        position: absolute;
        left: 678px;
        top: 89px;
        width: 270px;
        line-height: 20px;
        display: none;
        border: solid 1px #26548b;
        
    }
        
        #avdelinger a:link, #avdelinger a:active, #avdelinger a:visited {
            display: block;
            width: 270px;
            height: 20px;
            line-height: 20px;
            text-indent: 10px;
            z-index: 10;
            background: transparent url('/App_Themes/Standard/images/input_bg.gif') repeat 100% 50%;
        }
        
        #avdelinger a:hover {
            background: transparent url('/App_Themes/Standard/images/menu_gradient.png') repeat 100% 50%;
            color: #FFFFFF;
        }

.container, .container2 {
    min-height:500px;
    height:auto !important;
    height:500px;
}

.container {
    background: #FFFFFF url('images/bg_container1.png') repeat-y;
}

.container2 {
    background: #FFFFFF url('images/bg_container2.png') repeat-y;
}

    #menu {
        width: 200px;
        float: left;
    }
    
        .l2, .l3, .l4 {
            display: block;
            line-height: 18px;
        }
        
            .l2, .l2selected {
                padding-left: 10px;
            }
            
                a.selected {
                    background-color: #f0f0f0;
                    color: #666666;
                }
            
            .l3 {
                padding-left: 15px;
            }
            
            .l4 {
                padding-left: 20px;
            }

    #content {
        width: 500px;
        float: left;
        padding: 15px 30px 15px 30px;
    }
    
    #right_column {
        width: 200px;
        float: right;
    }
