@charset "UTF-8";

span.hover-titel {font-style:italic; font-weight:bold;color:red;cursor:pointer;}
div.hover-ncp {
        width: 55em; 
        height: auto;
        position: relative;
        overflow: hidden;
        color:red; float:left;margin:0 0 0.5em 0;
}
div.hover-ncp-content {
        display: none;margin:0.5em 0 0 0; font-size:0.95em; font-family: Sintony;
        padding: 0.5em;
        background:white;
        overflow: hidden;
        left: 0;
        border:1px solid rgb(204,102,51);
        color: rgb(96,0,0);
        text-decoration: none;
}
div.hover-ncp:hover .hover-ncp-content { display: block; }

div.wk2 {float:left;width:15em;background:gold;margin:1em 0.2em 0 10em;color:black;padding:0.5em;border-radius:0.5em;}
div.wk3 {float:right;width:30em;margin:1em 0.2em 7em 0;background:#6C6CFF;color:white; border-radius:0.5em;padding:0.5em;font-style:italic;}
span.wk1 {clear:left;float:left;width:12em;}
span.wk2 {float:left;width:8em;text-align:right;}
span.wk3 {float:right;text-align:right;width:8em;}

div.kd0 { position:relative; top:0.5em; left:0em;}

/* kunden und anmeldung */
p.kunden1, p.kunden2 {color:red;background:white;padding:0.5em;width:15em;border-radius:0.3em;border:none;font-weight:bold;font-style:italic;float:left;}
p.kunden1 {margin:0.5em 0 0 1em;}
p.kunden2 {margin:1em 0 0 1em; }

div.kunden1 {clear:left;float:left;width:15em;margin:0.8em 1em 0 1em;text-align:right;}
div.kunden2 {float:left;width:1em;padding:1em 0 0 0;color:red;font-weight:bold;}
div.kunden3 {float:left;width:30em;margin:0.3em 0.2em 0 0;}
div.kunden4 {float:left;width:30em;margin:0.3em 0.2em 0 1em;}

/* pizzashop */
div.start {clear:left;float:left;background:#e0dc9c;margin:0 0 0.3em 0;width:100%;padding:0.5em 0 0.5em 0.5em;}
span.start1, span.start2, span.start3 {float:left;border-radius:0.5em;margin:0 0.5em 0.3em 0;}
span.start1 {background:white;height:3.8em;padding:0.4em;}
span.start2 {padding:0.4em;width:12em;background:#0000FF;color:white;font-style:italic;overflow:hidden;white-space:nowrap;min-height:3.8em;}
span.start3 {background:white;min-height:3.1em;padding:0.8em 0.4em 0.7em 0.4em;}



div.bezahlen0 { position:relative; top:0; left:0em; width:50em; height:10em;}
div.bezahlen1 { float:left; width:11em; padding:0.5em;margin:0.5em 0 0 0; }
div.bezahlen2 { float:left; width:18em; padding:0.5em;margin:0 0 0 0.5em;}
div.bezahlen3 { float:left; width:7em; margin:0.2em 0 0 0.5em;}

div.bezahlen10 { position:relative; top:0; left:0em; width:100%; height:3em;}
div.bezahlen11 { float:left; background:#0000FF; color:white; border:solid 1px blue;padding:0.5em;border-radius:0.5em;margin-right:0.5em; }
div.bezahlen12 { float:left; background:white;color:#0000FF; border:solid 1px blue;padding:0.5em;border-radius:0.5em;margin-right:0.5em; }

div.bezahlen20 { position:relative; top:0.5em; left:0em; height:7em;}
div.bezahlen21 { float:left; width:15em; clear:left;margin-top:0.1em;background:#D6D6D6;padding:0.5em; }
div.bezahlen22 { float:left; width:30em; margin-left:0.1em;margin-top:0.1em;background:#D6D6D6;padding:0.5em;}

div.photo1,div.photo2,div.photo3 {float:left;background:#6CCFFF;color:#000080;}

div.photo1 {width:25em;margin:0 0.5em 0 0;border-radius:0.5em 0 0 0.5em;overflow:hidden;height:4.2em;}
div.photo2 {padding:0.5em;margin:0 0.5em 0 0;text-align:center;height:3.2em;border-radius:0.5em 0.5em 0 0;}
div.photo3 {width:25em;margin:0;text-align:right;border-radius:0 0.5em 0 0;overflow:hidden;height:4.2em;}
div.photo4 {width:25em;margin:0 0.5em 0 0;}
div.photo1, div.photo2, div.photo3, div.photo4 { float:left; }

p.photo1 {margin:0.5em 0.5em 0.5em 3em;}
p.photo3 {margin:0.5em 3em 0.5em 0.5em;}

div.photo12, div.photo13 {float:left;border-radius:0.5em;padding:0.5em;margin:0 0.5em 0.5em 0;}
div.photo12 {background:white;}
div.photo13 {margin:0.5em 0 0 0;background:#0000FF;color:white;font-style:italic;overflow:hidden;white-space:nowrap;}

p.meld1 {margin:0.5em 0 0.5em 1em;font-weight:bold;color:red;font-style:italic;float:left;}
p.meld2 {margin:0.5em 0 0.5em 1em;color:red;font-style:italic;}

td.wk1,td.kd1 {vertical-align:middle;text-align:left;font-weight:bold;font-style:italic;}
td.wk2,td.kd2 {vertical-align:middle;text-align:right;font-weight:bold;font-style:italic;}
td.wk3,td.kd3 {vertical-align:middle;text-align:center;font-weight:bold;font-style:italic;}

td.wk4, td.kd4 {vertical-align:middle;text-align:left;}
td.wk5 {vertical-align:middle;text-align:right;}
td.wk6 {vertical-align:middle;text-align:center;}

div.menge0, div.menge1, div.menge2, div.menge3, div.menge4, div.menge5, div.menge6
{background:#6C6CFF;color:white;font-style:italic;font-weight:bold;text-align:center;padding:0.3em 0.15em 0.3em 0.15em;} 
div.menge10, div.menge11, div.menge12, div.menge13, div.menge14, div.menge15, div.menge16
{background:#D6D6D6;text-align:left;padding:0.3em 0 0.3em 0.3em;height:3.5em;}
div.menge0, div.menge10 {float:left;width:5em;margin:0 0.1em 0.1em 0;}
div.menge1, div.menge11 {float:left;width:17em;margin:0 0.1em 0.1em 0;}
div.menge2, div.menge12 {float:left;width:4.5em;margin:0 0.1em 0.1em 0;}
div.menge3, div.menge13 {float:left;width:7em;margin:0 0.1em 0.1em 0;}
div.menge4, div.menge14 {float:left;width:10em;margin:0 0.1em 0.1em 0;}
/* menge5 = artprice, menge6 = gebot */
div.menge5, div.menge15 {float:left;width:13em;margin:0 0.1em 0 0;}
div.menge6, div.menge16 {float:left;width:18em;margin:0 0.1em 0 0;}

div.cookie0 {color:red;font-style:italic;padding:0.5em;border:1px solid red;}
div.cookie1 {float:left;width:40em;margin:0 0.2em 0.5em 0;}
div.cookie2 {float:right;width:12em;margin:0 0.2em 0 0;}
div.cookie3 {clear:left;float:left;width:50em;margin:0 0.2em 0 0;}
div.cookie4 {float:right;width:12em;margin:0.5em 0.2em 0 0;text-align:right;}
div.cookie10 {float:left;clear:left;margin:0.5em 0 0.5em 0;padding:0.5em;background:#C0C0C0;}
div.cookie11 {float:left;margin:0.5em 0 0.5em 0.5em;padding:0.3em 0.5em 0.3em 0.5em;background:#C0C0C0;font-weight:bold;}
h3.cookie {margin:0.5em 1.2em 0.5em 0;float:left;background:#6C6CFF;color:white;padding:0.5em;font-weight:bold;font-style:italic;border-radius:0.5em;font-size:1em;}
p.cookie3 {margin:0.5em 0 0.5em 0;font-weight:bold;color:red;font-style:italic;clear:left;}

div.cookie20 { position:relative; top:1em; left:1em; width:38em;}
div.cookie21 { float:left; width:12em; background:#D6D6D6; padding:0.5em;clear:left;margin:0; }
div.cookie22 { float:left; width:22em; background:#D6D6D6;padding:0.5em;margin:0;}
