/* ------------------------------ STYLESHEET FOR HAROMEX ------------------------------ */
* {
  margin: 0;
  padding: 0;
/*list-style-type: none;*/
}

body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  min-width: 1000px;
  height: 100%;
  background-color: #FFF9F2;
  background-image: url(../_images/bg_body.jpg);
}
/* ------------------------------ BASIC LAYOUT ------------------------------ */

#header-wrap {
  width: 960px;
  position: relative;
  margin-left: 150px;
}

#header {
  background: url(../_images/bg_header.png) left top no-repeat;
  height: 92px;
}

#logo {
  height: 90px;
  width: 300px;
  padding-top: 0;
  text-align: left;
  float: left;
}

#logo img {
  margin: 13px 0 0 40px;
}

#spacer-wrap {
  clear: both;
  position: relative;
  background: url(../_images/bg_spacer.png) right top no-repeat;
  margin-left: 150px;
  height: 31px;
  width: 960px;
  margin-bottom: 0;
  background-color: #fff;
  border-left: 1px solid #E3D9BE;
  border-right: 1px solid #A8142C;
}

#content-wrap {
  clear: both;
  position: relative;
  margin-left: 150px;
  padding: 10px;
  width: 940px;
  background-color: #fff;
  border-left: 1px solid #E3D9BE;
  border-right: 1px solid #E3D9BE;
}

#content-wrap:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#content {
  width: 940px;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 16px;
}

#headimage {
  width: 960px;
  height: 180px;
}

#left {
  padding-bottom: 0;
  width: 250px;
  float: left;
  clear: both;
  min-height: 401px;
  height: auto !important;
  height: 401px;
  background-color: #F3EEDF;
  margin-left: 14px;
}

#right {
  float: left;
  min-height: 401px;
  height: auto !important;
  height: 401px;
}

#right strong {
  color: #A8142C;
}


#left-container {
  width: 200px;
}

#main {
  margin-left: 56px;
  width: 600px;
  float: left;
  margin-top: 14px;
  /* border: 1px solid #cc0000;  */
}

#footer-wrap {
  clear: both;
  height: 50px;
  background-image: url(../_images/bg_footer.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  margin-left: 150px;
}

#footer {
  width: 960px;
  text-align: right;
  position: relative;
  color: #fff;
}

#schatten {
  background: url(../_images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../_images/shadow.gif) no-repeat bottom right;
  width: 999px;
  margin: 0 auto;
}

.img-shadow {
  float: left;
  background: url(../_images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../_images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

#schatten-rahmen {
  background-color: #FFF9F2;
  width: 989px;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 6px 6px 6px -6px !important;
  min-height: 661px;
  height: auto !important;
  height: 661px;
}

#schatten-rahmen2 {
  background: none !important;
  background: url(../_images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.basket {
	text-align:left;
	margin-left: 0 2px 0 2px;
}


/* ------------------------------ TYPOGRAPHY ------------------------------ */

td {
  vertical-align: top;
}

input, textarea {
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 12px;
  line-height: 18px;
}

h1 {
  font-size: 18px;
  line-height: 15px;
  padding: 0 0 5px 0;
  margin-bottom: 4px;
  color: #3C1900;
}

h2, h3, h4 {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
}

strong.highlight {
  font-size: 18px;
  line-height: 27px;
}

h4, .section-info {
  color: #b2b2b2;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 15px;
  border-bottom: 1px solid #dadada;
  padding: 8px 0 0 0;
  margin: 0 0 3px 0;
}

p {}

.grey {
  color: #b2b2b2;
}

input, select, textarea {
  vertical-align: middle;
  color: #171717;
  line-height: 14px;
  padding: 3px 0 3px 0;
}

textarea {
  padding-right: 3px;
}

a img {
  border: 0;
}
/* ------------------------------ LINKS ------------------------------ */

a:link, a:active, a:visited {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: underline;
}
/* ------------------------------ GRID ------------------------------ */

table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

ul {
  list-style-type: none;
}

ul, li {
  margin: 0;
  padding: 0;
  border: 0;
}

.row {
  display: block;
  clear: both;
}

.row:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.hidden {
  display: none;
}

.col {
  display: block;
  float: left;
}

.tabbed {
  margin-left: 24px;
}

.one-unit {
  width: 309px;
}

.one-unit-upload {
  width: 30px;
}

.two-units {
  width: 276px;
}

.three-units {
  width: 576px;
}

.four-units {
  width: 776px;
}

.one-subunit {
  width: 340px;
}

.two-subunits {
  width: 346px;
}

.two-subunits-wide {
  width: 359px;
}

.three-subunits {
  width: 246px;
}

input.one-unit, select.one-unit {
  width: 170px;
}

input.two-units, select.two-units {
  width: 370px;
}

input.three-units, select.three-units {
  width: 570px;
}

input.one-subunit, select.one-subunit {
  width: 120px;
}

input.two-subunits, select.two-subunits {
  width: 270px;
}

.pos-left {
  text-align: left;
}

.pos-center {
  text-align: center;
}

.pos-right {
  text-align: right;
}

.bg-white {
  background-color: #fff;
}

.bg-light-grey {
  background-color: #f7f7f7;
}

.bg-grey {
  background-color: #e0e0e0;
}

.bg-striped {
  background: url(../_images/stripes-dadada.gif);
}

.bg-striped-grey {
  background: url(../_images/stripes-dadada.gif);
}

.offset-t {
  margin-top: 18px;
}

h4.offset-t, h2.offset-t {
  padding-top: 26px;
}

.offset-b {
  margin-bottom: 18px;
}

.no-offset {
  margin-top: 0;
  margin-bottom: 0px;
}

.underlined {
  margin-bottom: 3px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dadada;
}

h1.underlined {
  margin-bottom: 3px;
  padding-bottom: 5px;
}

.generic-spacer {
  clear: both;
  height: 36px;
}
/* ------------------------------ HEADER ------------------------------ */

.header-sub {
  position: absolute;
  margin: 0 0 0 200px;
  top: 0;
  width: 176px;
  height: 30px;
  background-color: #171717;
  color: #fff;
}

.header-sub h1 {
  font-size: 12px;
  font-weight: bold;
  display: inline;
  padding-left: 12px;
  line-height: 30px;
}

#markt-wrap {
  font-size: 10px;
  height: 34px;
}

#markt-wrap select {
  font-size: 10px;
}

#markt-cur {
  float: left;
  display: block;
  text-align: left;
  width: 300px;
  margin-left: 30px;
  margin-top: 4px;
}

#markt-chg {
  float: right;
  display: block;
  text-align: right;
  width: 300px;
  margin-right: 20px;
  margin-top: 4px;
}

#markt-chg input {
	font-size: 10px;
}

#header-wrap h1 {
  position: absolute;
  top: 250px;
  left: 300px;
  width: 630px;
  text-align: right;
  font-size: 30px;
  color: #A8142C;
  font-weight: bold;
  line-height: 40px;
}
/* ------------------------------ MENU ------------------------------ */

#menu {
  position: relative;
  display: block;
  height: 60px;
  text-align: right;
  margin-top: -89px;
  float: right;
  width: 745px;
  padding-right: 20px;
}

.menu-level-1, .menu-level-2, .menu-spacer {
  position: relative;
  height: 28px;
  margin: 0 auto;
}

.menu-level-1 {
  color: #504E53;
  font-size: 14px;
  font-weight: bold;
  font-variant:;
}

.menu-level-2, .menu-spacer {
  background-color: #171717;
}

.menu-level-1 li, .menu-level-2 li {
  position: relative;
  padding: 0;
  display: inline;
}

.menu-level-1 a, .menu-level-2 a {
  padding: 19px 14px 20px 14px;
  text-transform: uppercase;
  line-height: 59px;
  text-decoration: none;
  display: inline;
  height: 59px;
}

.menu-level-1 a {
  color: #504E53 !important;
}

.menu-level-2 a {
  color: #fff !important;
}

.menu-level-1 a:hover, .menu-level-1 a.active {
  text-decoration: none;
  background: url(../_images/bg_menue_active.jpg) bottom;
  /* border: 1px solid #cc0000; */
}

.menu-level-2 a:hover, .menu-level-2 a.active {
  color: #000!important;
}

.menu-spacer {
  height: 24px;
}
/* ------------------------------ CONTENT ------------------------------ */
/* ------------------------------ LEFT ------------------------------ */

#left ul {
  padding: 5px 10px 5px 30px;
  line-height: 20px;
}

#left p {
  padding: 5px 10px 18px 20px;
}

#left li, .section-menu li {
  display: inline;
}

#left li a, #left li span, .section-menu li a {
  display: block;
}

#left li a.shop-done {
  color: #000;
}

#left li a.active, #left li a.shop-active, .section-menu li a.active {
  font-weight: bold;
  background-image: url(../_images/arrow-li-active.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
  color: #A8142C;
}

#left li a:hover, #left a.active:hover, #left li a.shop-done:hover, .section-menu li a:hover, .section-menu li a.active:hover {
  color: #A8142C;
}

#left .sub {
  background-image: url(../_images/arrow-li.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
}

#left li .shop-todo {
  color: #b2b2b2;
}

#left h2 {
  color: #A8142C;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 10px 10px 20px;
  width: 220px;
  background-color: #fff;
}

#left h2 a {
  color: #A8142C;
  text-decoration: none;
}

#left h2 img {
  vertical-align: middle;
}

#left h3 {
  color: #A8142C;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 10px 7px 20px;
}
/* ------------------------------ RIGHT ------------------------------ */

#right p, #right ol {
  margin: 0 0 20px 0;
  font-size: 11px;
  color: #504E53;
  line-height: 22px;
}

#right ol ol, #right table p {
  margin-bottom: 0px;
}

#right a {
  color: #A8142C;
}

#right .section-block p {
  margin-right: 0;
}

#right h2 {
  color: #A8142C;
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}

#right h3 {
  color: #A8142C;
  font-size: 12px;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 7px;
}

#right ol {
  padding: 0 0 0 24px;
}

#right .item-image {
  display: block;
  height: 320px;
  margin: 27px 0 18px 0;
}

#right .item-image img {
  float: left;
}
/*
#right .item-info {
	float: left;
}
*/

.section-block {
  display: block;
  width: 576px;
  margin-bottom: 32px;
}

.section-block .row p {
  margin: 0 !important;
}

.section-block img {
  padding-top: 4px;
  float: left;
}

.section-add {
  height: 36px;
}

.section-add td {
  padding: 4px 0;
  vertical-align: middle;
}

.one-unit select {
  width: 170px;
  margin: 0 2px 0 2px;
}

.tinytable td {
  padding: 0 4px 0;
  white-space: nowrap;
}
/*
.add-to-basket {
	margin-bottom: 0;
}

.add-to-basket td {
	padding: 4px;
	vertical-align: middle;
	text-align: center;
}
*/

.form-add-quantity {
  width: 24px;
}

a.del {
  display: block;
  padding-right: 24px;
  background: url(../_images/process-del2.gif) no-repeat right 0;
}

a.del:hover {
  background-color: #171717;
  background-position: right -36px;
}

.two-subunits a.del {
  margin-left: 150px;
}

.taskmanager {
  display: block;
  width: 55px;
  height: 20px;
  overflow: hidden;
  text-indent: -2000px;
  font-size: 0.1em;
  background: url(../_images/button_ansehen.gif) top left no-repeat;
  margin: 5px 0 5px 0;
}

.button {
  width: 55px;
  overflow: hidden;
  font-size: 0.1em;
  margin: 5px 0 5px 0;
}

.bearbeiten {
  width: 60px;
  height: 20px;
  background: url(../_images/button_bearbeiten.gif) top left no-repeat;
}

.dateiloeschen {
  width: 126px;
  height: 20px;
  background: url(../_images/button_dateiloeschen.gif) top left no-repeat;
}

.loeschen {
  width: 55px;
  height: 20px;
  background: url(../_images/button_loeschen.gif) top left no-repeat;
}

.speichern {
  width: 76px;
  height: 20px;
  background: url(../_images/button_save.gif) top left no-repeat;
}

.copylink {
  width: 78px;
  height: 20px;
  background: url(../_images/button_copylink.gif) top left no-repeat;
}

.smalltext {
  font-size: 95%;
  line-height: normal;
}

.tinytext {
  font-size: 75%;
  line-height: normal;
}

.table-head-small {
  font-size: 95%;
  line-height: normal;
  font-weight: bold;
}
/* ------------------------------ TEASER-BOX ------------------------------ */

#right .item-teaser {
  margin-bottom: 18px;
  display: block;
  float: left;
}

#right .item-teaser span {
  margin-bottom: 0px;
  font-style: normal;
  display: block;
}

#right .item-teaser .item-teaser-title {
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
}

#right .item-teaser .item-teaser-descr b {
  padding: 0;
  background-color: transparent;
}

#right .item-teaser a {
  display: block;
  color: #000;
}

#right .item-teaser a:hover {
  color: #fff;
  background: #171717/*url('../_images/stripes-green.gif')*/;
}
/* ------------------------------ PAGINATION ------------------------------ */

.pagination {}

.pagination a {
  padding: 2px 6px;
}

.pagination a.active {
  background-color: #171717;
  color: #fff;
}

.pagination a.rwd {
  padding-left: 18px;
  background: url(../_images/arrow-left-b_w.gif) left top no-repeat;
}

.pagination a.rwd:hover {
  background-position: left -36px;
  background-color: #171717;
}

.pagination a.fwd {
  padding-right: 18px;
  background: url(../_images/arrow-right-b_w.gif) right top no-repeat;
}

.pagination a.fwd:hover {
  background-position: right -36px;
  background-color: #171717;
}
/* ------------------------------ INPUT AREA ------------------------------ */

.input-area, input-area td {
  line-height: 36px;
}

.input-area i {
  font-style: normal;
  color: #999;
}
/* ------------------------------ SLIDESHOW ------------------------------ */

#slideshow {
  position: relative;
  margin: 0px 0 21px 0;
  background-color: #171717;
  width: 120px;
  height: 120px; 
}

#slideshow img {
  width: 120px;
  height: 120px;
  position: absolute;
}

#mContainer {
    position:relative;
   
}

.mPhoto {
    position:absolute;
    top:0;
    left: 0;
    -moz-opacity:0.0;
    filter:Alpha(opacity=0);
	text-align: center;
	width: 200px;
}
.mPhoto img {
	margin-left:auto; 
	margin-right:auto;
	text-align:center;
}

/* ------------------------------ SIDEBAR ------------------------------ */

#sidebar {
 	margin-left: 6px;
	width: 220px;
	float: right;
	padding-left: 10px;
	text-align:left;
}

.rahmen {
border: 1px solid #cc0000;
  
}

/* ------------------------------ FOOTER ------------------------------ */

#footer a:link, #footer a:active, #footer a:visited {
  color: #fff;
}

#footer li a:hover {
  color: #fff;
  background: transparent url(../_images/arrow-top-white.gif) no-repeat right center;
}

#footer .small {
  font-size: 11px;
  padding-right: 18px;
  padding-top: 4px;
}

.schnellhilfe {
  font-size: 80%;
}

.fehler {
  color: #990000;
  width: 100%;
}

#alter { 
    position: absolute;
    top:0px; 
    z-index:1000;
    left:0px;
    width:100%; 
    height:100%;  
    text-align: center;
    background-image: url(../_images/overlay2.png); 
}

#menue{
    margin-top: 120px; 
    padding-top: 215px; 
    background-color: #fff; 
    width: 738px;
    height: 285px; 
    font-size: 14px;
    border-style: solid; 
    border-width: 1px;
    border-color:#ccc;
    background-image: url(../_images/18orolder.jpg);
    background-repeat: no-repeat; 
}

.mybutton{
    font-size: 11px;
    color: #000000;
    border-width: 1px;
    border-style:outset;
    border-color: #a8142c;
    background-color: #FAF9F5;
}