/* begin:basics */
/* begin:basics */
/* begin:basics */
/* begin:basics */
div, img, form, html, body, h1, h2, h3, p { border: 0px; margin: 0px; padding: 0px; }

html, body {
 height: 100%;
 background-color: #eeeeee;
 color: rgb(0,0,0);
 font-family: Verdana, Arial, Helvetica, Sans-serif;
}

h1 {
 font-size: 125%;
 font-weight: bold;
 margin: 10px 0px 10px 0px;
 padding: 0px;
}

h3 { 
 font-weight: bold;
 font-size: 100%;
}

//form { display: inline; }

form img.missing {
 margin: 12px 0px 0px 0px;
}

.onlyprint { 
 display: none; 
}

div#sqllog {
 text-align: left; 
 font-size: 10px;
}


.antifloat {
 clear: both;
 visibility: hidden;
 font-size: 1px;
 height: 1px;
}

a { 
 text-decoration: underline; 
 color: #333333;
 /* color: #858688;*/

}
a:hover, a.mark { 
 text-decoration: none;
}

div#placeholder {
 background-color: rgb(255,255,255);
 color: rgb(0,0,0);
 /* alles zentriert darstellen - IE6 */
 text-align: center;
 /* zentrieren fuer moderne Browser */
 margin: 0px auto;
 width: 995px;
}

/* begin:wrapper */
div#wrapper  {
 /* Schriftausrichtung wieder auf linksbuendig setzen */
 text-align: left;
}
/* end:wrapper */

/* Kopfbereich */
div#head {
 text-align: center;
 /*height: 76px;*/
}

div#head div.topsub1 {
 padding: 5px 0px 5px 0px;
 font-size: 75%;
}

div#head .werbung {
 font-weight: bold; 
 margin: 0px 0px 10px 0px;
}

div#head .logo img {
 width: 260px;
 height: 62px;
 margin: 5px 0px;
}

/* Content: Startseite */
div#start {
 width: 100%;
}

div#start a { 
 color: #53413f; 
}

div#start .menue {
 width: 20%;
 font-size: 69%;
 font-weight: bold;
}

div#start .menue img.startmenuepic {
 width: 100%;
 height: 142px;
}

div#start .menue div.startmenuetitel, div#content div.menue div {
 /* Summe padding*2 + height = Gesamthoehe (34px) */
 text-align: center;
 padding: 8px 0px;
 font-size: 126%;
 width: 100%;
 height: 24px;
 overflow-y: hidden;
 letter-spacing: -1px;
}

div#start .menue ul.startmenuecontent {
 list-style: none;
 padding: 0px 0px 0px 19px;
 margin: 0px 0px 8px 0px;
}

div#start .menue ul.startmenuecontent li {
 padding: 6px 0px;
}

/* Content: Kategorieseiten */

div.hint {
 margin: 0px 0px 20px 0px;
}

div#content div.menue div {
 float: left;
 font-size: 90%;
 font-weight: bold;
 width: 20%;
}

div#content div.menue div div {
 width: 100%;
 height: 4px;
 padding: 0px;
}

/*
div#content div.menue  div a {
 text-align: center;
 display: block;
 width: 100%;
 height: 24px;
 color: #413f19;
}
*/


/* Links */

div#content div#left {
 float: left;
 width: 197px;
 font-size: 83%;
 overflow: hidden;
}

div#content div#left h2 {
 font-size: 100%;
 font-weight: bold;
 letter-spacing: -1px;
 margin: 0px; 
 padding: 0px;
}


div#content div#left .title {
 /* 32 = padding*2 + height */
 font-weight: bold;
 padding: 0px 20px 0px 20px;
 letter-spacing: -1px;
}

div#content div#left div.menuelist {
 color: #666666;
}

div#content div#left div.menuelist .left1 {
 width: 185px;
 overflow: hidden;
}

div#content div#left div.menuelist .left2 {
 padding-left: 20px;
 width: 170px;
 overflow: hidden;
}

div#content div#left div.menuelist .left3 {
 padding-left: 35px;
 font-size: 80%;
 width: 155px;
 overflow: hidden;
}

div#content div#left div.menuelist .left4 {
 padding-left: 50px;
 font-size: 80%;
 width: 140px;
 overflow: hidden;
}


div#content div#left div.menuelist .left5 {
 padding-left: 65px;
 font-size: 80%;
 width: 125px;
 overflow: hidden;
}


div#content div#left div.menuelist .mark {
 padding-top: 5px;
 padding-bottom: 5px;
}

div#content div#left div.menuelist a {
 color: #666666;
}

div#content div#left div.menuelist div {
 padding: 8px 5px 8px 5px;
}

div#content div#left div.menuelist div a.sub {
 padding-left: 27px;
}

/* Mitte */

div#content div#middle {
 float: left;
 width: 598px;
 font-size: 70%;
 color: #626665;
}

div#content div#middle div.middle {
 padding: 10px 16px;
 border-top-width: 3px;
}

div#content div#middle div#navi {
 margin: 0px 0px 12px 0px;
}

div#content div#middle div#data div.item {
 padding: 11px 10px;
}

div#content div#middle div#top div.item {
 float: left;
 width: 274px;
 margin: 0px 0px 12px 0px;
}

div#content div#middle div#list div.item {

}

div#content div#middle div#top div.item a.details {
 text-decoration: underline;
}

div#content div#middle div#list div.item a.details {
 font-size: 110%;
 text-decoration: underline;
}

div#content div#middle div#list div.item  {
 margin: 0px;
}

div#content div#middle div#top div.item div.content {
 padding: 12px;
 margin: 0px;
}

div#content div#middle div.item div.content {
 padding: 12px;
}

div#content div#middle div.item div.content p.text {
 display: table;
}

div#content div#middle div#list div.item div.content p.text {
 width: 245px;
 margin-left: 15px;
}

div#content div#middle h2, div#content div#middle div#data h1 {
 height: 16px;
 padding: 2px 20px 2px 5px;
 margin: 0px;
 font-weight: bold;
 color: #000000;
 font-size: 100%;
}

div#content div#middle h2 a {
 color: #000000;
}

div#content div#middle div#data h1 {
 padding: 3px 20px 4px 5px;
 font-size: 120%;
}

div#content div#middle div#data img.mini {
 margin: 0px 0px 12px 0px;
}

div#content div#middle div#data div.pic {
 text-align: center;
}

div#content div#middle div#data img.big {
 margin-top: 20px;
}

div#content div#middle div#list div.text {
 float: left;
 width: 350px;
}

div#content div#middle div#list div.price {
 text-align: right;
 width: 160px;
}

div#content div#middle div#data div.price {
 text-align: right;
 width: 100%;
}

div#content div#middle div#data p {
 font-size: 120%;
}

div#content div#middle div#list div.item div.title {
 padding-left: 12px;
}

div#content div#middle div#list div.item img {
 float: left;
 margin: 0px 12px 8px 0px;
}

div#content div#middle div#top div.item img {
 margin: 0px 12px 8px 0px;
 float: left;
}

div#top div.price {
 text-align: right;
 width: 250px;
 margin: 0px 0px 5px 0px;
}

div#content div#middle div.item .price {
  text-align: right;
}

div#content div#middle div.item .price .big {
 font-size: 160%;
}

div#content div#middle div.item .price .mini {
 font-size: 110%;
}

div#content div#middle div.item .price .bigno {
 font-size: 130%;
 text-decoration: line-through;
}

div#content div#middle div.item .price .minino {
 font-size: 100%;
 text-decoration: line-through;
}

div#content div#middle div#list div.item td.price div.big {
 font-size: 120%;
}

div#content div#middle div#list div.item td.price div.mini {
 font-size: 90%;
}

div#content div#middle div.item div.insert {
 font-size: 100%;
 text-align: right;
}

div#content div#middle div.item div.insert div {
 margin-bottom: 5px;
}

div#content div#middle div.item div.insert table {
 width: 100%;
 padding: 0px 8px 0px 0px;
}

div#content div#middle div.item div.insert table td.row1 {
 width: 80px;
}

div#content div#middle div.item div.insert table td.row2 {
 text-align: right;
 padding-left: 20px;
}

div#content div#middle div#top div.sec {
 margin-left: 11px;
}

div#content div#middle div#pages {
 text-align: center;
 position: relative;
 z-index: 1;
 height: 14px;
 margin: 10px 0px 0px 0px;
}

div#content div#middle div#pages div.totop {
 position: absolute;
 right:  0px;
 bottom: 0px;
 z-index: -1;
}

div#content div#middle div#promote {
 margin: 19px 0px 0px 0px;
}

div#content div#middle div#promote h2 {
 font-size: 100%;
 padding: 3px 20px;
}

div#content div#middle div#promote h2.anz1 {
 width: 119px;
}

div#content div#middle div#promote h2.anz2 {
 width: 278px;
}

div#content div#middle div#promote h2.anz3 {
 width: 437px;
}

div#content div#middle div#promote div.item {
 float: left;
 width: 143px;
 padding: 7px;
 margin: 0px 0px 2px 0px;
}



/* Rechts */

div#content div#right {
 float: left;
 width: 200px;
}

div#content div#right div.box {
 border: solid 1px #aaaaaa;
 margin: 0px 0px 18px 0px;
 font-size: 70%;
 color: #686868;
 text-align: center;
 padding-bottom: 8px;
 width: 198px;
 overflow: hidden;
}

div#content div#right div.box div.title {
 background-image: url(/viomatrix/imgs/gfx/verl_suche-warenkorb.gif);
 background-repeat: repeat-x;
 font-size: 110%;
 font-weight: bold;
 /* 26 = height + padding*2 */
 padding: 6px 12px;
 height: 14px;
 margin-bottom: 8px;
 text-align: left;
}

div#content div#right div.box .text {
 padding: 10px 0px 0px 22px;
 font-size: 100%;
 text-align: left;
}

div#content div#right div.box table.text {
 border-top: solid 1px #aaaaaa;
 width: 100%;
}

div#content div#right div.box div.button {
 background-color: #efefef;
 width: 70%;
 margin: 10px auto;
 padding: 3px 0px;
 text-align: center;
 border: solid 1px #828282;
}

div#content div#right div.box div.button a {
 color: #413f19;
 background-color: inherit;
}

div#content div#right div.box ul.warenkorb {
 list-style: none;
 text-align: left;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

div#content div#right div.box ul.warenkorb li {
 margin-left: 14px;
 text-align: left;
}

/* Fussbereich */

div#bottom {
 text-align: center;
 font-size: 75%;
 color: #8e8e8e;
}
div#bottom div.bottomsub1 {
 padding: 14px 0px;
}
div#bottom a {
 color: #8e8e8e;
}
div#bottom div.bottomsub2 {
 padding: 5px 0px;
 background-color: #dddddd;
 font-size: 95%;
 font-weight: bold;
}

/* sonstiges */

div.whitebg {
 background-color: #ffffff;
}

/* Formulare */
input, select {
 border: solid 1px #828282;
 font-size: 100%;
 margin: 0px 0px 0px 0px;
}


textarea {
 border: solid 1px #828282;
 font-size: 100%;
 margin: 0px 0px 0px 0px;
 font-family: Verdana, Arial, Helvetica, Sans-serif;
}

form input, form textarea { padding: 2px 3px 3px 3px; }

input.cursor { 
 cursor: pointer; 
}


form input.button {
 background-color: #efefef;
 width: 132px;
 margin: 12px 0px 0px 0px;
 padding: 3px 0px;
 font-size: 100%;
 font-weight: bold;
 cursor: pointer;
}

form input.button2 {
 background-color: #888888;
 color: #ffffff;
 width: 132px;
 margin: 12px 0px 0px 0px;
 padding: 3px 0px;
 font-size: 100%;
 font-weight: bold;
 cursor: pointer;
}


form input.inputmenge {
 text-align: right;
 width: 30px;
}

form input.inputsmall {
 width: 41px;
 margin-top: 5px;
}
form input.insert {
 padding: 3px 7px 3px 7px;
 margin: 10px 0px 0px 0px;
 background-image: url(/viomatrix/imgs/gfx/warenkorb.gif);
 background-repeat: no-repeat;
 background-position: 95% 50%;
 text-align: left;
 width: 154px;
 font-size: 100%;
 font-weight: bold;
 cursor: pointer;
}

div#content div#middle div#list div.item img.rabatticon, div#content div#middle div#top div.item img.rabatticon , img.rabatticon { 
 float: none;
 margin: 0px 0px 0px 5px;
 vertical-align: middle;
 text-decoration: none;
}

div#bestelldetailmenu a {
 display: block;
 height: 30px;
 padding: 2px 5px 2px 5px;
 border: 1px solid #000000;
 background-color: #dddddd;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

.labelmissing {
 font-weight: bold;
 color: #ff3333;
}

div#bestelldetailmenu a.aktiv {
 background-color: #666666;
 color: #ffffff;
}

table.insert {
}

table.insert .mengenheinheit {
 margin-left: 10px;
}

table.insert input.menge {
 text-align: right; 
 vertical-align: middle;
}

table.wkorb {}
table.wkorb td { padding: 2px 5px 5px 8px; }

table.admin {}
table.admin td { padding: 2px 5px 2px 5px; }
table.admin td.head { background-color: #339999; color: #ffffff; }
table.admin td.row1 { background-color: #bbeeee; color: #000000; }
table.admin td.row2 { background-color: #e0e0e0; color: #000000; }

.preissenkung {
 font-weight: bold;
 color: #ff0000;
 margin-bottom: 10px;
}

.hinweisfehler {
 margin: 20px 0px 20px 0px; 
 border: 1px solid #ff0000; 
 padding: 10px; 
 background-color: #f7f7f7; 
 color: #ff0000; 
 font-weight: bold;
}

.hinweisok {
 margin: 20px 0px 20px 0px; 
 border: 1px solid #009900; 
 padding: 10px; 
 background-color: #f7f7f7; 
 color: #009900; 
 font-weight: bold;
 width: 100%;
}

#login {}
#login .fehler { color: #ff0000; margin-top: 10px; font-weight: bold; }
#login .loginbox { text-align: left; padding: 0px 8px 0px 8px; }
#login input.textinput { width: 150px; }
#login .loginhinweis { margin-bottom: 5px; }
#login .logoutlink { margin-top: 5px; }
#login .hinweistext { margin-top: 10px; }
#login .spalte { float: left; margin-right: 20px; }
#login .buttonspalte { float: left; }
#login h3 { font-size: 100%; margin-bottom: 2px; }

#login h2 { font-size: 100%; margin-bottom: 2px; }


/* honeypot */
input.dergabel { position: absolute; left: -1000px; top: -1000px; width: 10px; }