body {
padding: 0; /* behövs alltid!! */
margin: 0; /* sidans marginaler */
text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */
background-color: #808080; color: #2C2618;
background-image: url(pic/bakgrund.jpg);
background-repeat: repeat-y-x;
font: 76% Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, 
{ font-family: Georgia, Times, "Times New Roman", serif;
color: #FF0000; background-color: inherit;
letter-spacing: 1px;
margin-top: 25px;
margin-bottom: 2px; }

h6
{ font-family: Georgia, Times, "Times New Roman", serif;
color: #ffffff; background-color: bold;
letter-spacing: 0px;
margin-top: 3px;
margin-bottom: 1px; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.16em; }
h5 { font-size: 1em; }
h6 { font-size: 0.78em }
p { margin: 0 0 15px 0;
font-size: 1em;
line-height: 140%; }

.cleartopmargin { margin-top: 5; }

/* layout */

#layout {
width: 61.5em;
margin: 0 auto;
text-align: left;
border: 1px solid #000; }


#shheight { height: 140px; }

#sidhuvud {
width: 100%;
background-color: #000000; color: #2C2618;
background-image: url(pic/loggan3.jpg);
background-repeat: repeat-x;
border-bottom: 1px solid #000;
float: right; }

#box1 {width: 1px; padding: 10px; position: relative; left: 530px; top: -42px;}
#box2 {width: 1px; padding: 10px; position: relative; left: -140px; top: 380px;}
#box6 {width: 1px; padding: 10px; position: relative; left: 175px; top: 135px;}
#box3 {width: 300px; padding: 0px; position: relative; left: 80px; top: 215px; clear: right;}
#meny01 {width: 100px; padding: 0px; border: 0px;  position: relative; left: 225px; bottom: 350px;}
#meny02 {width: 100px; padding: 0px; border: 0px;  position: relative; left: 560px; bottom: 664px;}

#topmenybox {
width: 100%;
border-top: 1px solid #000;
background-color: #000000; color: #808080;
float: right;
clear: both; }

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
float: right; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 5px 8px;
border-right: 0px solid #2C2618;
color: #B8BE95; background-color: inherit;
text-decoration: none;
float: left; }

#topmeny a:hover { text-decoration: underline; }

#topmeny span#aktuell { text-transform: uppercase; }


#kolumncontainer { width: 100%; height: 400px;
background-color: #cccccc; color: inherit;
background-image: url(slut.jpg);
background-position: 100%;
background-repeat: no-repeat;
border: 1px #cccccc;
clear: both; }


#main { width: 100%;  float: left;}

#maincontent { padding: 0px 0.9em 0px 1.7em; }

#menybox {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 1.2em;
margin-bottom: 30px; }

#menybox h2 {
margin: 0 0 0 18px; padding: 0;
font-size: 1.16em; }

#menybox h2 { position: absolute; left: -10000px; } /* tar bort visingen av meny-rubriken */

#menybox ul {
list-style-type: none;
margin: 0; padding: 0; /* båda behövs! */
}

#menybox a, #menybox span {
display: block;
color: #000; background-color: inherit;
text-decoration: none;
height: 100%;
padding: 5px 0 5px 18px; }

#menybox a:hover, #menybox span#aktuell {
background-image: url(pic/symb.gif);
background-position: 0 56%; /* placerar menybilden */
background-repeat: no-repeat;
}


#sidfot {
width: 100%;
background-color: #000000; color: #A5AE6F;
border-top: 1px solid #000;
clear: both; }

#sidfotcontent {
padding: 5px;
text-align: center; }

#sidfotcontent p {
margin: 0;
font-size: x-small; }



