body {padding: 2em; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em;}
h1 {margin: 0 0 0.5em 0; font-size: 2em;}
h2 {margin: 0 0 0.5em 0; font-size: 1.5em;}
h3 {margin: 1em 0 0.5em 0; font-size: 1em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 0.75em;}
p {line-height: 1.5em; margin: 0 0 5px 0;}

/* sidlayout */
#layout {width: 900px; background: #a8c1c6; border-top: 0px solid #666666; border-right: 0px solid #666666; border-left: 0px solid #666666;}
#sidhuvud {padding: 10px; margin: 0;}
#kolumncontainer{float: left; width: 900px; background: #f9f400;}
#kolumn1 {float: left; width: 579px; padding: 30px 10px 10px 10px; background: #ffffff;}
#kolumn2 {float: left; width: 280px; padding: 10px;}
#sidfot {clear: both; padding: 10px; background: #a8c1c6; border-top: 1px solid #666666; text-align: right;}

#sidhuvud h1 { 
background: transparent url(bilder/logo.gif) no-repeat top left;
margin: 0;
width: 306px; 
height: 37px; 
}

#sidhuvud h1 span {
display:none;
}

#kolumn1 a:hover{text-decoration: none;}

/* Sidhuvud och sidfot (hf) runda horn */
.rundhf {background: #a8c1c6;}
.rundtopphf {background: #ffffff;}
.rundbottenhf {background: #ffffff;}
.rundhf_r1{margin: 0 16px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r2{margin: 0 13px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r3{margin: 0 11px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r4{margin: 0 9px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r5{margin: 0 8px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r6{margin: 0 7px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r7{margin: 0 6px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r8{margin: 0 5px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r9{margin: 0 4px; height: 1px; overflow: hidden; background: #a8c1c6;}
.rundhf_r10{margin: 0 3px; height: 2px; overflow: hidden; background: #a8c1c6;}
.rundhf_r11{margin: 0 2px; height: 2px; overflow: hidden; background: #a8c1c6;}
.rundhf_r12{margin: 0 1px; height: 3px; overflow: hidden; background: #a8c1c6;}

/* Box1 - Metodiska tips */
#kolumnbox1 {margin: 0; padding:  0 10px 0 10px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #ffffff;}
#kolumnbox1 h3 {margin: 0 0 10px 0; font-size: 1em;}
#kolumnbox1 p {margin-top: 5px; margin-bottom: 0; font-size: 1.1em; font-family: vedana;}
#kolumnbox1 ul{margin: 0; list-style-image: url(bilder/pil.gif); padding: 0 0 0 15px; font-size: 1.1em; font-family: verdana;}
#kolumnbox1 li{ margin-top: 8px; font-size: 1em;}

/* Box1 */
.rund1 {background: none;}
.rundtopp1 {background: none; margin: 0;}
.rundbotten1 {background: none;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000;}


/* Box2 med runda horn - Varukorg */
#kolumnbox2 {margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #ffffff;}
#kolumnbox2 form{margin-bottom: 0;}
#kolumnbox2 h3 {margin: 0; padding-left: 24px; font-size: 1em; background: url(bilder/cart.gif) no-repeat top left;}
#kolumnbox2 p {margin-top: 5px; margin-bottom: 0; font-size: 1.1em; font-family: verdana;}
.tabell{margin: 10px 0; padding: 0; border: 0; font-size: 1.1em; font-family: verdana;}
.antalfield{margin: 0; width: 2.8em;}
.antalcell{margin: 0; padding: 2px; border-bottom: 1px solid #666; background-color: #e6e6e6;}
.titelcell{margin: 0; padding: 2px; border-bottom: 1px solid #666; background-color: #f6f6f6;}
.apriscell{margin: 0; padding: 2px; border-bottom: 1px solid #666; background-color: #e6e6e6;}
.priscell{margin: 0; padding: 2px; border-bottom: 1px solid #666; background-color: #f6f6f6;}
.summacell{margin: 0; padding: 2px; border-bottom: 1px solid #666; text-align: right;}





/* Box2 */
.rund2 {background: none;}
.rundtopp2 {background: none; margin: 0;}
.rundbotten2 {background: none;}
.rund2_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund2_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000;}

/* Box3 - Quicktime */
#kolumnbox3 {margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #ffffff;}
#kolumnbox3 h3 {margin: 0; padding-left: 20px; font-size: 1em; background: url(bilder/qt.gif) no-repeat top left;}
#kolumnbox3 p {margin-top: 5px; margin-bottom: 0; font-size: 1.1em; font-family: verdana;}
#kolumnbox3 a:link{text-decoration: underline;}
#kolumnbox3 a:visited{text-decoration: underline;}
#kolumnbox3 a:hover{text-decoration: none;}

/* Box3 */
.rund3 {background: none;}
.rundtopp3 {background: none; margin: 0;}
.rundbotten3 {background: none;}
.rund3_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund3_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
.rund3_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund3_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000;}


/* meny */
#menycontainer{border-bottom: 1px solid #666666;}
#menycontainer ul{padding: 0.5em 0; margin: 0;}
#menycontainer li{margin-right: 0.2em; display: inline; list-style: none;}
#menycontainer li a{text-decoration: none; padding: 0.5em 1em; margin-left: 0; background: #8DA2A6; font-weight: bold;}
#menycontainer a:link{color: #f9f400;}
#menycontainer a:visited{color: #f9f400;}
#menycontainer a:hover{background: #738588; color: #f9f400;}
#menycontainer a#current{background: #ffffff; border-bottom: 1px solid #ffffff; color: #000;}

/* boklistor */
.bokinfo {clear: both; margin: 10px 0; padding: 10px; border-top: 1px solid #aaa;}
.bokbild { float: left; margin-right: 10px; }

#bokfaktacontainer{margin-right: 20px;}
#bokfaktacontainer h2{margin: 0; font-size: 1.2em;}
#bokfaktacontainer h3{margin: 0; font-size: 0.9em;}

.bokfakta{margin-bottom: 20px; border-top: 1px solid #666;}
.pris{font-weight: bold;}
.reapris{font-weight: bold; color: #ff0000;}
.addbestlink{float: right; margin: 0 7em 0 5em; padding: 2px; background: #f9f400; color: #000; width: 10em;}
.floatleft{float:left;}
.floatright{float:right;padding: 0 30px 5px 30px;}
.clearboth{clear:both;}

#topframe { }
#topframe h1{ 
background: transparent url(bilder/logo.gif) no-repeat top left;
margin: 0 0 0.5em 0;
width: 306px; 
height: 37px;
font-size: 2em;
}

#topframe h1 span{display:none;}

#ljudfilertabell{padding: 0; margin: 20px 20px 0 0; border-left: 1px solid #666; border-bottom: 1px solid #666;}

#ljudfilertabell .rubrikcell{margin: 0; padding: 4px; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #666; font-weight: bold; background: #a8c1c6;}
#ljudfilertabell .undercell{margin: 0; padding: 4px; border-right: 1px solid #666;}

#ljudfilertabell a:link{text-decoration: none;}
#ljudfilertabell a:visited{text-decoration: none;}
#ljudfilertabell a:hover{text-decoration: underline;}

#bestconfirmtabell{padding: 0; margin: 0; border-left: 1px solid #666; border-bottom: 1px solid #666; width: 100%;}

#bestconfirmtabell .rubrikcell{margin: 0; padding: 4px; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #666; font-weight: bold; background: #a8c1c6;}
#bestconfirmtabell .undercell{margin: 0; padding: 4px; border-right: 1px solid #666;}


.kvittotabellrubrik {
   background-color: #a8c1c6;
   border-top: 1px solid #666;
   border-bottom: 1px solid #666;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
  
.kvittotabellfot {
   background: none;
   border-bottom: 1px solid #666;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}

.musikcopy {
   padding: 0px;
   text-align: left;
   vertical-align: top;
   color: #999;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
}

.bestallista{list-style-image: url(bilder/pil.gif);}
.bestallistali{margin-top: 10px;}

.bestlink{float: right; margin: 1em 5em 1em 1em;}
.bestlink3{float: right; margin: 1em 5em 1em 5em; padding: 0.4em 0.5em; border: 1px solid #666; background: #f9f400;}
.bestlink2{padding: 0.4em 0.5em; border: 1px solid #666; background: #f9f400;}
.errortext {color: #f00;}

#bestprogress {padding: 0; margin: 0;}
#bestprogress ul{padding: 0; margin: 0 0 2em 0;}
#bestprogress li{margin: 0 0 1em 0.2em; padding: 0.2em; display: inline; list-style: none; background: #efefef;}
#bestprogress .active{border: 1px solid #666; background: #e6e6e6;}
#bestprogress #current{border: 1px solid #000; background: #f9f400;}

#bestprogress a:link{color: #000;}
#bestprogress a:visited{color: #000;}
#bestprogress a:hover{text-decoration: none; color: #000;}

#adressfalt{}
#adressfalt .falt{width: 20em;}
#adressfalt .falterror{border: solid 1px #ff0000; width: 20em;}
#adressfalt .leftcell{text-align: right;}