html, body 
{
  height: auto;
  margin:0px;
  padding:0px;
  background:#FFFFFF;
}

html, body, table, td, b {
  color:#000000;
  font-family:arial, verdana, tahoma, sans, helvetica, sans-serif;
  font-size:10pt;
}

a         { color:#0099CC; }
a:link    { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover   { text-decoration:underline; color:#0099CC;}
a:active  { text-decoration:underline; }

h1
  {
  	color:#0099CC;
  	font-family: verdana, tahoma, arial, 'trebuchet ms'; 
  	font-weight:bold;
  	font-size:11pt;
  	text-transform:none;
  	letter-spacing:0pt;
    margin: 0px 0px 3px 0px;
    width:auto;
    border:0px solid red;
    border-bottom:0px solid #0099CC;
    text-align:left;
  }

h2
  {
    font-family: verdana, tahoma, arial, 'trebuchet ms';
  	color:#0099CC;
  	font-weight:bold;
  	font-size:10pt;
  	text-transform:none;
  	letter-spacing:0pt;
    margin: 0px 0px 3px 0px;
    text-align:left;
    border:0px solid red;
  }
  
ul
  {
    margin:0px;
    padding-left:15px;
  }
  
li
  {
    padding:3px;
  }

 /* -- Artikel und Absatz ----------------------- */
 
.artikel
{
  position:relative;
  padding:0px 5px 5px 18px;
  margin-bottom:0px;  
  clear:both;
  width:auto;
  text-align:left;
  border:0px solid red;
}

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

}

.absatz
{
  position:relative;
  padding:0px 5px 5px 18px;
  margin-bottom:0px;  
  clear:both;
  width:auto;
  text-align:left;
  border:0px solid red;
}
 
.absatz-foto
{
  float:left;
  padding-top:10px;
  padding-bottom:5px;
  margin-bottom: 10px;
  border:1px solid #CCCCCC;
  width:157px;
  height:110px;
  text-align:center;
  margin-right:14px;
}

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

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

.img-start
  {
    padding-top: 3px;
    padding-left: 0px;
    padding-right:0px;
    text-align: center;
    border:0px solid navy;
  }

.img
  {
    float:right;
    padding-top: 3px;
    padding-left: 10px;
    padding-right:0px;
    text-align: center;
    width:70px;
    border:0px solid navy;
  }
  
  
.box h1
{
  font-size:9pt;
}

.box
{
  font-size:8pt;
  padding:0px 0px 10px 15px;
  border:0px solid red;
  overflow:hidden;
}
  
.box p, .img-box p
  {
    margin:0px 0px 0px 0px;
  }
  
.box-caption
  {
    clear:both;
    font-size:8pt;
  }
  
.box-img {
  text-align:center;
  
}
    
.caption
  {
    clear:both;
    font-size:8pt;
  }

.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;
}



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

form { display:inline; }

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

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


.button
  {
    background:#0099CC;
    color:#FFF;
    border: 1px solid #999;
    font-weight:bold;
  }
  
.button-search
  {
    background:#846A50;
    color:#CCCCCC;
    border: 1px solid #ECE9D8;
    font-weight:bold;
  }

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

.textfield-search {	width:120px; }
.textfield-medium { width:150px; }
.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;
}

.message {
  position:relative;
  padding:0px 5px 5px 18px;
  margin-bottom:0px;  
  clear:both;
  width:auto;
  text-align:left;
  border:0px solid red;
}