body         
{
     	text-align: center;        
	font-size: 10pt; 
             font-family: Arial, "Times new roman"; 
	     background: url(images/webben/Untitled-11.jpg);
             background-repeat: repeat; 
             background-attachment: scroll; 
             background-position: left top;
}
               
h1           
{ 
             font-family: Arial, "Times new roman"; 
             font-size: 20pt; 
             font-weight: bold;
}

h2           { font-size: 12pt }
h3           { font-size: 10pt }
hr           { color: #336633}


a:link       { color: #7C352E }
a:visited    { color: #B95044 }
a:active     { color: #008080 }

a:link.two       { color: #000000 }
a:visited.two    { color: #000000 }
a:active.two     { color: #000000 }



div.utseende  /* färgen och bredden på boxen för sidan */
{ 
                  background: #669966;  /*#BD8E8C;*/
                  text-align: left;
                  color: #000000;
                  margin: 0 auto;
                  width: 800px;
		  border: 1px solid #669966;
}

/* boxen med bild och text längst upp */
div.top {
    background: #FFFFFF;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    height: 150px;
}

div.top img {
        float: left;
        margin: 0 10px 0 0;
        
}

div.top h1 {
        	color: #003300;
		font-family: "comic sans ms"; 
             	font-size: 20pt; 
             	font-weight: bold;
		text-align: center;
		letter-spacing: .4em;
		background: url(images/webben/books2.jpg);
		padding: 35px 0 35px 50px;      
}



.head {
     	text-align: left;
    background: #FFFFFF;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}



div.bakom /* vit och grönt bakom */
{
     	text-align: left;
    width: 774px; 
    float: left;
	     background: url(images/webben/container-back.jpg);
             background-repeat: repeat-y; 
             background-position: left top;
    		margin-top: 8px;
   		 margin-right: 8px;
   		 margin-bottom: 8px;
   		 margin-left: 8px;
   		 padding-top: 4px;
   		 padding-right: 4px;
   		 padding-bottom: 4px;
   		 padding-left: 4px;
}




.boxleft {

    width: 174px; 
    float: left;

   
}


.boxcenter {
    width: 560px;
    float: left;
    padding-left: 20px;
    margin-left: 8px;

}

.bottom {
    background: #FFFFFF;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
}

.clear {
    clear: both;
}



.bildright {
	float: right;
}


.linkright {
	float: right;
}


.bildverktyg {
	float: right;
	margin: 3px;
}


/*---div boxar för lektioner fria---*/

.lektfri {
       width: 560px;
}

.lektfriboxv {
       width: 215px;
       float: left;
}

.lektfriboxh {
       width: 300px;
       float: right;
       padding-left: 10px;
}

.lektfriboxvverktyg {
       width: 155px;
       float: left;
}

.lektfriboxhverktyg {
       width: 360px;
       float: right;
       padding-left: 10px;
}





/*-------------div alternativ text---------*/

span.blue { background-color: #99CCFF}
span.green { background-color: #99FF99}
span.red { background-color: #FF6666}
span.yellow { background-color: #FFFF99}

p.redtext {
     color: red;
     }
     
span.underline {
     text-decoration: underline
}

.bold {
   font-weight: bold;
}




/* ---------- Frågor och svar-------- */

p.rubrik {
   text-align: left;
   font-weight: bold;
   font-size: 10pt
}
p.beskrivning {
   text-align:left;
   font-weight: normal;
   font-size: 10pt; 
   margin-left: 15pt; 
   margin-top: -10pt; 
   margin-bottom: 20pt 

}

p.fraga {
   text-align: left;
   font-weight: bold;
   font-size: 10pt;
   margin-left: 20pt; 
}
p.svar {
   text-align:left;
   font-weight: normal;
   font-size: 8pt; 
   margin-left: 30pt; 
   margin-top: -10pt; 
   margin-bottom: 20pt; 

}





/*---används i butiken-------*/


/*nopcart - This is the class for the main table. You can specify borders, background colors, etc here. */
/*nopheader - This class is used for the descriptive headers of the shopping cart table. */
/*nopentry - This class is used for each product entry in the user's shopping cart. */
/*noptotal - This class is used for the rows displaying the users subtotal, shipping and total costs.*/

  .checkout {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
  .checkoutinput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}   
  .nopcart {background: #669966;border: 1px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}
  .nopheader {background: #99CC99;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
  .nopentry {background: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
  .noptotal {background: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
  .nopbutton {background: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} 


ul.navbutik li
{

          list-style-type: none;
          
}

img.noborder
{
	border-style: none;
          
}

img
{  
}

.nowrap { white-space: nowrap; }