html, body {
        margin:0;
        padding:0;
}
img {border:none;}
img#background {width:550px;margin-top:-40px; margin-left:240px;}


div.shopavdelning ul  {float:left;border:none;max-width:152px; margin:30px 15px 30px 0px;}
div.shopavdelning ul p {margin:0px; padding:0px;}
div.shopavdelning:first-child {border:none;}
div.shopavdelning {display:block; border-top:1px solid gray;padding-left:70px;text-align:justify;}
div.shopavdelning img {max-width:150px; float:left;}
div.shopavdelning img:first-child {margin-left:0px;}

div#indexrubrik {margin-top:50px;margin-bottom:-30px;}
body{
        text-align: center;
        font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
        background-color: white;
        color: #444;
        font-size: 75%;
    
}

object {border-width:0px 100px;border-style:solid;border-color:#000000;}
span {font-style:italic;}
a:link {color: #696969;
        text-decoration:none;}
a:visited {text-decoration:none; color:olive;}
a:hover, a:active {
        text-decoration:none; color:red;}

p, li {
        line-height: 1.8em;
}
h1, h2, h3, h4 {
        font-family: Aerial, Verdana, sans-serif;
        margin: 0;
}
h1 {    margin-top:20px;
        margin-bottom: 50px;
    
        padding: 0 0 0 67px;
        font-size:2em;
    font-weight:lighter;
        color: silver;
        letter-spacing:-1px;
    text-align:left;
}
h2 {
        padding-top: 10px;
        font-size:2em;
        letter-spacing:-1px;
}

h3 {margin-top:30px;margin-bottom:20px;text-align:center; padding-top:20px;font-size:2em; font-variant:normal;/*border-top:1px solid gray;*/}
h4 {margin-top:15px;margin-bottom:15px;font-weight:lighter;font-size:2em;}
pre {
        font-size: 1.2em;
        line-height: 1.2em;
}

li {list-style-type:none;}

object {margin-top:50px;margin-bottom:50px;}


a#burnthis {color:silver; font-size:8px;}
a#burnthis:hover {color:red;}
img.palster {max-width:523px;}

div#nav {/*border:1px solid gray;*/float:right; right:0px; width:75px;
			padding:3px; margin:20px 25px 15px 0;}			
div#nav ul {/*border:1px solid fuchsia;*/float:right; margin:0px 0px 12px -1px; padding:0; list-style-type:none; font-weight:lighter; font-size:1em;}
div#nav li {border-bottom:none; margin:0; padding:.3em 0;}
div#nav ul li ul {/*border:1px solid red;*/float:left; width:100%; display:none;font-size:100% }
div#nav ul li ul li {width:100%;}
div#nav ul li:hover ul {display:inline; position:absolute; margin-left:0px;padding:0px 0px 0px 15px;}
div#nav ul li#info:hover ul  {padding:0px 0px 0px 40px;}

div#navindex {/*border:1px solid gray;*/position:absolute;float:right;top:-15px; right:0px; width:75px;
			padding:0 67px 0 0; margin:20px 70px 15px 0;}	
div#navindex ul {/*border:1px solid fuchsia;*/float:right; margin:0px 0px 12px -1px; padding:0; list-style-type:none; font-weight:lighter; font-size:1em;}
div#navindex li {border-bottom:none; margin:0; padding:.3em 0;}
div#navindex ul li ul {/*border:1px solid red;*/float:left; width:100%; display:none;font-size:100% }
div#navindex ul li ul li {width:100%;}
div#navindex ul li:hover ul {display:inline; position:absolute; margin-left:0px;padding:0px 0px 0px 15px;}
div#navindex ul li#info:hover ul  {padding:0px 0px 0px 40px;}

div#navinfo {position:fixed;float:right; right:100px; width:75px;
			padding:3px; margin:20px 25px 15px 0;}			
div#navinfo ul {/*border:1px solid fuchsia;*/float:right; margin:0px 0px 12px -1px; padding:0; list-style-type:none; font-weight:lighter; font-size:1em;}
div#navinfo li {border-bottom:none; margin:0; padding:.3em 0;}
div#navinfo ul li ul {/*border:1px solid red;*/float:left; width:100%; display:none;font-size:100% }
div#navinfo ul li ul li {width:100%;}
div#navinfo ul li:hover ul {display:inline; position:absolute; margin-left:0px;padding:0px 0px 0px 15px;}
div#navinfo ul li#info:hover ul  {padding:0px 0px 0px 40px;}



div#recension {position:static;border:none;width:600px;padding:0px 100px 50px 65px;left:0px;text-align:justify;}
div#recension ul li {margin-left:-35px;padding:0px;}
div.info {display:block;width:600px;padding:0px 100px 0px 100px;left:100px;position:static;text-align:justify;}
div#page {
       position:relative; min-width:800px; max-width:1000px; 
        background-color: #fff;
        margin: 0 auto;
        text-align: left;
       /* border-color: maroon;
        border-style: solid;
        border-width: 1px;*/
}
div#container {/*border:2px dotted red;*/
        padding: 0px;
}
div#ads {/*border:2px dotted red;*/
        clear: both;
        padding: 12px 0 12px 66px;
}
div#footer {/*border:2px dotted yellow;*/
        clear: both;
        color: #777;
        margin: 0 auto;
        padding: 20px 0 40px;
        text-align: center;
}


form#myform {margin-top:20px; margin-bottom:40px;margin-left:100px; }
.cssform p{
width: 300px;
clear: left;

border-top: 0px dashed gray;
height: 1%;
}

.cssform label{
font-weight:lighter;
float:left;
margin-bottom:0px;
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}

.cssform textarea{
width: 200px;
height: 67px;
margin-bottom:5px;
}

.cssform input[type="submit"] {border:1px solid gray; background-color:#FFFFFF; font-family:arial, verdana, sans-serif; font-weight:lighter; color:red}
.cssform input[type="submit"]:active {background-color:red; border:1px solid #999999; color:#CC0000}

.cssform input[type="reset"] {border:1px solid gray; background-color:#FFFFFF; font-family:arial, verdana, sans-serif; color:red; font-weight:lighter;}
.cssform input[type="reset"]:active {background-color:red; border:1px solid gray; color:#CC0000;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}