/* färger:
  Blå: #56718b 
  Mörkröd: #660000
*/


/*inställningar för body*/
body { color: #000000;
       background-color: #56718B;
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	   font-size: 10pt; 
	   line-height: normal; 
       font-style: normal; 
	   border: 0;
	   margin: 0;
	   padding: 10px 0 5px 0;}

/* olika DIV's
container: innehåller alltihop
titel: Överskriften spelmusik.net och menyn
valkommen, artiklar osv: namn på aktuell sektion
content: sidans innehåll; (vänster och höger kolumn)
leftcolumn: vänster kolumn
rightcolumn: höger kolumn
righttext: texten inne i högerkolumnen
sidfot: längst ner med copyright-info
*/

#container { background-color: #ffffff;
	       margin: 0 auto;
		 padding: 0;
		 border: 0px dotted black;
		 width: 700px; }
		 
		 
#titel { background-color: #800000; 
	   margin: 0;
	   padding: 0;
	   width: 700px;
	   height: 64px; 
	   background-image: url(bilder/meny/logga.gif);
	   background-repeat: no-repeat;
	   color: #ffffff; 
	   border: 0px dotted red; }



#meny { margin: 0;
	  padding: 0;
	  width: 700px;
	  height: 36px; }




#content { width: 680px;
	     padding: 0;
	     margin: 0;
	     border: 0;
	     text-align: left;
	     color: #444;
	     background: transparent;
	     clear: both; 
	     margin: 20px 0 20px 20px;
	     padding: 0 0 0 0;
	     border: 0px solid blue; }

#leftcolumn { background-color: #ffffff;
		  color: #000000;
           float: left;
		  width: 480px;
		  height: 100%;
	        margin: 0 0 0 0;
		  padding: 0 0 0 0;
		  border: 0px solid red; }

#leftcolumn p {}

/* Utseende för listor */

/* Listor i vänsterkolumnen får ett litet indrag */
#leftcolumn ul { list-style-type: none; 
                  margin-left: 5px;
				  padding-left: 0;
	             margin-bottom: 0px; }


#leftcolumn li { margin-left: 5px;}

#leftcolumn hr { height: 1px;
                 border-style: none;
                 color: gray;
                 background-color: gray; }

#rightcolumn { background-color: #ffffff;
               color: #000000; 
		       width: 180px;
	            margin: 0 0 0 495px;
		        padding: 0;
                border-left: 2px dotted gray; }
			   /* background: url(bilder/bglinje.gif) no-repeat scroll } */

#righttext { margin: 0px 19px 0px 19px;
		     padding: 0;
             border: 0; 
		    border:0px dotted red;
		  }
		  
  #righttext p { color: #000000;
             font-size: 10px; 
	         
	         font-family: Verdana, Arial, Helvetica, sans-serif;
	         padding: 0; 
			 margin-top:2px;}		  

  #righttext ol { color: #56718b;
                font-size: 10px; 
	           font-family: Verdana, Arial, Helvetica, sans-serif; 
		       text-align: left;
	        margin-left: 30px;
		   padding: 0;}
			 
		
  #righttext li { }	 

  #righttext img {  }


  /*inställningar för en tunn <hr> i högerkolumnen */
  #righttext hr { height: 1px;
                 border-style: none;
                 color: gray;
                 background-color: gray; }

#sidfot { margin: 0;
	    width: 700px;
	    height: 20px;
	    background-color: #56718B;
	    color: #ffffff;
          text-align: center;
	    vertical-align: middle;
	    font-size: 10px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    border: 0;
		padding: 5px 0 0 0;
	    clear: both; 
	    border: 0px solid red;}

	 
/*länkarnas utseende */

a:hover {  color: #660000; text-decoration: none}
a:link {  color: #660000; text-decoration: none}
a:active {  color: #660000; text-decoration: underline}
a:visited {  color: #660000; text-decoration: none}


a:link img {border: 0px solid black;}
a:visited img {border: 0px solid black;}
a:hover img {border: 0px solid black;}


/*utseende för olika rubriker*/

h1 {  font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	font-style: normal; 
	color: #660000; 
	margin-top: 0px;}

h2 { font-family: Arial, Helvetica, sans-serif; 
     font-size: 16px; 
     font-style: normal;
     color: #660000; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; 
     color: #56718b; 
     font-style: normal; }



/* snabbkommando för att sätta marginaler till 0 (noll) */
.margin0 { margin:0; }



/* datum */
.datum { font-family: Arial, Helvetica, sans-serif; 
	   font-size: 10px; 
	   font-style: normal; 
	   color: #666666; }
	   
/* Rubrik på förstasidan */
.headline h3{ float: right;
	      color: #ffffff;
	      font-size: 16px;
		  margin-top: 30px;
		  margin-right: 10px;
		  margin-bottom: 0;
		  margin-left: 0;
		  padding: 0;
	     }
		  
		

/* liten blå text */
.miniblue { color: #56718b;
            font-size: 10px; 
	      font-family: Verdana, Arial, Helvetica, sans-serif; }

/* liten röd text */
.minired { color: #660000;
           font-size: 10px; 
	     margin: 0 0 10px 0;
	     font-family: Verdana, Arial, Helvetica, sans-serif;
	     border: 0px dotted black;
	     padding: 0; }
		 
/* liten svart text */
.miniblack { color: #000000;
           font-size: 10px; 
	     margin: 0 0 10px 0;
	     font-family: Verdana, Arial, Helvetica, sans-serif;
	     border: 0px dotted black;
	     padding: 0; }

/* för att dölja för läser som inte klarar CSS */
.dold { display: none; }



/* utseende och layout för bilder. */



/* en bild som är 113 * 113 px och centrerad */
.minibild { width: 113px;
		    height: 113px;
			text-align: center;  }

.rightbild { margin: 0;
	       padding: 0;
	       float: right; }

.leftbild { margin: 0 10px 20px 0;
	      padding: 0;
	      float: left;  }


/* För att fixa en <HR> och ha en bild istället */
div.hr { height: 10px;
	    width: 450px;
        background: #fff url(bilder/hr.gif) no-repeat scroll;
	    margin: 10px 0px; }

div.hr hr { display: none; }



/* placering för "till toppen"-länken */
#topp { margin: 0 0 0 0;
	  float: right; }


/* formatering av text */


.center { text-align: center; }

.red { color: #660000; }

.green { color: #006600; }

.blue { color: #56718b; }

.black { color: #000000; }

.white { color: #ffffff; }





/* För att få rätt sektionsbild */

#valkommen { background-color: #56718B;
	       background-position: bottom left;
	       background-repeat: no-repeat;
	       background-image: url(bilder/sektion/valkommen.gif);
	       margin: 0;
           padding: 0;
	       width: 700px;
	       height: 60px; }

/* för att inte texten i samma ruta som välkommen-texten gör att det blir white-space ovanför */		   
#valkommen p { margin: 0;
			   padding: 0; }

#kompositorer { background-color: #56718B;
	          background-position: bottom left;
	          background-repeat: no-repeat;
        	    background-image: url(bilder/sektion/kompositorer.gif);
	          margin: 0;
                padding: 0;
	          width: 700px;
	          height: 60px; }

#intervjuer { background-color: #56718b;
	        background-position: bottom left;
	        background-repeat: no-repeat;
	        background-image: url(bilder/sektion/intervjuer.gif);
	        margin: 0;
              padding: 0;
	        width: 700px;
	        height: 60px; }

#artiklar { background-color: #56718b;
	      background-position: bottom left;
	      background-repeat: no-repeat;
	      background-image: url(bilder/sektion/artiklar.gif);
	      margin: 0;
            padding: 0;
	      width: 700px;
	      height: 60px; }

#recensioner { background-color: #56718b;
	     background-position: bottom left;
	     background-repeat: no-repeat;
	     background-image: url(bilder/sektion/recensioner.gif);
	     margin: 0;
           padding: 0;
	     width: 700px;
	     height: 60px; }

#kalender { background-color: #56718b;
	     background-position: bottom left;
	     background-repeat: no-repeat;
	     background-image: url(bilder/sektion/kalender.gif);
	     margin: 0;
           padding: 0;
	     width: 700px;
	     height: 60px; }


#nyheter { background-color: #56718b;
	     background-position: bottom left;
	     background-repeat: no-repeat;
	     background-image: url(bilder/sektion/nyheter.gif);
	     margin: 0;
           padding: 0;
	     width: 700px;
	     height: 60px; }

#redaktionen { background-color: #56718b;
	         background-position: bottom left;
	         background-repeat: no-repeat;
	         background-image: url(bilder/sektion/redaktionen.gif);
	         margin: 0;
               padding: 0;
	         width: 700px;
	         height: 60px; }



#lankar { background-color: #56718b;
	    background-position: bottom left;
	    background-repeat: no-repeat;
	    background-image: url(bilder/sektion/lankar.gif);
	    margin: 0;
          padding: 0;
	    width: 700px;
	    height: 60px; }

/* SLUT PÅ SEKTIONSBILDINSTÄLLNINGAR */

/* test ny MENY! */

#logo { width: 700px;
	  height: 64px;
	  margin: 0;
      padding: 0;
	  background-image: url(bilder/meny/logga.gif);
	  background-repeat: no-repeat;} 

#logo a { display: block; 
          width: 700px;
          height: 64px;
	    background-image: url(bilder/meny/logga.gif); 
		background-repeat: no-repeat; } 

#meny { width: 700px;
	  height: 36px; 
        margin: 0;
        padding: 0;
	  border: 0px dotted gray;
	  background-repeat: no-repeat; }



#meny a#meny_hem          { display: block; 
                       width: 44px;
                       height: 36px;
	                 background-image: url(bilder/meny/hem.gif);
	                 margin-left: 0px; 
					 background-repeat: no-repeat; } 

#meny a#meny_kompositorer { display: block; 
                       width: 100px;
                       height: 36px;
                       background-image: url(bilder/meny/kompositorer.gif);
	                 margin-left: 44px;
			     margin-top: -36px;
				 background-repeat: no-repeat; } 


#meny a#meny_intervjuer   { display: block; 
                       width: 68px;
                       height: 36px;
                       background-image: url(bilder/meny/intervjuer.gif);
			     margin-left: 144px;
			     margin-top: -36px; 
				 background-repeat: no-repeat; } 

#meny a#meny_artiklar      { display: block; 
                       width: 60px;
                       height: 36px;
                       background-image: url(bilder/meny/artiklar.gif);
			     margin-left: 212px;
			     margin-top: -36px;
				 background-repeat: no-repeat;  } 

#meny a#meny_recensioner   { display: block; 
                       width: 90px;
                       height: 36px;
                       background-image: url(bilder/meny/recensioner.gif);
			     margin-left: 272px;
			     margin-top: -36px; 
				 background-repeat: no-repeat; } 

#meny a#meny_kalender  { display: block; 
                       width: 70px;
                       height: 36px;
                       background-image: url(bilder/meny/kalender.gif);
			     margin-left: 362px;
			     margin-top: -36px;
				 background-repeat: no-repeat;  } 

#meny a#meny_nyheter       { display: block; 
                       width: 64px;
                       height: 36px;
                       background-image: url(bilder/meny/nyheter.gif);
			     margin-left: 432px;
			     margin-top: -36px; 
				 background-repeat: no-repeat; } 

#meny a#meny_lankar        { display: block; 
                       width: 56px;
                       height: 36px;
                       background-image: url(bilder/meny/lankar.gif);
			     margin-left: 496px;
			     margin-top: -36px;
				 background-repeat: no-repeat;  } 

#meny a#meny_redaktionen   { display: block; 
                       width: 92px;
                       height: 36px;
                       background-image: url(bilder/meny/redaktionen.gif);
			     margin-left: 552px;
			     margin-top: -36px; 
				 background-repeat: no-repeat; } 


#meny a#meny_forum        { display: block; 
                       width: 56px;
                       height: 36px;
                       background-image: url(bilder/meny/forum.gif);
			     margin-left: 644px;
			     margin-top: -36px; 
				 background-repeat: no-repeat; } 


#logo a span { display: none;} 
#meny a span { display: none;}