* { margin: 0; padding: 0; border: 0;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

html, body { text-align: center; background: #b31b0a url(images/background.gif) repeat-y center top; }

.wrapdesign { text-align: left; margin: 0px auto; position: relative; width: 868px; height: 248px; border: 1px solid #F1E0C9 ; display: block;}

#logo { border: 0; position: absolute; top: 25px; left: 740px; }
#logoprint { border: 0; position: absolute; top: 25px; left: 740px; visibility: hidden; }

#werbung { background-color: #666666; border: 0px; position: absolute; top: 121px; left: 230px; width: 488px; height: 80px }

#navigation { color: #ffffff; background-color: #000000; position: absolute; top: 120px; left: 160px; width: 708px; height: 26px; text-align: right; font-size: 1.1em; }
#navigation ul { padding: 5px; padding-right: 10px; font-size: .8em; }
#navigation li { text-align: right; display: inline; padding-left: 12px; padding-right: 12px; font-weight: bold; color: #A7A7A7; }
#navigation a { text-decoration: none; color: #FFFFFF; font-weight: bold; }
#navigation a:hover { text-decoration: none; color: #999999; }

#suche { background-color: #CCCCCC; border: 0px; position: absolute; top: 146px; left: 160px; width: 520px; height: 77px; }
#suche p { text-align: left; font-size: .8em; margin-top: 4px; margin-right: 0px; margin-left: 313px; }

#warenkorb, #warenkorbaktiv { background-color: #999999; border: 0px; position: absolute; top: 146px; left: 680px; width: 188px; height: 77px; }
#warenkorb p, #warenkorbaktiv p { color: #FFFFFF; font-size: .8em; margin-top: 4px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; }
#warenkorb a, #warenkorbaktiv a {text-decoration: none;  color: #FFFFFF; }
#warenkorb a:hover, #warenkorbaktiv a:hover { text-decoration: underline; color: #FFFFFF; }

#warenkorb2, #warenkorb2aktiv { background-color: #999999; border: 0px; position: absolute; top: 198px; left: 532px; width: 149px; height: 25px;  }
#warenkorb2 p, #warenkorb2aktiv p { text-align: right; color: #FFFFFF; font-size: .8em; margin-top: 5px; margin-right: 10px; }
#warenkorb2 a, #warenkorb2aktiv a { text-decoration: none; color: #FFFFFF; }
#warenkorb2 a:hover, #warenkorb2aktiv a:hover { text-decoration: underline; color: #FFFFFF; }

#warenkorbaktiv a, #warenkorb2aktiv a {text-decoration: none;  color: #000000; }

#position { position: absolute; left: 160px; top: 225px;  }
#position p { font-size: .6em; margin: 5px; margin-left: 10px; color: #666666; }
#position a { text-decoration: none; color: #666666; }
#position a:hover { text-decoration: underline; color: #333333; }

#bg-image { position: absolute; top: 0px; left: 198px }
#bg-animation { position: absolute; top: 10px; left: 310px }
#bg-animation { position: absolute; top: 10px; left: 220px }
#pt-ltl { position: absolute; top: 0px; left: 129px }
#pt-mid { position: absolute; top: 38px; left: 120px }
#pt-big { position: absolute; top: 120px; left: 107px }

#header { position: absolute; top: 162px; left: 107px; width: 103px; text-align: center; color: #ffffff; font-weight: bold; }

#pt-big1 { position: absolute; top: 161px; left: 80px }
#pt-big2 { position: absolute; top: 201px; left: 80px }
#pt-big3 { position: absolute; top: 235px; left: 80px }
#pt-big4 { position: absolute; top: 312px; left: 80px }


.wrappage { text-align: left; margin: 0px auto; position: relative; width: 868px; top: 0px; border: 1px solid #F1E0C9; }
#maedchen { position: absolute; top: 210px; left: 0px; }

#highlight { position: absolute; top: 20px; left: 0px; width: 155px; text-align: center; display: inline; }

#subnavigation { position: absolute; top: 0px; left: 0px; width: 160px; }
#subnavigation ul { text-align: left; font-size: .7em; margin: 0;}

#subnavigation li { list-style-type: none; padding: 0; margin: 0;}
/* #subnavigation #active { background: url(/css/images/bullet-mini.gif) no-repeat 0% 60%; } */
#subnavigation a { text-decoration: none; color: #000000; padding: 3px 0px 3px 13px; display: block;}
#subnavigation a:hover, #subnavigation #active a { text-decoration: none; color: #B31B0A; background: url(/css/images/bullet2.gif) no-repeat 0 50%; }


#angebote { position: absolute; right: 0; width: 178px; color: #000000;  }
#angebote p { font-size: .7em; }

.block {
 background: #ffffff;
 position: relative;
 margin-bottom: 15px; 
 width: 150px;
 padding: 10px;
 
}

#subnavigation .block {
 width: 130px;
}

#inhalt { color: #000000; background: #efefef; position: relative; top: 0px; left: 160px; width: 518px; border: 1px solid white; }
.inhaltblock { color: #000000; background-color: #ffffff; position: relative; margin: 10px; width: 498px; border: 1px solid white; }

#inhaltbreit { color: #000000; background-color: #ffffff; position: relative; top: 0px; left: 160px; width: 707px; border: 1px solid white; display: block; }
#inhaltganzbreit { color: #000000; background-color: #ffffff; position: relative; top: 0px; left: 0px; width: 867px; border: 1px solid white; display: block; }
#inhalt p, #inhaltbreit p, #inhalt table, #inhaltbreit table { margin: 10px; font-size: .9em; }
/* #inhalt input, #inhaltbreit input { border: 1px solid black; background-color: #ffffff; } */

#anzahloben {  background: #F7EDE0; border-bottom: 0px solid #F1E0C9; clear: both; height: 15px; margin: 0; padding: 0; padding-top: 5px; padding-bottom: 5px;}
#anzahloben p { text-align: left; margin: 0px; margin-left: 9px; margin-right: 0px; font-size: .7em; }
#anzahloben a  { color: #000000; text-decoration: none }
#anzahloben a:hover  { color: #000000; text-decoration: underline }

#seiteoben { color: #000000; position: absolute; left: 270px; width: 249px; }
#seiteoben p { text-align: right; margin: 0px; margin-right: 10px; margin-left: 0px; font-size: .7em; }
#seiteoben a  { color: #000000; text-decoration: none }
#seiteoben a:hover  { color: #000000; text-decoration: underline }
.artikelliste {
 clear: both; height: 100px; margin: 0; padding: 0; 
}
.artikelliste2 {
 background: #F7EDE0; border-bottom: 8px solid #F7EDE0; clear: both; height: 100px; margin: 0; margin-top: 5px; padding: 0;
}
.artikeldetails {
 border-bottom: 0px solid grey; clear: both; margin: 0; padding: 0;
}

.bildklein {
 position: relative; 
 width: 90px; 
 text-align: center;
 float: left; 
 margin-top: 10px;
 height: 90px;
 border: 1px solid red;
 border: 0;
}
.bildgross {
 position: relative; 
 width: 190px; 
 text-align: center;
 float: left; 
 margin-top: 10px;
 border: 1px solid red;
 border: 0;
}
.korbklein {
 position: relative; 
 float: right; 
 text-align: right;
 margin: 0;
 margin-top: 38px;
 margin-right: 4px;
 padding: 0;
 font-size: .6em;
 display: block;
}
.korbgross {
 text-align: left;
 padding: 0;
 font-size: .8em;
 margin-right: 4px;
 margin-left: 10px;
}
#inhalt input, #inhaltbreit input { border: 1px solid black; }

.korbklein input { text-align: center; font-size: .9em; }
.korbgross input { text-align: center; font-size: .9em; }

#inhalt input.btn { background-color: #EFEFEF; }
#inhalt input.btn_color { background-color: #F7EDE0; }

.infotext {
 margin-top: 0;
 font-size: .8em;
}
/* .infodetails {
 margin-top: 0;
 font-size: .8em;
} */
.infodetails {
 margin-top: 0;
 float: right;
 width: 325px;
 font-size: .8em;
}
.under {
 text-decoration: underline;
}
.katteaser {
 float: left;
 width: 110px;
 height: 145px;
 margin: 6px;
 text-align: center;
 border: 1px solid #F1E0C9;
 font-size: .8em;
}
.topteaser {
 float: left;
 width: 230px;
 height: 310px;
 margin: 8px;
 text-align: center;
 border: 1px solid #F1E0C9;
 font-size: .8em;
}
.frontteaser {
 float: left;
 width: 106px;
 height: 175px;
 margin: 8px;
 text-align: center;
 border: 1px solid #F1E0C9;
 font-size: .8em;
}
#seite { color: #000000; background-color: #F1E0C9; position: absolute; left: 430px; width: 249px; }
#seite p { text-align: right; margin: 5px; margin-right: 10px; margin-left: 0px; font-size: .7em; }
#seite a  { color: #000000; text-decoration: none }
#seite a:hover  { color: #000000; text-decoration: underline }

#ende { color: #000000; background-color: #F1E0C9; position: absolute; left: 160px; width: 180px; }
#ende p { margin: 5px; margin-left: 10px; margin-right: 0;  font-size: .7em; }
#ende a  { color: #666666; text-decoration: none }
#ende a:hover  { color: #666666; text-decoration: underline }

h1 { font-size: 1em; margin: 10px; color: #B31B0A; }
h2 { font-size: .8em; margin: 10px; margin-bottom: 0; margin-top: 5px; padding-top: 5px; color: #B31B0A; }
h3 { font-size: .75em; margin: 10px; margin-bottom: 0; margin-top: 5px; padding-top: 5px; }

.block h3 { font-size: .75em; margin: 0; margin-bottom: 5px; padding: 0; color: #B31B0A;}
.block p { margin-bottom: 10px; font-weight: bold; }
.block a { color: #000000; text-decoration: none; }
.block a:hover { text-decoration: underline; }
.block h3 a { color: #B31B0A; }

h2 a { text-decoration: none; }
h2 a:hover { text-decoration: underline; color: #B31B0A; }


input.btn { 
 font-weight: bold;
 width: 105px; 
 text-align: right;
}
input.btndetails { 
 font-weight: bold;
 width: 110px; 
 text-align: left;
}
input.grey { 
 background: grey;
}
.rot {
 color: #B31B0A; 
 font-weight: bold;
}
.error {
 color: #B31B0A; 
 font-size: .9em;
}
td {
 padding: 1px;
}
ul {
 margin-left: 25px;
 font-size: .8em;
}
a {
 color: #B31B0A;
}
a:hover {
 color: #000000;
}