html {
 height: 100.1%;
}

body {
 height: 100%;
 background-image:url(images/layout/seite-hg.gif);
 background-repeat:repeat-y;
 background-color:#B1DDBE;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color:#000000;
 text-align:left;
 margin:0px;
 padding:0px;
 overflow: -moz-scrollbars-vertical;
 font-size:12px;
 line-height:16px;
}

div#hauptcontainer {
 position:relative;
 height:auto;
 height:100% !important;
 min-height:100%;
 width:975px;
 max-width:975px;
 background-image:url(images/layout/seite-hg.gif);
 background-repeat:repeat-y;
 background-color:#B1DDBE;
 text-align:left;
 margin:0px;
 padding:0px;
 z-index:1;
}

div#kopf {
 background-image:url(images/layout/kopf-hg.gif);
 background-repeat:repeat-y;
 background-color:#F1F7F3;
 text-align:left;
 margin:0px;
 padding:0px;
 height:144px;
 max-height:144px;
 width:975px;
 max-width:975px;
 z-index:2;
}

div#kopfinhalt {
 background-image:url(images/layout/inhalt-kopf-hg.gif);
 background-repeat:norepeat;
 text-align:left;
 margin:0px;
 padding:0px;
 position:absolute;
 left:0px;
 top:136px;
 height:25px;
 width:975px;
 z-index:4;
}

div#links {
 position:absolute;
 left:27px;
 top:100px;
 width:161px;
 float:left;
 text-align:left;
 font-size:12px;
 color:#000000;
 margin:0px;
 border:0px;
 z-index:5;
}

#links .navigation ul {
 margin:0px;
 padding:0px;
 float:left;
 padding-bottom:50px;
 border:0px;
}
		
#links .navigation li {
 padding:0px;
 margin:0px;
 margin-left:-42px;
 list-style-type:none;
}
		
#links .navigation a:link.normal, #links .navigation a:visited.normal, #links .navigation a:hover.normal {
 color:#5BA577;
 font-size:12px;
 font-weight:bold;
 width:161px;
 height:21px;
 display:block;
 text-decoration:none;
 padding:2px 0px 0px 12px;
 margin-top:-2px;
 background:url(images/layout/navi-hg.gif) 0px 0px;
 background-repeat: no-repeat;
}

#links .navigation a:link.aktiv, #links .navigation a:visited.aktiv, #links .navigation a:hover.aktiv {
 color:#FFFFFF;
 font-size:12px;
 font-weight:bold;
 width:161px;
 height:21px;
 display:block;
 text-decoration:none;
 padding:2px 0px 0px 12px;
 margin-top:-2px;
 background:url(images/layout/navi-hg-aktiv.gif) 0px 0px;
 background-repeat: no-repeat;
}

a.toplink, a:link.toplink, a:active.toplink, a:hover.toplink, a:visited.toplink {
 font-size: 12px;
 color:#5BA577;
 font-weight:bold;
 width:160px;
 height:20px;
 display:block;
 text-decoration:none;
 padding:0px 0px 0px 20px;
 margin-top:0px;
 background:url(images/layout/pfeil-gruen-oben.gif) 0px 0px no-repeat;
}

div#inhalt {
 position:absolute;
 left:210px;
 top:180px;
 width:660px;
 background-color:#FFFFFF;
 float:left;
 text-align:left;
 font-size:12px;
 color:#000000;
 border:0px;
 margin:0px;
 border:0px solid #000000;
 z-index:3;
}

div#inhalt table{
 float:left;
 text-align:left;
 font-size:12px;
 color:#000000;
 border: 0px solid #000000;
 border-spacing:2px;
 margin: 0px;
 width:100%;
}

div#inhalt td{
 vertical-align:top;
}

div#lieferant {
 text-align:center;
 border: 0px;
 padding:0px;
 margin: 0px;
 margin-top:10px;
 margin-bottom:10px;
 width:100px;
}

div#pbred {
 width:660px;
 height:100%;
}

div#artikel {
 float:left;
 text-align:left;
 background-color: #FFFFFF;
 color:#000000;
 padding:0px;
 margin: 0px;
 width:315px;
 border: 0px;
}

#artikelbild {
 float:right;
 border:0px;
 padding:0px;
 padding-left:8px;
 padding-bottom:8px;
 margin: 0px;
 width:160px;
}

#preis {
 text-align:left;
 vertical-align:12%;
 border:0px;
 background-color:#FF0101;
 color:#FFFFFF;
 padding:5px;
 margin: 2px;
 margin-right:0px;
}

div#kontakt {
 text-align:left;
 font-size:10px;
 border: 1px solid #0AA52E;
 color:#0AA52E;
 padding:10px;
 margin:  0px;
 margin-bottom:4px;
 width: 176px;
}

div#kontakt img {
 border: 1px solid #0AA52E;
}

#kontakt ul {
 text-align:left;
 padding:0px;
 padding-left:15px;
 margin:0px;
 margin-top:-5px;
 margin-bottom: 5px;
}

#kontakt li {
 font-size:10px;
 color:#000000;
 list-style-type:square;
 padding-bottom:3px;
}



div.hr {
 margin: 5px 0 5px 0;
 padding:0px;
 border-top: 1px solid #BDDBC9;
}

img {
 border:0px;
}

.clr {
clear: both;
}

h1 {
 color: #5BA577;
 font-size:16px;
 font-weight:bold;
 margin: 0px;
 margin-bottom:10px;
 padding:0px;
}

h2 {
 color: #000000;
 font-size:13px;
 font-weight:bold;
 text-align:left;
 margin: 0px;
 padding:2px;
 padding-left:18px;
 background-image:url(images/layout/pfeil-gruen-rechts.gif);
 background-repeat:no-repeat;
 background-position:0px 6px;
}

h3 {
 color: #4D74A6;
 font-size:13px;
 margin: 0px;
 padding:0px;
}

h4 {
 color: #FF0202;
 font-size:18px;
 font-weight:bold;
 margin: 0px;
 margin-bottom:10px;
 padding:0px;
}

h5 {
 color: #FFFFFF;
 font-size:16px;
 font-weight:bold;
 margin: 0px;
 padding:0px;
}

div#inhalt link, a.link, a:link.link, a:active.link, a:hover.link, a:visited.link {
 color:#5BA577;
 text-decoration:none;
}

a.weiss, a:link.weiss, a:active.weiss, a:hover.weiss, a:visited.weiss {
 font-size: 11px;
 color:#FFFFFF;
 text-decoration:none;
}

a.gruen, a:link.gruen, a:active.gruen, a:hover.gruen, a:visited.gruen {
 font-size: 12px;
 color:#5BA577;
}

div#inhalt gruen, div#inhalt span.gruen, div#inhalt p.gruen {
 font-size: 12px; 
 color:#5BA577;
}

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


#inhalt ul {
 text-align:left;
 padding:0px;
 padding-left:15px;
 margin:0px;
 margin-top:-5px;
 margin-bottom: 5px;
}

#inhalt li {
 list-style-type:square;
 padding-bottom:3px;
}



ul#liste {
 float:left;
 text-align:right;
 width:190px;
 padding:0px;
 padding-top: 0px;
 padding-left:0px;
 margin:0px;
}

#liste li {
 list-style-type:none;
 padding-bottom:10px;
}

#liste li a {
 list-style-type:none;
 color:#244A90;
 display:block;
 font-size:11px;
 padding-top:0px;
 padding-bottom:0px;
 padding-right:5px;
}

#liste li a.active {
 list-style-type:none;
 color:#244A90;
 font-weight:bold;
 display:block;
 font-size:11px;
 padding-top:0px;
 padding-bottom:0px;
 padding-right:5px;
}



#inhalt form fieldset {
 color:#5BA577;
 margin:0px;
 padding:0px;
 padding-left:0px;
 border: 0px solid #000000;
}

#inhalt form fieldset label {
 font-size:12px; 
 color:#5BA577;
}

.buttongruen {
 float:right;
 width:105px;
 padding:2px;
 font-size:12px;
 font-weight:bold;
 color: #FFFFFF;
 background-color:#5BA577;
 border:0px;
}

input {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
 color: #000000;
 background-color: #FFFFFF;
 border-top: #7F7F7F 1px solid;
 border-left: #7F7F7F 1px solid;
 border-bottom: #7F7F7F 1px solid;
 border-right: #7F7F7F 1px solid;
}

textarea {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
 color: #000000;
 background-color:#FFFFFF; 
 border-top: #7F7F7F 1px solid;
 border-left: #7F7F7F 1px solid;
 border-bottom: #7F7F7F 1px solid;
 border-right: #7F7F7F 1px solid;
}