html, body {
margin: 0;
padding: 0;
height:101%;
}
body  {
color: #000;
font-size: 75%;
font-family: Arial, Helvetica, Verdana, sans-serif;
background: #FFFCDD;
text-align: center }

/* --------------------------------------------------------------------------------------------------------
  Seitenstruktur
  ------------------------------------------------------------------------------------------------------- */

table.contenttable {
margin:0 auto;
padding: 0;
width: 770px;
background: #fff url(../_images/hg_seite.jpg) no-repeat;
background-position: left bottom;
height: 101%;
}

table.contenttable td {
margin: 0;
padding: 0;
vertical-align: top;
text-align: left;
}

td.cleft {
width: 10px;
background: url(../_images/hg_rlinks.gif) repeat-y;
}

td.cright {
width: 10px;
background: url(../_images/hg_rrechts.gif) repeat-y;
}

td.cleftcol {
width: 50px;

}

td.menu {
width: 163px;
vertical-align: top;
background: #fff url(../_images/hg_menu.gif) no-repeat;
border-left: 1px solid black;
border-right: 1px solid black;
}

img.logo {
width: 163px;
height: 152px;
}



td.ccontent {
width: 535px;
padding: 0px;
}

td.cfull {
position: relative;
width: 750px;
padding: 0px;
}

.header {
position: relative;
background: #fff url(../_images/hg_line.gif) repeat-x;
color: #000;
margin: 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 100px;
text-align: right;
}

#content {
float: left;
width: 270px;
position: relative;
color: #000;
margin: 20px 0 20px 20px;
display: inline;
padding: 0px 0px 0px 0px;
border-left: 0;
}

* html #content {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}


#imgblock {
float: right;
display: inline;
margin: 20px 0 20px 0px;
width: 230px;
color: #000;
padding: 0px;
text-align: left;
}

#imgblock img {margin: 0;padding: 0;display: block;}


/*   Seite Produkte */

#contentleft {
float: left;
width: 220px;
position: relative;
color: #000;
margin: 20px 0 20px 20px;
display: inline;
padding: 0px 0px 0px 0px;
border-left: 0;
}

* html #contentleft {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

#contentright {
float: right;
width: 220px;
position: relative;
color: #000;
margin: 20px 20px 20px 0px;
display: inline;
padding: 0px 0px 0px 0px;
border-left: 0;
}

* html #contentright {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

/*   Seite Logistik */

#contentsmall {
float: left;
width: 240px;
position: relative;
color: #000;
margin: 20px 0 20px 20px;
display: inline;
padding: 0px 0px 0px 0px;
border-left: 0;
}

* html #contentsmall {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

#imgblockbig {
float: right;
display: inline;
margin: 20px 0 20px 0px;
width: 250px;
color: #000;
padding: 0px;
text-align: left;
}

/*   Seite Kontakt */

#contentbig {
clear: both;
width: 500px;
color: #000;
margin: 20px 0 20px 20px;
padding: 0px 0px 0px 0px;

}

* html #contentbig {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

#imgblockbig img {margin: 0;padding: 0;display: block;}


#footer {
clear: both;
color: #666;
margin: 20px 20px 10px 20px;
padding: 0px 0px 0px 0px;
border-left: 0;
text-align: center;
}

* html #footer {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}


#footer a:link, #footer a:visited {
color: #666;
}
 /* -----------------------------------------
  Seitennavigation Breite 163px s.o.
  ---------------------------------------- */


/* 1. Ebene */

#menue ul {
list-style-type: none;
padding: 0;
margin: 135px 0 0 0;
}

#menue li {
padding: 0;
margin: 0;
}

#menue a{
border-top: 1px solid #FFF;
border-bottom: 1px solid #CCC;
}

#menue a:link,#menue a:visited  {
color: #000;
text-decoration: none;
display: block;
font-weight: bold;

}
#menue ul a:hover, #menue ul li a:focus, #menue ul li a:active{
background-color: #FFFCDD;
color: #900;
}



#menue .lev1_no a {
width: 158px;
color: #000;
padding: 3px 0px 3px 5px;
}
#menue li.lev1_act {
width: 158px;
background-color: #FFFCDD;
}

#menue .lev1_act a{
width: 158px;
padding: 3px 0px 3px 5px;
}

#menue .lev1_cur{
background-color: #FFEC38;
display: block;
color: #000;
padding: 3px 0px 3px 5px;
font-weight: bold;
color: #900;
border-top: 1px solid #FFF;
border-bottom: 1px solid #CCC;
}


/* -----------------------------------------------------------------
  Formatierungen
  ---------------------------------------------------------------- */

/* Überschriften */
h1 { font-size:1.2em; color: #C00; font-weight: bold; margin: 0}
h2 { font-size:1em; font-weight: bold;}
h2.bigg { font-size:1.2em; font-weight: bold;}

h2 {
margin: 20px 0 0 0;
padding: 5px 0;
}

p {margin-top: 0; margin-bottom: 10px;}




/* Listen */



#content ul {
margin-top:0;
}
#content li {

margin-left: 0;
margin-bottom: 0;
}

/* Links */
a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: underline;
 color:#c30;
 font-weight: bold;
}

a:hover, a:focus {
color:#c03;
}


#footer a {
font-weight: normal;
color: #000;
}


blockquote {
margin-bottom: 0.5em;
margin-left: 2em;
}
q, cite {
font-style: italic;
}


fieldset {
display: inline;
width: 93px;
        border: 0;
        padding: 0;
}

 /* -------------------------------------------------------------------
  Produkttabelle
  ------------------------------------------------------------------- */

table.products {
width: 500px;
color: #000;
font-size: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.tablehg {
background: url(../Images/hg_futterprodukte.gif) no-repeat;
background-position:center center;
}

table.products td{
padding: 0 10px 0 0;

}

table.products td.td1{
font-weight: bold;

}

table.products td.td2{
}
table.products th{
text-align: left;
padding: 10px 0 10px 0;
}

/* --------------------------------------------------------------------------------------------------------
  Sonstiges
  ------------------------------------------------------------------------------------------------------- */


/* others */
.invis {
clear: both;
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.clear {
clear: both;
}

.center {
text-align: center;
}


.left {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.right {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}



.imgline {
height: 6px;
color: #DE2C2B;
background-color: #DE2C2B;
border: none;
margin-top:10px;
margin-bottom: 10px;
}

* html .imgline {
 /*vor IEMac verstecken \*/
margin-top:3px;
margin-bottom: 3px;
 /*IEMac wieder reinlassen*/
}

.imgfull {
margin-left: 20px;
margin-bottom: 20px;
}
