#header { background: #e8e8e8 url(../images/dekor/toning_grey.jpg) }
#middle { float: left }
#middle .padding { float: left; padding: 10px 6px 10px 6px }
#bottom { float: left; padding: 0 6px 9px 6px }

/* onlineshop knapp */
.buttonLink { display: block; margin-bottom: 15px; margin-top: 10px } 

/* klasser */
.mT { margin-top: 4px }
.mT5 { margin-top: 5px }
.mT10 { margin-top: 10px }
.mT15 { margin-top: 15px }
.mB { margin-bottom: 4px }
.mB5 { margin-bottom: 5px }
.mB10 { margin-bottom: 10px }
.mB15 { margin-bottom: 20px }
.mB20 { margin-bottom: 20px }
.mL10 { margin-left: 10px }
.mL14 { margin-left: 14px }
.mL20 { margin-left: 20px }
.mR15 { margin-right: 15px }
.mR2 { margin-right: 2px }
.pT { padding-top: 4px }
.pT10 { padding-top: 10px }
.pB { padding-bottom: 4px }
.separator { padding: 0 12px 0 11px }
.separatorS { padding: 0 4px 0 3px }
.slogan { position: absolute; right: 10px; top: 7px; z-index: 10000; color: #666; font-weight: bold }
.abs1010 { position: absolute; bottom: 10px; right: 10px }
.abs2020 { position: absolute; bottom: 20px; right: 20px }

.h100 { height: 100px !important }
.h181 { height: 181px !important }
.h358 { height: 358px !important }
.h83 { height: 83px !important }
.h40 { height: 40px !important }

.noPM { padding: 0 !important; margin: 0 !important }
.noBg { background: #fff }
.noDecor { text-decoration: none }
.right { float: right }
.left { float: left }
.clearL { clear: left }

.borderL { border-left: solid 1px #bebebe }
.borderR { border-right: solid 1px #bebebe }
.borderT { border-top: solid 1px #bebebe }

/* stilar */
.italic { font-style: italic }

/* a href */
.external { background: url(../images/knappar/pil_grey.gif) no-repeat right; padding-right: 17px }

a, a:hover { cursor: pointer; cursor: hand }
a:hover { text-decoration: none }
a img,
a:hover img { display: block; text-decoration: none }

div a div p { color: #000 } /* svart text på p i divvarna som länkas */
div a div { text-decoration: none } /* tar bort underline på t ex h2 och p i IE */
a:hover .pointer { cursor: default }

/*div a div p { color: #000; text-decoration: none }
div div p a { color: #000; text-decoration: none }

div a:hover div { text-decoration: none }
div a:hover div p,
a:hover p { text-decoration: underline }
#middle div a:hover div { background: #eee }*/

a.white { color: #fff }
a.white:hover { color: #fff }
a.grey { color: #666 }
a.grey:hover { color: #666 }
.pointer { cursor: pointer }

/* list */
.list { list-style: none; padding: 0; margin: 0 }
.list li { color: #99d2ff; line-height: 18px; font-weight: bold }
.arrow li { background: url(../images/dekor/arrow_grey.gif) left center no-repeat; padding-left: 12px }
.blackF li { color: #000 !important; font-weight: normal; font-size: 0.9em }

/* dl list */
.aktivitetlist { width: 339px; clear: left; float: left; padding: 0 15px 0 8px /*background: #cacaca*/ }
.aktivitetlist dt { border-bottom: solid 1px #cacaca; float: left; margin: 3px 0 0 0; clear: left; width: 85px; padding: 3px 0 0 0; height: 40px }
.aktivitetlist dd { border-bottom: solid 1px #cacaca; float: left; margin: 3px 0 0 0; clear: right; padding: 3px 0 0 0; width: 254px; height: 40px }

.ledigatjansterlist { width: 433px; clear: left; float: left }
.ledigatjansterlist dt { border-top: solid 1px #cacaca; float: left; font-size: 0.9em; line-height: 23px; height: 23px; vertical-align: middle; margin: 3px 0 0 0; clear: left; padding: 3px 0 0 0; font-weight: normal }
.ledigatjansterlist dd { border-top: solid 1px #cacaca; float: left; font-size: 0.9em; line-height: 23px; height: 23px; vertical-align: middle; margin: 3px 0 0 0; padding: 3px 0 0 0 }
.ledigatjansterlist dd img { margin-top: 6px }


/* skriva över blueprint */ 
body { margin: 0 0 0 0; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif, "Helvetica Neue", "Lucida Grande" }
.container { padding-top: 5px }
h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, Verdana, sans-serif, "Helvetica Neue", "Lucida Grande"; }
h1,h2,h3,h4,h5,h6 { color: #111; margin: 0; padding: 0 }

h1 { font-size: 25px }
h2 { font-size: 20px; font-weight: bold; line-height: 23px; margin-bottom: 4px }
h3 { font-size: 15px; font-weight: bold; line-height: 18px; color: #b21227 !important; font-style: italic; margin-bottom: 4px }
p { margin-bottom: 0.7em }
blockquote  { margin: 15px 0 15px 0; color: #757575; font-weight: bold; font-size: 1.3em; font-style: normal; line-height: 22px }

table   { margin-bottom: 0 }
th      { border: none; font-weight: normal; }
td      { border: none }
th,td   { padding: 0 }

fieldset    { margin: 0 0 1.5em 0; border: 0; padding: 0 }
input.text, input.title { width: 250px; margin: 0.1em 0.5em 0.4em 0; background: #fff url(../images/dekor/bg_input.png) repeat-x }
input.text, input.title { padding: 4px; }
textarea { width: 400px; margin: 0.1em 0.5em 0.5em 0; background: #fff url(../images/dekor/bg_input.png) repeat-x }
textarea { padding:4px; font-family: inherit; font-size: inherit }
select { width: 260px; background: #fff url(../images/dekor/bg_input.png) repeat-x; padding: 4px; margin: 0.1em 0.5em 0.4em 0 }
fieldset label { width: 250px; display: block }
/* knapp */
.button { text-decoration: none; padding: 2px 0 3px 6px; }
.button input { height: 21px; border-top-style: none; cursor: pointer; border-right-style: none; border-left-style: none; border-bottom-style: none; padding: 1px 5px 2px 0px }
.button span  { text-decoration: none; padding: 5px 5px 6px 0px; cursor: pointer }
.button { background: url(../images/knappar/knappVanster.gif) no-repeat left center }
.button input { color: #000; font: normal .9em Tahoma, Helvetica; background: url('../images/knappar/knappHoger.gif') no-repeat right center
}
.button span  { font: normal .9em/1.8em Tahoma, Arial, Helvetica; color: #000; background: url(../images/knappar/knappHoger.gif) no-repeat right center }


/* galleri */
a.galleri { border: solid 4px #fff }
a.galleri:hover { border: solid 4px #cacaca }

/* hr */
span.hr {
  float: left;
  width: 607px;
  height: 1px;
  background: #bebebe url(../images/dekor/hr1x1_bebebe.gif) repeat-x;
}
span.hr hr {
  display: none;
}

/* länkar */
a .linkB { text-decoration: underline }
a:hover .linkB { text-decoration: none }


/*a .linkU { text-decoration: underline }
a:hover .linkU { text-decoration: none }*/

/* widths */
.w100 { width: 100px }
.w150 { width: 150px }
.w175 { width: 175px }
.w200 { width: 200px }
.w250 { width: 250px }
.w300 { width: 300px }
.w400 { width: 400px }
.w500 { width: 500px }

/* heights */
.h360 { height: 360px; }

/* color */
.blueF { color: #366da5 !important }
.whiteF { color: #fff !important }
.blackF { color: #000 !important }
.lightgreyF { color: #777 !important }
.pinkF { color: #f680c6 !important }

/* bakgrundsfärger */
.blueBg { background: #86aec9 }
.greyBg { background: #8c8c8c }
.kakiBg { background: #888575 }
.greenBg { background: #84972f }
.brownBg { background: #6c543c }
.woodBg { background: #5b642b }