/*********** GENERELLA ELEMENT ***********/
* { padding: 0; margin: 0 }
body { background: #EEE; color: #000; font: 68.75% Arial, Tahoma, Helvetica; }

a { font-family: Arial, Helvetica, Tahoma; font-weight: bold; color: #000000; text-decoration: underline }
a:hover { font-family: Arial, Helvetica, Tahoma; font-weight: bold; color: #000000; text-decoration: none }
ul { padding: 0; margin: 0; line-height: 16px; }
h1 { padding: 0 0 6px 0; margin: 0; font: normal 23px Georgia, Arial, Helvetica, Tahoma }
h2 { padding: 0 0 4px 0; margin: 0; font: normal 19px Georgia, Arial, Helvetica, Tahoma }
h3 { padding: 0 0 4px 0; margin: 0; font: normal 17px Georgia, Arial, Helvetica, Tahoma; color: #f58e2a }

p { margin: 0; padding: 0 0 10px 0 }
strong { font-weight: bold; }
img { border: none; }

dl  { float: left; clear: both; padding-bottom: 5px; }
dt  { float: left; clear: left; width: 110px; font-weight: bold; margin-bottom: 5px; }
dd  { float: left; width: 310px; margin-bottom: 5px; }

fieldset { border: 0px }
label  { height: 16px; float: left; font-weight: bold; margin: 5px 0 2px 0; color: #000 }
label, input { margin-bottom: 0px; color: #585858; font-family: Arial, Tahoma, Helvetica; font-size: 11px; padding: 0 0 0 2px }
select { height: 20px; padding: 0 0 0 2px; }
textarea { padding: 0 0 0 2px; color: #585858; font-family: Arial, Helvetica, Tahoma; font-size: 11px; }


/*********** BASELINE ***********/

.textC { text-align: center }

/* MARGIN */
.mT { margin-top: 3px }
.mT5 { margin-top: 5px }
.mT10 { margin-top: 10px }
.mT15 { margin-top: 15px }
.mT20 { margin-top: 20px }
.mT60 { margin-top: 60px }

.mB { margin-bottom: 3px }
.mB5 { margin-bottom: 5px }
.mB10 { margin-bottom: 10px }
.mB15 { margin-bottom: 15px }
.mB20 { margin-bottom: 20px }

.mL { margin-left: 3px }
.mL5 { margin-left: 5px }
.mL10 { margin-left: 10px }
.mL15 { margin-left: 15px }
.mL20 { margin-left: 20px }

.mR { margin-right: 3px }
.mR5 { margin-right: 5px }
.mR10 { margin-right: 10px }
.mR15 { margin-right: 15px }
.mR20 { margin-right: 20px }

/* PADDING */
.pT { padding-top: 3px }
.pT5 { padding-top: 5px }
.pT10 { padding-top: 10px }
.pT15 { padding-top: 15px }
.pT20 { padding-top: 20px }
.pT25 { padding-top: 25px }

.pR { padding-right: 3px }
.pR5 { padding-right: 5px }
.pR10 { padding-right: 10px }
.pR15 { padding-right: 15px }
.pR20 { padding-right: 20px }

.pB { padding-bottom: 3px }
.pB5 { padding-bottom: 5px }
.pB10 { padding-bottom: 10px }
.pB15 { padding-bottom: 15px }
.pB20 { padding-bottom: 20px }

.pL { padding-left: 3px }
.pL5 { padding-left: 5px }
.pL10 { padding-left: 10px }
.pL15 { padding-left: 15px }
.pL20 { padding-left: 20px }

.noPM { padding: 0 !important; margin: 0 !important }
.pB0 { padding-bottom: 0 !important }
.pT0 { padding-top: 0 !important }
.pEnd { margin-bottom: 25px }
.p22 { padding: 22px }
.mT7 { margin-top: 7px }
.mB12 { margin-bottom: 12px }
.mB40 { margin-bottom: 40px }


/*********** STRUKTUR ***********/
#wrapper { width: 780px; margin-right: auto; margin-left: auto }
#container { width: 100%; float: left; background: #FFF }
#footer { float: left; background: #FFF; color: #000; padding: 10px 15px 0 15px; margin-bottom: 5px; clear: both; line-height: 16px; width: 750px; }
#pema { background: #EEE; color: #999; padding: 0 15px 0 15px; margin-bottom: 5px; clear: both; line-height: 16px; width: 750px; text-align: right }
#pema a { color: #999 }

#mainMenu { background: #FFF }

#subMenu { width: 780px; line-height: 25px; list-style: none; float: left; }
#subMenu a { text-decoration: none; color: #FFF; font-weight: normal; }
#subMenu a:hover { text-decoration: underline; }
#subMenu li { color: #FFF; float: left; padding: 0 10px 0 10px; border-right: solid 1px #EEE; }

#sideContent { padding: 0 14px 0 14px; float: right; }
#splashContent { padding: 0 14px 0 14px; display: inline; float: left; }

#headerPicture { height: 121px; width: 766px; clear: both; padding: 14px 0 0 14px }
#headerPicture h1 { color: #FFF; }
#headerPicture p { color: #FFF; width: 400px; }


/*********** KLASSER ***********/
.bulletGone { list-style: none }
.content  { padding: 15px }
.left { float: left }
.right { float: right }
.separator { padding-right: 45px }
.thin { font-weight: normal }
.thin:hover { font-weight: normal }

/* färger */
.white { color: #FFF }
.white:hover { color: #FFF }
.black { color: #000; }
.black:hover { color: #000; }
.blue { color: #03386E }
.blue:hover { color: #03386E }
.orange { color: #F5AB2A; }
.orange:hover { color: #F5AB2A; }

/* listor */
.listUl { list-style: none; }
.listUl li { display: inline-block; }
.listUl li { display: block; } /* ie-hack för att inte få dubbla margins på li-listan */
.listUl li a { display: block; color: #F5AB2A; font-weight: bold; margin-bottom: 5px; }
.listUl li a:hover { color: #F5AB2A; }


/*********** ELIASONS SPECIFIKT ***********/

/* startsida */
#defaultValkommen 
			{ height: 141px; width: 251px; color: #FFF; padding: 15px 15px 0 15px; background: #919191 url(../gfx/detaljer/default_valkommen_bg.jpg) repeat-x }
#defaultAngsgarden
			{ height: 234px; width: 251px; color: #FFF; padding: 15px; background: #444 url(../gfx/bilder/orebro_military_training2.jpg) no-repeat }
#defaultMassageskolan
			{ height: 341px; /*width: 495px;*/ position: relative; background: url(../gfx/bilder/default_massageskolan_bg.jpg) 0 0 no-repeat }
#defaultSummerCamp { background: url(../gfx/bilder/summer_boot-camp2.jpg) 0 0 no-repeat; height: 106px }
.massageskolanPalett { height: 147px; width: 309px; padding: 4px 20px 10px 12px; position: absolute; right: 20px; bottom: 15px; background: url(../gfx/bilder/massageskolanPalett_bg.gif) no-repeat }
.massageskolanPalett h3 { color: #FFF; margin: 0; padding-bottom: 12px; }
.massageskolanPalett a { color: #000; }

#defaultNaprapatjouren { color: #FFF; width: 670px; height: 131px; margin-top: 4px; padding: 10px 100px 10px 10px; background: url(../gfx/bilder/default_naprapatjouren_bg.jpg) no-repeat }
#defaultNaprapatjouren p { width: 250px }

#defaultPersonalhalsan { color: #FFF; width: 475px; height: 97px; margin-top: 4px; padding: 10px 10px 10px 10px; background: url(../gfx/bilder/default_personalhalsan_bg.jpg) no-repeat }
#defaultPersonalhalsan p { width: 250px }
.bullet-list { list-style-position: inside; list-style-type: none; }
.bullet-list li { padding-left: 10px; margin-bottom: 3px; background: url(../gfx/detaljer/bullet.png) 0 6px no-repeat }
.mT10 { margin-top: 10px }
.omt-text { margin-top: 40px }


/*#defaultPusher { background: #b82b17 url(../gfx/bilder/default_0711_julflik.jpg) right top no-repeat; margin: 5px; padding: 15px 90px 15px 15px }
#defaultPusher h1 { padding-bottom: 0; color: #fff }
#defaultPusher p, 
#defaultPusher strong { color: #fff }*/


/* massageskolan - default */
.massageskolanDefault { background: #f5ab2a url(../massageskolan/gfx/bakgrunder/default_topbild.jpg) right no-repeat; }
.massageskolanUtbildningar { background: #f5ab2a url(../massageskolan/gfx/bakgrunder/utbildningar_topbild.jpg) right no-repeat; }
.massageskolanSkolaBoende { background: #f5ab2a url(../massageskolan/gfx/bakgrunder/skolaBoende_topbild.jpg) right no-repeat; }
.massageskolanKontakt { background: #f5ab2a url(../massageskolan/gfx/bakgrunder/kontakt_topbild.jpg) right no-repeat; }


.pusher { float: left; margin: 0px; padding:0px; width: 780px;  }
.pusher ul.push { clear: both; margin: 0px; padding: 0px; width: 780px; }
.pusher ul.push li { padding: 0; margin: 0; width: 295px; list-style: none;}
.pusher ul.push li.first { width: 190px; float: left; }
.pusher ul.push li.second { float: left; }
.pusher ul.push li.last { width: 295px; float: right; }

.pusher ul.push p, 
.pusher ul.push dl,
.pusher ul.push ul, 
.pusher ul.push strong  { margin: 5px 14px 0 14px; }

.pusher h2, 
.pusher h3 { margin: 10px 14px 2px 14px; padding: 0; }

.pusher ul.push img { margin: 0 5px 5px 0; }
.pusher ul.push li ul li { width: 100%; }


/* formulär */
fieldset.kontakt { padding-left: 14px; }
fieldset.kontakt input, fieldset.kontakt label { float: left; width: 120px }
fieldset.kontakt div { width: 33%; float: left }

/* knappar */
.button { text-decoration: none; background-repeat: no-repeat; padding-left: 5px; /*padding-bottom: 5px;*/ background: url(../gfx/knappar/knappVanster.gif) no-repeat; display: block; }
.button input { border-style: none;
    height: 21px; color: #FFF; font: normal 1.0em Arial, Tahoma, Helvetica; background: url('../gfx/knappar/knappHoger.gif') no-repeat 100% center; 
    padding: 0px 5px 2px 0px; cursor:pointer; }
.button span  { text-decoration: none; color: #000; font: normal 1.0em/1.8em Arial, Tahoma, Helvetica; background: url(../gfx/knappar/knappHoger.gif) no-repeat 100% center; padding: 6px 5px 6px 0px; cursor:pointer; }

#friskvardskuponger { background: #513C28; overflow: hidden; margin-top: 4px }