body, html {
    height: 100%;
}

body, form, h1, h2, h3, h4 {
    padding: 0;
    margin: 0;
}

body, p, div, input, textarea, table, td, a:link, a:visited, a:active, a, select {
    font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	line-height: 150%;
}

.RadInput_Default * {
    font-size: 11px !important;
}

body {
    background-color: #6db2dc;
}

table {
    border-collapse: collapse;
}

label.kontaktlabel {
    display: block;
    width: 100px;
    padding: 3px 0 0 0;
    float: left;
}

a img, img {
    border: 0;
}

img.bloggimg {
    padding: 3px;
    border: solid 1px #CCCCCC;
    margin: 2px;
}

    img.bloggimg:hover {
        border-color: #AAAAAA;
    }

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

table.fancytable {
    width: 100%;
}

    table.fancytable th {
        font-size: 12px;
        text-align: left;
        font-weight: normal;
        background-color: #FA7D00;
        color: #FFFFFF;
        padding: 1px 3px 1px 3px;
    }
    
    table.fancytable td {
        padding: 2px 3px 2px 3px;
    }

/* HEADINGS */

h1, h2, h3 {
    font-weight: normal;
    font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', Verdana;
}

    h1 {
        font-size: 24px;
        margin: 0.5em 0 1em 0;
        color: #555555;
    }

    h2, h2 a:link, h2 a:active, h2 a:visited {
        font-size: 20px;
        margin: 0.5em 0 1em 0;
        color: #555555;
    }

    h3, h3 a:link, h3 a:active, h3 a:visited {
        font-size: 11px;
        font-weight: bold;
    }
    
    h2 a:link, h2 a:active, h2 a:visited, h3 a:link, h3 a:active, h3 a:visited {
        color: #1F75CC;
    }
    
    a.colored:link, a.colored:active, a.colored:visited {
        color: #6CB2DD;
    }
    
    h2.kursinfo {
        width: 160px;
        height: 37px;
        padding: 10px 0 0 10px;
        background: transparent url('images/kursinfo_bg.png') no-repeat;
    }
    
    h1.orange, h2.orange {
        color: #FA7D00;
    }
    
    h3.orangearrow {
        background: transparent url('images/orangearrow.png') no-repeat;
        background-position: 0 50%;
        padding-left: 7px;
    }
    
    a.orangearrow2 {
        background: transparent url('images/orangearrow2.png') no-repeat;
        background-position: 0 50%;
        padding-left: 5px;
    }
    
    h1, h2, h3, h4, h5, h6 {
        line-height: 130%;
        margin: 0 0 0.5em 0;
        padding: 0;
    }
    
/* LINKS */

a:link, a:active, a:visited, a:hover, input {
    outline: none;
}

a:link, a:active, a:visited {
    text-decoration: none;
    color: #1F75CC;   
}

    a:hover {
        text-decoration: underline;
    }
    
.yellowLinks a:link, .yellowLinks a:active, .yellowLinks a:visited {
    color: #FFC900;
}

a.orangebutton:link, a.orangebutton:active, a.orangebutton:visited {
    background-color: Orange;
    border: solid 1px orange;
    color: #000000;
    display: block;
    float: left;
    height: 20px; 
    width: 170px;
    line-height: 20px;
    padding: 0 10px 0 10px;
    clear: both;
    margin: 5px;
    box-shadow: #CCCCCC 1px 1px 5px;
    -webkit-box-shadow: #CCCCCC 1px 1px 5px;
}

/* STANDARD CONSTRUCT LAYOUT (construct, container, header, footer, mainmenu. content, rightcontent) */

div#construct {
    width: 100%;
    background: transparent url('images/body_bg.jpg') repeat-y;
    background-position: 50% 0;
}

    div#container {
        width: 960px;
        margin: 0 auto 0 auto;
        background: #f9fbfd url('images/content_bg.png') repeat-y;
        background-position: 224px 0;
    }
    
    .toolbar {
        background: transparent url('images/toolbar_bg.jpg') no-repeat;
        background-position: 50% 0;
        width: 100%;
        height: 82px;
    }
    
        .toolbar div, .toolbar td, .toolbar th, .toolbar {
            color: #FFF7E6;
        }
        
        .toolbar th {
            text-align: left;
            font-weight: normal;
        }
    
        #innertoolbar {
            width: 960px;
            height: 70px;
            position: relative;
        }
        
            #innertoolbar_left {
                background: transparent url('images/innertoolbar_leftbg.jpg') no-repeat;
                width: 642px;
                height: 70px;
                padding-top: 12px;
                position: relative;
                float: left;
            }
        
                #innertoolbar_image {
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                    position: absolute;
                    top: 22px;
                    left: 22px;
                    border: solid 1px #a0abb4;
                }
                
                #innertoolbar_navn {
                    position: absolute;
                    top: 34px;
                    left: 91px;
                    width: 129px;
                    height: 39px;
                }
                
                #innertoolbar_soknader td, #innertoolbar_soknader th, #innertoolbar_soknader div, #innertoolbar_soknader a, #innertoolbar_reisebrev td, #innertoolbar_reisebrev th, #innertoolbar_reisebrev div, #innertoolbar_reisebrev a {
                    font-size: 9px;
                    line-height: 11px;
                }
                
                #innertoolbar_soknader {
                    position: absolute;
                    width: 200px;
                    height: 55px;
                    top: 22px;
                    left: 235px;
                }
                
                #innertoolbar_reisebrev {
                    position: absolute;
                    width: 190px;
                    height: 55px;
                    top: 22px;
                    left: 443px;
                }
                
            .innertoolbar_right {
                background: #F9FBFD url('images/innertoolbar_rightbg.png') no-repeat;
                background-position: 0 100%;
                width: 318px;
                height: 82px;
                position: relative;
                float: left;
            }
            
                .innertoolbar_right_noline {
                    background: #F9FBFD url('images/innertoolbar_rightbg2.png') no-repeat;
                }
        
                #innertoolbar_buttons {
                    background-position: 0 100%;
                    position: absolute;
                    width: 309px;
                    height: 70px;
                    top: 12px;
                    right: 5px;
                }
    
    div#footer {
        background: transparent url('images/footer_bg2.jpg') no-repeat;
        background-position: 50% 100%;
        width: 100%;
        /* height: 320px; */
        height: 100px;
        color: #fff7e6;
        text-align: center;
        line-height: 300%;   
    }
    
        #footer a:link, #footer a:active, #footer a:visited {
            color: #fff7e6;
            text-decoration: underline;
        }

    div#header {
        height: 123px;
        background: transparent url('images/header_bg.jpg') no-repeat;
        position: relative;
    }
    
        div#baselink {
            position: absolute;
            top: 13px;
            left: 54px;
            width: 427px;
            height: 93px;
        }
        
            div#baselink a:link, div#baselink a:active, div#baselink a:visited {
                display: block;
                width: 100%;
                height: 100%;
            }
    
        div.search {
            background: transparent url('images/search_bg.jpg') no-repeat;
            width: 273px;
            height: 18px;
            position: absolute;
            bottom: 0;
            right: 0;
            padding-bottom: 6px;
            padding-top: 7px;
            
            padding-left: 9px;
            vertical-align: bottom;
        }
        
            div.search input {
                float: left;
                height: 18px;
                border: 0;
                margin: 0;
                padding: 0;
                display: inline;
                background: transparent url('images/searchfield_bg.jpg') repeat;
            }
                div.search input#ctl00_txtSearch {
                    padding-left: 23px;
                    width: 196px;
                }
            
    div.mainmenu {
        width: 224px;
        float: left;
        padding: 20px 0 20px 0;
    }
    
        div.mainmenu a:link, div.mainmenu a:active, div.mainmenu a:visited {
            display: block;
            margin: 3px 0 3px 0;
            padding: 1px 0 1px 20px;
            width: 204px;
            color: #525252;
            font: normal 13px Verdana;
            line-height: 14px;
            text-transform: uppercase;
            text-decoration: none;
        }
        
        div.mainmenu a:hover {
            background-color: #66c5ff;
        }
        
            div.mainmenu a.l1selected {
                background: transparent url('images/arrow_left.png') no-repeat;
                background-position: 100% 50%;
                color: #6CB2DD;
            }
            
        div.mainmenu a.l2 {
            width: 180px;
            margin: 0 0 0 30px;
            padding: 1px 0 1px 8px;
            font-size: 11px;
            background: transparent url('images/orangearrow.png') no-repeat;
            background-position: 0 50%;
        }
        
            div.mainmenu a.l2:hover, div.mainmenu a.l2selected {
                background: transparent url('images/bluearrow.png') no-repeat;
                background-position: 0 50%;
                color: #6CB2DD;
            }
        
    div.content {
        height: 100%;
        width: 498px;
        padding: 28px 20px 28px 20px;
        float: left;
    }
        
        .nosecondline {
            background: #FAFBFC url('images/content_bg2.png') repeat-y;
        }
    
    div.rightcontent {
        width: 170px;
        padding: 28px 14px 10px 14px;
        float: right;
    }
    
/* TOOLBAR BUTTONS */
.toolbarbutton {
    display: block;
    float: left;
    width: 60px;
    height: 70px;
}

    .toolbarbutton:hover { text-decoration: none; }

    .toolbarbutton1 { background: transparent url('images/toolbarbutton1.jpg') no-repeat; }
    .toolbarbutton1:hover { background: transparent url('images/toolbarbutton1_hover.jpg') no-repeat; }
        
    .toolbarbutton2 { background: transparent url('images/toolbarbutton2.jpg') no-repeat; }
    .toolbarbutton2:hover { background: transparent url('images/toolbarbutton2_hover.jpg') no-repeat; }
        
    .toolbarbutton3 { background: transparent url('images/toolbarbutton3.jpg') no-repeat; }
    .toolbarbutton3:hover { background: transparent url('images/toolbarbutton3_hover.jpg') no-repeat; }
    
    .toolbarbutton4 { background: transparent url('images/toolbarbutton4.jpg') no-repeat; }
    .toolbarbutton4:hover { background: transparent url('images/toolbarbutton4_hover.jpg') no-repeat; }
    
    .toolbarbutton5 { background: transparent url('images/toolbarbutton5.jpg') no-repeat; }
    .toolbarbutton5:hover { background: transparent url('images/toolbarbutton5_hover.jpg') no-repeat; }
    
/* BOXES IN DEFAULT */
    
#mainpage_box2, #mainpage_box3 {
    padding: 45px 24px 10px 24px;
    overflow: hidden;
    width: 272px;
    height: 160px;
    float: left;
    color: #FFF7E6;
}

.mainpage_box1 {
    background: transparent url('images/mainpage_box1bg.jpg') no-repeat;
    width: 320px;
    height: 181px;
    float: left;
}

    .mainpage_box1 th {
        font-weight: normal;
        text-align: left;
    }

    .mainpage_box1 div, .mainpage_box1 table, .mainpage_box1 td, .mainpage_box1 th, .mainpage_box1 a {
        color: #FFF7E6;
        font-size: 9px;
        line-height: 11px;
    }

    .box1_loggedOut {
        padding-top: 34px;
    }

    .box1_loggedIn {
        background: transparent url('images/mainpage_box1bg2.jpg') no-repeat;
        height: 215px;
    }

    #div_login {
        background-color: #66C5FF;
        padding: 20px 20px 0 20px;
        width: 277px;
    }
        #div_login td {
            padding: 5px;
        }
    
        #div_login td.label {
            display: inline;
            font-size: 11px;
            color: #000000;
            float: left;
        }
        
        #div_login td.field {
            display: inline;
            float: right;
        }
        
            #div_login td.field input {
                width: 149px;
                border: 0;
                background-color: #FFFFFF;
            }
            
        #div_login a:link, #div_login a:active, #div_login a:visited {
            color: #FFFFFF;
            font-size: 12px;
        }
        
    #div_sublogin {
        margin: 17px 0 auto 25px;
    }
    
        #div_sublogin a:link, #div_sublogin a:active, #div_sublogin a:visited {
            background: transparent url('images/arrow_boxes.png') no-repeat;
            background-position: 0 50%;
            padding-left: 10px;
            color: #FFFFFF;
        }

#mainpage_box2 {
    background: transparent url('images/mainpage_box2bg.jpg') no-repeat;
}

    #mainpage_box2 h3 {
        color: #FFFFFF;
    }

#mainpage_box3 {
    background: transparent url('images/mainpage_box3bg.jpg') no-repeat;
}

    span.bignumbers {
        font-size: 26px;
        font-weight: bold;
    }
    
/* KURS INFORMASJON */

div.kurs_toolbar {
    margin: 20px 0 20px 0;
    width: 100%;
    height: 20px;
}

    div.kurs_toolbar div.lefty {
        float: left;
    }
    
    div.kurs_toolbar div.righty {
        text-align: right;
        float: right;
    }
    
        div.righty img {
            padding: 0 3px 0 3px;
        }

.kurslabel {
    color: #a2a1a1;
    line-height: 18px;
}

.profillabel {
    color: gray;
    width: 100px;
    vertical-align: middle;
}

div.profilbilde {
    width: 265px;
    margin: auto;
}

    div.profilbilde_top {
        width: 265px;
        height: 20px;
        background: transparent url('images/polaroid_top.png') no-repeat;
    }
    
    div.profilbilde_mid {
        width: 199px;
        padding: 0 33px 0 33px;
        background: transparent url('images/polaroid_mid.png') repeat-y;
    }
    
    div.profilbilde_bottom {
        width: 199px;
        height: 45px;
        padding: 10px 33px 0 33px;
        background: transparent url('images/polaroid_bottom.png') no-repeat;
    }
    
.profilediv {
    width: 335px;
    padding: 0 5px 0 5px;
    margin: 0 0 15px 0;
    float: left;
}

    .supersize {
        width: 100%;
    }

    .soknad {
        width: 100%;
        float: none;
    }
    
    .topline td {
        border-top: dashed 1px #6CB2DD;
        padding: 5px 0 5px 0;
    }
    
    .pad td {
        padding: 5px 0 5px 0;
    }

    .profilediv table {
        width: 100%;
    }
    
    .profilediv textarea {
        height: 200px;
    }
    
    .profilediv h2 {
        border-bottom: dashed 1px #6CB2DD;
    }
    
    .success
    {
	    background: transparent url('images/icon_success.png') no-repeat;
        color: #57a133;
        padding-left: 18px;
        line-height: 15px;
        margin: 5px;
    }
    
    .error {
        background: transparent url('images/icon_error.png') no-repeat;
        color: #ee8e44;
        padding-left: 18px;
        line-height: 15px;
        margin: 5px;
    }
    
    .kommentardiv {
        width: 100%;
    }
    
.paddMe td {
    padding: 1px 3px 1px 3px;
}

    .paddMe label {
        margin-left: 5px;
    }

#tools {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 16px;
    line-height: 16px;
    width: 500px;
}

    #tools * {
        float: right;
    }

a#facebook:link, a#facebook:active, a#facebook:visited {
    background: transparent url('images/facebook.png') no-repeat 5px 50%;
    height: 16px;
    line-height: 16px;
    text-indent: 20px;
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
}

a#del:link, a#del:active, a#del:visited {
    background: transparent url('images/del.png') no-repeat 5px 50%;
    height: 16px;
    line-height: 16px;
    text-indent: 20px;
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
    margin-left: 5px;
}