html, body, table, td, b
  {
    color:#003300;
    font-family: verdana, sans, arial, helvetica, sans-serif;
    font-size:11px;
  }
  
body
{
  background:#D5DBDB;
}


a         { color:#846A50; }
a:link    { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover   { text-decoration:underline; }
a:active  { text-decoration:underline; }

h1
  {
  	color:#003300;
  	font-weight:bold;
  	font-size:12px;
  	text-transform:none;
  	letter-spacing:0pt;
    margin: 0px 0px 3px 0px;
    width:auto;
    border:0px solid red;
  }

h2, .h2-liste
  {
  	color:#000000;
  	font-weight:bold;
  	font-size:10px;
  	text-transform:none;
  	letter-spacing:0pt;
    margin: 0px 0px 3px 0px;
  }
  
.h2-liste
  {
    padding-top: 3px;
  }

ul
  {
    margin:0px;
    padding-left:15px;
  }
  
li
  {
  }

 /* -- Artikel und Absatz ----------------------- */
 
.page-header
{
  margin-bottom: 6px;
  width:auto;
}
 
.artikel
{
  padding-top:5px;
  margin-bottom: 10px;
  border:0px solid red;
  border-top:1px dotted #000000;
  position:relative;
  clear:both;
  width:auto;
}

p {
  border:0px solid red;
  margin-bottom:5px;
  margin-top:5px;

}
ul, ol {
  border:0px solid green;
}


.foto-container
{
  width:auto;
  height:auto;
  border:0px solid blue;
  position:relative;
}

.foto-img
{
  width:80px;
  height:auto;
  border:0px solid red;
  position:relative;
  float:left;
  top:0px;
  left:0px;
}

.absatz
{
  padding-top:5px;
  margin-bottom: 10px;
  border-top:0px dotted #000000;
  clear:both;
}

.absatz-foto
{
  float:left;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom: 10px;
  border:0px solid #CCCCCC;
  width:135px;
 
  text-align:center;
  margin-right:14px;
}

.box
{
  background:#D5DBDB;
  margin-top:5px;
}

.box-content
{
  padding: 5px 5px 5px 5px;
}

.box h1
{
  background:#626968;
  color:#FFFFFF;
  padding: 5px 10px 5px 10px;
  font-family: verdana, sans, arial, helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
}

.date
  {
    color:#CD297F;
  }

.img
  {
    float:right;
    padding-top: 3px;
    padding-left: 10px;
    padding-right:0px;
    text-align: center;
    width:70px;
    border:0px solid navy;
  }
  
.img-box
  {
    text-align: center;
    margin:0px;
    padding:0px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
.box p, .img-box p
  {
    margin:0px 0px 0px 0px;
  }
    
.caption
  {
    clear:both;
     font-size:7pt;
  }

.history-link
  {
    clear:both;
    margin-top:0px;
    border:0px solid blue;
    text-align:right;
  }
  
.history-link a
  {
    text-decoration:none;
  }
  
.clear-all
{
  clear:both;
  line-height:1px;
  position:relative;
}

/* -- Shop -------------------------------------- */

.shop-container
  {
    clear:both;
    margin-top:5px;
    border:0px solid red;
  }
.shop-preis
  {
    float:left;
    text-align:left;
    border:0px solid red;
  }
.shop-button
  {
    float:right;
    text-align:right;
    border:0px solid red;
  }
  
.table-basket,
.table-basket td,
.table-basket th
  {
    border: 1px solid #CCCCCC;
    border-collapse:collapse;
  }
  
.table-basket th
{
  font-weight:normal;
  font-style:italic;
  background-color:#D5DBDB;
}

/* -- Formular ---------------------------------- */

form { display:inline; }

.textfield, .textarea, .button, .select, .select-produkte, .select-lieferart, .textfield-file, .button-search, .textfield-shop-anzahl, .button-link
  {
  	font-family: Tahoma,Verdana,Arial;
  	font-size: 8pt;
  	border: 1px solid #ECE9D8;
  }

.textarea-caption, .textfield-search, .textfield-short, .textfield-medium, .textfield-small, .textfield-email, .textfield-150, .textfield-100, .textfield-plz, .textarea-3k 
  {
  	font-family: Tahoma,Verdana,Arial;
  	font-size: 8pt;
  	border: 1px solid #ECE9D8;
  }


.button,
.button-link
  {
    background:#626968;
    color:#CCCCCC;
    border: 1px solid #ECE9D8;
    font-weight:bold;
  }
  
.button-link-container
  {
    display:inline;
  }

.button-link-container a,
.button-link-container a:link,
.button-link-container a:visited,
.button-link-container a:hover,
.button-link-container a:active,
.button-link-container a:focus
  {
    padding: 1px 5px 1px 5px;
    text-decoration:none;
  }
  
.button-search
  {
    background:#626968;
    color:#CCCCCC;
    border: 1px solid #ECE9D8;
    font-weight:bold;
  }

.textfield, .textarea, .textarea-caption
  {
  	width:350px;
  }
  
.textarea-3k
  {
  	width:347px;
  }

.textfield-shop-anzahl {width:14px; text-align:right;}
.textfield-search {	width:120px; }
.textfield-medium { width:150px; }
.textfield-small  { width:90px; }
.textfield-email  { width:70px; }
.textfield-short  { width:5ex; }
.textarea         { height:75px; }
.textarea-caption { height:15px; }
.textarea-3k      { height:50px; }


/*  ZUORDNUNG ----------------------------------- */

.m1
{
  padding-left:5px;
  font-size: 12px;
}

.m2
{
  padding-left:30px;
  font-size: 11px;
}

.m3
{
  padding-left:55px;
  font-size: 10px;
}

.td-inactive
{
  background-color:#D5DBDB;
}

.td-active
{
  background-color:#626968;
}


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

.td-active a,
.td-active a:link,   
.td-active a:visited,
.td-active a:hover,
.td-active a:active
{
  color:#FFF;
  text-decoration:none;
}

.td-active
{
  background-color:#626968;
}


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

.td-active a,
.td-active a:link,   
.td-active a:visited,
.td-active a:hover,
.td-active a:active
{
  color:#FFF;
  text-decoration:none;
}