div {
/* border: 1px solid grey; */
}

html {
 margin: 0;
 padding: 0;
}
body {
 background-color: #e5e5e5;
 color: #000000;
 font-size: 100.01%;
 background: #e5e5e5 url(images/top.jpg) no-repeat 0px 0px;
 margin-left: 165px;
 margin-bottom: 45px;
 margin-top: 130px;
}
p {
 font-family: Verdana;
 font-size: 0.8em;
}
td {
 font-family: Verdana;
 font-size: 0.8em;
}

h1 {
 font-family: Verdana;
 font-size: 1.2em;
 font-weight: bold;
 color: #CA1518;
}

.fehler {
 color: #CA1619;
}

a {
 color: #000000;
}
a:hover {
 color: #000000;
}

#logoprint {
 visibility: hidden; display: none;
}

#aktuell {
 position: absolute;
 top: 241px;
 left: 794px;
 width: 180px;
}

#aktuell-bg { 
 position: absolute; 
 top: 231px;
 left: 784px;
 width: 206px; 
 height: 394px; 
 display: inline;
 background: url(images/aktuell-bg.gif) no-repeat;
}

#unten  { 
 position: absolute; 
 bottom: 0px; 
 left: 0px; 
 width: 846px; 
 height: 83px; 
 display: inline;
 background: url(images/bottom.gif) no-repeat;
}
#unten1  { 
 position: absolute; 
 bottom: 0px; 
 left: 0px; 
 width: 705px; 
 height: 83px; 
 display: inline;
 background: url(images/bottom1.gif) no-repeat;
}
#unten2  { 
 position: absolute; 
 bottom: 0px; 
 left: 705px; 
 width: 141px; 
 height: 42px; 
 display: inline;
 background: url(images/bottom2.gif) no-repeat;
}
#unten-logo { 
 position: absolute; 
 bottom: 50px; 
 left: 370px; 
 width: 50px; 
 height: 17px; 
 display: inline; 
 background: url(../images/had-logo-unten.gif) no-repeat;
}
#unten-visa { 
 position: absolute; 
 bottom: 85px; 
 left: 4px; 
 width: 151px; 
 height: 59px; 
 display: inline; 
 background: url(images/visa-mastercard-vorkasse.gif) no-repeat;
}
#oben-maske { 
 position: absolute; top: 130px; left: 165px; width: 519px; height: 50px; 
 background: url(images/maske.gif);
}

#w_korb {
 position: absolute;
 top: 30px;
 left: 25px;
 width: 100px;
 font-family: Verdana;
 font-size: 0.7em;
 font-weight: bold;
 margin: 0;
 padding: 40px 0px 0px 0px;
 background: url(images/warenkorb.gif) no-repeat;
}

#w_korb .korb {
 color: #ffffff;
}

#navigation1 {
 position: absolute;
 top: 225px;
 left: 0px;
 width: 150px;
 font-family: Verdana;
 font-size: 0.7em;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

#navigation1 ul {
 padding: 0;
 margin: 0;
}
#navigation1 ul li { 
 list-style-type: none; 
 padding: 0px 0px 5px 0px;
 margin: 0;
}
#navigation1 li {
 text-align: right; 
 margin: 0;
 padding: 0;
}
#navigation1 li.dreieck {
 background: url(images/dreieck.gif) no-repeat 100% 2px;
}
#navigation1 li.kreis {
 background: url(images/kreis.gif) no-repeat 100% 2px;
}
#navigation1 li.raute {
 background: url(images/raute.gif) no-repeat 100% 2px;
}
#navigation1 li.quadrat {
 background: url(images/quadrat.gif) no-repeat 100% 2px;
}
#navigation1 a { 
 display: block;
 padding: 0px 15px 5px 0px;
 margin: 0;
 text-decoration: none; 
 color: black;
}
#navigation1 li a.dreieck:hover { 
 background: url(images/dreieck.gif) no-repeat 100% 2px;
}
#navigation1 li a.kreis:hover { 
 background: url(images/kreis.gif) no-repeat 100% 2px;
}
#navigation1 li a.raute:hover { 
 background: url(images/raute.gif) no-repeat 100% 2px;
}
#navigation1 li a.quadrat:hover { 
 background: url(images/quadrat.gif) no-repeat 100% 2px;
}


#navigation2 {
 position: absolute;
 bottom: 0px;
 left: 300px;
 height: 25px;
 font-family: Arial;
 font-size: 0.7em;
 font-weight: bold;
 margin: 0;
 padding: 0;
}
#navigation2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation2 ul li { 
 display: inline; 
}
#navigation2 li.dreieck {
 background: url(images/dreieck.gif) no-repeat 0px 8px;
 padding: 0 0 9px 0;
}
#navigation2 li.kreis {
 background: url(images/kreis.gif) no-repeat 0px 8px;
 padding: 0 0 9px 0;
}
#navigation2 li.raute {
 background: url(images/raute.gif) no-repeat 0px 8px;
 padding: 0 0 9px 0;
}
#navigation2 li.quadrat {
 background: url(images/quadrat.gif) no-repeat 0px 8px;
 padding: 0 0 9px 0;
}
#navigation2 ul li a {
 color: #000000;
 text-decoration: none;
 padding: 0 20px 9px 10px;
}
#navigation2 ul li a.dreieck:hover {
 background: url(images/dreieck.gif) no-repeat 0px 8px;
}
#navigation2 ul li a.kreis:hover {
 background: url(images/kreis.gif) no-repeat 0px 8px;
}
#navigation2 ul li a.raute:hover {
 background: url(images/raute.gif) no-repeat 0px 8px;
}
#navigation2 ul li a.quadrat:hover {
 background: url(images/quadrat.gif) no-repeat 0px 8px;
}

#inhalt {
 width: 560px;
 height: 100%;
 overflow: auto; 
}

#inhalt .r1 {
/* position: relative; */
 width: 540px;
 height: 13px;
 display: block;
 background: url(images/rahmen_1.gif) no-repeat;
 padding: 0;
 margin: 0;
 line-height: 0.05em;
 font-size: 0.05em;
}

#inhalt .r1 p {
/* position: relative; */
 width: 540px;
 height: 13px;
 display: block;
 background: url(images/rahmen_1.gif) no-repeat;
 padding: 0;
 margin: 0;
 line-height: 1px;
}
/* #inhalt .r2 {
 position: relative; 
 display: block;
 padding: 0;
 margin: 0;
} */
#inhalt .r2 p {
 position: relative;
 padding: 2px 30px 5px 10px;
 margin: 0;
 background: url(images/rahmen_2.gif) repeat-y;
}
#inhalt .r2 table {
 position: relative;
 padding: 2px 10px 5px 10px;
 margin: 0;
 background: url(images/rahmen_2.gif) repeat-y;
} 
/* #inhalt .r2 .tableblock {
 position: relative;
 padding: 2px 40px 5px 10px;
 margin: 0;
 width: 515px;
 background: url(images/rahmen_2.gif) repeat-y;
} */
#inhalt .r3 {
 position: relative;
 width: 540px;
 height: 23px;
 display: block;
 background: url(images/rahmen_3.gif) no-repeat;
 padding: 0;
 margin: 0;
 clear: both;
}

input  {
 font : 12px verdana, arial, helvetica, sans-serif;
/* margin: 0 ;
 padding: 2px 5px 2p 5px;
 background-color: #DDEFFC;
 background-color: #FFF;
 border:1px solid #000; */
}
input.direkt  {
 font : 12px verdana, arial, helvetica, sans-serif;
 width: 25px;
 height: 20px;
/* margin: 0 ;
 padding: 0 3px 0 3px;
 background-color: #DDEFFC;
 background-color: #FFF; */
}
select.direkt  {
 font : 12px verdana, arial, helvetica, sans-serif;
 margin: 0 ;
 background-color: #DDEFFC;
 background-color: #FFF;
}


input.btn  {
 background: #FFFFFF;
 color: #000000;
 border: 0px solid #000;
 font : 0.9em verdana, arial, helvetica, sans-serif;
 text-decoration: underline;
 font-weight: bold;
}