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


a         { color:#000099; }
a:link    { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover   { text-decoration:underline; }
a:active  { text-decoration:none; }

h1
  {
  	color:#003366;
  	font-weight:bold;
  	font-size:10pt;
  	text-transform:none;
  	letter-spacing:0pt;
  	border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#FF9933;
    margin: 0px 0px 3px 0px;
  }

h2, .h2-liste
  {
  	color:#003366;
  	font-weight:bold;
  	font-size:8pt;
  	text-transform:none;
  	letter-spacing:0pt;
  	border-bottom-width:0px;
    border-bottom-style:solid;
    border-bottom-color:#FF9933;
    margin: 0px 0px 3px 0px;
  }
  
.h2-liste
  {
    padding-top: 3px;
  }

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

 /* -- Artikel und Absatz ----------------------- */
 
.artikel
{
  margin-top: 20px;
  margin-right:10px;
  margin-left:10px;
  border:0px solid red;
  clear:both;
}

.absatz
{
  margin-top: 0px;
  margin-right:10px;
  margin-left:10px;
  clear:both;
}

.absatz-liste
{
  margin-top: 5px;
  margin-right:10px;
  margin-left:10px;
  clear:both;
}

.box
{
  margin-left:0px;
  margin-top:10px;
  padding: 0px;
  border: 1px solid #FF9933;
  background-color: #FFFFFF;
}

.box h1
{
  padding: 2px 5px 2px 5px;
  font-size: 8pt;
  color: #FFFFFF;
  background-color: #FF9933;
}

.img
  {
    float:right;
    padding-left: 5px;
    text-align: center;
    width:150px;
    border:0px solid navy;
  }
  
.img-box
  {
    text-align: left;
    margin:0px;
    padding:0px;
    padding:5px 5px 5px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
.img-liste
{
  float: left;
  padding-right:10px;
}
  
.box p, .img-box p
  {
    margin:0px 0px 0px 0px;
    padding:5px 5px 5px 5px;
  }
  
p
  {
    margin:0px 0px 15px 0px;
  }
  

  
.caption
  {
    clear:both;
     font-size:7pt;
  }

.table-artikel
  {
    margin-bottom:8px;
  }

.table-navigation
  {
    clear:both;
    margin-top: 5px;
    margin-left: 10px;
  }

.table-absatz
  {
    margin-bottom:8px;
  }

.history-link
  {
    margin-top:4px;
  }



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

form { display:inline; }

.textfield, .textarea, .textarea-3k, .button, .select, .select-produkte, .select-lieferart, .textfield_file
  {
  	font-family: Tahoma,Verdana,Arial;
  	font-size: 8pt;
  	border: 1px solid #999999;
  }

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


.button
  {
    background:#6699CC;
    color:#FFFFFF;
    border: 1px solid #CCCCCC;
  }

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

.textfield_file
  {
    width:500px;
    display:inline;
  }

.textfield-search {	width:90px; }
.textfield-medium { width:150px; }
.textfield-email  { width:70px; }
.textfield-short  { width:5ex; }
.textarea         { height:75px; }
.textarea-caption { height:15px; }
.textfield-150    { width:150px; }
.textfield-100    { width:100px; }
.textfield-plz    { width:50px; }
.select-produkte  { width:320px; }
.select-lieferart { width:85px; }


/* -- Formular ---------------------------------- */
.oelpreise
  {
    border-collapse: collapse;
  }

.oelpreise td
  {
    font-size: 7pt;
    font-family: Tahoma;
    border: 1px solid #999999;
    border-collapse: collapse;
  }
  
.oelpreise .abstand
  {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
  }