html { font-size: 76%; font-family: arial, helvetica, "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, H3, H4, H5 { 
color: #4F4F4F; background-color: inherit;
margin-top: 10px;
margin-bottom: 3px; }

H2 { 
color: #4F4F4F; background-color: inherit;
margin-top: 25px;
margin-bottom: 3px; }

H1.menyrubrikbla { padding-left:50px; background-image: url("img/design/menybg_bla.gif"); background-repeat:no-repeat;}
H1.menyrubriklila { padding-left:50px; background-image: url("img/design/menybg_lila.gif"); background-repeat:no-repeat;}
H1.menyrubrikgul { padding-left:50px; background-image: url("img/design/menybg_gul.gif"); background-repeat:no-repeat;}
H1.menyrubrikgron { padding-left:50px; background-image: url("img/design/menybg_gron.gif"); background-repeat:no-repeat;}
H1.menyrubrikturkos { padding-left:50px; background-image: url("img/design/menybg_turkos.gif"); background-repeat:no-repeat;}


H1 { font-size: 1.7em; }
H2 { font-size: 1.33em; }
H3 { font-size: 1.2em; }
H4 { font-size: 1.1em; }
H5 { font-size: 1.1em; }


p { margin: 0 0 15px 0;
font-size: 1.1em;
line-height: 1.4em; }

.dold {visibility:hidden;}

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 {
	margin-top: 6px;
	margin-bottom: 6px;
	color: #948D88;
	background-color: #948D88;
	height:1px;
	border-width:0; 
}

.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;
	margin: 8px;
}

.fltlft { /* denna klass kan användas för att flytta ett element till vänster på sidan */
	float: left;
	margin: 8px;
}

.clearing {	clear: both;}

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

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

.greytext, .greytext a {color: #999999;}

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

.imgborder { border:1px solid #4F4F4F;}
.imgborderfltrt, .imgborderfltrt a { border:1px solid #4F4F4F; float: right; margin: 8px; }
.imgborderfltlft, .imgborderfltlft a { border:1px solid #4F4F4F; float: left; margin: 8px; }

/* TABELL */
H2.tabell { font-size: 1.1em; font-weight: bold; color:#000000; margin: 0; padding: 0; }
H3.tabell { font-size: 1em; font-weight: bold; color:#000000; margin: 0; padding: 0;}
.tabellruta { background-color:#E5D28B; }
.tabellruta_ljus { background-color:#EEE3C0; }

/* layout */
#layout {
width: 774px;
margin: 0 auto;
text-align: left;
background-color: #f8f5f5;
background-repeat:no-repeat;
border: 6px solid #FFFFFF;
}


/* sidhuvud */
#sidhuvud {
width: 100%;
color: #FFFFFF;
background:#f8f5f5;
background-image: url("img/design/undersida_dansande.gif");
background-repeat:no-repeat;
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: #8fb2ff; 
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 15px;  }  /* fast bredd - pixlar */


/* kolumn: side */
#side { 
width: 30%; 
float: left;
background-color: #e7e4df; }

#sidecontent { padding: 15px 15px 25px 10px; }  /* 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;}

/* AKTIV SIDA */ 
#boxmeny a#current { 
font-weight: bold; 
background: #FFFFFF;}

#boxmeny li.rubrik, 
#boxmeny li.rubriklila, 
#boxmeny li.rubrikgul, 
#boxmeny li.rubrikgron, 
#boxmeny li.rubrikturkos,
#boxmeny li.rubrikbla {
margin: 0;
padding: 5px 10px;
/*border-bottom: 1px dotted #000000; */
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; }
#boxmeny li.rubrikturkos, #boxmeny li.menyrubrikturkos, #boxmeny li.menyrubrikturkos a:hover {background-color: #8bd9dc; }


/* 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; }

#sidfotleft { width: 50%; float: left; }
#sidfotleftcontent { padding: 0px; }
#sidfotright { 
width: 50%; 
float: right; }

#sidfotheight { height: 168px; }

#sidfotrightcontent { 
padding: 0px; 
text-align: right; }