/* grunder */


body {
padding: 0; margin: 0;
margin-top: 0em;

text-align: center;  
font-size: 76%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #336699;
background-image: url();
background-repeat: repeat;
}


/* rubriker */


h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 170%; 
}


h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* text */

p {
line-height: 140%;

}


 

/* länkar */


a:link { color: #0066FF; }
a:visited { color: #9900CC; }





/* avdelare */

hr {  border-top: 1px dashed #000000;
border-right: 0px; border-bottom: 0px; border-left: 0px; }


/* marginal listor */

ul { margin: 0; padding: 0; }


.clear { clear: both; }

.cleartopmargin { margin-top: 0; }

.namntext  { line-height: 20%;
font-size: 170%;
}


.susnet:link, .susnet:visited, .susnet:active {color:green; text-decoration:none; font-size:10px; font-family:Verdana;}
.susnet:hover {color:blue; background-color:inherit;}


.box1 {
width: 100%;
background-color: #eee;
margin-left: 5px;
overflow: auto;
}

.box2 {
width: 100%;
background-color: #eee;
margin-left: 5px;
overflow: auto;
}


.box3 {
width: 100%;
background-color: inherit;
overflow: auto;
}

.bildboxA {
width: 10em;
float: left;
overflow: auto;
}


.bildboxB {
width: 16.5em;
float: left;
overflow: auto;
}

.bildboxC {
width: 50%;
float: right;
overflow: auto;
}

.bildbox {
width: 95%;
margin: 0 auto;
margin-top: 2em;
background-color: #eee;
overflow: auto;
}





.boxsida {
width: 95%;
background-color: #6699CC;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0.4em;
padding: 0.4em;
border: 0.1em solid black;
overflow: auto;
}

.boxsida div { padding: 1em; margin-left: 0.7em;}

.boxsida2 {
width: 95%;
background-color: #6699CC;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0.4em;
padding: 0.4em;
border: 0.1em solid black;
overflow: auto;
}

.boxsida2 div { padding: 1em; margin-left: 0.7em;}



.textboxA {
width: 95%;
float: left;
overflow: auto;
}

.textboxA div { padding-top: 0em; padding-left: 0em
}


.textboxB {
width: 44%;
float: left;
overflow: auto;
}

.textboxB div { padding-bottom: 1em; padding-left: 2em;
}

.textboxC {
width: 11em;
float: left;
overflow: auto;
}

.textboxC div { padding-top: 4em; padding-left: 3em;
}


.textboxD {
width: 48%;
float: left;
overflow: auto;
}

.textboxD div {padding-top: 0.1em; padding-bottom: 1em; padding-left: 0.7em;  
}

.textboxE {
width: 97%;
float: left;
overflow: auto;
}

.textboxE div { padding-top:0.1em; padding-bottom: 0.1em; padding-left: 2em;
}


.textboxF {
width: 60%;
float: left;
overflow: auto;
}

.textboxF div {  padding-top: 0.1em; padding-bottom: 1em; padding-left: 0.7em;
}

.textboxG{
width: 50%;
float: left;
overflow: auto;
}

.textboxG div { padding-top:0.1em; padding-bottom: 0.1em; padding-left: 0.7em; 
}

.textboxH {
width: 95%;
float: left;
overflow: auto;
}

.textboxH div {  padding-bottom: 1em; padding-left: 0.7em;
}

.textboxI {
width: 95%;
float: left;
overflow: auto;
}

.textboxI div {  padding-top: 0.2em; padding-left: 0.7em; padding-bottom: 0.1em;
}


.textboxJ {
width: 65%;
float: left;
overflow: auto;
}

.textboxJ div { padding-bottom: 0.1em; padding-left: 2em;
}


.textboxK {
width: 40%;
float: left;
overflow: auto;
}

.textboxK div {padding-top: 0.1em; padding-bottom: 1em; padding-left: 0.7em;  
}


.textboxL {
width: 53%;
float: left;
overflow: auto;
}

.textboxL div { padding-bottom: 1em; padding-top: 1.5em;

}


.textboxM {
width: 97%;
float: left;
overflow: auto;
padding-bottom: 0.5em;
padding-top: 0.7em;

}

.textboxM div {   padding-bottom: 0.5em; padding-left: 0.5em;

}

.textboxN {
width: 100%;
float: left;
overflow: auto;
}

.textboxN div {  padding-top: 0.2em; padding-left: 0.1em; padding-bottom: 0.1em;
}

.textboxO {
width: 95%;
float: left;
overflow: auto;
}

.textboxO div { padding-top: 0.5em; padding-left: 0.1em
}

.textboxP {
width: 44%;
float: left;
overflow: auto;
}

.textboxP div {padding-top: 0.1em; padding-bottom: 1em; padding-left: 0.7em;  
}

.textboxQ {
width: 31%;
float: left;
overflow: auto;
}

.textboxQ div { padding-top: 0.5em; padding-left: 0.2em
}


.textboxR{
width: 17%;
float: right;
overflow: auto;
}

.textboxR div { padding-top: 0.5em; padding-left: 0.2em
}

.textboxS {
width: 54%;
float: right;
overflow: auto;
}

.textboxS div { padding-top: 0.5em; padding-right: 1em
}

.textboxT {
width: 33%;
float: left;
overflow: auto;
}

.textboxT div { padding-top:0.1em; padding-bottom: 0.1em; padding-left: 3em;
}

.textboxU {
width: 100%;
float: left;
overflow: auto;
}

.textboxU div { padding-top:0.1em; padding-bottom: 0.1em; padding-left: 2em;
}

.textboxV {
width: 19%;
float: left;
overflow: auto;
}

.textboxV div { padding-top: 0.5em; padding-left: 0.2em
}

.textboxW {
width: 22%;
float: left;
overflow: auto;
}

.textboxW div { padding-top: 0.5em; padding-left: 0.2em
}


.textboxX {
width: 22%;
float: left;
overflow: auto;
}

.textboxX div { padding-top: 0.5em; padding-left: 0.2em
}

.raknarbox {
width: 10%;
float: right;
overflow: auto;
}




.W3CBOX {
float: right;
overflow: auto;
}

/* layout */

#layout {
width: 1000px;
margin: 0 auto;
text-align: left;
background-color: #FFFFFF;
}



/* sidhuvud */

#sidhuvud {
width: 100%;
background-color: #FFFFFF;
color: #000000;
background-image: url();
background-repeat: repeat-x;
float: left; }


#sh {  width: 100%; float: left; }

#shcontent { padding: 0px 0px 0px 0px;  } 

#bild { float: left; width: 1000px;  }



/* topmeny */

#topmenybox {
width: 100%;
background-color: #CCCCCC;
color: #000000;

margin-bottom: 0.1em;
margin-top: 0.2em;
float: left;
clear: both; 
}



/* topmeny */

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
float: left;
width: 100%;
border-top: 0.1em solid black;
border-bottom: 0.1em solid black;
font: 100% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold; 

}

#topmeny li { display: inline; }

#topmeny a, #topmeny span 
{
padding: 0.5em 1em;
border-right: 0.1em solid #2C2618;

color: #000000; background-color: inherit;
text-decoration: none;
float: left; }

#topmeny a:hover {  text-decoration: underline; }

#topmeny span#aktuell { text-transform: uppercase; }



/* undermeny */

#undermenybox {
width: 100%;
background-color: #CCCCCC;
color: #000000;

margin-bottom: 0.3em;
margin-top: 0em;
float: left;
clear: both; 
}



/* undermeny */

#undermeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
float: left;
width: 100%;
border-top: 0.1em solid black;
border-bottom: 0.1em solid black;
font:80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold; 

}

#undermeny li { display: inline; }

#undermeny a, #sidfotmeny span 
{
padding: 0.5em 1em;
border-right: 0.1em solid #2C2618;

color: #000000; background-color: inherit;
text-decoration: none;
float: left; }

#undermeny a:hover {  text-decoration: underline; }

#undermeny span#aktuell { text-transform: uppercase; }






/* kolumncontainer */

#kolumncontainer { 
width: 100%;
background-color: #eee; color: inherit;
background-image: url();
clear: both; }


/* kolumn: side */

#side { width: 23.5%;
float: left;
background-color: inherit; color: inherit;
}

#sidecontent {
margin: 1em;
background-color: inherit; color: inherit;
padding-bottom: 5px;


}



/* kolumn: main */

#main { width: 57%;
background-color: inherit; color: inherit;
padding-right: 0em;
padding-top: 1em;
float: left;
}

#maincontent {
background-color: inherit; color: inherit;
border-left: 0.1em dashed #000000;
border-right: 0.1em dashed #000000;

}

#bild3 { float: right; width: 20em; border: 0.7em solid white; }

#bild4 { float: right; width: 22em; border: 0.7em solid white; }

#bild5 { float: right; width: 20em; border: 0.7em solid white; }

#bild6 { float: right; width: 14em; border: 0.7em solid white; }

#bild7 { float: right; width: 23em; border: 0.7em solid white; }

#bild8 { float: right; width: 17em; border: 0.7em solid white; }

#bild9 { float: right; width: 15em; border: 0.7em solid white; }

#bild10 { float: right; width: 23em; border: 0.7em solid white; }

#bild11 { float: right; width: 20em; border: 0.7em solid white; }

#bild12 { float: right; width: 25em; border: 0.7em solid white; }

/* kolumn: side */

/* kolumn: side_right */

#side_right { width: 19.5%;
float: left;
background-color: inherit; color: inherit;
}

#side_rightcontent {
margin: 0.2em;
background-color: inherit; color: inherit;
padding-bottom: 5px;
padding-left: 7px;

}


/* meny */

#menybox {
font: 90% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 2em;
margin-top: 1em; 
padding-top: 1em;
color: #000; background-color: inherit;
}

#menybox h2 {
margin: 0 0 0 3em; padding: 0;
font-size: 1.16em; }

#menybox ul {
list-style-type: none;
margin: 0; padding: 0;
}

#menybox a, #menybox span {
display: block;
color: #000; background-color: inherit;
text-decoration: none;
height: 100%;

padding: 0.5em 0 0.5em 1em; }

#menybox a:hover, #menybox span#aktuell {
background-image: url(bilder/pil.gif);
background-position: 0 56%; /* placerar menybilden */
background-repeat: no-repeat;
}



/* meny2 */

#menybox2 {
font: 100% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 2em;
margin-top: 1em; 
padding-top: 1em;
color: #000; background-color: inherit;
}

#menybox2 h2 {
margin: 0 0 0 3em; padding: 0;
font-size: 1.16em; }

#menybox2 ul {
list-style-type: none;
margin: 0; padding: 0;
}

#menybox2 a, #menybox2 span {
display: block;
color: #000; background-color: inherit;
text-decoration: none;
height: 100%;

padding: 0.5em 0 0.5em 1em; }

#menybox2 a:hover, #menybox2 span#aktuell {
background-image: url(bilder/pil.gif);
background-position: 0 56%; /* placerar menybilden */
background-repeat: no-repeat;
}



/* meny3 */

#menybox3 {
font: 100% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 2em;
margin-top: 1em; 
padding-top: 1em;
color: #000; background-color: inherit;
}

#menybox3 h2 {
margin: 0 0 0 3em; padding: 0;
font-size: 1.16em; }

#menybox3 ul {
list-style-type: none;
margin: 0; padding: 0;
}

#menybox3 a, #menybox3 span {
display: block;
color: #000; background-color: inherit;
text-decoration: none;
height: 100%;

padding: 0.5em 0 0.5em 1em; }

#menybox3 a:hover, #menybox3 span#aktuell {
background-image: url(bilder/pil.gif);
background-position: 0 56%; /* placerar menybilden */
background-repeat: no-repeat;
}





/* sidfot */

#sidfot {
width: 100%;
background-color: #FFF; color:  inherit;
padding-top: 5px;
clear: both; }



#sidfotcontent {
padding: 7px;
border-top: 1px solid black;
text-align: center;
background-color: #ccc;

}

#sidfotcontent p {
margin: 0;
font-size: x-small; }