header, footer, aside, nav, article {  
                display: block;  
            }
            
body {
                padding-bottom: 30px;
                font-family: Arial, Helvetica, sans-serif;
                background-color: maroon ;
                color:white;
    }
#ie {
                background-color:yellow;
                width:100%;
                text-align: center;
                color: red;
                margin-bottom: 1em;
                padding-bottom: 1em;
                padding-top:0.5em;
}
#loginStripe {
                width: 1024px;
                background: #0f0f0f;
                margin: 0 auto 10px;
                display:block;
                padding: 0.2em 0;
                -webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;	
				
				-webkit-box-shadow: 0px 0px 5px #222;
				-moz-box-shadow: 0px 0px 5px #222;
				box-shadow: 0px 0px 5px #222;
                display: block;
               
}        

    
#kolonne {
				margin: 0 auto 20px;
				width: 1024px;
                padding: 0px 0px 15px 0px;
                display: block;
                border:none;
                /*
                background: #eee;				
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;	
				overflow:auto;
				-webkit-box-shadow: 0px 0px 5px #222;
				-moz-box-shadow: 0px 0px 5px #222;
				box-shadow: 0px 0px 5px #222;*/
			}

#banner {
                 width: 1024px;
                 height:224px;
                 margin: 10px auto 10px;
                 background: #0f0f0f;
                 background-image: url(/bilder/banner.png);
                 background-repeat: no-repeat;
                 
                 -webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;	
				
				-webkit-box-shadow: 0px 0px 5px #222;
				-moz-box-shadow: 0px 0px 5px #222;
				box-shadow: 0px 0px 5px #222;
                 
                }

                
/*--------MENYEN-----------*/                
div#meny {
                float:left;
                margin-right: 1%;
                moz-box-sizing:border-box;
                box-sizing:border-box;
                width: 23%;
                height: auto;
                text-transform: uppercase;
				padding: 20px 0px 10px 0px;
				
				
                background: #0f0f0f;
                -webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;	
				
				-webkit-box-shadow: 0px 0px 5px #222;
				-moz-box-shadow: 0px 0px 5px #222;
				box-shadow: 0px 0px 5px #222;*/
 
				
			}
#meny ul {
    padding-left: 1em;
    padding-right: 1em;
 }
 
#meny ul li {
                list-style-type: none;
}

#meny ul li a{
                font-size: 1.1em;
                text-decoration: none;
				padding: 5px 10px 5px ;
				margin: 1em 0 0em;
				background: maroon;
				list-style-type: none;
                display:block;
                color:white;
				
				-webkit-box-shadow: 0px 0px 5px #222;
				-moz-box-shadow: 0px 0px 5px #222;
				box-shadow: 0px 0px 5px #222;
                
                -webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
                
}

#meny ul li a:hover{
                -webkit-box-shadow: 0px 0px 10px #white;
				-moz-box-shadow: 0px 0px 10px #white   ;
				box-shadow: 0px 0px 10px #white;
                color: #0f0f0f;
                background: #f0f0f0;
                
                 
}

/*---------ADMINMENY----------*/
fieldset#adminmeny{
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                width:70%;
                margin: 1em auto;
                padding: 0em 0em 0;
                border-color: maroon;
}
#adminmeny ol{
                moz-box-sizing:border-box;
                box-sizing:border-box;
                text-transform: uppercase;
                padding: 0;
                width:83%;
                margin: 1em auto;
			}

 
#adminmeny li {
                list-style-type: none;
}

#adminmeny li a{
                font-size: 0.7em;
                text-decoration: none;
				margin: 0 0 1em;
				
				list-style-type: none;
                display:block;
                
				
				-webkit-box-shadow: 0px 0px 5px #222;
				-moz-box-shadow: 0px 0px 5px #222;
				box-shadow: 0px 0px 5px #222;
                
                
                
                
                
                border-radius: 6px;
            	-moz-border-radius: 6px;
            	-webkit-border-radius: 6px;
                background-color: #dedede;
            	background: -moz-linear-gradient(top, #ffffff, #eaeaea);
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dedede));
            	
                border: 1px solid #dedede;
            	color: #484848;
            	
            	font-weight: bold;
            	padding: 0.4em 1em;
                
}

#adminmeny li a:hover{
                color: #555555;
                -webkit-box-shadow: 0px 0px 10px white;
				-moz-box-shadow: 0px 0px 10px white   ;
				box-shadow: 0px 0px 10px white;

                }

#adminmeny li a:active{
                background-color: maroon;
                background: -moz-linear-gradient(top, #eaeaea, #cacaca);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #cacaca));
                color:maroon;
                -webkit-box-shadow: 0 0 1.3em white;
            	-moz-box-shadow: 0 0 1.3em white   ;
            	box-shadow: 0 0 1.3em white;

    
}
/*--------Menyen END-----------*/


#hoved {
                float:right;
				
				padding: 20px 20px 10px 20px;
				width:72%;
                margin-bottom: 1em;
                
                box-sizing:border-box;
                moz-box-sizing:border-box;
                
				
                background: #0f0f0f;
                -webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;	
				
				-webkit-box-shadow: 0px 0px 5px #222;
				-moz-box-shadow: 0px 0px 5px #222;
				box-shadow: 0px 0px 5px #222;
 
			}
div#pushBot {
                clear: both;
}
p.fail {
                color:red;
                
}
p.success {
                color:green;
                
}

#header h1 {
				font-family: Helvetica, sans-serif;
				font-weight: bold;
				font-size: 0.9em;
				text-align: center;
				text-transform: uppercase;
				letter-spacing: 0.1em;
				color: #bbb;
				margin: 0;
				padding: 8px;
			}
            
            
/* ------ Kontaktskjema ----- */

label.skjema   {
                display: block;
                }

form#skjema li{
                list-style-type: none;
    
}
form#skjema fieldset {
                border:none;
}
form#skjema legend{
                font-size: x-large;
                text-transform: uppercase;
}
form#skjema fieldset ul li label{
                width:38%;
                display: inline-block;
                vertical-align: top;
}
form#skjema input, form#skjema textarea{
                -moz-border-radius: 6px;
            	-webkit-border-radius: 6px;
                border-radius: 6px;
            	/*background: #f0f0f0;*/
                background-color: maroon;
            	background: -moz-linear-gradient(top, #ffffff, #f0f0f0;);
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #f0f0f0;));
                border: 1px solid #cacaca;
            	font-size: 1em;
            	margin: 0 0 25px;
            	padding: 8px 10px;
                color: white;
}
form#skjema input:focus, form#skjema textarea:focus{
                -webkit-box-shadow: 0px 0px 10px white;
				-moz-box-shadow: 0px 0px 10px white   ;
				box-shadow: 0px 0px 10px white;
                }




input:required  { background-color:yellow; }

table#skjema td{
    vertical-align: top;
}
/*--------KNAPER---------------*/
input#submit {
            	border-radius: 6px !important;
            	-moz-border-radius: 6px!important;
            	-webkit-border-radius: 6px!important;
                background-color: #dedede!important;
            	background: -moz-linear-gradient(top, #ffffff, #eaeaea)!important;
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dedede))!important;
            	border: 1px solid #dedede!important;
            	color: #484848!important;
            	font-size: 1.5em!important;
            	font-weight: bold!important;
            	padding: 0.4em 15px;
            }
            
input#submit:hover{
                color: #555555;
                -webkit-box-shadow: 0px 0px 10px white!important;
				-moz-box-shadow: 0px 0px 10px white!important   ;
				box-shadow: 0px 0px 10px white!important;

                }

input#submit:active{
                background-color: maroon!important;
                background: -moz-linear-gradient(top, #eaeaea, #cacaca)!important;
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #cacaca))!important;
                color:maroon!important;
                -webkit-box-shadow: 0 0 1.3em white!important;
				-moz-box-shadow: 0 0 1.3em white !important  ;
				box-shadow: 0 0 1.3em white!important   ;

    
}
input#login {
            	border-radius: 6px !important;
            	-moz-border-radius: 6px!important;
            	-webkit-border-radius: 6px!important;
                background-color: #dedede!important;
            	background: -moz-linear-gradient(top, #ffffff, #eaeaea)!important;
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dedede))!important;
            	border: 1px solid #dedede!important;
            	color: #484848!important;
            	font-size: 1.5em!important;
            	font-weight: bold!important;
            	padding: 0.4em 15px;
            }
            
input#login:hover{
                color: #555555;
                -webkit-box-shadow: 0px 0px 10px white!important;
				-moz-box-shadow: 0px 0px 10px white!important   ;
				box-shadow: 0px 0px 10px white!important;

                }

input#login:active{
                background-color: maroon!important;
                background: -moz-linear-gradient(top, #eaeaea, #cacaca)!important;
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #cacaca))!important;
                color:maroon!important;
                -webkit-box-shadow: 0 0 1.3em white!important;
				-moz-box-shadow: 0 0 1.3em white !important  ;
				box-shadow: 0 0 1.3em white!important   ;

    
}
input#kjop {
            	border-radius: 6px !important;
            	-moz-border-radius: 6px!important;
            	-webkit-border-radius: 6px!important;
                background-color: #dedede!important;
            	background: -moz-linear-gradient(top, #ffffff, #eaeaea)!important;
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dedede))!important;
            	border: 1px solid #dedede!important;
            	color: #484848!important;
            	font-size: 1.5em!important;
            	font-weight: bold!important;
            	padding: 0.2em 10px;
            }
            
input#kjop:hover{
                color: #555555;
                -webkit-box-shadow: 0px 0px 10px white!important;
				-moz-box-shadow: 0px 0px 10px white!important   ;
				box-shadow: 0px 0px 10px white!important;

                }

input#kjop:active{
                background-color: maroon!important;
                background: -moz-linear-gradient(top, #eaeaea, #cacaca)!important;
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #cacaca))!important;
                color:maroon!important;
                -webkit-box-shadow: 0 0 1.3em white!important;
				-moz-box-shadow: 0 0 1.3em white !important  ;
				box-shadow: 0 0 1.3em white!important   ;

    
}
/*------------KNAPPER END--------------------*/

/* ------ Kontaktskjema END ----- */
/* ------ KUNDELOGIN og topptekst----- */
div#loginTekst{
                display:inline-block;
                margin: 5px 10px;
}
div#handlekurvLink {
                float:right;
                display:inline-block;
                margin:5px 10px;
}
#handlekurvLink p {
                margin: 1em 0;
                color:white;
}
a#handlekurvLink{
                
                text-decoration: none;
                color:white;
                
                /*float: right;*/
                
                
}
a#handlekurvLink:hover {
                text-decoration: underline;
}
form#login{
               margin: 1em 0;
}
form#login input{
                border-radius: 6px;
            	-moz-border-radius: 6px;
            	-webkit-border-radius: 6px;
                margin-right: 1em;
}
form#login label{
                
                margin: 0px 0px 5px 0px;
}
form#login #submit{
                
                /*float:right;*/
                border-radius: 6px;
            	-moz-border-radius: 6px;
            	-webkit-border-radius: 6px;
                background-color: #dedede;
            	background: -moz-linear-gradient(top, #ffffff, #dedede);
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dedede));
            	border: 1px solid #dedede;
            	color: #484848;
            	font-size: x-small;
            	font-weight: bold;
            	padding: 1px 5px;
}
form#login #submit:hover{
            	color: #555555;
                -webkit-box-shadow: 0px 0px 10px #white;
				-moz-box-shadow: 0px 0px 10px #white   ;
				box-shadow: 0px 0px 10px #white;
}

p#loginTekst a{
                /*float: right;*/
                border-radius: 6px;
            	-moz-border-radius: 6px;
            	-webkit-border-radius: 6px;
                -webkit-box-shadow: 0px 0px 5px #222;
				-moz-box-shadow: 0px 0px 5px #222;
				box-shadow: 0px 0px 5px #222;
                background-color: #dedede;
            	background: -moz-linear-gradient(top, #ffffff, #dedede);
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dedede));
            	border: 1px solid #dedede;
            	color: #484848;
            	font-size: x-small;
            	font-weight: bold;
            	padding: 5px 10px;
                text-decoration:none;
                text-transform: uppercase;
                
}
p#loginTekst a:hover{
                color: #555555;
                -webkit-box-shadow: 0px 0px 10px white;
				-moz-box-shadow: 0px 0px 10px white   ;
				box-shadow: 0px 0px 10px white;
    }
p#loginTekst a:active{  
                background-color: #cacaca;
                background: -moz-linear-gradient(top, #eaeaea, #cacaca);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #cacaca));
                color:maroon;
                -webkit-box-shadow: 0 0 1.3em white;
            	-moz-box-shadow: 0 0 1.3em white   ;
            	box-shadow: 0 0 1.3em white;
    }
p#loginFail{
    color:red;
    float:right;
    display:block;
    text-decoration: underline;
    font-weight: bold;
}
/* ------ LOGIN END----- */
/* ------ Admin----- */
form#admin table{
                vertical-align: top;
                
}
form#admin td{
                width: 10em;
}
form#admin li{
                list-style-type: none;
    
}
form#admin fieldset {
                border:none;
}
form#admin legend{
                font-size: x-large;
                text-transform: uppercase;
}
form#admin fieldset ul li label{
                width:20%;
                display: inline-block;
                vertical-align: top;
}

form#admin input, form#admin textarea{
                -moz-border-radius: 6px;
            	-webkit-border-radius: 6px;
                border-radius: 6px;
            	/*background: #f0f0f0;*/
                background-color: white;
            	background: -moz-linear-gradient(top, #ffffff, #f0f0f0;);
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #f0f0f0;));
                border: 1px solid #cacaca;
            	font-size: 1em;
            	margin: 0 0 0.7em;
            	padding: 8px 10px;
                
}
form#admin input:focus, form#admin textarea:focus{
                -webkit-box-shadow: 0px 0px 10px white;
				-moz-box-shadow: 0px 0px 10px white   ;
				box-shadow: 0px 0px 10px white;
                }


form#admin input#submit {
            	border-radius: 6px;
            	-moz-border-radius: 6px;
            	-webkit-border-radius: 6px;
                background-color: #dedede;
            	background: -moz-linear-gradient(top, #ffffff, #eaeaea);
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #dedede));
            	border: 1px solid #dedede;
            	color: #484848;
            	font-size: 1.5em;
            	font-weight: bold;
            	padding: 0.4em 15px;
            }
            
form#admin input#submit:hover{
                colo r: #555555;
                -webkit-box-shadow: 0px 0px 10px white;
				-moz-box-shadow: 0px 0px 10px white   ;
				box-shadow: 0px 0px 10px white;

                }

form#admin input#submit:active{
                background-color: maroon;
                background: -moz-linear-gradient(top, #eaeaea, #cacaca);
            	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #cacaca));
                color:maroon;
                -webkit-box-shadow: 0 0 1.3em white;
				-moz-box-shadow: 0 0 1.3em white   ;
				box-shadow: 0 0 1.3em white;
}
div#HAL9000 {
                background-image: url(/bilder/hal9000.jpg);
                background-repeat: no-repeat;
                background-position: top;
                width: 450px;
                height: 257px;
                margin: 0 auto  ;
                vertical-align:top;
}
 p#HAL9000  {
                
                text-align: center;
                margin: 0 auto;
                color:red;
                font-size: 2em;
                
}
/*----------Admin end-----------*/
/*----------PRODUKTER-----------*/
table.produkter{
                border: solid;
                border-color: white;
                -webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
                width:50%;
                margin-bottom: 2em;
                
}
table.produkter img{
    width: 450px;
}
table.produkter input#antall{
                
}
div#pris {
            width: 5em;
            color: ;
}
/*----------HANDLEKURVEN----------------*/
table#handlekurv {
                width: 100%;
                border:solid;
                -webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
}
table#handlekurv tr {
                
                border-top-width: 30px;
}
table#handlekurv a {
                text-decoration: none;
                color: gray;
}
table#handlekurv a:hover {
                text-decoration: underline;
                }
table#handlekurv img {
            width: 100px;
}
p#totalpris {
                text-align: right;
}
fieldset#slettHandlekurv {
                text-align: right;
                border: none;
                padding: 0;
}
#leveringsadresse li {
                list-style-type: none;
}
a#minsidelink {
                color: white;
}
span#epostlink a {
                color: white;
                text-decoration: none;
}