body {
padding: 0; /* behövs alltid!! */
margin: 50px 0px; /* sidans marginaler lite tomrum upptill*/
text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */
background-image: url(bilder/kant_gra.gif);
background-repeat: repeat-x;
font: 76% Arial, Helvetica, sans-serif; } /* ÄNDRAD*/

h1, h2 { 
/*font-family: Times, "Times New Roman", serif;*/
font-family: Arial, Helvetica, sans-serif;
color: black; background-color: inherit;
font-weight: bold; 
letter-spacing: ;
margin-top: 10px;
margin-bottom: 5px; } 

h3, h4 { 
/*font-family: Times, "Times New Roman", serif;*/
font-family: Arial, Helvetica, sans-serif;
color: black; background-color: inherit;
font-weight: bold; 
letter-spacing: ;
margin-top: 10px;
margin-bottom: 1px; }

h5 { 
font-family: Arial, Helvetica, sans-serif;
color: black; background-color: inherit;
margin-top: 0px;
margin-bottom: 1px; } 

h6 { 
font-family: Arial, Helvetica, sans-serif;
color: black; background-color: inherit;
margin-top: 0px; 
margin-bottom: 1px; } 

h1 { font-size: 1.5em; }
h2 { font-size: 1.33em; }
h3 { font-size: 1.16em; }
h4 { font-size: 1em; }
h5 { font-size: 0.9em; } 
h6 { font-size: 0.8em; } 


p { margin: 0 0 10px 0; 
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
line-height: 140%; } 


ul { margin: 10px; }

.nolistitemlista { font-family: Arial, non-serif; font-size: 0.95em; color: black; list-style-image: url(bilder/listitem.gif); }
.nolistitemlista { margin: 0 0 10 14px; }
#.listitemlista { font-family: Arial, non-serif; font-size: 12px; font-weight: bold; color: black; list-style-type: none; }
.listitemlista { font-family: Arial, non-serif; font-size: 0.95em;  color: black; list-style-type: none; }
.listitemlista { margin: 10px 0 10 0; }

a { color: #426471; background-color: inherit; text-decoration: underline; }
a:visited { color: #426471; background-color: inherit; }
a:hover { color: #172436; background-color: inherit; }
a img { border: none; }

.cleartopmargin { margin-top: 0; }
.right { text-align: right; }

/* layout */

#layout {
/*width: 798px;    fast bredd */
width: 625px;   /* fast bredd */
margin: 0 auto;  /* centrerar layouten 2 */
text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */
/*border: 1px solid #000;*/
 } 


/* sidhuvud */

#sidhuvud {
width: 100%;
background-color: #fff; color: inherit;
/* background-image: url(bilder/sidhuvud.gif); */
/* background-image: url(../bilder/sidhuvud_sept.gif); */
background-image: url(bilder/sidhuvud_leik2.gif);
background-repeat: ;
float: left; } 

/* #shheight { height: 145px; } */
/* #shheight { height: 112px; } */
#shheight { height: 181px; }

#topmenybox {
width: 55%;
background-color: white color: black;
position: absolute;
/*top: 122px;*/
top: 221px;
padding: 6px;
float: left;
clear: both; } 


#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
float: left; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 8px 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: black; background-color: inherit;
text-decoration: none;
float: left; }


#topmeny a:hover, #topmeny span#aktuell { 
background-image: url(bilder/listitem.gif);
background-position: 1%; /* placerar menybilden */
background-repeat: no-repeat; 
}


/* kolumncontainer */

#kolumncontainer { width: 100%;
background-color: #fff; color: inherit;
/*background-image: url(bilder/bakgrund_sidan.gif);*/
background-image: url(bilder/bakgrund_sidan_sept.gif);
background-repeat: repeat-y;
clear: both; }


/* kolumn: main */

#main { width: 81%; float: right; } /* main till höger  */

/* #maincontent { margin: 15px 15px 20px 10px; border-left: 2px solid #A5B852; padding: 15px; border-top: 2px solid #A5B852; } */  /* fast bredd - pixlar */ /* ÄNDRAD */
#maincontent { margin: 35px 15px 20px 10px; padding: 15px; }  /* fast bredd - pixlar */ /* ÄNDRAD */

/* kolumn: side */

#side { width: 18%; float: left; } /* side till vänster  */

/* #sidecontent { margin: 15px 0px 20px 15px; border-top: 2px solid #A5B852; }  /* fast bredd - pixlar ÄNDRAD */
/* 090407 #sidecontent { margin: 70px 0px 20px 10px; } /*ändrar höjden där sidinnehållet ska hamna*/
#sidecontent { margin: 55px 0px 20px 10px; } /* med nye menyboksar */
/* meny */

#menybox {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
margin-bottom: 30px; }

#menybox h3 {
margin: 0 0 0 15px;  
font-size: 1em; }

#menybox h3 { 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: 4px 0px 4px 10px; } /* ändrat för: side till vänster  */

#menybox a:hover, #menybox span#aktuell { 
background-image: url(bilder/listitem.gif);
background-position: 1%; /* placerar menybilden */
background-repeat: no-repeat; 
}


.box0 { 
width: 110px; 
overflow: auto;
background-color: #E4E8C2; 
padding: 4px; 
border: 2px solid #A5B852;
font-size: 1,5em;} 

.box1 { 
width: 110px; 
overflow: auto;
background-color: white; 
padding: 4px; 
border: 2px solid #A5B852;} 
/*font-size: 1.4em;}*/ 

/* 090407.sidebox { margin-top: 50px; margin-bottom: 0px; } 
.sideboxcontent { border: 2px solid #0071BC; padding: 4px; }
.sideboxcontent { margin: 0 0 10px 5px; 
font-size: 0.9em;
 } /* ÄNDRAD*/

.bildbox { margin-top: 30px; margin-bottom: 5px; } 
/*.bildboxcontent { border: 2px solid #0071BC; padding: 4px; }*/
.bildboxcontent { margin: 0 0 10px 5px; 

 }

/* sidfot */

#sidfot { 
width: 100%; 
height: 45px; 
background-image: url(bilder/bunn.gif); 
clear: both; }


#sidfotcontent {
padding: 7px;
text-align: center; }

#sidfotcontent img { padding: 5px 5px 0 5px; }
#sidfotcontent a { padding: 5px 5px 0 5px; color: #95AFBB; background-color: inherit; }

