body {padding: 15px 25px; margin: 0; font: 10px Verdana, Arial; color : #303030; background-color: #e4e4e4;}
h1 {margin: 0; font: 4.5em Arial, Verdana; color: #fff;}
h2 {margin: 0.5em 0 1em 0; font: 1.8em Arial, Verdana; color: #808080; padding: 0 0 0.3em 0; font-weight: bold;}
h3 {margin: 1.2em 0 0.5em 0; font-size: 11px; font-weight: bold;}
h4 {margin: 0.3em 0 0.5em 0; font: 1em Verdana, Arial, serif; font-weight: bold;}
p {margin: 0 0 5px 0; line-height : 1.5em;}
a {color: #D8750A; text-decoration: none;}
a:link {color: #D8750A;}
a:visited {color: #D8750A;}
a:hover {color : #303030;}
input { font-family: Verdana, Arial; font-size: 10px; border: 1px solid #aaa; background-color: #fffaf3; }
select { font-family: Verdana, Arial; font-size: 10px; }
textarea { font-family: Verdana, Arial; font-size: 10px; }
form {margin: 0; padding: 0;}

.bild {float: right; margin: 4px;}
.borderrunt {border: 1px solid #D8750A; padding: 10px; margin: 10px 0;}
.fet {font-weight: bold;}
.fieldbg1 {background-color: #FFF2E2;}
.fieldbg2 {background-color: #fff;}
.remote_linkmargin {float: left; margin: 0 2em;}
.cons_img {float: right; margin: 4px; width: 200px;}
.text_right {text-align: right;}
.small_text {font-size: 9px; font-style: italic; color: #707070;}

/* main */
#kolumn2_meny{padding-left: 1.4em; padding-top: 0;}
#kolumn2_meny ul{padding: 4px 0; margin: 0;  font: 12px Helvetica, Arial; font-weight: bold;}
#kolumn2_meny li{margin: 0; display: inline; list-style: none;}
#kolumn2_meny li a{text-decoration: none; display: block; width: 73px; float: left; padding: 4px 10px; margin-left: 10px; background: #eee; border: 1px solid #999; border-bottom: none;}
#kolumn2_meny a:hover{border-color: #666;}
#kolumn2_meny a#current{background: #fff; border-bottom: 1px solid #fff;}
#main_img {margin: 0; border: none;}
#main_disclaimer {margin: 25px 0 0 0; border: none; float:right; position: relative; left: 140px;}
.produktlista_right p{max-width: 350px}
#kolumn2 .submit {background-color: #FFE681; border-top-color: #ccc; border-left-color: #ccc; background-repeat: repeat-x; width: 120px;}
#utvalda_produkter {margin: 20px 0;}
.utvalda_produkter_td{width: 160px; height: 155px; padding: 5px 20px;}
#linje {height: 1px; color: #888; padding: 0;}
#utvalda_produkter img{margin: 0; width: 100px; height: 100px; border: 1px solid #777;}
#utvalda_produkter .submit{width: 40px; margin: 0 0 0 7px;}

/* kundvagn */
.text_marked {font-weight: bold; font-style: italic;}
#cal_linknormal {font-style: italic; color: #1050AA;}
#kundvagn_table td{padding: 1px 3px;}
#kundvagn_linje {height: 1px; background-color: #444; padding: 0;}
#kundvagn_vara {width: 225px; text-align: left;}
#kundvagn_pris {width: 60px; text-align: right;}
#kundvagn_antal {width: 80px; text-align: right;}
#kundvagn_summa {width: 80px; text-align: right;}
#kundvagn_tabort {width: 20px; text-align: right;}
.kundvagn_tabort {background-color: #fff; padding: 0 2px; border: 1px solid #777;}
.kundvagn_bgfarg1 {background-color: #eee;}
.kundvagn_bgfarg2 {background-color: #fff;}

/* kassa */
.fel {color: #E55; font-weight: bold;}
#kassameny{margin: 25px 10px 10px; padding: 0; list-style-type: none;}
#kassameny li{margin-bottom: 1em;}
#kassameny a{display: block; width: 14em; height: 100%; padding: 0.25em; text-decoration: none;}
#kassameny a:visited{color: #333;}
.kassameny_ok a{background: #9EF68A; color: #333; border: 1px solid #3a6;}
#kassameny #kassameny_current a{background: #7ad; font-weight: bold; color: #333;  border: 1px solid #36c; border-right: 10px solid #36c;}
.kassameny_no a{background: #ddd; color: #888; border: 1px solid #777;}

/* länkar */
#lanksida {margin: 10px; padding: 0; list-style-type: none;}
#lanksida li{margin-bottom: 1em;}
#lanksida a{font-size: 11px;}

/* users */
#editusers_box {padding: 0; margin: 0;}
#editusers_box table{width: 100%;}

/* produktlista */
.produktlista_left {float: left; margin-bottom: 13px;}
.produktlista_right {float: left; margin-left: 15px; margin-bottom: 13px;}
.produktlista_main {clear: both; border-top: 1px solid #777; margin: 0 0 13px;}
.produktlista_img {margin: 0; width: 100px; border: 1px solid #777;}

/* produkt */
.produkt_left {float: left; margin: 0 0 10px;}
.produkt_right {float: left; margin-left: 15px; width: 250px;}
.produkt_main {clear: both; border: 1px solid #D8750A;}
.produkt_main form{margin: 10px;}
.produkt_main .submit{margin: 0 0 0 10px;}
.pris {font-weight: bold; color: #D45; font-size: 16px; font-family: Arial;}
.produkt_img {margin: 0; width: 180px; border: 1px solid #777;}
#produkt_bildtext {font: 9px Arial, Verdana; color: #777; width: 180px;}
#bildtext_right {text-align: right;}
#produkt_bildtext a{background-color: #ddd; padding: 0 3px; border: 1px solid #777;}
.produkt_bildruta {background-color: #ddd; padding: 0 3px; border: 1px solid #777; cursor:pointer;}

/* layout */
#layout {width: 800px; margin-left: 0; margin-right: auto; border: 2px solid #666; background-color: #AB8AD8;}
#sidhuvud {margin: 0; padding: 0; float: left; height: 124px;}
#sidhuvud_nokundvagn {margin: 0; padding: 0; float: left; height: 90px;}
#sidhuvud_logo {width: 270px; float: left; padding: 1em 0 0; margin: 10px; display: inline;}
#sidhuvud_logo a{color: #fff;}
#sidhuvud_logo a:hover{color: #fff;}
#sidhuvud_logo img{border: none;}
#sidhuvud_meny {width: 200px; float: left; padding: 0.5em; margin: 10px; display: inline;}
#sidhuvud_meny ul{margin: 0 0 5px; list-style-type: none; padding: 0;}
#sidhuvud_meny li{font: 12px Helvetica, Arial; color : #4960A1; font-weight: bold; padding: 0.2em;}
#sidhuvud_kundvagn_container {width: 222px; float: right; margin: 10px; background-color: #FAFAFA; display: inline;}
#sidhuvud_kundvagn {padding: 0 1em 0.6em; line-height: 1.2em;}
#sidhuvud_kassa {width: 222px; float: right; padding: 0 1em 1em; line-height: 1.8em; margin: 10px; display: inline;}
#kolumncontainer{float: left; margin: 0;}
#kolumn1 {float: left; width: 170px; padding: 0; margin: 30px 10px 10px; display: inline;}
#kolumn2 {float: left; width: 580px; margin: 10px 10px 10px 20px; display: inline;}
#kolumn2_main {float: left; width: 500px; min-height: 500px; background: url(images/bg_flower.jpg) no-repeat top right #fff; padding: 10px 40px; line-height: 1.8em; display: inline;}
* html #kolumn2_main {height: 500px;} /* eftersom IE inte tolkar min-height korrekt */

#villkor_sidhuvud {margin: 0; padding: 0; float: left; height: 124px; background-color: #ffffff;}
#villkor_sidhuvud_nokundvagn {margin: 0; padding: 0; float: left; height: 90px;}
#villkor_sidhuvud_logo {width: 270px; float: left; padding: 1em 0 0; margin: 10px; display: inline;}
#villkor_sidhuvud_logo a{color: #AB8AD8;}
#villkor_sidhuvud_logo a:hover{color: #AB8AD8;}
#villkor_sidhuvud_logo img{border: none;}
#villkor_bg {background-color: #AB8AD8;}

/* Sökruta */
#sok_head ul{margin: 0 0 0 20px; font-weight: none;}
#sok_head li{color: #fff;}
#sok_head li input{color: #555;}

#sidfot {clear: both; padding: 0; margin: 0; width: 800px;}
#sidfot_kontakt {padding: 4px 0; margin: 0; font: 11px Arial, Verdana;}
#sidfot_kontakt li{margin: 0 40px; display: inline; list-style: none;}
#sidfot_kontakt a{color: #303030;}
#sidfot_kontakt a:hover{color: #fff;}

/* menu */
.meny{margin: 0 4px 20px; padding: 0; list-style-type: none; font-size: 12px;}
.meny li{margin: 0; padding: 0.4em 0.1em 0.4em 1em;}
.meny li#current{padding-left: 0;}
.meny a{color: #fff;}
.meny a:link {color: #fff;}
.meny a:visited {color: #fff;}
.meny a:hover {color: #333;}
.meny a#current{font-weight: bold;}
#kolumn1 .submit {background-color: #BBDFFF; border-top-color: #CCCCCC; border-left-color: #CCCCCC; background-repeat: repeat-x; width: 150px;}

.space {margin: 10px 0 0;}
.roundtop {background: #AB8AD8; clear: both;}
.roundbottom {background: #AB8AD8; clear: both;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ffffff;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff;}

/* mitt konto */
#mittkonto_kundtable td{padding: 1px 5px;}
#mittkonto_ordertable th{padding: 1px 5px; width: 80px; text-align: left;}
#mittkonto_ordertable td{padding: 1px 5px;}
#kundorder_table {margin: 20px 5px;}

/* admin */
.adminprodukt_bildruta {border: 1px solid #D8750A; margin: 20px 0 0;}
#admin_head li a{color: #fff;}
#adminmeny {margin: 0 4px 20px 9px; padding: 0; list-style-type: none; font-size: 13px;}
#adminmeny li{margin: 0; padding: 1em 0.1em; border-bottom: 1px solid #999;}
#adminmeny a#current{font-weight: bold;}
#kolumn4 {float: left; width: 750px; line-height: 1.8em; margin: 10px 10px 25px 40px; display: inline;}
#kolumn4_main {float: left; width: 710px; min-height: 400px; background-color: #fff; padding: 10px 20px; line-height: 1.8em; display: inline;}
* html #kolumn4_main {height: 400px;} /* eftersom IE inte tolkar min-height korrekt */

#admincontainer{padding-left: 1em; padding-top: 2em; border-bottom: 1px solid #D8750A;}
#admincontainer ul{padding: 4px 0; margin: 0;  font: 11px Verdana, Helvetica, sans-serif;}
#admincontainer li{margin: 0; display: inline; list-style: none;}
#admincontainer li a{text-decoration: none; padding: 4px 10px; margin-left: 5px; background: #eee; border: 1px solid #999; border-bottom: none;}
#admincontainer a:link{color: #000000;}
#adminmainmeny a:visited{color: #000000;}
#admincontainer a:hover{border-color: #666666;}
#admincontainer a#current{background: #ffffff; border: 1px solid #D8750A; border-bottom: 1px solid #ffffff; color: #000000;}
#adminmaincontainer {border-right: 1px solid #D8750A; border-left: 1px solid #D8750A; border-bottom: 1px solid #D8750A; padding: 10px; margin: 0;}

#admin_table th{padding: 1px 5px;}
#admin_table td{padding: 1px 5px;}
#admin_datum {width: 80px; text-align: left;}
#admin_ordernr {width: 70px; text-align: right;}
#admin_namn {width: 190px; text-align: left;}
#admin_ort {width: 100px; text-align: left;}
#admin_summa {width: 70px; text-align: right;}
#admin_frakt {width: 70px; text-align: right;}

#adminbestallning_table td{padding: 1px 5px;}
#adminbestallning_linje {height: 1px; background-color: #444444; padding: 0;}
#adminbestallning_vara {width: 345px; text-align: left;}
#adminbestallning_pris {width: 70px; text-align: right;}
#adminbestallning_antal {width: 60px; text-align: right;}
#adminbestallning_summa {width: 90px; text-align: right;}

#layout_faktura {width: 660px; margin-left: auto; margin-right: auto;}
#sidhuvud_faktura {margin: 0; padding: 0; background-color: #fff; float: left; height: 80px;}
#sidhuvud_faktura h1{color: #000;}
#faktura_sidhuvudright {width: 222px; float: right; padding: 0 1em 1em; margin: 35px 0 0; display: inline; font: 2.1em Arial, Verdana;}
#faktura_container{float: left; margin: 0; background-color: #fff;}
#faktura_kolumn {float: left; width: 640px; padding: 0; line-height: 1.8em; margin: 10px 10px 25px 10px; display: inline; color : #000;}
#faktura_kolumn p{margin: 20px;}
#faktura_kundtable {font-size: 14px; margin: 20px 40px 60px 360px; color : #000;}
#faktura_kundtable td{padding: 1px 5px;}
#faktura_tack {font-size: 12px; color : #000;}
#faktura_ordertable {font-size: 12px; clear: both; margin: 0 0 0 20px; color : #000;}
#faktura_ordertable td{padding: 1px 5px;}
#faktura_bottomtable {width: 640px; margin: 180px 0 0; font-size: 11px; color : #000;}
#faktura_bottomtable th{text-align: left; font-weight: normal;}