html, body
  {
    height: 100%;
    margin: 0px;
    padding: 0px;
  }

html
  {
    border: 0px solid white;
  }

body
  {
  /*
    background: url('../images/higru.gif') repeat;
  */
    font-family: 'Lucida Sans Unicode', verdana, sans, arial, helvetica, sans-serif;
    font-size:10pt;
    font-weight:normal;
    text-decoration: none;
    color: #000000;
  }

/*
------------------- HEAD ------------------------
*/

.table-head
  {
    width: 760px;
    margin-top:8px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-collapse:collapse;
  }
  
.table-head-td-1
  {
    vertical-align: bottom;
    padding-top:8px;
  }
  
.table-head-td-1
  {
    line-height:0px;
    width: 186px;
  }
  
.table-head-td-2
  {
    vertical-align: top;
    text-align:right;
    background-image:url('../images/head-headline.jpg');
    background-repeat:no-repeat;
    background-position: bottom left;
  }
  
.address
{
  border:0px solid red;
  padding-right:10px;
  margin:0px;
  margin-top:7px;
  font-family: 'Lucida Sans Unicode', verdana, sans, arial, helvetica, sans-serif;
  color: #666666;
}

/*
------------------- CONTENT ---------------------
*/
  
.table-content
  {
    width: 760px;
    margin-top:8px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-collapse:collapse;
  }
  
.table-content-th-1, .table-content-th-2
  {
    height: 10px;
    border: 0px solid red;
    line-height:0px;
  }
  
.table-content-td-1, .table-content-td-2
  {
    border-right: 1px dotted #999999;
    border-collapse:collapse;
    vertical-align: top;
  }
  
.table-content-td-1
  {
    width:186px;
  }

.table-content-td-bottom
{
  height:14px;
  text-align: center;
  font-family: 'Lucida Sans Unicode', verdana, sans, arial, helvetica, sans-serif;
  font-size:8pt;
  font-weight:normal;
  text-decoration: none;
  color: #666666;
}
.table-content-td-bottom a
{
  color: #666666;
}

.table-produkte {
  border: 1px solid #CCC;
  border-collapse:collapse;
}

.table-produkte td {
  font-size:9pt;
  border: 1px solid #CCC;
  text-align:center;
}

.table-produkte tr.heading td {
  font-size:8pt;
  border: 1px solid #CCC;
  text-align:center;
  color:#666;
  font-style:italic;
  background:#ededed;
}

.container
{
  border: 0px solid blue;
  padding: 0px 20px 0px 20px;
  margin: 0px;
  margin-top: 10px;
  clear:both;
  height:auto;
}

h1, h2, h3
{
  border: 0px solid red;
  font-family: 'Times New Roman',verdana, sans, arial, helvetica, sans-serif;
  font-weight:normal;
  text-decoration: none;
  color: #006633;
}

h1
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
  font-size:14pt;
}

h2
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 2px 0px;
  font-size:12pt;
  font-weight:bold;
}

h3
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 2px 0px;
  font-size:10pt;
  color: #006633;
  font-weight:bold;
}

.container-produkte {
  font-size:9pt;
}

.container-produkte a {
  text-decoration:none;
}

tr.tr-produkt td {
  cursor:pointer;
}

tr.tr-produkt-details {
  display:none;
}


tr.tr-produkt-details td {
  padding:8px 10px 0px 28px;
}

span.arrow-icon {
  display:block;
  height:10px;
  width:10px;
  background-image:url(../images/arrow.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  margin-left:20%;
}

span.active {
  background-position:0 -18px;
}

div.details {
  display:none;
}

h2.produkte-heading {
  margin: 17px 0px 5px 0px;
}

h3.produkte-heading {
  margin: 15px 0px 5px 0px;
}

a.heading
{
  color: #006633;
  text-decoration:none;
}

div.top {
  font-size:8pt;
  text-align:center;
}

tr.borderless td {
  border:0px;
}

a, a:link, a:visited, a:active
{
  color: #333333;
}

a:hover
{
  color: #006633;
}

p, .container p, .container-small-fonts p
{
  border: 0px solid green;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  font-family: 'Lucida Sans Unicode', verdana, sans, arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:normal;
  text-decoration: none;
  color: #000000;
}

.label
{
  float:left;
  width:150px;
  border:0px solid red
}

.value
{
  border:0px solid green;
}

.spacer
{
  border: 0px solid black;
  height: 15px;
  line-height:0px;
  margin: 0px 0px 0px 0px;
  clear:both;
}
.img-right
{
  float:right;
  margin-left: 10px;
}

/*
------------------- MENU ------------------------
*/

.level-1, .level-1-aktiv
{
  margin-top: 6px;
  background-image: url(../images/level-1-aktiv.jpg);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}

.level-1 a, .level-1 a:visited, .level-1-aktiv  a
{
  display:block;
  padding: 0px 0px 0px 15px;
  margin: 0px 5px 0px 0px;
  font-family: verdana, sans, arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:normal;
  text-decoration: none;
  color: #333333;
  background-image: url(../images/level-1.jpg);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  border-bottom: 1px dotted #999999;
}


.level-1 a:hover, .level-1-aktiv a
{
  color: #006633;
  border-bottom: 1px dotted #333333;
  background:transparent;
}

.level-2, .level-2-aktiv
{
  margin-top: 4px;
  background-image: url(../images/level-2-aktiv.gif);
  background-repeat: no-repeat;
  background-position: 15px 4px;
}

.level-2 a, .level-2 a:visited, .level-2 a:link, .level-2-aktiv  a
{
  display:block;
  padding: 0px 0px 0px 15px;
  margin: 0px 5px 0px 15px;
  font-family: verdana, sans, arial, helvetica, sans-serif;
  font-size:8pt;
  font-weight:normal;
  text-decoration: none;
  color: #666666;
  background-image: url(../images/level-2.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  border-bottom: 1px solid #FFFFFF;
}

.level-2 a:hover, .level-2-aktiv  a, .level-2-aktiv a:visited, .level-2-aktiv a:link
{
  color: #006633;
  font-weight:normal;
  border-bottom: 1px dotted #999999;
  background:transparent;
}

.level-2-aktiv  a, .level-2-aktiv a:visited, .level-2-aktiv a:link
{
  font-weight:bold;
}

/* -- Formular ---------------------------------- */

form { display:inline; }

.textfield, .textarea, .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:#CCCCCC;
    color:#000000;
    border: 1px solid #999999;
  }

.textfield, .textarea, .textarea-caption
  {
  	width:300px;
  }

.textfield_file
  {
    width:350px;
    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; }


