/* CSS Document */

/************************************ RESET ***********************************/

body{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px auto; padding: 0px; text-align: center; background-image: url(../images/bg.jpg); background-repeat: repeat-x; 	background-color: #eeeeee; line-height: 20px; }


h1 { font-size: 20px; margin: 0; padding: 0 }
h2{ color:#FFFFFF; float: left; width: 880px; clear: both; font-size: 16px; font-weight: bold; margin: 40px 0px 20px 50px; padding: 5px; text-align: left; background-color: #990000;}
h3, h4, h5 { margin: 0 ; padding: 0}
h3 { font-size: 12px }
.container{ width: 990px; margin: 0 auto; padding: 0; background-image: url(../images/repeat.jpg); background-repeat: repeat-y; }

.top{ position: relative; width: 990px; height: 150px; background-image: url(../images/top.jpg); background-repeat: no-repeat; margin: 0; padding: 0; }

input { outline: none}
img { border: none }

hr { color: #e7e7e7; height: 1px}

/* ---------------TEXTFORMATERING m.m.--------------- */

#topHeader{ float: left; width: auto; height: 30px; margin: 45px 0 0 0; padding: 0 0 10px 50px; font-size: 20px; color: #FFFFFF; font-weight: bold; }

.rubrik{ color:#FFFFFF; float: left; width: 880px; clear: both; font-size: 16px; font-weight: bold; margin: 40px 0px 20px 50px; padding: 5px; text-align: left; background-color: #990000;}

.småEtiketterRubrik{ float: left; width: 100%; clear: both; font-size: 16px; font-weight: bold; margin: 60px 0 20px 20px; text-align: left; }

p { text-align: left; }

.bold{ font-weight: bold; vertical-align: top; }

.alignRight {text-align: right}

/* ---------------LÄNKAR--------------- */

a{ display: inline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; outline: none } 

a:link{ color: #333333; }

a:hover{ text-decoration: underline; color: #990000; }

a:visited { text-decoration: none; color: #990000; }

.läsMer {float: right; width: 64px; height: 24px;} 

/* ---------------KUNDVAGN--------------- */

#cart{ position: absolute; right: 20px; top: 66px; width: 310px; z-index: 100; float: right; height: 80px; font-size: 12px; font-weight: normal; text-align: left; margin: 0; padding: 0; background-image: url(../images/cart.jpg); color: #fff }

#cart.empty{ background-image: url(../images/cart_empty.jpg); }

#cart p { float: left; width: 240px; padding: 30px 0 0 30px; margin: 0; color: #fff; border: solid 0px #fff;}

#cart a{ display: inline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; } 

#cart a:link{ color: #fff; }

#cart a:hover{ text-decoration: underline; color: #fff; }

/* ---------------MENU--------------- */
.menu img { float: left; margin: 1px 0 0 60px }
.menu{ float: right; clear: both; border: solid 0px #FFF; margin: 10px 0 0 0; padding: 0 0 0 0; width: 990px } 

.menu ul{ list-style-type: none; margin: 0px; padding: 20px 20px 0 0; float: right }

.menu li{ display: inline; list-style-type: none; float: left; color: #FFF; border-right: solid 1px #FFF; padding: 0; padding-left: 20px; padding-right: 20px; margin: 0 } 

#menuEnd{ border-right: solid 0px #FFF; }

.menu li a, .menu li a:link, .menu li a:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; } 

/* ---------------TABMENU--------------- */

.tabmenuOuter{ width: 100%; height: 71px; float: left; background-image: url(../images/tabmenu.jpg); background-repeat: no-repeat; margin: 0; padding: 0 }

.tabmenu{ float: left; clear: both; height: 71px; border: solid 0px #FFF; padding: 0 0 0 50px; margin: 0}

.tabmenu ul{ list-style-type: none; width: 100%; height: 71px; margin: 0px; padding: 0px; }

.tabmenu li{ display: inline; height: 26px; width: 160px; list-style-type: none; float: left; background-image: url(../images/tab.jpg); background-position:bottom; background-repeat: no-repeat; margin-right: 3px; text-align: center; padding: 45px 0 0 0; }

.tabmenu li a, .tabmenu li a:link, .tabmenu li a:visited { display:block; height: 26px; width: 160px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #333333 } 

.tabmenu li:hover{background-image: url(../images/tab_hover.jpg); }

#current{ background-image: url(../images/tab_current.jpg); color: #990000 } 

#current a{ color: #990000 } 

.tabmenu li:hover a:hover{color: #990000 }

.kassamenu{ float: left; clear: both; height: 71px; border: solid 0px #FFF; margin: 0 0 0 50px; }

.kassamenu ul{ list-style-type: none; width: 100%; height: 71px; margin: 0px; padding: 0px; }

.kassamenu li{ display: inline; height: 26px; width: 160px; list-style-type: none; float: left; background-image: url(../images/tab.jpg); background-position:bottom; background-repeat: no-repeat; margin-right: 3px; text-align: center; padding: 45px 0 0 0; }



.kassa { width: 848px; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x; text-align: left }

.kassa table { text-align: left; width: 100%; }

.kundvagn { width: 848px; margin: 0; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x; text-align: left }

.kundvagn table { text-align: left; width: 100%; }

/* ---------------CONTENT START--------------- */

.contentOuter{ width: 990px; background-image: url(../images/repeat.jpg); background-repeat: repeat-y; padding: 0 0 20px 0; margin: 0px; }

/*.contentInner{ border: solid 1px green; width: 990px; background-image: url(../images/content.jpg); background-repeat: no-repeat; padding: 0px; margin: 0px; text-align: left; }*/

/* ---------------CONTENT--------------- */

.contentMain{ width: 880px; height: 100%; padding: 0 50px 0 60px; margin: 0px; text-align: left; }

.clear{ width: 100%; clear: both; height: 0px; margin: 0; padding: 0; line-height: 1px }

.intro{ width: 100%; float: left; background-image: url(../images/repeat.jpg); margin: 0; padding: 0 }

.intro img { float: left }

.startText {float: left; text-align: left; width: 848px; height: auto; margin: 10px 0px 20px 60px; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x; }

.startText .om{ margin: 0; padding: 10px 0 10px 10px;}

.startText p{ margin: 0; padding: 10px;}

.aktuellt { float:right; width: 190px; height: auto; padding: 5px 20px 5px 20px; background-image: url(../images/aktuellt.jpg); background-repeat:no-repeat }

.fill {height: 170px; width: 0px; float: left}

.aktuellt h1, .aktuellt h3{ color: #990000; font-size: 14px; padding: 0; margin: 15px 0 0 0; line-height: 14px }

.aktuellt p{ padding: 10px 0; height: auto; border-bottom: solid 0px #990000; }

/* ---------------2 SPALTER--------------- */

.sidebarLeft{ width: 395px; float: left; border-right: solid 0px #990000; text-align: left; font-size: 12px; padding: 20px 50px 20px 50px; }

.sidebarRight{ width: 395px; float: left; border: solid 0px red; text-align: left; font-size: 12px; padding: 20px 50px 20px 50px; }

/* ---------------CONTENT ORDER--------------- */

.size{ margin: 0px; width: 260px; float: left; border: solid 0px #333333; padding: 10px; text-align: center; } 

.sizeBox{ float: right; clear: both; padding: 10px; border-bottom: solid 0px #990000; }

.orderRight{ margin: 0px; width: 600px; height: 740px; float: left; border: solid 0px #333333; padding: 10px; text-align: left; }

/* ---------------ETIKETTER--------------- */

.etiketter{ margin: 0px; width: 880px; padding: 0 50px 0 60px; text-align: center; border: solid 0px red }

.etiketterToptext {text-align: left; float: left; width: 525px; height: auto; margin: 20px 0px 20px 60px; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x;}

#etiketterToptextRight { float:right;width: auto; margin: 15px 60px 15px 0; padding: 0; border: none }

.etiketterToptext a img{ border: solid 0px red; }

.etiketterBox{ float: left; width: 848px; border: solid 1px #e7e7e7; margin: 0 0 10px 10px; padding: 10px 0 10px 0; background-color: #fff ; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x; }
 
.etiketterBox a img{ border: solid 0px #990000; } 

.etiketterBild{ float: left; width: 350px; height: auto; padding: 0; text-align: center; }

.etiketterBild img{ width: auto; height: auto }

.etiketterData{float: left; width: auto; margin: 0 ; height: auto; padding: 0; }

.etiketterInfo{float: left; width: auto; margin: 0 ; height: auto; padding: 0; }

.bestall {float: left; width: auto; margin: 0 0 10px 0; text-align: left; }

.etiketterBox table{ margin: 0 20px 0 0; width: 180px; float: left; padding: 0; text-align: left; vertical-align: top; }

.clearRed { float: left; clear: both;border-bottom: solid 1px #990000; width: 850px; margin: 10px 30px 10px 70px }

/* ---------------SKAPA EGEN ETIKETT--------------- */

.egenetikett { width: auto; float: left; border-right: solid 0px #990000; font-size: 12px; padding: 0 0 0 0; }

.preview { width: 302px; height: auto; float: right; background-image: url(../images/preview_middle.png); text-align: center; vertical-align: middle; background-repeat: repeat-y; margin: 30px 20px 0 0; padding: 0;  }

.previewTop {width: 302px; height: 15px; float: right; background-image: url(../images/preview_top.png); text-align: center; vertical-align: middle; background-repeat: no-repeat; margin: 0; padding: 0;}

.previewBottom {width: 302px; height: 15px; float: right; background-image: url(../images/preview_bottom.png); text-align: center; vertical-align: middle; background-repeat: no-repeat; margin: 0; padding: 0;}

.previewText { width: 302px; height: 30px; float: right; }

.OBStext {text-align: left; float: left; width: 282px; margin: auto; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x;}

.storlek, .text, .symbol, .ovrigt { float: left; padding: 0 0 20px 0; text-align: left }

.storlek table { width: 360px; margin: 0 0 10px 80px}

.storlek table tr, .text table tr { margin: 2px}

.text table { width: 360px; margin: 0 0 10px 80px}

.text table input#textinput { width: 200px}

.symbol table{ width: 360px; margin: 0 0 10px 40px}

.ovrigt table { width: 360px; margin: 0 0 10px 80px; }

#symbols { margin: 10px 0 0 60px; width: auto}

.bestallsteg { float: left; width: auto; margin: 0 0 0 0 ; padding: 0 0 20px 0; height: auto; border: solid 0px red; clear: both}
.bestallsteg img, .bestallsteg input{float: right; margin: 0 20px 0 0 }


/* ---------------EGEN LOGO--------------- */

#sidebarLeftEgenLogo { width: 525px; float: left; border-right: solid 0px #990000; text-align: left; font-size: 12px; padding: 20px 50px 20px 60px; }

#sidebarRightEgenLogo { width: 255px; float: left; border: solid 0px red; text-align: left; font-size: 12px; padding: 20px 30px 20px 30px; }

.egenLogoText {float: left; width: 100%; height: auto; clear: both; margin: 0; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x;}

/* ---------------PRODUKTUTBUD--------------- */

.produktutbud{ margin: 0px; width: 910px; padding: 0px 20px 20px 60px; text-align: left; }

.produktutbudBox{ float: left; width: 270px; padding: 0 30px 0 0; margin: 0 }

.produktutbudBox p { float: left; width: auto; height: 70px; margin: 0; padding: 0 }

.produktutbudBox a img{ float: right; width: auto; display: block; border: solid 0px red; padding: 20px 0 20px 0; margin: 0 }

.produktBild { float: left; clear: both; margin: 0; border: solid 0px #e7e7e7 }

.produktText { width: 228px; height: 130px; clear: both; padding: 10px; margin: 0 0 20px 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x; }


/* ---------------ETIKETTUTBUD--------------- */

.etikettutbud{ float: right; width: 100%; margin: 0px; padding: 0 0 0 0; text-align: left; }

.etikettutbudBox{ float: right; width: 270px; margin: 0 0px 30px 0; padding: 0 10px 0 0 }

.etikettutbudBox p { float: left; width: auto; margin: 0px; padding: 0 10px 0 10px; } 

.etikettutbudBox a img{ display: block; border: solid 0px red; margin: 0; padding: 0 }

.etiketterText {float: left; width: 100%; height: auto; clear: both; margin: 0; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x; }

#skapa { margin: 20px 0 0 0; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x;}

#sidebarLeftEtikett { width: 545px; float: left; text-align: left; font-size: 12px; padding: 20px 30px 20px 60px; margin: 0 }

#sidebarRightEtikett { width: 275px; float: left; text-align: left; font-size: 12px; padding: 20px 20px 0px 30px; margin: 0 }


/* ---------------DEKALER--------------- */

#sidebarLeftDekaler { width: 575px; float: left; text-align: left; font-size: 12px; padding: 20px 0px 20px 60px; }

#sidebarRightDekaler { width: 255px; float: left; text-align: left; font-size: 12px; padding: 20px 20px 20px 50px; margin: 0 }

.dekalerText {float: left; width: 100%; height: auto; clear: both; margin: 0; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x;}

/* --------------BREVMÄRKEN--------------- */

#sidebarLeftBrev { width: 525px; float: left; text-align: left; font-size: 12px; padding: 20px 50px 20px 60px; }

#sidebarRightBrev { width: 255px; float: left; text-align: left; font-size: 12px; padding: 20px 50px 20px 50px; }

.brevText {float: left; width: 100%; height: auto; clear: both; margin: 0; padding: 10px; border: solid 1px #e7e7e7; background-image: url(../images/produkt_text_BG.jpg); background-position: top; background-repeat: repeat-x;}

/* ---------------FÖRERTAGET--------------- */

#Foretaget { width: 870px; float: left; text-align: left; font-size: 12px; padding: 10px 50px 20px 60px; }

#Foretaget img {float: right; margin: 10px 0 20px 20px}

#sidebarRightForetaget { width: 295px; float: left; border: solid 0px red; text-align: left; font-size: 12px; padding: 20px 50px 20px 50px; }

/* ---------------BOTTEN--------------- */

.footer{ width: 990px; height: 100px; clear: both; background-image: url(../images/footer.jpg); background-repeat:no-repeat; margin: 0; padding: 0; }

.adress{ width: 790px; float: left; clear: both; padding: 45px 0 0 100px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;font-weight: normal;  color: #FFFFFF; text-align: center; }

.adress ul{ width: auto; list-style-type: none; width: auto; border: solid 0px #fff; padding: 0; margin: 0}  

.adress li{ display: inline; list-style-type: none; color: #FFF; border-right: solid 1px #FFF; padding: 0 20px; margin: 0 }

#adressEnd{ border-right: solid 0px #FFF; } 

.adress li a{ text-decoration: none; } 

.adress li a{  text-decoration: none; }