﻿body, form, table, ul, li, ol, h1, h2, h3, h4, img, a img, p {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
}

body, td, div, p, a, span, input, textarea, select, h4 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	color: #BACDD1; 
}

input, textarea, select {
    color: #000000;
}

body {
    background: #456776 url('images/bg_body2.jpg') no-repeat fixed 50% 0;
}

table {
    border-collapse: collapse;
}

p {
    padding:0 0 1.2em 0;
}

ul, ol {
    line-height: 15px;
    list-style-position: outside;
    margin-left: 20px;
}

.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 */ 

/* #### LINKER #### */

a:link, a:active, a:visited {
    text-decoration: none;
    color: #E39825;
    outline: none;
}

a:hover {
    text-decoration: underline;
}
    
.starlinks a:link, .starlinks a:active, .starlinks a:visited, .starlinks a:hover {
    background: transparent url('images/star_orange.gif') no-repeat 0 50%;
    text-decoration: none;
    font-size: 12px;
    padding: 0 0 0 15px;
    margin: 0 15px 0 0;
}

.starlinks a:hover, .starlinks a.selected:link, .starlinks a.selected:active, .starlinks a.selected:visited, .starlinks a.selected:hover {
    background: transparent url('images/star_blue.gif') no-repeat 0 50%;
    color: #6292A5;
}

.small a:link, .small a:active, .small a:visited, .small a:hover {
    font-size: 10px;
    line-height: 13px;
}

/* #### HEADINGS #### */
    
h1 { font-size: 20px; }
h2, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover { font-size: 18px; color: #4B717D; }
h3 { font-size: 12px; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; }

h3.bg {
    background: transparent url('images/h3_bg.png') no-repeat 0 0;
    width: 166px;
    padding-left: 12px;
}

h1, h2, h3, h4 {
    font-family: Trebuchet MS, Verdana, 'Lucida Grande', Arial;
    font-weight: normal;
    padding: 0.5em 0 0.7em 0;
    line-height: 1.2em;
}

h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {

}

/* #### INPUT THINGS #### */

input.tekstboks, textarea.tekstboks, select.tekstboks {
    border: solid 1px #E39825;
    background: #000000;
    color: #BACDD1;
    padding: 3px;
}

input.tekstboks:focus, textarea.tekstboks:focus {
	background-color: #333333;
}

select.mod {
    background-color: #000000;
    color: #BACDD1;
    border: 0;
}

input.searchfield {
    width: 108px;
    height: 19px;
    float: left;
    border: 0;
    outline: none;
    background: transparent url('images/fieldbg.png') no-repeat;
}

input.searchbutton {
    float: right;
}
    
/* #### LAYOUT #### */

#construct {
    width: 980px;
    margin: 0 auto;
}

#header {
    width: 980px;
    height: 88px;
    margin: 0 auto;
    background: transparent url('images/bg_header.png');
    position: relative;
}

#mainmenu {
    position: absolute;
    bottom: 21px;
    width: 980px;
    height: 12px;
    line-height: 12px;
    text-align: center;
}

a#ctl00_lnkHome:link, a#ctl00_lnkHome:active, a#ctl00_lnkHome:visited, a#ctl00_lnkHome:hover {
    position: absolute;
    top: 14px;
    left: 371px;
    display: block;
    width: 238px;
    height: 74px;
}

#container {
    background: transparent url('images/bg_container.png') no-repeat fixed 50% 100%;
    width: 980px;
}

#left, #right, #content {
    min-height: 668px;
    height: auto !important;
    height: 668px;
}

#left, #right {  width: 178px; padding: 0 6px 6px 6px; }
#left div, #right div { padding: 5px 10px 10px 10px; }
#left, #content { float: left; }
#right { float: right; }

#content {
    background: transparent url('images/bg_content.png') repeat-y 50% 0;
    width: 600px;
    overflow: hidden;
    background-position: center top;
    background-repeat: repeat-y;
    padding-bottom: 10px;
}

    .innercontent {
        padding: 5px 35px 35px 35px;
    }

#container:after, #content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    
.tag {
    text-align: center;
    padding: 10px;
}

.tag, .tag a:link, .tag a:active, .tag a:visited, .tag a:hover {
    color: #6d8c99; 
}

/* #### FILMER MENY #### */

.menuL1 {
    margin: 0;
    list-style-type: none;
}

    .menuL1 li, .menuL1 li a:link, .menuL1 li a:active, .menuL1 li a:visited {
        line-height: 16px;
        text-transform: uppercase;
        color: #BACDD1;
    }

    .menuL1 li a:hover, .menuL1 li a.selected:link, .menuL1 li a.selected:active, .menuL1 li a.selected:visited {
        color: #E39825;
        text-decoration: none;
    }
    
/* #### PRODUKT #### */

.produktboks {
    background: transparent url('images/produktboks_bg.png') repeat;
    width: 263px;
    height: 110px;
    padding: 8px;
    margin: 3px;
    float: left;
    overflow: hidden;
    position: relative;
}

.produktpris, .produktprisUtenPosition {
    color: #E39825;
    font-size: 14px;
    line-height: 15px;
}

.produktpris {
    position: absolute;
    left: 50px;
    bottom: 20px;
    width: 140px;
    text-align: right;
    height: 20px;
}

.produktthumb {
    background: none;
    padding: 2px;
    margin: 3px;
    float: left;
}

.produktthumb:hover {
    background-color: #203139;
}

table.produktinfo td {
    padding: 0 10px 0 0;
    vertical-align: top;
    line-height: 14px;
}

.boble {
    position: absolute;
    bottom: 25px;
    left: 135px;
    height: 100px;
    width: 145px;
    height: 71px;
    background: transparent url('images/snakkebobble.png');
    visibility: hidden;
}

/* #### HANDLEKURV #### */

table.handlekurv {
    width: 100%;
}

table.handlekurv th, table.handlekurv td {
    text-align: left;
    line-height: 20px;
    padding: 3px 0 3px 0;
}

.firstline {
    border-bottom: solid 1px #E39825;
}

table.handlekurv th.alignright, table.handlekurv th.alignright, table.handlekurv td.alignright {
    text-align: right;
    padding-right: 5px;
}

table.handlekurv th.aligncenter, table.handlekurv th.aligncenter, table.handlekurv td.aligncenter {
    text-align: center;
}

table.handlekurv input {
    border: solid 1px #333333;
    background: none;
    color: #BACDD1;
    width: 40px;
    text-align: right;
}
.cartinput {
    border: solid 1px #333333;
    background: none;
    color: #BACDD1;
    width: 120px;
    text-align: left;
}
    
/* ##### TOOLBAR OG LOGIN WINDOW ##### */
    
div#toolbar {
    position: absolute;
    right: 0;
    top: 10px;
    width: 500px;
    text-align: right;
}

.login {
    background: transparent url('images/login.png') no-repeat 100% 0;
    padding-right: 15px;
}

.loginWindow {
    background: transparent url('images/bg_75.png');
    position: absolute;
    top: 71px;
    height: 150px;
    padding: 15px;
    width: 950px;
    right: 0;
    z-index: 5;
}

#innerloginWindow {
    border: solid 1px #6292a5;
    width: 350px;
    height: 110px;
    background: #000000;
    padding: 20px;
    margin: auto;
}

.regtable {
    width: 100%;
}

    .regtable td {
        line-height: 25px;
        padding: 2px 5px 2px 5px;
    }

    .regtable .tekstboks {
        width: 200px;
    }
 
/* #### MIN SIDE ACCORDION #### */
 
h3.acc_header, h3.acc_header_open {
    padding: 0 0 0 35px;
	height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
	cursor: pointer;
}

    h3.acc_header {
        background: transparent url('images/star_orange.gif') no-repeat 5px 50%;
        border-top: solid 1px #E39825;
        color: #E39825;
    }

    h3.acc_header_open {
        background: transparent url('images/star_blue.gif') no-repeat 5px 50%;
        color: #6292A5;
    }

    div.acc_content { padding: 20px; }   
    
    
.arrow_left {
    background: transparent url('images/arrow_left.png') no-repeat 0 50%;
    padding-left: 15px;
}    
        
.arrow_right {
    background: transparent url('images/arrow_right.png') no-repeat 100% 50%;
    padding-right: 15px;
}