body{
background-color: #ffffff;
text-align: center;
background: url('Bilder/pattern.jpg');
}

p {
 padding:10px;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-top: -2px;
}

#text2 {
 text-align: left;
 padding:10px;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-top: -30px;
}

#text3 {
 text-align: left;
 padding:10px;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-top: -60px;
 margin-left: 20px;
}

#text4 {
 text-align: left;
 padding:10px;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-top: -65px;
 margin-left: 20px;
}

#text5 {
 text-align: left;
 padding:10px;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-top: -60px;
 margin-left: 20px;
}

#text6 {
 text-align: left;
 padding:10px;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-top: -80px;
 margin-left: 80px;
}

#text7 {
	text-align: left;
	padding-top:0px;
	font-family: constantia verdana;
	font-size: 15px;
	margin-right: 20px;
	margin-top: -60px;
	float:right;
}

#text8 {
 text-align: left;
 padding:20px;
 padding-top:7px;
 font-family: constantia verdana;
 font-size: 14px;
 margin-top: -65px;
 margin-left: 250px;
}

#text9 {
 text-align: left;
 font-family: constantia verdana;
 font-size: 15px;
 margin-left: 50px;
 margin-top: -60px;
 }

#text10 {
 text-align: left;
 font-family: constantia verdana;
 font-size: 15px;
 margin-left: 305px;
 margin-top: 40px;
 }

 #text11 {
 text-align: left;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-right: 20px;
 margin-left: 20px;
 margin-top: -60px;
 float:left;
 height: 260px;
 }

 #text12 {
 text-align: left;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-right: 20px;
 margin-left: 20px;
 margin-top: -60px;
 float:left;
 height: 260px;
 }

 #text13 {
 text-align: left;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-right: 20px;
 margin-left: 370px;
 margin-top: 30px;
 float:left;
 height: 70px;
 }

#kontakt1 {
 padding-left:40px;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-left: px;
 margin-top: px;
 float:left;
}

#kontakt2 {
 padding-right:40px;
 padding-top:20px;
 font-family: constantia verdana;
 font-size: 15px;
 margin-right: px;
 margin-top: px;
 float:right;
}

#rubrik {
 font-family: Constantia verdana;
 font-size: 40px;
 font-weight: bolder;
 padding-top:10px;
}

#rubrik2 {
 font-family: Constantia verdana;
 font-size: 30px;
 font-weight: bolder;
 padding-top:10px;
}

#rubrik3 {
 font-family: Constantia verdana;
 font-size: 22px;
 font-weight: bolder;
 font-weight: 600;
 padding-top:10px;
 }

#container{
background-color:#fff;
width: 900px;
height: 100%;
border: 1px solid black;
margin-left: auto;
margin-right: auto;
}

#huvud{
width: 900px;
height: 160px;
background-image: url("Bilder/kghalsalogga3(3).png");
}

#menyrad{
width: 900px;
height: 35px;
background-image: url("Bilder/menyrad.png");
background-repeat: no-repeat;
text-align: center;
font-family: Constantia verdana;
font-size: 20px;
font-weight: bolder;
line-height: 1.7em;
}

a.meny { /* som du ser har jag lagt till "meny" med en punkt emellan, detta
är då jag nu skapat en class som heter meny, och bara länkarna som har class="meny"
i sig kommer påverkas av denna, ingen annan. */
  color: #000000;
  margin-left:5px;
  margin-right:5px;
}

a.meny:hover { /* Här ställer du in vad som händer när du håller musen över länken */
  color: #333;
}


}

#innehall{
width: 890px;


}

#index_backgrund{
width: 771px;
height: 180px;
background-image: url("Bilder/.png");
background-repeat: no-repeat;
margin-left: -15px;
margin-right: 155px;
margin-top: 10px;
}

#backgrund2{
width: 771px;
height: 660px;
background-image: url("Bilder/backgrund2.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border: 0px solid black;
}

#backgrund3{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund3.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund4{
width: 771px;
height: 650px;
background-image: url("Bilder/backgrund4.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund5{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund5.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund6{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund6.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund7{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund7.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund8{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund8.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund9{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund9.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund10{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund10.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund11{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund11.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund12{
width: 771px;
height: 600px;
background-image: url("Bilder/backgrund12.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund13{
width: 771px;
height: 635px;
background-image: url("Bilder/backgrund13.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund14{
width: 771px;
height: 450px;
background-image: url("Bilder/backgrund14.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund15{
width: 771px;
height: 500px;
background-image: url("Bilder/backgrund15.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#backgrund16{
width: 771px;
height: 520px;
background-image: url("Bilder/backgrund16.png");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#sidfot{
width: 900px;
height: 65px;
margin-top: 10px;
padding-top: 10px;
text-align: center;
line-height: 1.5em;
background-image: url("Bilder/sidfot.png");

}

#kostrodgivning{
background-image: url('Bilder/kostradgivning.png');
background-repeat: no-repeat;
width: 163px;
height: 167px;
margin-left:15px;
margin-right:15px;
float: left;
}

#massage{
background-image: url('Bilder/massage.png');
background-repeat: no-repeat;
width: 163px;
height: 167px;
margin-left:15px;
margin-right:15px;
float: left;
}

#fotbehandling{
background-image: url('Bilder/fotbehandling.png');
background-repeat: no-repeat;
width: 163px;
height: 167px;
margin-left:15px;
margin-right:15px;
float: left;
}

#allman_halsokontroll{
background-image: url('Bilder/allman_halsokontroll.png');
background-repeat: no-repeat;
width: 163px;
height: 167px;
margin-left:15px;
margin-right:15px;
float: left;
}

#hjart_lungraddning{
background-image: url('Bilder/hjart_lungraddning.png');
background-repeat: no-repeat;
width: 163px;
height: 167px;
margin-left:15px;
margin-right:15px;
float: left;
}





#omoss{
background-image: url('Bilder/omoss.png');
background-repeat: no-repeat;
width: 163px;
height: 167px;
margin-left:15px;
margin-right:15px;
float: left;
}

#foretag{
background-image: url('Bilder/foretag.png');
background-repeat: no-repeat;
width: 163px;
height: 167px;
margin-left:15px;
margin-right:15px;
float: left;
}

#menybox {
width:800px;
height:220px;
float:center;
margin-left: 65px;
}

#omossbild{
width: 250px;
height: 189px;
margin-left: 272px;
margin-right: 10px;
float: center;
background-image: url("Bilder/omossbild.png");
background-repeat: no-repeat;
position: absolute;
}

#massageakademinlogga{
width: 257px;
height: 77px;
background-image: url("Bilder/Svenska Massageakademins Riksförbund (Logga).png");
background-repeat: no-repeat;
margin-left: 470px;
margin-right: 30px;
margin-top: 100px;
float:right;
position: absolute;
}

#drflogga{
width: 126px;
height: 60px;
background-image: url("Bilder/DRF_logga.png");
background-repeat: no-repeat;
margin-left: 620px;
margin-right: 13px;
margin-top: -45px;
float:right;
position: absolute;
}

#omosssida{
float: center;
height: px;
}

#massagebild{
width: 278px;
height: 252px;
margin-left:60px;
margin-top: -10px;
float:left;
background-image: url("Bilder/massagebild3.png");
background-repeat: no-repeat;
position: absolute;
}

#masage_sofie{
width: 140px;
height: 160px;
margin-left:150px;
margin-top: -5px;
float:left;
background-image: url("Bilder/massage_sofie.png");
background-repeat: no-repeat;
position: absolute;
}


#kostochproduktbild{
width: 178px;
height: 222px;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
background-image: url("Bilder/kost_och_produktinfo.png");
background-repeat: no-repeat;
}

#kostochproduktbild2{
width: 120px;
height: 150px;
margin-left: 580px;
margin-right:10px;
margin-top: 260px;
background-image: url("Bilder/kost_och_produktinfo2.png");
background-repeat: no-repeat;
position: absolute;
border: 0px solid black;
}

#praktiskmatlagningbild{
width: 165px;
height: 189px;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
background-image: url("Bilder/praktisk_matlagning.png");
background-repeat: no-repeat;
}

#impedansvagbild{
width: 198px;
height: 130px;
margin-right:150px;
margin-top: 20px;
background-image: url("Bilder/vagning_pa_impedansvag.png");
background-repeat: no-repeat;
float: right;
}

#gruppbehandlingbild{
width: 188px;
height: 187px;
margin-right:150px;
margin-top: 20px;
background-image: url("Bilder/gruppbehandling.png");
background-repeat: no-repeat;
float: right;
}

#individuellradgivningbild{
width: 275px;
height: 202px;
margin-right:120px;
margin-left: 400px;
margin-top: -330px;
background-image: url("Bilder/individuell_radgivning.png");
background-repeat: no-repeat;
float: right;
position: absolute;
}

#kostradgivningbild{
width: 140px;
height: 116px;
margin-left:60px;
margin-top: 280px;
background-image: url("Bilder/kostradgivningbild.png");
background-repeat: no-repeat;
float: right;
position: absolute;
}

#föreläsningbild1{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: -15px;
background-image: url("Bilder/föreläsningar1.png");
background-repeat: no-repeat;
float: left;
}

#föreläsningbild2{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: -15px;
background-image: url("Bilder/föreläsningar2.png");
background-repeat: no-repeat;
float: left;
}

#föreläsningbild3{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: -15px;
background-image: url("Bilder/föreläsningar3.png");
background-repeat: no-repeat;
float: left;
}

#föreläsningbild4{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: -15px;
background-image: url("Bilder/föreläsningar4.png");
background-repeat: no-repeat;
float: left;
}

#föreläsningbild5{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: 10px;
background-image: url("Bilder/föreläsningar5.png");
background-repeat: no-repeat;
float: left;
}

#föreläsningbild6{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: 10px;
background-image: url("Bilder/föreläsningar6.png");
background-repeat: no-repeat;
float:left;
}

#föreläsningbild7{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: 10px;
background-image: url("Bilder/föreläsningar7.png");
background-repeat: no-repeat;
float: left;
}

#föreläsningbild8{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: 10px;
background-image: url("Bilder/föreläsningar8.png");
background-repeat: no-repeat;
float: left;
}

#föreläsningsbox{
width:800px;
height:220px;
float:left;
margin-left: 25px;
}

#företag_organisationbild1{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: 10px;
background-image: url("Bilder/företag_organisationbild1.png");
background-repeat: no-repeat;
float: left;
}

#företag_organisationbild2{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: 10px;
background-image: url("Bilder/företag_organisationbild2.png");
background-repeat: no-repeat;
float: left;
}

#företag_organisationbild3{
width: 149px;
height: 131px;
margin-left:15px;
margin-right:15px;
margin-top: 10px;
background-image: url("Bilder/företag_organisationbild3.png");
background-repeat: no-repeat;
float: left;
}

#företag_organisationbox{
width:800px;
height:220px;
float:left;
margin-left: -15px;
margin-top: 20px;
}

#fotbehandling_bild1{
width: 180px;
height: 180px;
background-image: url("Bilder/fotbehandling_bild1.png");
background-repeat: no-repeat;
margin-left: 80px;
margin-right: 30px;
margin-top: -240px;
float:right;
position: absolute;
}

#fotbehandling_bild2{
width: 180px;
height: 180px;
background-image: url("Bilder/fotbehandling_bild2.png");
background-repeat: no-repeat;
float:right;
margin-left: 520px;
margin-right: 45px;
margin-top: -240px;
position: absolute;
}

#fotbehandling_karin{
width: 180px;
height: 204px;
background-image: url("Bilder/fotbehandling_karin.png");
background-repeat: no-repeat;
float:right;
margin-left: 170px;
margin-right: 45px;
margin-top: 0px;
position: absolute;
}

#allman_halsokontroll_bild1{
width: 140px;
height: 112px;
background-image: url("Bilder/allman_halsokontroll_bild1.png");
background-repeat: no-repeat;
float:right;
margin-left: 580px;
margin-right: 45px;
margin-top: 0px;
position: absolute;
}

#allman_halsokontroll_bild2{
width: 280px;
height: 203px;
background-image: url("Bilder/allman_halsokontroll_bild2.png");
background-repeat: no-repeat;
float:right;
margin-left: 245px;
margin-right: 45px;
margin-top: 0px;
position: absolute;
border: 1px solid black;
}

#lilla_halsokontrollen_bild1{
width: 120px;
height: 120px;
background-image: url("Bilder/lilla_halsokontrollen_bild1.png");
background-repeat: no-repeat;
float:right;
margin-left: 580px;
margin-right: 45px;
margin-top: 0px;
position: absolute;
}

#stora_halsokontrollen_bild1{
width: 100px;
height: 130px;
background-image: url("Bilder/stora_halsokontrollen_bild1.png");
background-repeat: no-repeat;
float:right;
margin-left: 110px;
margin-right: 45px;
margin-top: -2px;
position: absolute;
}

#stora_halsokontrollen_bild2{
width: 150px;
height: 141px;
background-image: url("Bilder/stora_halsokontrollen_bild2.png");
background-repeat: no-repeat;
float:right;
margin-left: 650px;
margin-right: 45px;
margin-top: -40px;
position: absolute;
}

#hjart_lungraddning_bild1{
width: 87px;
height: 96px;
background-image: url("Bilder/hjart_lungraddning_bild1.png");
background-repeat: no-repeat;
float:right;
margin-left: 30px;
margin-right: 45px;
margin-top: 10px;
position: absolute;
}

#hjart_lungraddning_bild2{
width: 262px;
height: 180px;
background-image: url("Bilder/hjart_lungraddning_bild2.png");
background-repeat: no-repeat;
float:right;
margin-left: 480px;
margin-right: 45px;
margin-top: 157px;
position: absolute;
}