* {
  font-size: 8pt;
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  margin: 0;
  padding: 0;
}
body {
  text-align: left;
  min-width: 760px;
  font-family: verdana, arial, sans serif;
  font-size: 11px;
  background-color: #4E3623;
}
#verpackung {
  text-align: center;
}
#hintergrund {
  margin: 10px auto;
  width: 930px;
  position: relative;
  background-color: #EAE4D9;
  background-image: url(/layout/viva1/scrollen.jpg);
  background-repeat: repeat-y;
}
#kopf {
  position: relative;
  width: 930px;
  height: 200px;
  border: 0px solid #0D141C;
  background: #ffffff url(/layout/viva1/kopf.jpg) no-repeat;
}
#tasse {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  text-align: left;
  height: 200px;
}
ul.cmsNavigationBox {
  list-style: none;
  position: absolute;
  left: 200px;
  top: 0px;
  text-align: center;
  height: 200px;
  border: 0px solid #cc0011;
}
ul.cmsNavigationBox a {
  display: block;
  line-height: 24px;
  height: 24px;
  border-bottom: 1px solid #4E3623;
  color: #FFFFFF;
  width: 150px;
}
ul.cmsNavigationBox a:hover {
  background-color: #EAE4D9;
  color: #4E3623;
}
#container {
  width: 100%;
  position: relative;
}

/*  ========================================================================== */

.Price {
  font-weight: bold;
  font-size: 18px;
  color: #CC0000;
}
.mwst1 {
  font-size: 9px;
  font-weight: normal;
  color: #545454;
  text-align: center;
  height: 10px;
  line-height: 16px;
}
.mwst1 a:visited {
  font-size: 9px;
  font-weight: normal;
  color: #545454;
  text-align: center;
}
.mwst1 a:hover {
  font-size: 9px;
  font-weight: normal;
  color: #D82525;
  text-align: center;
}
.mwst {
  color: #545454;
  font-size: 9px;
}
.mwst a {
  color: #999999;
  font-size: 9px;
}
.mwst a:hover {
  color: #D82525;
  font-size: 9px;
}

/*  ===============================elemente============================== */

h1 {
  font-size: 18px;
  color: #503824;
}
h2 {
  font-size: 16px;
  color: #503824;
}
h3 {
  font-size: 14px;
  color: #503824;
}
form {
  display: inline;
}
input {
  border: 1px solid #4E3623;
  background-color: #EAE4D9;
  font-size: 10px;
}
select {
  border: 1px solid #4E3623;
  background-color: #EAE4D9;
  font-size: 10px;
}
.clearen {
  clear: left;
}
a {
  text-decoration: none;
  color: #702D03;
}
a.link1 {
  text-decoration: none;
  color: #000000;
}
td {
  background-color: #EAE4D9;
  border: 1px solid #FFFFFF;
  color: #4E3623;
  font-size: 12px;
  line-height: 16px;
  padding: 3px;
  vertical-align: top;
}

/*  ============================linke spalte================================== */

#mainNav {
  width: 200px;
  float: left;
  min-height: #700px;
  border: 0px solid #cc0011;
  margin-right: 30px;
}
#mainNavbreit {
  width: 200px;
  float: left;
  min-height: #700px;
  border: 0px solid #cc0011;
  margin-right: 0px;
}
#versandfrei {
  background: #FAFAF8;
  border: 1px solid #4E3623;
  color: #CC0000;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0px 10px 10px;
  padding: 7px 0pt;
  width: 180px;
}
#suche1 {
  width: 180px;
  margin: 20px 0px 10px 10px;
}
.sucheFormularInput {
  background-color: #EAE4D9;
  border: 1px solid #4E3623;
  color: #000000;
  float: left;
  height: 20px;
  line-height: 28px;
  margin: 0px;
  padding: 5px 0px 0px;
  text-indent: 3px;
  width: 147px;
  _height: 25px;
}
* html .sucheFormularInput {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.sucheFormularSubmit {
  width: 30px;
  height: 27px;
  background-color: #4E3623;
  color: #FFFFFF;
  font-weight: bold;
  border: 1px solid #4E3623;
  line-height: 20px;
  float: left;
  cursor: pointer;
  text-align: center;
}
* html .sucheFormularSubmit {
  margin: 0px 0px 0px 0px;
}
#navigation {
  margin: 20px 15px 20px 0px;
}
ul.left_menu {
  list-style: none;
}
*  .kategorieLiNavigationHeadline {
  display: block;
}
ul.left_menu li a {
  display: block;
  width:;
  height: 25px;
  line-height: 25px;
  color: #FFFFFF;
  text-decoration: none;
  text-indent: 10px;
  border: solid #4E3623;
  border-width: 0 1px 1px;
  text-align: left;
}
ul.left_menu li a:hover {
  color: #4E3623;
  text-decoration: none;
  background-color: #EAE4D9;
}
ul.left_menu ul {
  list-style: none;
}
ul.left_menu li.level2 a {
  display: block;
  border: solid #4E3623;
  border-width: 0 1px 1px;
  width:;
  height: 25px;
  line-height: 25px;
  color: #FFFFFF;
  background-color: #97755C;
  text-decoration: none;
  text-indent: 15px;
  text-align: left;
}
ul.left_menu li.level2 a:hover {
  color: #4E3623;
  background-color: #EAE4D9;
}
ul.left_menu li.level3 a {
  display: block;
  width:;
  height: 25px;
  line-height: 25px;
  color: #000000;
  text-decoration: none;
  text-indent: 25px;
  border: solid #4E3623;
  border-width: 0 1px 1px;
  text-align: left;
  background-color: #C2A070;
}
ul.left_menu li.level3 a:hover {
  color: #000000;
  background-color: #EAE4D9;
}
li.level1active {
  background: #c00;
}
a.level1active_link {
  font-weight: bold;
}
li.level2active {
  background: #c00;
}
#mainNav .box {
  text-align: left;
  padding-left: 10px;
  padding-right: 0px;
  width: 180px;
}
.box .header {
  background: #EAE4D9;
  border: 1px solid #4E3623;
  height: 24px;
  padding: 0px;
}
.box .header h3 {
  text-align: left;
  padding-top: 4px;
  padding-left: 10px;
  padding-bottom: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
}
.box .content {
  font-size: 11px;
  font-weight: normal;
  margin-left: 0px;
  margin-top: 2px;
  padding: 10px;
  text-align: left;
  background: #EAE4D9;
}
#partner h3{color:#EAE4D9; font-size: 12px; margin:30px 0 4px}
#partner img {border:1px solid #F49A12}

/*  ============================rechter content================================= */

#mainContent {
  margin: 0px 0px 0px 200px;
  border: 0px solid #cc0011;
}
#mainContentbreit {
  margin: 0px 0px 25px 0px;
  border: 0px solid #cc0011;
  float: right;
  width: 720px;
  text-align: left;
}

#TextContent {
  margin: 20px 0px 25px 0px;
  border: 0px solid #cc0011;
  float: left;
  width: 670px;
  text-align: left;
}
h1.allgemeineHeadline {
  width: 100%;
  margin-bottom: 10px;
  background-color: #4E3623;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-indent: 5px;
  color: #FFFFFF;
}
h1.allgemeineHeadline a {
color:#FFFFFF;
font-weight:bold;
line-height:25px;
}
.startArtikelBox {
  width: 100%;
  text-align: center;
  position: relative;
}
/*  ===================== startseite ===================== */
.topstart {
  float: left;
}
.topstart .header {
}
.topstart .header h2 {
}
.topstart .content {
}
.topstart .topitembox {
  width: 210px;
  height: 230px;
  text-align: center;  
  margin: 5px;
  padding: 10px 0;
  position: relative;  
  background-color: #EAE4D9;
  border: 1px solid #4E3623;
}
.topstart .pic {
background:#FFFFFF  no-repeat scroll center center;
border:1px solid #C4B09C;
height:130px;
margin:0 auto;
width:130px;
}
.topstart .pic  a.prod_link{
display:block;
height:130px;
}
.topstart .text {
  margin: 10px
}
.topstart .text h3 {
  color: #4E3623;
  font-size: 13px
}
.topstart .text span.Price {
  display: block;
  position: absolute;
  left: 30px;
  bottom: 15px;
}
.topstart .text a.prod_link {
  display: block;
  position: absolute;
  right: 25px;
  bottom: 15px;
}
.topstart .footer {
  clear: both
}
#kategorieArtikelFormat {
  display: block;
  float: left;
  width: 158px;
  height: 158px;
  margin: 3px;
  border: 1px solid #4E3623;
  text-decoration: none;
  text-align: center;
  position: relative;
}
span.kategorieArtikelbildFormat a {
  color: #D82525;
  width: 100px;
  border: 0px solid #D82525;
  height: 100px;
}
span.kategorieArtikelbildFormat a img {
  color: #D0B692;
}
span.kategorieArtikelbildFormat a:hover {
  color: #D82525;
  width: 100px;
  border: 0px solid #D82525;
  height: 100px;
}
span.kategorieArtikelnameFormat {
  display: block;
  color: #4E3623;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  line-height: 2;
  width: 100%;
  bottom: 5px;
}
/*  0 {
  display: block;
}
1 {
  color: #4E3623;
}
2 {
  font-weight: bold;
}
3 {
  height: 20px;
}
4 {
  line-height: 20px;
} */

span.kategorieArtikelnameFormat a:hover {
  display: block;
  color: #D82525;
  font-weight: bold;
  height: 20px;
  line-height: 2;
}
#ArtikelUebersichtFormat {
  float: left;
  width: 200px;
  height: 320px;
  border: 1px solid #4E3623;
  text-decoration: none;
  margin-bottom: 10px;
  background-color: #FFFFFF;
  text-align: center;
  margin-right: 5px;
  margin-left: 5px;
  padding: 0px 5px 0px 5px;
  position: relative;
}
.artikelUebersichtBild a {
  width: 100px;
  margin: 10px 40px 10px 40px;
  display: block;
  height: 100px;
}
.TitelUebersicht a:visited {
  border: 0px solid #000000;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  display: block;
  height: 30px;
}
.TitelUebersicht a:hover {
  border: 0px solid #000000;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  display: block;
  height: 30px;
}
#infoposition {
  bottom: 0px;
  height: 110px;
  left: 0px;
  padding: 0px 5px;
  position: absolute;
  width: 200px;
}
.ArtikelUebersicht a:hover {
  border: 0px solid #000000;
  color: #4E3623;
  text-align: center;
  display: block;
  height: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 20px;
  padding: 0px 4px 0px 4px;
}
.PreisUebersicht {
  border: 0px solid #000000;
  color: #4E3623;
  text-align: center;
  display: block;
  height: 20px;
  margin-top: 7px;
  margin-bottom: 2px;
  line-height: 20px;
  font-size: 13px;
  font-weight: bold;
}
.warenkorbButtonUebersicht a:visited {
  background-color: #4E3623;
  border: 1px solid #4E3623;
  color: #FFFFFF;
  display: block;
  height: 20px;
  line-height: 20px;
  margin-top: 5px;
  padding: 0px 4px;
  text-align: center;
}
.warenkorbButtonUebersicht a:hover {
  border: 1px solid #4E3623;
  color: #4E3623;
  text-align: center;
  display: block;
  height: 20px;
  background-color: #FFFFFF;
  margin-top: 2px;
  line-height: 20px;
  padding: 0px 4px 0px 4px;
}
h2.titel {
  border: 1px solid #4E3623;
  color: #c00;
  display: block;
  font-family: verdana;
  font-size: 15px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 15px 0px 10px;
  text-align: center;
}
.artikelBox {
  background-color: #EAE4D9;
  border: 1px solid #4E3623;
  float: left;
  padding: 10px;
  margin-bottom: 5px;
  width: 96.5%;
}
.rechtsinfos,  .rechtsinfos p {
  color: #888;
}
.artikelDetailInfosBilder {
  border: 0px solid #CC0011;
  float: left;
  height: 440px;
  margin: 0px 10px 10px 0px;
  min-height: 400px;
  min-width: 300px;
  position: relative;
  text-align: left;
  width: 410px;
}
.artikelDetailBild {
  margin: 0px 5px 20px 0px;
  min-height: 400px;
  min-width: 300px;
  height: 400px;
  width: 400px;
}
*  .artikelDetailWeiterBild {
  border: 0px solid #ffffff;
  margin: 5px 5px 5px 0px;
  text-align: left;
}
#morepix img {
  margin: 2px 2px 2px 5px;
}
.artikelDetailInfos {
  text-align: left;
}
.artikelDetailBeschreibung {
  padding: 0px 0px 20px;
  text-align: left;
}
.artikelDetailBeschreibung ul {
  list-style-position: outside;
  list-style-type: square;
  text-align: left;
  margin: 10px 0pt 0pt 430px;
}
.artikelDetailBeschreibung li {
  margin-left: 15px;
}
table.artikelkurzinfo {
  width: 648px;
  clear: left;
  background: #EAE4D9;
}
table.artikelkurzinfo td {
  width: 25%;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #4E3623;
}
table.artikelkurzinfo td.lieferzeit img {
  float: right;
  margin-left: 8px;
}

/*  ===============================fuss============================= */

#footer {
  width: 930px;
  height: 50px;
  background: #ffffff url(/layout/viva1/footer.jpg) no-repeat;
  clear: left;
  padding-top: 10px;
}
#footer a {
  color: #FFFFFF;
}
.plenty_horizontal_bar {
  width: 99%;
  margin: 4px 0px 4px 0px;
  padding: 0px;
  border: 2px solid #dfdfdf;
  background-color: #EAE4D9;
  text-align: left;
  vertical-align: middle;
}
.plenty_horizontal_bar div {
  padding-left: 8px;
  padding-bottom: 4px;
}
.plenty_horizontal_bar h2 {
  color: #EACDAF;
  font-weight: normal;
}

.listenartikel {
  border: 1px solid #4E3623;
  margin-bottom: 5px;
}
.listenartikel h3 {
  line-height: 24px;
}
.listenartikel table {
  width: 525px;
  margin-left:;
  float: left;
}
.listenartikel td {
  padding: 5px;
  vertical-align: middle;
  border: 1px solid;
}
.listenartikel h3 a {
  font-size: 14px;
}

body.mceContentBody {
  background: #FFF;
}