﻿html, form, body, img, a img {
    padding: 0;
    margin: 0;
    border: 0;
}

html, body, form {
    height: 100%;
}

body {	
	background: #F5F5F5 url('images/bg_body.png') no-repeat 50% 0;
}

body, input, textarea, select, h1, h2, h3, h4, div, p {
	font-family: Helvetica, Arial, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial sans-serif;
	font-size: 11px; 
	line-height: 170%;
}

table {
    border-collapse: collapse;
}

p {
    margin: 5px 0 10px 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; } 
.clearfix { display: block; } 

a:link, a:active, a:visited {
    color: #D71524;
}

a.secondary:link, a.secondary:active, a.secondary:visited {
    color: #999999;
}

    a:hover, a.secondary:hover {
        text-decoration: underline;
        color: #4CA4E5;
    }

h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 11px; margin: 0; }

h1, h2, h3, h4 {
    font-weight: normal;
    line-height: 170%;
    margin: 10px 0 0 0;
}

h2 {
    font-weight: 100;
}

.accordion {
    border: solid 1px #dcf0fe;
    padding: 5px;
    -webkit-border-top-radius: 3px;
    margin: 1px 0 1px 0;
    cursor: pointer;
    background: transparent url('images/arrow_right.png') no-repeat 10px 50%;
    text-indent: 15px;
}

.accordion a {
    text-decoration: none;
    text-transform: uppercase;
    color: #D71524;
}

    .accordion:hover {
        background-color: #dcf0fe;
    }

.ui-state-active {
    background-color: #FFFFFF;
    border-bottom: 0;
    margin-bottom: 0;
    background: #FFFFFF url('images/arrow_down.png') no-repeat 10px 50%;
}

.ui-widget-content {
    background-color: #FFFFFF;
    border: solid 1px #dcf0fe;
    -webkit-border-bottom-radius: 3px;
    border-top: 0;
    padding: 5px;
}

input.tekstboks, textarea.tekstboks, select.tekstboks {
    border: solid 1px #666;
    padding: 3px;
}

input.tekstboks:focus, textarea.tekstboks:focus {
	background-color: #FFFFE1;
}
    
/* #### LAYOUT #### */

#construct {
    min-height: 100%;
    position:relative;
}

    #header {
        width: 1000px;
        height: 241px;
        position: relative;
        margin: 0 auto;
    }

        a.homelink:link, a.homelink:active, a.homelink:visited {
            display: block;
            width: 200px;
            height: 100px;
            position: absolute;
            top: 50px;
            left: 20px;
            color: #FFFFFF;
            text-decoration: none;
            text-align: right;
        }
        
            a.homelink:hover {
                color: #D71524;
            }

        #toolbar {
            position: absolute;
            top: 90px;
            right: 20px;
            text-align: right;
            height: 20px;
        }
        
            #toolbar a:link, #toolbar a:active, #toolbar a:visited {
                line-height: 20px;
                display: block;
                float: left;
                margin: 0 8px 0 8px;
            }
            
        /* MAIN MENU */
        
        #menuL1 {
            position: absolute;
            top: 160px;
            height: 42px;
            line-height: 42px;
            padding-left: 7px;
        }
        
            #menuL1 a:link, #menuL1 a:active, #menuL1 a:visited {
                display: block;
                float: left;
                color: #4C4C4C;
                font-size: 16px;
                text-decoration: none;
                background: transparent url('images/bg_menuL1.png') no-repeat 100% 50%;
                padding: 0 20px 0 20px;
                font-family: Helvetica, Arial sans-serif;
            }
            
            #menuL1 a:hover, #menuL1 a.selected:link, #menuL1 a.selected:active, #menuL1 a.selected:visited {
                color: #B8121F;
                background: transparent url('images/bg_menuL1_hover.png') no-repeat 100% 50%;
            }
            
        /* TABBED SUBMENU */
            
        #menuL2 {
            position: absolute;
            bottom: 0;
            height: 17px;
            padding-left: 7px;
        }
        
            #menuL2 a:link, #menuL2 a:active, #menuL2 a:visited {
                display: block;
                float: left;
                color: #4C4C4C;
                text-decoration: none;
                background: #FFFFFF url('images/bg_menuL2_left.png') no-repeat 0 0;
                padding: 0 0 0 15px;
                line-height: 17px;
            }
            
            #menuL2 a:hover, #menuL2 a.selected {
                color: #B8121F;
            }
            
                #menuL2 .menu2innerspan {
                    background: #FFFFFF url('images/bg_menuL2_right.png') no-repeat 100% 0;
                    padding: 4px 15px 0 0;
                    height: 17px;
                    line-height: 11px;
                    display: block;
                }
                
                div#l3 a:link, div#l3 a:active, div#l3 a:visited {
                    padding: 2px 5px 2px 5px;
                    background: transparent url('images/arrow_right.png') no-repeat 10px 50%;
                    text-indent: 15px;
                    display: block;
                    float: left;
                }
                
                    div#l3 a.selected {
                        background: transparent url('images/arrow_down.png') no-repeat 10px 50%;
                        color: #4CA4E5;
                    }
                
        #searchbar {
            position: absolute;
            bottom: 8px;
            height: 21px;
            right: 26px;
            width: 250px;
            
            text-align: right;
        }
        
            #searchbar input.keyword {
                width: 187px;
                height: 19px;
                border: 0;
                margin: 0;
                line-height: 19px;
                background-color: #FFFFFF;
            }
            
            #searchbar input.button {
                background: transparent url('images/bg_searchbutton.png') no-repeat;
                width: 50px;
                height: 21px;
                border: 0;
            }
        
  
    #content {
        padding: 0 0 140px 0;
        width: 1000px;
        margin: 0 auto 0 auto;
        
    }

    #footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 140px;
        background: #f5f5f5 url('images/bg_footer.png') no-repeat 50%;
    }
    
/* #### LAYOUT END #### */
    
.standardbg {
    background: transparent url('images/bg_standard.png') repeat-y 100% 0;
}

.bluebox {
    width: 213px;
    padding: 10px 15px 15px 15px;
    margin: 15px auto 15px auto;
    background: #edf7ff url('images/bg_bluebox.png') no-repeat; 
    border-bottom: solid 1px #b9e0fe;
}

    .bluebox h2 {
        margin: 0 0 10px 0;
        line-height: 35px;
    }
    
    .bluebox p {
        margin: 0;
    }
    

.rss {
    background: transparent url('images/icon_rss.png') no-repeat 100% 0;
    padding-right: 15px;
}

.english {
    background: transparent url('images/icon_english.png') no-repeat 100% 45%;
    padding-right: 22px;
}
 
 ul.nodots {
    list-style: none outside;
    padding-left: 20px;
 }
 
 ul.fancystyle {
    margin: 5px 0 5px 0;
    padding: 0;
    border-bottom: solid 1px #a8d8fe;
 }
 
    ul.fancystyle li {
        display: block;
        background-color: #edf7ff;
        border: solid 1px #a8d8fe;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding: 5px 0 5px 20px;
    }
    
        ul.fancystyle li.alternative {
            background-color: #dcf0fe;
        }
        
ul.blogsandtools {
    padding: 0 5px;
}

    ul.blogsandtools li {
        display: block;
        margin-bottom: 5px;
    }
    
.datobox {
    text-align: center;
    text-transform: lowercase;
    font-size: 13px;
    background-color: #edf7ff;
    width: 85px;
    padding: 4px 0px 4px 0px;
    border: solid 1px #a8d8fe;
    border-left: 0;
    border-right: 0;
    color: #333333;
    float: left;
    margin-right: 30px;
}

    .datobox .dato {
        display: block;
        margin: 2px auto 2px auto;
        text-align: center;
        background-color: #FFFFFF;
        font-size: 50px;
        line-height: 65px;
        width: 74px;
        font-weight: bold;
        color: #D71524;
    }