html { font-size: 76%; font-family: arial, helvetica, verdana, "microsoft sans serif", sans-serif; }

body {
padding: 0;
margin: 0;
margin-top: 10px;
text-align: center;  /* centrerar layouten - för äldre webläsare  */
background-color: #8b8177; color: #000000;
background-image: url("img/design/sidobakgrund.gif"); }

H1, H2, H3, H4, H5 { 
color: #4F4F4F; background-color: inherit; margin-bottom: 2px;}

H1 { font-size: 1.5em; }
H2 { font-size: 1.5em; font-weight: bold; color:#006699; }
H3 { font-size: 1.33em; }
H4 { font-size: 1.2em; }
H5 { font-size: 1.1em; }

p { margin: 0;
font-size: 1.1em;
line-height: 1.3em; }

a { color: #405692; background-color: inherit; text-decoration: underline; }
a:visited { color: #30406E; background-color: inherit; }
a:hover { color: #30406E; background-color: inherit; }
a img { border: 0; text-decoration: none; }

hr { border: 1px solid #948d88; margin-top: 20px; margin-bottom: 20px; }

.fltrt { /* denna klass kan användas för att flytta ett element till höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: right;
}
.fltlft { /* denna klass kan användas för att flytta ett element till vänster på sidan */
	float: left;
}

.smalltext {
color: #000000; 
text-decoration: none; 
font-size:0.9em;}

.smalltext a {color: #426471; 
text-decoration: underline;
font-size:1.1em;}

.bluetext {
color:#0066CC;
letter-spacing: 2px;
font-weight: bold;
}

.cleartopmargin { margin-top: 0; }
.center { text-align: center; }

.dold {visibility:hidden;}
.printinfo {visibility:hidden;}

/* layout */
#layout {
width: 774px;
margin: 0 auto;
text-align: left;
background-image: url("img/design/startsida_dansande.gif");
background-color: #f8f5f5;
background-repeat:no-repeat;
border: 6px solid #FFFFFF;
}


/* sidhuvud */
#sidhuvud {
width: 100%;
color: #FFFFFF;
float: left; }

#shheight { height: 168px; }
#shleft { width: 48%; float: left; }
#shleftcontent { padding: 10px 5px 10px 20px; }

#shright { width: 52%; 
float: right; }

#shrightcontent { 
padding: 5px 20px 10px 10px; 
text-align: right; }

#shrightcontent a { 
color: #426471; 
background-color: inherit; }


/* SIDHUVUD - SIDFOT (hf) RUNDA HÖRN */
.rundhf {background: transparent;}
.rundtopph {background: transparent;}
.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #4f4f4f;}
.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #4f4f4f;}
.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #4f4f4f;}
.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #4f4f4f;}


/* topmeny */

#topmenybox { 
width: 100%; 
border-top: 1px solid #000;
background-color: #172436; color: #FFFFFF;
background-image: url("http://www.sharemusic.se/img/design/meny_bakgrund.gif");
background-repeat: repeat;
float: left;
clear: both; }

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
float: right;
font-size: 1em; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 5px 10px;
border-right: 1px solid #172436;
color: #FFFFFF; background-color: inherit;
text-decoration: none;
float: left; }

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


/* kolumncontainer */
#kolumncontainer { width: 100%;
color: inherit;
/*background-image: url(img/design/avdelare.gif);
background-position: 32% 0;
background-repeat: repeat-y; */
clear: both; }


/* kolumn: main */
#main { width: 70%; float: right; } /* main till höger  */
#maincontent { padding: 15px 15px 15px 10px;  }  /* fast bredd - pixlar */


/* kolumn: side */
#side { width: 29%; float: left; } /* side till vänster  */
#sidecontent { padding: 45px 15px 15px 25px; }  /* fast bredd - pixlar */



/* meny */
#boxmenycontainer{width: 100%; font-size: 0.9em; }

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

#boxmeny a{
display: block; 
margin: 0; 
padding: 0.3em;
text-decoration: none; 
height: 100%; 
border-bottom: 1px solid #afa8a3;
font-size: 1.2em;}

#boxmeny ul{
list-style-type: none;} 

#boxmeny ul a{
margin: 0; 
padding: 0.3em; 
} 

#boxmeny a:link, #boxmeny a:visited{color: #000000;}
#boxmeny a:hover{background: #cdc9c3;}
#boxmeny a#subcurrent{font-weight: bold;}

#boxmeny li.rubrik, 
#boxmeny li.rubriklila, 
#boxmeny li.rubrikgul, 
#boxmeny li.rubrikgron, 
#boxmeny li.rubrikbla {
margin: 0;
padding: 5px 10px;
font-size: 1.2em;
color: #000000;
font-weight:bold;}

#boxmeny li.rubrik, #boxmeny li.menyrubrik {background-color: #cdc9c3;}
#boxmeny li.rubrikbla, #boxmeny li.menyrubrikbla, #boxmeny li.menyrubrikbla a:hover{background-color: #92ADDE;}
#boxmeny li.rubriklila, #boxmeny li.menyrubriklila, #boxmeny li.menyrubriklila a:hover{background-color: #AF90BA;}
#boxmeny li.rubrikgul, #boxmeny li.menyrubrikgul, #boxmeny li.menyrubrikgul a:hover {background-color: #D8BB44;}
#boxmeny li.rubrikgron, #boxmeny li.menyrubrikgron, #boxmeny li.menyrubrikgron a:hover {background-color: #A8CAA8; }



/* indexbox */

#indexbox { 
width: 95%; 
background-color: #ddd8d2; color: #000000;
padding: 5px 5px 5px 15px;
margin-top: 0px;
margin-bottom: 20px;
float: left;
clear: both; }


/* sidfot */
#sidfot {
width: 100%;
background-color: #4f4f4f; color: #FFFFFF;
border-top: 1px solid #000;
clear: both; }

#sidfotcontent {
padding: 5px;
text-align: center; }

#sidfotcontent p {
margin: 0;
font-size: 0.9em; }

#sidfotcontent img { 
padding: 4px 4px 0 4px; }

#sidfotcontent a { 
padding: 4px 4px 0 4px; 
color: #95AFBB; 
background-color: inherit; }