/* ALLMANT */
* {margin:0; padding:0;}
html, body {height: 100%;}

body {background:#f0f0f0 url(images/bg.jpg) repeat-x top left; color:#333; font-family: "Trebuchet MS", Arial, Verdana, Geneva, sans-serif;}
h1 {font-size:22px;font-weight:normal;}
h2 {font-size:14px; font-weight:normal;margin-bottom:8px;}
h3 {font-size:12px;}
h4 {font-size:12px;}
p {font-size:12px; line-height:18px; padding:5px 0px 7px 0px;}

p.ingress {font-size:14px;}
a {text-decoration:underline;}
a, a:link, a:visited {color:#4a708b; }
a:hover  {color:#aaa;}
.rensa {clear:both; height:1px;}
.rensa-left {clear:left;}
.bold {font-weight:bold;}

/* DESIGN RAMVERK DIVAR */

/*#ram {position:absolute; background:#fff url(images/bg_ram.jpg) repeat-y; left:50%; top:0px; width:982px; min-height: 100%; margin-left: -491px;}*/
#ram {background:#fff url(images/bg_ram.jpg) repeat-y; width:982px; min-height: 100%; margin:0 auto;}
* html #ram {height:100%;}	
#ram-topp {background:transparent url(images/bg_topp.jpg) no-repeat top left; width:982px; height:100%;}
#ram-innehall {margin:0px 26px 0px 26px; height:100%;}
#logo {float:left; padding:8px 0px 0px 0px; width:230px; margin-bottom:6px;}
#snabblankar {float:left; padding:10px 0px 0px 0px; width:692px; text-align:right;}
#snabblankar p {font-size:10px;}
#anpassa {float:right;padding:12px 0px 0px 0px; height:38px; width:50px;}
#menysoksprakbox {width:930px;}
#toppmeny {float:left; width:570px;}

#soksprak {float:right; width:297px; background:transparent url(images/bg_soksprak.jpg) no-repeat; padding:0px 10px 5px 10px;}
.SkinItem {font-size:10px;}
#soksprak .sokruta {float:left; margin:8px 0px 0px 0px; padding:0px 0px 5px 0px;}
#soksprak input, #soksprak select {width:120px;border:1px solid #999999;font-size:10px; background:transparent url(images/bg_falt.jpg) no-repeat; padding:2px 0px 2px 5px;color:#666;}
#soksprak input.blank{width:120px;border:1px solid #999999;font-size:10px; background-image:none;background-color:#fff;padding:2px 0px 2px 5px;color:#666;}

#soksprak a, #soksprak a:hover {color:#666666;text-decoration:none;}
#soksprak .knappruta {float:left; padding:8px 0px 0px 7px; margin:0px 0px 0px 0px;}
#soksprak .knapp {background:transparent url(images/kn_search.gif) no-repeat; width:31px; height:21px; border:0px;}
#soksprak .sprakruta {float:right; margin:8px 0px 0px 0px; padding:0px 0px 5px 0px;}

#vansterinnehall {float:left; width:730px; padding-top:7px; min-height:100%;}
* html #vansterinnehall {height:100%;}	

/* BILDSPEL, RUBRIKBANNER, ARTIKLAR-DROPDOWN, ERBJUDANDEN */
#bildspel {width:730px; height:auto; margin-bottom:10px;}
#rubrikbanner {width:730px; height:25px; background:transparent url(images/bg_rubrikbanner.gif) no-repeat; margin:10px 0px 0px 0px; padding:7px 0px 0px 0px;}
#rubrikbanner span {margin:7px 0px 0px 210px; font-size:12px; font-weight:bold; text-transform:uppercase;}
#snabbvagar {float:left;width:190px;}
.artikellista {height:36px; padding:10px 0px 0px 10px; background:transparent url(images/bg_dropdown.gif) no-repeat;}
.artikellista select {margin:5px 0px 10px 0px; padding:2px 0px 2px 5px;font-size:10px; }
.karta {width:182px; height:60px; background:transparent url(images/karta_aland.jpg) no-repeat; margin-top:0px; }
.vader {float:right; width:122px; color:#666; font-size:10px; text-align:right; }
.mino-topp {width:190px; height:27px; margin:8px 0px 0px 0px; padding:0px; background:transparent url(images/bg_mino_topp.gif) repeat-y; }
span.visakarta {float:left; }
span.visakarta a { text-decoration:none; color:#333; font-size:10px; }
p.kalenderlank a { float:right; margin-right:20px;}

#vansterinnehall p.lasmer {text-align:right; padding:2px 0px 7px 0px;}

#mitteninnehall {float:left; width:540px; margin:5px 0px 0px 0px; padding:0px;}
#mitteninnehall p.lasmer {text-align:right; padding:2px 0px 7px 0px;}
.textbox {float:left; width:540px; margin:7px 0px 0px 0px; padding:0px;}
.start-artiklar {width:520px; background:transparent url(images/bg_artiklar.jpg) no-repeat; margin:0px 0px 10px 0px; /*background-color:#f00;*/}
.artiklarbox, .artiklarboxhoger {float:right; /*width:260px;*/}
.artiklarbox {margin:0px 0px 0px 15px; float:right;}
.start-erbjudanden {width:520px; min-height:220px; padding:0px 0px 0px 0px; background-color:#f0f0f0; /*background-color:Lime;*/}
.erbjudandebox {float:left; width:490px; margin:0px 0px 0px 0px; padding:3px 10px 3px 10px;}
.erbjudandebox img {float:left; margin:0px 10px 0px 0px;}
.erbjudandebox p {padding:0px 10px 0px 130px;}
/*p.erbjudande {width:240px; background-color:#8db6cd; padding:3px 10px 3px 10px; border-bottom:10px solid #e6e6e6;font-size:12px; font-weight:bold; text-align:right; color:#fff; font-style:italic;}*/
/*.start-artiklar h2 {font-size:14px; font-weight:normal;}*/
.start-erbjudanden h2 {font-size:14px; font-weight:normal; padding:10px 0px 3px 6px; font-style:normal;}
.start-erbjudanden h2 span {font-size:12px; font-weight:normal;}

p.lasmer a.internlank {font-style:italic;}

a.internlank span {position: absolute;left: -5000px; width: 4000px;}
a.internlank:link {background: url(images/icon-lasmer.gif) no-repeat 100% 0; padding: 0 20px 0 0;}
a.internlank:visited {background: url(images/icon-lasmer.gif) no-repeat 100% -100px; padding: 0 20px 0 0;}
a.internlank:hover {background: url(images/icon-lasmer.gif) no-repeat 100% -200px; padding: 0 20px 0 0;}

sa.internlank:visited {background: url(images/icon-lasmer.gif) no-repeat 100% 0px; padding: 0 20px 0 0;}
sa.internlank:hover {background: url(images/icon-lasmer.gif) no-repeat 100% 0px; padding: 0 20px 0 0;}


#mitteninnehall img {border:0px; margin:0px 0px 6px 0px;}
#botteninnehall {width:730px; height:160px; background:transparent url(images/bg_mino_bottom.jpg) no-repeat;}
#botteninnehall .innehall {padding-top:0px;padding-bottom:10px;padding-right:10px;padding-left:0px; color:#fff; background:none; height:100%;}
#botteninnehall .innehall .mino-vanster {float:left; width:323px;}
#botteninnehall .innehall .mino-mitten {float:left; width:217px; margin:0px 0px 0px 20px; padding:20px 0px 0px 10px;}
#botteninnehall .innehall .mino-hoger {float:right; width:118px; margin:0px 0px 0px 0px; padding:20px 0px 0px 10px;}
#botteninnehall .innehall .mino-hoger p.bildtext {font-weight:normal; color:#fff; padding:0px; line-height:16px; font-size:10px; font-style:italic;}/*Ny, för bildtext under bild*/

.mino-mitten h2 {font-size:12px; font-weight:bold; color:#fff; padding:0px 0px 5px 0px;}
.mino-mitten p {font-size:11px; font-weight:normal; color:#fff; padding:0px; line-height:16px;}
.mino-mitten p a {color:#fff; text-decoration:none;}
.mino-hoger h2 {font-size:12px; font-weight:bold; color:#fff; padding:0px 0px 5px 0px;}
.mino-hoger p {font-size:11px; font-weight:normal; color:#fff; padding:0px; line-height:16px;}
.mino-hoger img.border {border:1px solid #fff;}

#slut {height:20px;}

/* TOPPMENY */
#h-meny {padding:0px; margin: 0px;}
ul#h-meny  {margin:0px; padding:0px; list-style:none; text-align: center; height:36px;}
ul#h-meny li {float:left; height:36px; width:80px; margin:0px 4px 0px 0px;background-color:#ccc;list-style:none;}
#h-meny a {display: block; color:#fff;font-size:14px; text-decoration:none; font-weight: bold; text-transform:uppercase; height:36px;padding:10px 15px 10px 15px;}
#h-meny a:hover {background-color:#cdb79e; color:#f0f0f0; text-decoration:none;}                     
ul#h-meny li#aktiv{background-color:#cdb79e;}                       
ul#h-meny li a { background-color:transparent; color:#ffffff;text-decoration:none;}

/* SNABBVAGAR STARTSIDAN */
.snabbvagar {width:190px;}
ul#dynlankar  {margin:0px; padding:0px; list-style:none; text-align: left;}
.snabbvagar ul#dynlankar li {height:30px; width:190px; margin:0px 0px 2px 0px; list-style:none; background:transparent url(images/kn_s-lankar_inaktiv.gif) no-repeat;}
ul#dynlankar li a {display: block; color:#333;font-size:12px; text-decoration:none; font-weight: bold; text-transform:uppercase; height:23px; padding:7px 15px 0px 15px; text-decoration:none; cursor:pointer;}
ul#dynlankar li a:hover {background:transparent url(images/kn_s-lankar_aktiv.gif) no-repeat; color:#fff;}                     
.snabbvagar ul#dynlankar li a.visa {background:transparent url(images/kn_s-lankar_aktiv.gif) no-repeat;}
.snabbvagar ul#dynlankar li a.visa {color:#fff;}                                           


/* SIDFOT LÄNKAR */
#sidfotlankar{width:730px; min-height:300px; padding:20px 0px 0px 0px; text-align:left; font-size:10px; background: url(images/bg_sidfot_menyer.jpg) no-repeat;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#999;}
 
.sidfotsmeny    { width: 730px; float: left; display: block; }
.sidfotsmeny td { width: 146px;}
.sidfotmeny td.rubrik {font-weight:bold;}
ul#sidfotlista {list-style-type: none;}
.sidfotmeny ul#sidfotlista {list-style-type: none; margin: 0px; padding: 0px; border: none;}
.sidfotmeny ul li {display: block; width:auto; padding:0px 5px 2px 0px; margin:0px;}
#sidfotlankar .sidfotsmeny td a { text-decoration: none; color: #000; font-size:10px;}

/*-------------- User Style --------------*/
.sidfotlogin{width:730px; padding-top:10px;text-align:left; font-size:10px;}
.user,a.user:link,a.user:active,a.user:visited { color:#999;}
a.user:hover{color:#ccc;}

/* ANNONSER */
#hogerinnehall {float:right; width:180px; margin-top:7px; height:100%;min-height:100%;}
#hogerinnehall p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} 
* html #hogerinnehall {height:100%;}	


.pnlNewsContent { float: right; display: block; width: 540px; position: relative;  margin:0px 0px 0px 0px; padding:0px 0xp 0px 0px;}
.pnlNewsContent .NewsContentItem { float: left; display: block; width: 510px; display: none; padding-left: 20px;margin:0px 0px 0px 0px; padding:0px 0xp 0px 0px; }

.litentextbox {background-color:#ccc; padding:2px 5px 6px 5px;height:70px; margin-top:2px; }
.litentextbox img { margin-bottom:0px; margin-top:0px; }
.litentextbox h3 a {font-size:13px; color:#333; text-decoration:none; padding:0px 0px 2px 0px;}
.litentextbox h3 { margin:0px; padding:0px 0px 2px 0px;}
.litentextbox p {font-size:11px; padding:0px; line-height:16px;}


.leftPuff {background:transparent url(images/bg_startpuff_left.png_) no-repeat; background-color:#fff; height:110px; width:192px; border:0px;}
div.leftPuffTop {background:transparent url(images/bg_leftpuff_top.gif) no-repeat; background-color:#dcdcdc; height:16px; width:180px; border:0px; font-size:10px; font-weight:bold; padding-left:10px; padding-top:2px;}
div.leftPuffBottom {background:transparent url(images/bg_leftpuff_bottom.gif) no-repeat bottom; background-color:#dcdcdc; height:12px; width:190px; border:0px;}
div.leftPuffContainer {border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}

/*dela & bokmärk*/
.print {padding:10px 0px 10px 0px; }
.print .print-button {background: url(images/print_icon.gif) no-repeat; margin-bottom:2px; width:16px; height:16px; border:0px; cursor:pointer;}

.print table {float:right; margin-top:6px; }
.print table td {font-size:10px;}
/*
.print ul {margin:0px; padding:0px; list-style:none; float:right;}
.print ul.iconlista {margin:2px 0px 8px 0px;}
.print ul.iconlista li {float:left; width:21px; margin:0px; list-style:none;text-align:center;}
.print ul.iconlista li.mini {float:left; width:10px; text-align:center; margin:0px; margin-right:2px; list-style:none; font-size:10px; color:#b0b0b0;}
.print li {float:left; width:130px; margin:0px 10px 0px 0px; list-style:none;}
*/
.print ul {margin:0px; padding:0px; list-style:none; float:right;}
.print ul.iconlista {margin:2px 0px 4px 0px;}
.print ul.iconlista li {float:left; width:21px; margin:0px; list-style:none;text-align:center;}
.print ul.iconlista .lifacebook {float:left; width:85px; margin:0px; list-style:none;text-align:center;}
.print ul.iconlista .litweet {float:left; width:105px; margin:0px; list-style:none;text-align:center;}
.print ul.iconlista .ligoogle {float:left; width:65px; margin:0px; list-style:none;text-align:center;}
.print ul.iconlista .lishare {float:left; width:20px;  margin:0px; margin-top:2px; list-style:none;text-align:center;}

.print ul.iconlista li.mini {float:left; width:10px; text-align:center; margin:0px; margin-right:2px; list-style:none; font-size:10px; color:#b0b0b0;}
.print ul.iconlista li.mini2 {float:left; width:10px; text-align:center; margin:0px; margin-right:2px; list-style:none; font-size:10px; color:#b0b0b0;}
.print li {float:left; width:130px; margin:0px 10px 0px 0px; list-style:none;}

.print .tblshare {border:1px solid #ededed; padding:0px 0px 0px 0px; float:right; width:335px; background-color:#f9f9f9;}
.print .tblshare td {padding:0px 6px 0px 6px; }