@font-face {
  font-family: 'Monalisa';
  src: url('../frame/font/25796_MonaLisaSolidITC-Normal.ttf');
}
html {
  text-rendering: optimizeLegibility;
  font-family: Segoe UI;
  font-size: 16px;
}
a {
  color: black;
  cursor: pointer;
  text-decoration: none;
}
body {
  background: #5f9fb3;
  overflow-y: scroll;
  position: relative;
  z-index: -10;
  padding: 25px;
}
.inline-div {
  display: inline-block;
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1080;
  min-width: 980;
}
.fill-container {
  min-width: 980;
}
h4 {
  font-size: 2em;
}
#content {
  padding: 15px;
  background: #D0ECF5;
  width: 1155px;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url('css/frame/PIE.htc');
  -webkit-box-shadow: #333 5px 5px 5px;
  -moz-box-shadow: #333 5px 5px 5px;
  box-shadow: #333 5px 5px 5px;
  behavior: url('css/frame/PIE.htc');
}
#container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
#container #bg {
  z-index: -1;
  position: fixed;
  left: 0px;
  top: 0px;
}
#header-container {
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
}
#header {
  cursor: pointer;
  height: 66px;
  padding: 10px;
  border: 1px solid black;
  background: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url('css/frame/PIE.htc');
  -webkit-box-shadow: #333 5px 5px 5px;
  -moz-box-shadow: #333 5px 5px 5px;
  box-shadow: #333 5px 5px 5px;
  behavior: url('css/frame/PIE.htc');
  text-align: center;
  vertical-align: middle;
}
#header h1 {
  vertical-align: middle;
  font-family: Monalisa;
  font-size: 56px;
  display: inline-block;
}
#header img {
  float: right;
  height: 55px;
  margin-right: 10px;
  margin-top: 2px;
  display: inline-block;
}
#menu .menu-kategori {
  display: inline-table;
  cursor: pointer;
  padding: 10px;
  width: 45%;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  border: 1px solid black;
  background: white;
  text-align: center;
  margin: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url('css/frame/PIE.htc');
  -webkit-box-shadow: #333 5px 5px 5px;
  -moz-box-shadow: #333 5px 5px 5px;
  box-shadow: #333 5px 5px 5px;
  behavior: url('css/frame/PIE.htc');
}
#menu .menu-kategori h4 {
  position: relative;
  top: -5px;
}
#menu .menu-kategori img {
  width: 150px;
}
#main {
  font-size: 1.5em;
  padding: 10px;
  background: white;
  margin-bottom: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url('css/frame/PIE.htc');
  -webkit-box-shadow: #333 5px 5px 5px;
  -moz-box-shadow: #333 5px 5px 5px;
  box-shadow: #333 5px 5px 5px;
  behavior: url('css/frame/PIE.htc');
  border: 1px solid black;
  z-index: 1;
}
#produkter-container {
  width: 100%;
  min-height: 300px;
  text-align: left;
}
#produkter-container .produkt {
  margin: 15px;
  width: 130px;
  display: inline-block;
  text-align: center;
}
#produkter-container .produkt img {
  width: 75px;
}
.produkt-sida {
  padding-left: 25px;
}
.produkt-sida .produkt-images {
  vertical-align: top;
  display: inline-block;
  width: 260px;
  float: right;
}
.produkt-sida .produkt-images li {
  padding: 5px;
}
.produkt-sida .produkt-images li img {
  width: 75px;
  height: 75px;
}
.produkt-sida .produkt-info {
  float: left;
}
.produkt-sida .produkt-info .produkt-text {
  width: 365px;
  float: left;
}
.produkt-sida .produkt-info .produkt-pris {
  width: 365px;
}
.produkt-sida .produkt-info .produkt-pris table {
  width: 100%;
  border: 1px solid black;
  background: #ccc;
}
.produkt-sida .produkt-info .produkt-pris table td {
  padding: 5px;
}
.produkt-sida .produkt-info .produkt-lik {
  display: inline-block;
  width: 345px;
  padding: 10px;
  border: 1px solid black;
  background: #ccc;
}
.produkt-sida .produkt-info .produkt-lik input {
  padding: 5px;
  width: 50px;
}
.produkt-sida .produkt-info .produkt-lik button {
  float: right;
}
#right {
  display: none;
  position: relative;
  right: -15px;
  float: right;
  width: 198px;
  height: 744px;
}
#right .countDiv {
  background: #BBBBBB;
  border: 1px solid black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url('css/frame/PIE.htc');
  -webkit-box-shadow: #333 5px 5px 5px;
  -moz-box-shadow: #333 5px 5px 5px;
  box-shadow: #333 5px 5px 5px;
  behavior: url('css/frame/PIE.htc');
  padding: 5px;
}
#right .countDiv select {
  border: 1px solid #aaa;
  width: 186px;
  padding: 5px;
}
#right .countDiv input {
  border: 1px solid #aaa;
  width: 176px;
  padding: 5px;
}
#right .countDiv .countSumma h3 {
  color: red;
  position: relative;
  top: -6px;
}
#right .countDiv button {
  font-size: 18px;
  width: 100%;
  border: none;
  padding: 5px;
  color: white;
}
#right-side-info {
  padding: 5px;
  border: 1px solid black;
  background: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url('css/frame/PIE.htc');
  -webkit-box-shadow: #333 5px 5px 5px;
  -moz-box-shadow: #333 5px 5px 5px;
  box-shadow: #333 5px 5px 5px;
  behavior: url('css/frame/PIE.htc');
}
#footer {
  font-size: 1.5em;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid black;
  background: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url('css/frame/PIE.htc');
  -webkit-box-shadow: #333 5px 5px 5px;
  -moz-box-shadow: #333 5px 5px 5px;
  box-shadow: #333 5px 5px 5px;
  behavior: url('css/frame/PIE.htc');
}
#Ufoot {
  font-size: 12px;
  text-align: center;
  position: relative;
}
.Ordrar-table th {
  padding: 5px;
}
.blue {
  padding: 10px;
  border: none;
  color: white;
  background: #1D508E;
}
.blue:hover {
  background: #112C4D;
}
.yellow {
  padding: 10px;
  border: none;
  color: white;
  background: #F0C000;
}
.yellow:hover {
  background: #bd9700;
}
.green {
  padding: 10px;
  border: none;
  color: white;
  background: #1E8549;
}
.green:hover {
  background: #176337;
}
.kundvagn {
  display: none;
  height: 78px;
  background: #333;
  padding: 5px;
  margin-bottom: 15px;
  -webkit-box-shadow: #333 5px 5px 5px;
  -moz-box-shadow: #333 5px 5px 5px;
  box-shadow: #333 5px 5px 5px;
  behavior: url('css/frame/PIE.htc');
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url('css/frame/PIE.htc');
}
.kundvagn a {
  color: white;
}
.kundvagn a h2 {
  color: #005B40;
  margin-bottom: 10px;
}
.kundvagn a div {
  width: 100%;
  list-style-type: none;
}
.kundvagn a .prodCount {
  float: left;
}
.kundvagn a .prodTotal {
  float: right;
}
#kundvagn textarea {
  min-width: 200px;
  max-width: 200px;
  height: 65px;
}
#kundvagn table {
  width: 100%;
}
#kundvagn table tr {
  vertical-align: top;
}
#kundvagn .tryckInfo {
  float: right;
  text-align: right;
  padding: 10px;
  background: #EEE;
  margin-bottom: 10px;
}
#kundvagn .tryckInfo span {
  width: 99px !important;
  text-align: left;
}
#kundvagn .tryckInfo input {
  cursor: pointer;
}
#kundvagn .tryckInfo button {
  cursor: pointer;
  color: white;
  background: #1D508E;
  border: none;
  padding: 10px;
}
#kundvagn .tryckInfo button:hover {
  background: #112C4D;
}
#kundvagn .tryckInfo textarea {
  margin-bottom: 10px;
  min-height: 75px;
}
.kundvagn-dialog table {
  width: 100%;
}
.kundvagn-dialog table tr {
  vertical-align: top;
}
.kundvagn-dialog table tr th {
  text-align: left;
}
.kundvagn-dialog table tr td {
  padding: 5px;
}
.kundvagn-dialog table tr td .chosen-container {
  width: 100px;
}
.kundvagn-dialog table tr td input {
  width: 75px;
}
.kundvagn-dialog table tr td div {
  position: relative;
}
.kundvagn-dialog table tr td div textarea {
  position: absolute;
  width: 90%;
  resize: none;
}
.leveransadress {
  position: relative;
}
.leveransadress div table {
  display: inline-block;
}
.leveransadress div table td {
  padding: 5px;
}
.leveransadress div table td input {
  padding: 5px;
}
.leveransadress div table td textarea {
  padding: 5px;
  width: 280px;
  max-width: 280px;
}
.leveransadress div div {
  margin-left: 10px;
  vertical-align: top;
  width: 320px;
  display: inline-block;
}
.leveransadress div div ul {
  padding-left: 25px;
}
.leveransadress div div .yellow {
  position: absolute;
  bottom: 15px;
}
.leveransadress div div .green {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.fakturaadress {
  position: relative;
}
.fakturaadress div table {
  display: inline-block;
}
.fakturaadress div table td {
  padding: 5px;
}
.fakturaadress div table td input {
  padding: 5px;
}
.fakturaadress div table td textarea {
  padding: 5px;
  width: 280px;
  max-width: 280px;
}
.fakturaadress div table span {
  cursor: pointer;
  color: #005B40;
}
.fakturaadress div div {
  margin-left: 10px;
  vertical-align: top;
  width: 320px;
  display: inline-block;
}
.fakturaadress div div ul {
  padding-left: 25px;
}
.fakturaadress div div .yellow {
  position: absolute;
  bottom: 15px;
}
.fakturaadress div div .green {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.dateFloat {
  position: absolute;
  right: 15px;
  top: 20px;
}
.dateFloat input {
  width: 100px;
}
#saveOrder {
  position: absolute;
  left: 15px;
  bottom: 15px;
}
#deleteOrder {
  position: absolute;
  left: 250px;
  bottom: 15px;
}