@import url("screen.css");
@import url("iepngfix.css");

/* theme */
.menu { float: left; list-style: none; margin: 0; padding: 0; width: 924px }
.menu li { float: left; line-height: 36px; display: inline }
.menu li a { float: left; padding: 15px 25px; color: #515151; font-size: 1.1em; font-weight: bold; text-decoration: none }
.menu li a:hover { color: #000 }
.menu li a.current { background: url(../images/dekor/current_bg.gif) bottom center no-repeat }

.ingress { padding: 10px 0 0 14px; color: #fff; width: 904px; height: 130px; border-top: solid 5px #2a5d9d; }
.ingress p { width: 380px }

/* struktur */
body { background: #4898d3 url(../images/dekor/bg.jpg) top no-repeat }
.container { width: 924px; margin-top: 7px }

#header { float: left; background: #fff; position: relative }
.logo { position: absolute; top: 10px; right: 20px }

#content { width: 918px; border-right: solid 3px #fff; border-left: solid 3px #fff; background: #fff; float: left }
 

#footer { float: left; clear: both; background: url(../images/dekor/footer_left.png) left no-repeat }
#footer div { float: left; background: url(../images/dekor/footer_right.png) right no-repeat }
#footer div div { float: left; width: 890px; margin: 0pt 7px; padding: 0 10px; background: url(../images/dekor/footer_bg.jpg) repeat-x; display: inline; line-height: 30px }
#footer div div span { color: #a7bbd7; font-size: 0.9em }
#footer div div a { color: #a7bbd7 }
#footer div div a:hover { color: #fff }


.siteinfo { width: 984px; float: left; line-height: 22px; font-size: 0.9em; text-align: right; padding-right: 15px; margin-bottom: 10px }


/* sidor */
#content #home .leftContent { float: left; width: 490px; padding: 14px }
#content #home .handmade { float: left; margin-bottom: 20px }
#content #home .watch { float: left }
#content #home .rightContent { float: right; width: 386px; padding: 14px 14px 14px 0 }
#content #home .buy { float: left; margin-bottom: 20px }
#content #home .news { float: left; padding: 10px; width: 377px; height: 79px; color: #fff }

#content #handmade .leftContent { float: left; width: 490px; padding: 14px }
#content #handmade .rightContent { float: right; width: 358px; height: 525px; border-bottom: solid 3px #fff; padding: 14px 14px 14px 28px }
#content #handmade .watch { float: left }

#content #about .leftContent { float: left; width: 490px; padding: 14px }
#content #about .rightContent { float: right; width: 386px; padding: 14px 14px 14px 0 }
#content #about .news { float: left; padding: 10px; width: 377px; height: 79px; color: #fff }

#content #contact .leftContent { float: left; width: 490px; padding: 14px }
#content #contact .rightContent { float: right; width: 386px; padding: 14px 14px 14px 0 }
#content #contact .troentorp { float: left; width: 490px }
#content #contact .news { float: left; padding: 10px; width: 377px; height: 200px; color: #fff }


/* skriva över blueprint */ 
body { margin: 0 0 0 0; font-family: Tahoma, Arial, Helvetica, sans-serif, "Helvetica Neue", "Lucida Grande"; font-size: 75% }
h1,h2,h3,h4,h5,h6 { font-family: Tahoma, Arial, Helvetica, sans-serif, "Helvetica Neue", "Lucida Grande"; }

h1 { font-size: 38px; margin: 0 0 6px 0 }
h2 { font-size: 29px; margin: 0 0 6px 0 }
h3 { font-size: 23px; margin: 0 0 6px 0 }
h4 { font-size: 17px; font-weight: normal; line-height: 18px; margin: 0 0 10px 0; color: #000 }
p { margin-bottom: 0.7em; line-height: 17px }
blockquote  { margin: 0 0 5px 0; color: #fff; font-size: 1.1em; font-style: normal; line-height: 18px }
img { margin: 0; padding: 0 }

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: url(../images/dekor/bg_input.png) repeat-x; padding: 4px; border-color: #97b4cc }
textarea { width: 400px; margin: 0.1em 0.5em 0.5em 0; background: url(../images/dekor/bg_input.png) repeat-x; padding: 4px; font-family: Arial, Helvetica, Tahoma; font-size: 1.1em; border-color: #97b4cc }
textarea:focus,
input.text:focus,
input.title:focus  { border-color: #97b4cc }

select { width:250px; background: url(../images/dekor/bg_input.png) repeat-x }
fieldset label { width: 250px; display: block }

.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: Transparent 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 }

/* klasser */
.separator { padding: 0 12px 0 11px }
.separatorS { padding: 0 4px 0 3px }
.abs1010 { position: absolute; bottom: 10px; right: 10px }
.noPM { padding: 0 !important; margin: 0 !important }
.noBg { background: none }
.noDecor { text-decoration: none }
.right { float: right }
.left { float: left }
.clear { clear: both }
.clearL { clear: left }
.clearR { clear: right }
.borderL { border-left: solid 1px #bebebe }
.borderR { border-right: solid 1px #bebebe }
.borderT { border-top: solid 1px #bebebe }
.strong { font-weight: bold }
.smaller { font-size: 0.8em; font-family: Tahoma, Arial, Helvetica; line-height: 14px }

/* margins */
.mT { margin-top: 4px !important }
.mT5 { margin-top: 5px !important }
.mT10 { margin-top: 10px !important }
.mT15 { margin-top: 15px !important }
.mB { margin-bottom: 4px !important }
.mB5 { margin-bottom: 5px !important }
.mB10 { margin-bottom: 10px !important }
.mB15 { margin-bottom: 20px !important }
.mB20 { margin-bottom: 20px !important }
.mL10 { margin-left: 10px !important }
.mL20 { margin-left: 20px !important }
.mR10 { margin-right: 10px !important }
.mR20 { margin-right: 20px !important }
.pT { padding-top: 4px !important }
.pT10 { padding-top: 10px !important }
.pB { padding-bottom: 4px !important }

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

/* heights */
.h100 { height: 100px !important }

/* color */
.blueF { color: #366da5 !important }
.whiteF { color: #fff !important }
.blackF { color: #000 !important }
.lightgreyF { color: #777 !important }
.orangeF { color: #bb4223 !important }
.lightblueF { color: #c0d2e7 !important }

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

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

/* a href */
a { text-decoration: underline; color: #4283cc }
a:hover { text-decoration: none; color: #777 }

a, a:hover { cursor: pointer; cursor: hand }
.external { background: url(../images/knappar/pil_grey.gif) no-repeat right; padding-right: 18px }
.linkB { font-weight: normal !important }

/* list */
.list { list-style: none; margin: 0; padding: 0 }
.list li { line-height: 16px; margin-bottom: 2px }
.big li { font-size: 1.4em; margin-bottom: 7px }
.standard li { margin: 0 } 
.arrow li { background: url(../images/dekor/arrow_blue.gif) left center no-repeat; padding-left: 12px }
.blackF li { color: #000 !important; font-weight: normal; font-size: 0.9em }

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