<!--

/* allgemein */

body {
  min-width: 982px;
  font-family: verdana, helvetica, sans_serif;
  color: black;
  font-size: 10pt;
  margin: 0px;
  background-color: #white;
}

div.body {
  min-width: 982px;
  margin: 0px;
  background-color: #fe000a;
  padding: 3px;
}

input {
   border: 1px solid black;
}

a:link, a:visited {
  font-family: verdana, helvetica, sans_serif;
  color: #004eba;
  text-decoration:underline;
}

a:hover {
  font-family: verdana, helvetica, sans_serif;
  color: #0065ef;
}

img {
  border: 0px;
}


/* Navigationsbereich oben */


img.startseite {
   width: 508px; 
   height: 273px;
   margin: 0px;
   margin-bottom: 3px;
   margin-right: 3px;
   
}

div.top {
   position: relative;
   min-width: 982px;
   width: 100%;
   background-image: url(gfx/shop/top_bg.jpg); 
   height: 135px;
   padding: 0px;
}

img.top_links {
   float: left;
   width: 15px;
   height: 135px;
}

div.top_rechts {
   float: right;
   background-image: url(gfx/shop/top_rechts.jpg);
   width: 15px;
   height: 135px;
}

div.berater {
   position: relative; 
   float: left;
   background-image: url(gfx/shop/top_pers_bg.jpg);
   width: 166px;
   height: 135px;
   margin-right: 3px;
}

div.berater_innen {
   padding-top: 9px;
   padding-left: 9px;
   padding-right: 9px;
   font-size: 9pt;
}

div.berater_unten {
   clear: both; 
   margin-top: 9px;
   padding-left: 9px;
   padding-right: 9px;
   font-size: 9pt;
}


div.top_navi_rahmen {
   position: absolute;
   float: left;
   left: 178px;
   text-align: center;
   width: 80%;
}

div.logo {
  position:relative;
  width: 800px;
  height: 55px;
}

img.logo {
  width: 375px;
  height: 55px;
}

div.top_navi {
   position:relative;
   top: 16px;
   background-image: url(gfx/shop/top_navi_bg.png);
   width: 800px;
   height: 44px;
}

div.wide_ad {
   	background-image: url(gfx/shop/wide_ad_bg.gif); 
	text-align: center; 
	border: 3px solid white; 
	padding: 3px;
}

div.top_suche {
   position:relative;
   top: 10px;
   width: 800px;
   height: 20px;
   font-weight: bold;   
   font-size: 14pt;
}


div.top_rechts_statisch {
  position: absolute;
  text-align: left;
  left: 75%;
  top: 1px;
  background-image: url(gfx/shop/top_toolbox.jpg);
  background-repeat: no-repeat;
  height: 56px;
  width: 210px;
}

img.siegel {
  position: absolute;
  left: 152px;
}

a.navi:link, a.navi:visited {
   font-size: 10pt;
}
a.navi:hover {
   font-color: green;
}

a.black:link, a.black:visited {
  color: black;
}

a.black:hover {
  color: #404040;
}

a.white:link, a.white:visited {
  color: white;
}

a.white:hover {
  color: lightgrey;
}

div.main_navigation {
   position: absolute;
   top: 17px;
   font-size: 9pt;
   font-weight: bold;
   text-align: center;
   float: left;
}

div.nav_admin {
   position: absolute;
   top: 8px;
   font-size: 10pt;
}

input.submitter {
  font-family: Arial, Helvetica; 
  font-size: 10pt; 
  background-color: #fe000a;
  color: white;
}


/*  Hauptbereich   */

div.main {
  border-left: 3px solid white;
  border-right: 3px solid white; 
  padding: 3px;
}

div.main_bottom {
  background-image: url(gfx/shop/bottom_bg.jpg);
  height: 9px;
}

img.bottom_links {
   float: left;
   width: 9px;
   height: 9px;
}

img.bottom_rechts {
   float: right;
   width: 9px;
   height: 9px;
}

table.fb_grau {
  border: 0px; 
  border-collapse: collapse;
  padding: 0px;
  border-spacing: 0px;
  empty-cells: show;
  background-color: #e1e1e0;
  table-layout: fixed;
}


table.fb {
  border: 0px; 
  border-collapse: collapse;
  padding: 0px;
  border-spacing: 0px;
  empty-cells: show;
  background-color: white;
  table-layout: fixed;
}

td.fb_top {
  height: 10px; 
}


table {
  font-size:9pt;
}


td.fb_main {
  padding: 0px;
  margin: 0px;
}


td.wk_part {
  width: 142px; 
  vertical-align: top;
}

td.inhaltspart {
  width: 100%; 
  vertical-align: top;
  padding-right:3px;
}

span.pbox {
  position: absolute;
  width: 354px;
  visibility: hidden;
}

div.pbox_top {
   width: 354px;
   background-image: url(gfx/shop/so_pbox_top.png);
   background-repeat: no-repeat;
   background-position: top-left;
   height: 11px;
   font-size: 1px;

}

div.pbox_main {
   width: 344px;
   background-image: url(gfx/shop/so_pbox_bg.png);
   padding-left: 5px;
   padding-right: 5px;
   font-size: 10pt;
}

div.pbox_bottom {
   width: 354px;
   background-image: url(gfx/shop/so_pbox_bottom.png);
   background-repeat: no-repeat;
   background-position: top-left;
   height: 11px;
   font-size: 1px;
}


h1 {
  display:inline;
  line-height: 20px;
  font-size: 16px;
}

h2 {
  display:inline;
  line-height: 16px;
  font-size: 16px;
}

h3 {
  font-size: 12px;
  line-height: 12px;
  display:inline;
}


td.beraterseite_links {
  width: 300px;
  vertical-align: top;
  padding-right: 3px;
  padding-bottom: 3px;
}

td.beratermain {
  width: 100%;
  vertical-align: top;
  padding-bottom: 3px;
}

td.katseite_links {
  width: 211px;
  vertical-align: top;
  padding-right: 3px;
}

td.katmain {
  width: 100%;
  vertical-align: top;
}

form {
  display:inline;
}


div.abox_preis {
   width: 90%;
   text-align: right;
   color: blue;
   clear: both;
   margin-right: 5px;
}

td.aboxlinks {
 vertical-align: middle;
 border-bottom: 1px dashed black;
 cursor: pointer;
}

td.aboxrechts {
 width: 60px;
 text-align: right;
 padding-right: 2px;
 vertical-align: middle;
 border-bottom: 1px dashed black;
 color: blue;
 cursor: pointer;
}

td.abox_f {
 vertical-align: middle;
 border-bottom: 1px dashed black;
 width: 35px;
}

div.katblock {
  padding-top: 12px;
  font-weight: bold;
  border-bottom: 1px dashed black;
  border-top: 1px dashed black;
  margin-bottom: 2px;
  margin-top: 2px;
}

span.katbaum {
  min-width: 211px; 
  float: left;
  padding-left: 3px;
}

div.kb {
  float: left;
  width: 200px;
  padding-left: 4px;
  padding-right: 4px;
  border-right: 1px dashed black;
}

img.flagge {
  border: 1px solid black;
  float: left;
  margin-left: 1px;
}

td.artikel {
  vertical-align: top;
  width: 470px;
}

img.abildg {
    max-height: 350px; 
    border: none; 
    float: left; 
    margin-right: 3px;
}

td.empf {
    width: 211px;
    vertical-align: top;
    padding-right: 3px;
}

td.empf2 {
    width: 33%;
    vertical-align: top;
}

td.artbild {
   height: 102px;
   text-align: center;
   padding: 0px;
}

td.art_kurztext {
   height: 66px;
   text-align: left;
   padding: 0px;
   vertical-align: top;
}

td.art_name {
   height: 34px;
   text-align: center;
   padding: 0px;
   vertical-align: top;
   font-weight: bold;
color: #004eba;
text-decoration: underline;
}

td.art_preis {
  color: blue;
  text-align: left;
  width: 50%;
  padding: 0px;
  vertical-align: bottom;
}

td.art_ls {
  width: 50%;
  padding: 0px;
  text-align: right;
}

img.vspace {
  width: 30px;
  height: 30px;
}

div.bboxen {
  float:right; 
  width: 100px; 
  margin: 0px;
}

table.artbox {
  min-width: 185px;
  width: 99%;
  height: 255px;
  table-layout: fixed;
}

div.artikelbox_innen {
   cursor:pointer;
   padding: 3px;
}

div.rez {
  border-top: 1px dashed black;
  padding-top: 6px;
  padding-bottom: 6px;
}


i {
  font-size: 8pt;
  color: #879fb0;
}


table.gskonto {
  border: 1px solid black;
  width: 80%;
  border-collapse: collapse;
}

td.gskonto1 {
  border-bottom: 1px solid black;
  margin: 0px;
  text-align: center;
  font-weight: bold;
}

td.gskonto {
  border-bottom: 1px dotted black;
  margin: 0px;
}


span.hiddenimage {
        position: absolute;
        visibility: hidden;
        z-index: 10;
}

h2 {
   display : inline;
}

div.tzform {
  width: 450px;
  text-align: left;
}

div.tzformb {
  width: 450px;
  text-align: left;
  border: 1px solid red;
}

td.tzform1 {
  width: 150px;
  margin: 0px;
  padding: 0px;
}

td.tzform2 {
  width: 280px;
  margin: 0px;
  padding: 0px;
}


div.warenkorb {
        position: absolute;
        background-image: url(gfx/shop/wk_oben.gif);
        background-repeat: no-repeat;
        width: 149px;
        padding-top: 10px;
        font-size:8pt;
        top : 86px;
        left: 821px;
        z-index: 4;
}


td.redflash {
        background-image:url(gfx/shop/redflash_gr.gif);
        font-size:8pt;
        text-align: right;
        vertical-align: top;
        background-color: #e1e1e0;
}

td.wk_klein {
        font-size:8pt;
        text-align: right;
        vertical-align: top;
}

div.warnung {
  border: 3px solid red;
  padding: 3px;
  color: red;
  margin-bottom: 5px;
}


div.bbottom {
  border-bottom: 1px solid black;
}

td.bbottom {
  border-bottom: 1px solid black;
  font-size:8pt;
  text-align: right;
}

td.btop {
  border-top: 1px solid black;
  font-size:8pt;
  text-align: right;
}

div.wkcheckout {
  background-color: #e1e1e0;
  text-align: center;
  border-top: 1px solid black;
}

a.wkcheckout:link, a.wkcheckout:visited {
  font-size: 9pt;
  font-family: Arial, Helvetica;
  font-weight: bold;
  text-decoration:underline;
}

img.ba {
  border: 0px;
  margin-top: 3px;
}

div.wk3 {
  text-align:center; 
  border-bottom: 1px solid black; 
}


td.versand {
        text-align: left;
        border: 1px solid #c0ced8;
}

td.versand2 {
        text-align: right;
        border: 1px solid #c0ced8;
}


div.preis {
        text-align: left;
        color: blue;
}

div.vidadd {
	float:right; 
	width: 170px; 
	text-align: center; 
	border: 3px solid green; 
	margin-right: 8px; 
	padding: 2px;
}


td.suche_top {
   font-size: 10pt;
   border: 1px solid #c0ced8;
   text-align: center;
   background-color: white;
   font-weight: bold;
}

td.suche_form {
   font-size: 10pt;
   border: 1px solid #c0ced8;
   text-align: center;
   background-color: white;
   height: 20pt;
}


table.suche {
   border-collapse: collapse;
   width: 95%;
}

img.bewpic {
   border: 0px;
   margin-right: 2px;
}

div.katblock_innen {
  padding-bottom: 5px;
  border-bottom: 1px dashed black;
  border-top: 1px dashed black;
  margin-bottom: 2px;
  margin-top: 2px;
}

div.merkzettel {
  float: left; 
  margin-top: 3px; 
  margin-right: 3px; 
  width:202px;
}

div.kategorie_artikelbox {
  float: left; 
  margin-top: 3px; 
  margin-right: 3px; 
  width:197px;
}

img.abild {
   float: left;
   margin-right: 2px;
   margin-left: 5px;
}

div.awards {
  clear: left; 
  padding-top: 4px;
}

td.award {
  text-align: center;
  font-size: 9pt;
}

a.award {
  font-size: 7pt;
}

td.awardliste {
  border-bottom: 1px dashed #c0c0c0;
  border-top: 1px dashed #c0c0c0;
}

div.jahreszahl {
 font-weight: bold; 
 border-bottom: 1px dashed black; 
 font-size: 12pt;
}


td.versand {
        text-align: left;
        border: 1px solid #c0ced8;
}

td.versand2 {
        text-align: right;
        border: 1px solid #c0ced8;
}

td.gratis {
        color: red;
        font-size:10pt;
        text-align: center;
        vertical-align: top;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        background-color: #ffffff;
        font-weight: bold;
}

td.re {
        color: black;
        font-size:10pt;
        text-align: right;
        vertical-align: center;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        background-color: #ffffff;
}

td.li {
        color: black;
        font-size:10pt;
        text-align: left;
        vertical-align: center;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        background-color: #ffffff;
}

td.us {
        color: black;
        font-size:10pt;
        text-align: center;
        vertical-align: top;
        line-height: 12pt;
        border-style: solid;
        border-color: black;
        border-width: 1px;
        background-color: #f0f0f0;
        font-weight: bold;
      }


/* Footer */

div.footerline {
   text-align: center;
   font-size: 10pt;
}

span.aufhalter {
width:819px; font-size: 1pt; height: 1px;
}


/* Startseite */

div.srechts {
   width: 273px;
   float: right;
   margin-left: 3px;

}

td.sart {
   width: 25%;
   font-weight: bold;
   text-align: center;
   vertical-align: top;
}

span.sart {
   height: 102px;    
}

img.marke {
   margin: 10px;
}

div.marken {
   width: 580px;
}


-->