/* Färger

Blå.....: 007cc2
Grå-Ljus: bfc4cb
Grå-Mörk: a3aab5
Röd.....: f26646

*/

* { margin: 0; padding: 0; }

/* BAKGRUNDER */

body { text-align:left; background:#555555; font-family:verdana; font-size:11px; line-height: 1.5; color:#000000; margin:0; padding:0; behavior:url("../scripts/csshover.htc"); }

/* commented backslash hack \*/ 
html,body { height:100%; } 
/* end hack */

/* BILDER */
img { color:#000000; font-weight: bold; border: 0px; }

li.stora dl.rubrikbilder img { color:#000000; font-weight: bold; border: 0px; padding: 0px 5px 0px 5px; }

/* BOXAR - RUTOR */



/* BOXAR - YTOR */

.huvudsidan { width: 776px; height: 504px; padding: 5px; background-color: #ffffff; display: block; float: left; }
.huvudsidan-intro { width: 776px; height: 504px; padding: 5px; background-color: #ffffff; display: block; float: left; }

.skugga-botten { margin: 0px 0px 0px 0px; width: 796px; height: 5px; background-color: #bfc4cb; display: block; background-repeat: no-repeat; background-image:url("../bilder/skugga-botten.gif"); }
.skugga-hoger { width: 5px; height: 514px; background-color: #bfc4cb; display: block; float: left; background-repeat: no-repeat; background-image:url("../bilder/skugga-hoger.gif"); }

/* FORMULÄR */

.drop { width: 75px; font-size: 10px; font-family: verdana; background-color: #ffffff; color: #007cc2; border:1px solid #a3aab5; }
.drop:hover { border:1px solid #007cc2; }
.drop:focus { border:1px solid #007cc2; }

.knapp { width: 75px; height: 18px; font-size: 10px; font-family: verdana; background-color: #a3aab5; color: #ffffff; border:1px solid #a3aab5; }
.knapp:hover { background-color: #007cc2; color: #ffffff; border:1px solid #007cc2; }
.knapp:focus { background-color: #007cc2; color: #ffffff; border:1px solid #007cc2; }

.text { width: 73px; height: 14px; font-size: 10px; font-family: verdana; background-color: #ffffff; color: #007cc2; border:1px solid #a3aab5; }
* html .text { height: 16px; margin-top: -1px; }
.text:hover { border:1px solid #007cc2; }
.text:focus { border:1px solid #007cc2; }

.text2 { width: 302px; height: 16px; font-size: 10px; font-family: verdana; background-color: #ffffff; color: #007cc2; border:1px solid #a3aab5; }
.text2:hover { border:1px solid #007cc2; }
.text2:focus { border:1px solid #007cc2; }

.text3 { width: 622px; height: 16px; font-size: 10px; font-family: verdana; background-color: #ffffff; color: #007cc2; border:1px solid #a3aab5; }
.text3:hover { border:1px solid #007cc2; }
.text3:focus { border:1px solid #007cc2; }

/* LINJER */



/* LISTOR */

.huvudsidan ul {	width: 774px; height: 502px; border: 1px solid #a3aab5; }
.huvudsidan ul li.lilla {	list-style: none; width: 100px;	height: 350px; text-align: left; padding: 5px 0px 0px 0px; float: left; }
.huvudsidan ul li.stora {	list-style: none; width: 654px; height: 350px;	text-align: left; padding: 0px 0px 0px 10px; float: left; }

.huvudsidan ul li.botten {	list-style: none; width: 754px;	text-align: left; padding: 0px 0px 0px 10px; }
       .huvudsidan ul li.botten dl.kundvagn { position: absolute; list-style: none; margin-top: 110px; width: 754px; height: 30px; text-align: left; float: none; clear: both; background-repeat: repeat; background-image:url("../bilder/detaljer/kundvagn-kant.gif"); }
* html .huvudsidan ul li.botten dl.kundvagn { position: fixed; margin-top: 5px; }
.huvudsidan ul li.botten dl.kundvagn dl { list-style: none; padding: 5px 0px 0px 10px; color: #ffffff; float: left; }

.huvudsidan ul li.stora dl.kundvagnen {	list-style: none; width: 644px;	height: 330px; text-align: left; margin: 10px 0px 5px 0px; float: left; overflow: auto; }
.huvudsidan ul li.stora dl.kundvagnen dl.produkten {	list-style: none; text-align: left; width: 75px; height: 82px; font-weight: bold; padding: 0px 10px 10px 0px; float: left; border-bottom: 1px solid #a3aab5; }
.huvudsidan ul li.stora dl.kundvagnen dl.produkten_admin {	list-style: none; text-align: left; width: 75px; height: 82px; font-weight: bold; padding: 0px 10px 10px 0px; float: left; }
.huvudsidan ul li.stora dl.kundvagnen dl.produkten_beskrivning {	list-style: none; text-align: left; width: 624px; height: 45px; font-weight: bold; padding: 0px 0px 10px 0px; float: left; border-bottom: 1px solid #a3aab5; }
.huvudsidan ul li.stora dl.produkten_kassan {	list-style: none; text-align: right; width: 585px; height: 0px; font-weight: bold; padding: 0px 10px 0px 0px; }
.huvudsidan ul li.stora dl.kundvagnen dl.produkten_rubrik {	list-style: none; text-align: left; width: 75px; height: 20px; font-weight: bold; padding: 10px 10px 0px 0px; float: left; border-bottom: 1px solid #a3aab5; }

.huvudsidan ul li.lilla dl.budskap {	list-style: none; text-align: center; width: 95px; height: 350px; padding: 0px 0px 0px 5px; border-left: 1px solid #a3aab5; }
.huvudsidan ul li.lilla dl.budskap dl.innehall {	list-style: none; text-align: left; height: 310px; padding: 10px 0px 0px 0px; }
.huvudsidan ul li.lilla dl.budskap dl.vaxla {	list-style: none; text-align: left; padding: 0px 0px 0px 0px; }
.huvudsidan ul li.lilla dl.logga {	list-style: none; text-align: left; width: 100px; height: 100px; padding: 0px 0px 0px 5px; }

.huvudsidan ul li.stora dl.hoger {	list-style: none; text-align: left; width: 302px; height: 335px; padding: 10px 10px 3px 5px; float: left; }

.huvudsidan ul li.stora dl.meny {	list-style: none; text-align: left; padding: 0px 0px 0px 0px; border: 0px; }
.huvudsidan ul li.stora dl.produktrubrik {	list-style: none; text-align: center; padding: 0px 0px 0px 0px; border: 0px; }
.huvudsidan ul li.stora dl.rubrikbilder {	list-style: none; text-align: left; padding: 0px 0px 0px 0px; border: 0px; }

.huvudsidan ul li.stora dl.skor {	list-style: none; text-align: center; width: 100px; height: 100px; margin: 0px 0px 5px 0px; border: 1px solid #ffffff; float: left; }
.huvudsidan ul li.stora dl.skor:hover {	border: 1px solid #007cc2; float: left; }
.huvudsidan ul li.stora dl.skor:active {	border: 1px solid #007cc2; float: left; }
.huvudsidan ul li.stora dl.vanster {	list-style: none; text-align: left; width: 327px; height: 350px; padding: 10px 0px 3px 0px; float: left; }
.huvudsidan ul li.stora dl.vanster-produklista {	list-style: none; text-align: left; width: 327px; height: 350px; padding: 10px 0px 3px 0px; float: left; overflow: auto; }

.huvudsidan-intro ul {	width: 776px; }
.huvudsidan-intro ul li.hoger dl.logga {	text-align: left; padding: 150px 0px 0px 0px; }
.huvudsidan-intro ul li.vanster dl.logga {	text-align: right; padding: 150px 0px 0px 0px; }
.huvudsidan-intro ul dl.klicka_har {	margin: 5px 25px 0px 25px; }
.huvudsidan-intro ul li.hoger dl.val {	padding: 175px 10px 0px 10px; }
.huvudsidan-intro ul li.vanster dl.val {	padding: 175px 10px 0px 10px; }
.huvudsidan-intro ul li.hoger {	list-style: none; width: 386px;	text-align: left; height: 504px; float: left; }
.huvudsidan-intro ul li.vanster {	list-style: none; width: 387px;	text-align: left; height: 504px; float: left; }

dl.bestallning { list-style: none; text-align: left; width: auto; float: left; padding: 10px 10px 0px 0px; }
dl.produkt { list-style: none; text-align: left; width: 312px; }

/* LÄNKAR */
a {	text-decoration: none;	color: #f26646; font-weight: bold; }
a:visited {	 }
a:hover { text-decoration: underline; }
a:active {  }

a.opacitet {	text-decoration: none;	color: #000000; font-size: 11px; }
a.opacitet :visited {	 }
a.opacitet :hover { text-decoration: underline; }
a.opacitet :active {  }

a.vit {	text-decoration: none;	color: #ffffff; font-size: 11px; font-weight: bold; }
a.vit:visited {	 }
a.vit:hover { text-decoration: underline; }
a.vit:active {  }

dl.val a {	text-decoration: none;	color: #ffffff; font-size: 11px; font-weight: bold; }
dl.val a:visited {	 }
dl.val a:hover { text-decoration: underline; }
dl.val a:active {  }

/* MENY */


















.meny { width:642px; height:18px; background:#ffffff; padding:0px; margin:1px 0px 0px 0px; border: 1px solid #a3aab5; }

       .meny_element { position:absolute; margin: 1px 0px 0px 0px; visibility: hidden; z-index: 100; background-color: #ffffff;	text-align: center; width: 110px; border-right: 1px solid #007cc2; border-left: 1px solid #007cc2; }
* html .meny_element { margin-top: 3px; }
.meny_titel:hover { background-color:#ffcc80; color: #0e68ea; }

       .meny_titel { padding: 0px 5px 0px 5px; z-index: 100; float: left;	height: 18px; display: block; }
       .meny_titel:hover { background-color:#ffffff; color: #0e68ea; }
* html .meny_titel { width: 10px; }

.meny_element a {	color: #000000; font-size: 9px;	font-weight: bold; text-decoration: none;	height: 100%; text-align: center; padding: 2px 0px 2px 0px; margin: 0px; display: block; border-bottom: 1px solid #007cc2; }
.meny_element a:visited {	 }
.meny_element a:hover { color: #007cc2; background-color:#ffffff; text-decoration: none; }
.meny_element a:active { color: #007cc2;  }

       .meny_titel a {	color: #000000;	font-weight: bold; font-size: 10px;	text-decoration: none;	height: 15px; padding: 1px 5px 2px 5px;  margin: 0px; display: block; white-space: nowrap; }
* html .meny_titel a {	padding: 1px 5px 2px 5px; }
.meny_titel a:visited {	 }
.meny_titel a:hover { color: #007cc2; background-color:#ffffff; text-decoration: none; }
.meny_titel a:active { color: #007cc2;  }

/* RUBRIKER  */

h1 { font-size: 14px; font-weight: bold; margin: 20px 0px 10px 0px; }
h2 { font-size: 11px; }
h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; }
h4 { font-size: 11px; font-weight: bold; margin: 20px 0px 10px 0px; }
h5 { font-size: 11px; margin: 30px 0px 10px 0px; }
h6 { font-size: 11px; margin: 0px 0px 5px 0px; }

/* TEXT */

p { margin: 10px 0px 0px 0px; }

dl.produkten p { margin: 40px 0px 0px 0px; }

span.pris { font-size: 20px; font-weight: bold; color: #007cc2; margin-left: 120px; }

/* TABELLER */

table { width: 100%; min-height: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }

td.table_left { width: auto; margin: 0px; padding: 0px; text-align: left; vertical-align: top; }
td.table_middle { width: 791px; margin: 0px; text-align: left; vertical-align: middle; }
td.table_right { width: auto; margin: 0px; padding: 0px; text-align: left; vertical-align: top; }

/* XXX */

.floatkiller { height: -1px; margin: 0px 0 0 0; clear: both; }
.floatkiller10 { height: 10px; margin: -1px 0 0 0; clear: both; }