/* shop */
#content div.productwrapper{ text-align:center; margin:0; padding:0; width:100%;}
#content div.productteaser { float:left; width: 48%; padding: 0;margin: 0.2em;border-bottom: 3px double silver;}
#content div.productteaser h3 { text-align:left;width: 100%;margin:0; padding: 0; background-color: #EFF3F8; border-top: 3px double silver;border-bottom: 1px solid silver;}
#content div.productteaser dl { margin:0; padding: 0;float:left;}
#content div.productteaser dl dd { float:left; margin:0;padding: 0 0.2em 0 0;}
#content div.productteaser dl img { margin-top: 0.3em;}
#content div.productteaser dl span { margin-top:-0.4em;float:left; color:#aaaaaa; font-size:0.6em;}
#content div.productteaser dl dt { text-align: justify;  padding:0.2em;}

#articlelister { margin:0;padding:0; width:100%;} 
#content div.pagenavigation { font-size:1.1em; float:left;width: 100%;}
#content div.pagenavigation p { margin:0;padding:0; }
#content div.pagenavigation form { float:right; width:auto;margin:0.1em;padding:0;}
#content div.pagenavigation label { float:right; font-size: x-small; line-height:1.2;}
#content div.pagenavigation select {float:right;  font-size: x-small; width: 6em;}
#content div.pagenavigation input[type=submit] { float:right;font-size: x-small;background-image:url(/gfx/icons/shop/big_arrow_reload.gif);background-repeat:no-repeat;margin-left:0.5em;width: 2.7em !important;height: 2.1em;border:1px solid black;}
#content div.pagenavigation div.pages { float:left; background-color: #EFF3F8;width:100%; border-top: 1px solid silver; border-bottom: 1px solid silver; } 
#content div.pagenavigation ul.pagenavigation { float:left; line-height:1.2; padding:0; margin:0.3em;padding-left: 0.5em; margin-left: 0.5em;} 
#content div.pagenavigation ul.pagenavigation li { float:left; display: block; margin-right: 1em;}
#content div.pagenavigation ul.pagenavigation li a { text-decoration: none; color: #333333;}
#content div.pagenavigation ul.pagenavigation li a:visited { text-decoration: none; color: inherit;}
#content div.pagenavigation ul.pagenavigation li a:hover { text-decoration: underline; color: blue;}

#content table.arl { margin: 0 0 0 0.2em; padding:0; width: 100%;}
#content table.arl ul { list-style-type:none; margin:0 0 0 0.5em;padding: 0 0 0 0.2em;}
#content table.arl ul.shortdesc { list-style-type:circle; margin:0 0 0 0.5em;padding: 0 0 0 0.2em;}
#content table.arl tbody input[type=submit] { font-size:small;float:right;background-image:url(/gfx/icons/shop/basket.gif);background-repeat:no-repeat;margin-left:0.5em;width: 22px !important;height:21px; margin-top:1px;border:1px solid black;}
#content table.arl tbody input[type=text] { width: 2em;float:right; text-align:right; border: 1px solid black;}
#content table.arl tbody img.product { float:right; border:1px solid #eeeeee;}
#content table.arl tbody img.delete { float:left; border: 1px solid grey; width:14px;height:21px;background-color:red;}
#content table.arl a.detail { text-decoration: none; float: right; background-color: #EFF3F8; font-weight:bold; border: 1px solid silver; padding: 0.2em;}
#content table.arl tr.distance { border-bottom: 3px double;  }
#content table.arl tr td p { margin:0;padding:0; }
#content table.arl tr th.cpicture { width:100px; }
#content table.arl tr th.cdescription {  }
#content table.arl tr th.cdata { width:140px; }
#content table.arl tr th.cprice { width:150px; }
#content table.arl tr th.cbasket { width:100px; }


#content table.tableaddressoption { float:left;  font-size:75%; border:1px solid #777;border-collapse:collapse;border-spacing:0; margin: 0.5em 0 0 0.5em;  }
#content table.tableaddressoption tfoot { }
#content table.tableaddressoption thead { background-color: #cccccc; }
#content table.tableaddressoption tbody {}

#content table.tableaddressoption tbody tr { vertical-align:top; }
#content table.tableaddressoption tbody th { border: 1px solid #cccccc; padding: 0.3em 0.5em 0.3em 0.5em;}
#content table.tableaddressoption tbody td { border: 1px solid #cccccc; padding: 0.3em 0.5em 0.3em 0.5em;}
#content table.tableaddressoption caption { font-weight: bold; }

#rightcolumn h2 { margin: 0 0 0.5em 0; font-size:1.0em;}
#rightcolumn div.accessoir { margin-left: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 2px solid #EFF3F8; width:96%;}
#rightcolumn div.accessoir h3 { font-size: 1.0em; margin:0 0 0.4em 0; padding: 0 0 0 0;}
#rightcolumn div.accessoir h3 a { float:left;}
#rightcolumn div.accessoir h4 { font-size: 1.0em; margin:0 0 0.4em 0; float:right; }
#rightcolumn div.accessoir h4 a { }
#rightcolumn div.accessoir img { float:left; }
#rightcolumn div.accessoir p { font-size: 1.0em;float:right; text-align:left;margin-top:0;margin-left:0;margin-right:0;}
#rightcolumn div.accessoir p span { font-weight:bold; font-size: 1.3em;}
#rightcolumn div.accessoir a { margin-right:0.5em;float:right; }

#rightcolumn div.newestarticlebox { margin-left: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 2px solid #EFF3F8; width:98%;}
#rightcolumn div.newestarticlebox h2 { font-size: 1.0em; margin:0 0 0.4em 0; }
#rightcolumn div.newestarticlebox h2 a { float:left;}
#rightcolumn div.newestarticlebox img { float:left; }
#rightcolumn div.newestarticlebox p { font-size: 1.0em;float:right; text-align:left;margin-top:0;margin-left:0;margin-right:0;}
#rightcolumn div.newestarticlebox p span { font-weight:bold; font-size: 1.3em;}
#rightcolumn div.newestarticlebox a { margin-right:0.5em;float:right; }

#rightcolumn div.visitedarticlebox { margin-left: 0.5em; padding-top: 0.5em;padding-bottom: 0.5em; border-bottom: 2px solid #EFF3F8; width:98%;}
#rightcolumn h1 { margin: 0 0 0.5em 0; font-size:1.0em;}
#rightcolumn div.visitedarticlebox h2 { font-size: 1.0em; margin:0 0 0.4em 0; }
#rightcolumn div.visitedarticlebox h2 a { float:left;}
#rightcolumn div.visitedarticlebox img { float:left;  }
#rightcolumn div.visitedarticlebox p { font-size: 1.0em;float:right; text-align:left;margin-top:0;margin-left:0;margin-right:0;}
#rightcolumn div.visitedarticlebox p span { font-weight:bold; font-size:1.3em;}
#rightcolumn div.visitedarticlebox a { margin-right:0.5em;float:right; }

/* */
#content h1.ard { margin: 0 0 0.5em 0 !important; }
/*img.ard {  float: left; width:15em; padding: 0.5em; margin-top: 0.2em; margin-right: 0.2em; background-color: #eeeeee; border: 1px solid black;}*/
#content div.ard_picture {float:left;padding:0.5em; ; margin-top: 0.2em; margin-right: 0.2em; background-color: #eeeeee; border: 1px solid black;}
#content div.ard_picture img {float:left;border:0;padding:0;margin:0;}
#content div.ard_picture span.ard_picturesymbol {float:left;padding-top:0.5em;font-size:0.8em;font-weight:bold;font-style:italic; }
#content p.ard { display:inline; width:auto !important;float:left; line-height:1.2; font-size:small; margin: 0; padding: 0;}
#content p.ard input[type=submit] { background-image:url(/gfx/icons/shop/basket.gif);background-repeat:no-repeat;margin-left:0.5em;width:22px !important;height:21px;border:1px solid black;} p.ard img { float:right;margin-top:1px;}
#content p.ard label { margin-top:0.2em;}
#content p.ard input[type=text] { border:1px solid black;text-align:right;} 

#content .ard_headfull { background-color:#EFF3F8; width: 99.5%; }

#content div.ard_data h2, div.ard_desc h2, div.ard_datasheets h2, div.ard_misc h2, div.ard_customercontact h2, div.ard_directlink h2 { float:left; font-size:medium;  font-weight: bold; margin-bottom:0.75em; line-height:1.2; margin: 0; color: #333333; padding: 0 0 0 0; padding-left: 0.2em; }
#content div.ard_data h2 { width: 8em;}

#content div.ard_data {float:left;width:29em !important;min-width:29em !important;padding-left:0.3em;}

#content div.ard_desc { float:left; width:100%; }
#content div.ard_desc h2 { font-size:expression("16px");/*expression only for IE */ margin-bottom: 0.0em; margin-top: 0.5em;}
#content div.ard_desc ul { list-style-type:disc !important; float:left;}
#content div.ard_desc ul li { list-style-type:disc !important; margin:0;padding:0;}
#content div.ard_desc p { float:left; }
#content div.ard_desc p.ingredients { padding: 1.0em; }
#content div.ard_desc p.application { padding: 1.0em;}

#content div.ard_datasheets { }
#content div.ard_datasheets ul { list-style-type:none;}

#content div.ard_misc {}
#content div.ard_misc ul li { display: block;float:left;width: 33%; }
#content div.ard_misc h2 {  }
#content div.ard_misc h3 { float:left; display:inline;  font-size:small; margin-left: 1em; }

#content div.ard_customercontact { float:left; width:100%;}
#content div.ard_customercontact ul {}

#content div.ard_directlink { float:left; width:100%;}

#content div.ard_basket {  float:right; width:20em; margin-right: 1em;}
#content div.ard_basket p.ard input[type=text]{  font-size:small;float:right;width:auto;}
#content div.ard_basket p.ard input[type=submit]{  font-size:small;float:right;width:auto;}
#content div.ard_basket p.ard label{  font-size:small;float:right;width:auto;}
#content div.ard_basket h2 {  float:left; font-size:medium; font-weight: bold; margin-bottom:0.75em; line-height:1.2; margin: 0; color: #333333; padding: 0 0 0 0; padding-left: 0.2em;}

#leftcolumn .basket h1 { margin:0;font-size: 1em;}
#leftcolumn .basket p { font-size: 1em;  margin:0; padding: 0.2em 0.2em 0.2em 0.5em; }
#leftcolumn .basket p span { display:block; width: 100%; text-align:center;}
#leftcolumn .basket p strong { }

/* */
#content form#submitorder { width: 85%;}


#content table.invoice { border:1px solid #777;border-collapse:collapse;border-spacing:0; margin: 0.2em 2em 0.2em 2em; }
#content table.invoice tfoot {}
#content table.invoice thead { background-color: #cccccc; }
#content table.invoice tbody {}
#content table.invoice tbody tr { vertical-align:top; }
/*#content table.invoice tbody th { border: 1px solid #cccccc; padding: 0.3em 0.5em 0.3em 0.5em;}*/
#content table.invoice tbody td { border: 1px solid #cccccc; padding: 0.3em 0.5em 0.3em 0.5em;}
#content table.invoice caption { font-weight: bold; }
#content table.invoice .myc1 { text-align: right; background-color:orange; width: 120px !important;}


#content table.delivery { width: 40%; border:1px solid #777;border-collapse:collapse;border-spacing:0; margin: 1em 2em 1em 2em;  }
#content table.delivery tfoot {}
#content table.delivery thead { background-color: #cccccc; }
#content table.delivery tbody {}

#content table.delivery tbody tr { vertical-align:top; }
#content table.delivery tbody th { border: 1px solid #cccccc; padding: 0.3em 0.5em 0.3em 0.5em;}
#content table.delivery tbody td { border: 1px solid #cccccc; padding: 0.3em 0.5em 0.3em 0.5em;}
#content table.delivery caption { font-weight: bold; }

#content table.delivery .c1 { text-align: right; background-color:yellow; width: 40%;}


#content table.newaccount { width: 40%; border:1px solid #777;border-collapse:collapse;border-spacing:0; margin: 0.3em 2em;  }
#content table.newaccount tfoot {}
#content table.newaccount thead { background-color: #cccccc; }
#content table.newaccount .hc1 { width.15%; }
#content table.newaccount .hc2 { }
#content table.newaccount tbody {}

#content table.newaccount tbody tr { vertical-align:top; }
#content table.newaccount tbody th { border: 1px solid #cccccc; padding: 0.3em 0.5em 0.3em 0.5em;}
#content table.newaccount tbody td { border: 1px solid #cccccc; padding: 0.3em 0.5em 0.3em 0.5em;}
#content table.newaccount .c1 { text-align: right; background-color:yellow; width: 40%;}
#content table.newaccount caption { font-weight: bold; }

/* order: Klasse während des Bestellprozesses (Warenkorb) */
#content h3.order { margin-bottom:0.2em; }

#content .oButton {
    
    line-height:17px;
    padding:5px 10px 5px 2em !important;
    color: blue;
    width: auto;
    overflow: visible;
    background-color:#F5F5F5;
    border-color:#B8B8B8 #777777 #777777 #B8B8B8;
    cursor:pointer;
    font-size:17px;
    font-weight:bold;
    /*min-height: 20px !important;height:20px !important;height:auto;*/
    /*line-height: 20px !important;*/
    word-spacing: 3px;
    margin:0 7px 0 0;
    background-color:#F5F5F5;
    border-style:solid;
    border-width:1px;
    text-decoration: none;
    white-space:normal;
    font-family: inherit; /*"Arial" !important;*/
}
#content .oButtonBack {
    color: #D12F19 !important;
}

#content .oButtonToCounter {
    /*background-image:url(/gfx/shop/);
    background-repeat:no-repeat;
    background-position:4px 4px;*/
}

#content .oNavibox {
    float:left;
    text-align:center;
}

#content .oBoxnavi {
/*background-color:#EEEEEE;*/
    padding:10px;
    text-align:center;
}

#content .oSubmit { 
    background-image:url(/gfx/shop/greencheck.gif);
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:180px;
    color: #000000;
    background-color:#ADFFA2 !important;
    padding-left:10px !important;
}

.orderRoCancelation { background-color: #FFDA93; border: 1px solid silver; }

#content .oLoginButton {
    background-image:url(/gfx/shop/key.gif);
    background-repeat:no-repeat;
    background-position:2px 2px;
    padding:0.1em 0.1em 0.1em 1.1em !important;
    width: auto;
    overflow: visible;
    background-color:#F5F5F5;
    border-color:#B8B8B8 #777777 #777777 #B8B8B8;
    cursor:pointer;
    font-size:17px;
    font-weight:bold;
    margin:0 0 0 0;
    background-color:#F5F5F5;
    border-style:solid;
    border-width:1px;
    text-decoration: none;
    white-space:normal;
    font-family: inherit;
}