/* ESHOP3 TEMPLATE  V 4.4          */
/* template_css.css                */
/* (c) 2009 mike feldmeier         */
/* verwendetes blau  #040186       */
/* headmenu_right.gif              */
/* headmenu_right_hover.gif        */
/* LIGHTBOX 2.0 Support            */
/* CSS HOVER Support               */
/* #user3 float: left; banner_css  */
/* #topmenu00 NEU                  */
/* user2 wech                      */
/* ul#mainlevel-nav                */
/* float: left STATT right;        */
/* .marq class for marquee TAG     */
/* #pathway in ../index.php        */

body{
  margin:0;
  padding:0;
  text-align: center;
  /* @font-face { font-family:Garamond; src:local(Garamond), url(fonts/garamond.ttf) format(TrueType); } */
 /* @font-face { font-family:Arial; src:local(Arial), url(fonts/arial.ttf) format(TrueType); } */
  font-family: 'Trebuchet MS', verdana, sans-serif,  arial;
}

a {
  text-decoration:  none;
  font-weight: bold;
  border: none;
}

a:hover {
  text-decoration:  underline; 
  border: none;
}
 
.marq {
  width: 960px; /* full LINE 960 */
  position: absolute;
  color: yellow;
  background-color: black;
  margin-left: 0px;
  margin-top: 160px;
   padding-top: 0px;
}

.mfccart 
{ /*CSS for CART */
  color: black;
  align: top;
  margin-top:0px;
  maggin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.mfccart span
{ /*CSS for CART */
  align: top;
  margin-top:0px;
  color: red;
  maggin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}




/* Layout */
#accessibility {
  position: absolute;
  left: -2000px;
  top: -2000px;
  display: none;
}

#source {
  position: absolute;
  left: -2000px;
  top: -2000px;
  display: none;
}

#pagewidth-800{
  width:970px;
  text-align:left;
  /* Abstand zum linken Browser-Rand */
  /* gilt fuer ALLE LAYER bzw. DIVs  */
  margin-left: 1px;
  margin-right:1px;
  background: transparent url(../images/back_all.gif) repeat-y ;
  margin-bottom: 20px;
}

#pagewidth-1024{
  width:970px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  background: transparent url(../images/back_all1024.gif) repeat-y ;
  margin-bottom: 20px;
}

/* HEADER = blauer Verlauf und LOGO   */
#header {
  /* Abstand vertikal nach unten zu   */
  /* OUTER und Online-Shop MENU links */
  /* height:  129px;                  */
  /* see css_color_blue.css           */
  /* back_verlauf.gif height 150      */

  height: 190px;
  width:  100%; 
}
 
#top-top {
  height: 30px;
  width: 100%;
  background: transparent;

}

/* Bereich LOGO oben links */
#top-bottom {
  /* Hoehe Logo Grafik */
  height: 80px;
  /* Breite Logo Grafik */
  width: 280px;

  background: transparent;
  float: left;
  /* Linker Rand Logo Grafik */
  /* - Browser Rand  -       */
  margin-left: 10px;
}

/* Suchfeld oben */
#search {
  margin: 0px;
  padding: 0px;
  /* laenge des Suchfeldes */
  width: 148px;
  /* Hoehe  des Suchfeldes */
  height: 17px; 
  float: right;
  background: url(../images/back_search.jpg) right top no-repeat;
  padding-left: 10px;
  padding-top: 2px;
  vertical-align: top;
}

/* Suchfeld oben */
#search .inputbox{
  /* Laenge des Suchfeldes */
  width: 135px;
  /* Hoehe  des Suchfeldes */
  height: 17px;
  /* Schriftgroesse suchen... */
  font-size: 10px;
  background: transparent;
  border: none;
  margin: 0px;
  padding: 0px;
  line-height: 14px;
}

#search .button{
  margin: 0px;
  padding: 0px;
  height: 14px;
  font-size: 10px;
  background: transparent;
  border: none;
  line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}

/* obere MENULeiste */
#topmenu{
  height: 24px;
  /* float : right; */
  float: left;
  /* Breite TOP MENU mitte oben */
  width: 920px;
}

/* PATHWAY NAVI unterhalb LOGO */
/* und unterhalb MARQUEE       */
/* see ../index.php            */
#pathway00{ 
  width: 550px; /* 500 */
  /* Abstand vertikal nach unten bis MENUE links */
  height: 17px;
  /* linker Rand bis PATHWAY */
  padding-left: 20px;
  /* Abstand nach oben bis LOGO */
  padding-top: 24px;  /* 4px; wird von  MARQUEE komplett ueberdeckt */
}

/* MENUE links OFFSETS */
#leftcol{
  /* Breite des MENUEs links 152 */
  width: 152px;
  float: left;
  position: relative;
  /* linker LEER-Rand bis MENUE links WERT: auto oder 12px DEBUG */
  margin-left: 12px;
  /* rechter LEER-Rand bis MODULBoxen rechts */
  margin-right: auto;
} 

#rightcol-normal{
  width: 154px;
  float: right;
  position: relative;
  margin-right: 0px;
  margin-top: -22px;
} 
 
/* RECHTE Seite MODULBoxen */
#rightcol-broad{
  width: 177px;
  float: right;
  position: relative;
  margin-right: 1px;
  /* 0 wenn PATHWAY navigation , sonst -22px */
  margin-top: 0px;
} 

/* Shopbereich innerhalb abgerundeter */
/* Kanten weiss                       */
#outer-800{
  width: 970px;
  padding-top: 1px;
  /* kein margin-left !!! */
} 

#outer-1024{
  width: 970px;
  padding-top: 1px;
  background: url(magic-header.gif) no-repeat;
  /* kein margin-left !!! */
} 

/* 1024er jpg */
#footer-800{  
  /* Hoehe des Hintergrundverlaufs der Fusszeile */
  height: 29px; 
  width:100%; 
  background: transparent url(../images/footer.jpg) bottom left no-repeat; 
  /* Schriftgroesse Copyright Notice */
  font-size: 10px;
}

#footer-1024{  
  /* Hoehe des Hintergrundverlaufes der Fusszeile */
  height: 29px; 
  width: 100%; 
  background: transparent url(../images/footer1024.jpg) bottom left no-repeat; 
  /* Schriftgroesse Copyright Notice */
  font-size: 10px;
}

#maincol-normal-800{ 
  float: left; 
  width: 650px;
  margin-left: 2px;
  /*  margin-left: -5px; */
} 
 
/* MITTE CONTENT 620 */
#maincol-broad-800{ 
  float: left; 
  width: 618px;
  margin-top: 0px;
  margin-left: 2px;
  /* margin-left: -5px; */
} 
 
#maincol-wide-800{ 
  float: left; 
  width: 800px;
  padding-top: 3px !important;
  padding-top: 0px;
  margin-left: 2px;
  /*  margin-left: -5px; */
} 

#maincol-normal-1024{ 
  float: left; 
  width: 650px;
  margin-left: 0px !important;
  margin-left: -5px;
} 
 
#maincol-broad-1024{ 
  float: left; 
  width: 622px;
  margin-left: 0px !important;
  margin-left: -5px;
} 
 
#maincol-wide-1024{ 
  float: left; 
  width: 800px;
  padding-top: 3px !important;
  padding-top: 0px;
  margin-left: 0px !important;
  margin-left: -5px;
} 
 
/* keine BANNERWERBUNG von Fremdsites */

#banner {
  width: 600px;
  height: 90px;
  float: left;
  padding-left: 2px;
  padding-top: 4px;
  /* width: 100%; */
}


/* LAYER Schichtfolge */
iframe.wrapper {
  z-index: 0;
}
 
.clr{clear:both;}

/* CONTENT kleine bzw. grosse Artikelansicht */
.content {
  padding: 0px 0px 0px 0px;
  /* Linker Rand zum MENUE links */
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 0px;
  /* Schriftgroesse Produktbeschreibung */
  font-size: 10px;
  /* Zeilenabstand Produktbeschreibung */
  line-height: 16px;
}

/* Modules */
#leftcol div.module, #rightcol-normal div.module {
  width: 152px;
  background: transparent url(../images/module_middle.jpg) left repeat-y;
  margin-bottom: 10px;
}

#leftcol div.module div, #rightcol-normal div.module div {
  width: 152px;
  background: transparent url(../images/module_top.jpg) top left no-repeat;
}

#leftcol div.module div div, #rightcol-normal div.module div div {
  width: 152px;
  background: transparent url(../images/module_bottom.jpg)  bottom left no-repeat;
}

#leftcol div.module div div div,#rightcol-normal div.module div div div{
  width: 137px;
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 10px;
  background: transparent;
  padding-bottom: 10px;
  font-size: 10px;
}

#leftcol div.module div div div div, #rightcol-normal div.module div div div div{
  padding: 0px;
  margin: 0px;
}

#rightcol-broad div.module {
  width: 177px;
  background: transparent url(../images/module_middle_wide.jpg) left repeat-y;
  margin-bottom: 10px;
}

#rightcol-broad div.module div {
  width: 177px;
  background: transparent url(../images/module_top_wide.jpg) top left no-repeat;
}

#rightcol-broad div.module div div {
  width: 177px;
  background: transparent url(../images/module_bottom_wide.jpg)  bottom left no-repeat;
}

#rightcol-broad div.module div div div{
  /* Breite MODULBox Warenkorb rechts 152 DEBUG */
  /* BOX rechts Product Description ABOVE LINK */
  color: #010000;
  width: 161px;
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 10px;
  background: transparent;
  padding-bottom: 10px;
  font-size: 10px;
}

#rightcol-broad div.module div div div div{
  padding: 0px;
  margin: 0px;
}

/* MODULBoxen */
div.module h3 {
  /* Schriftgroesse der Ueberschrift von */
  /* MODUL-Boxen rechts und links        */
  font-size: 12px;
  /* Breite der MODULBox Unterstreichung */
  /* ohne width Angabe = durchgaengig    */
  /* width: 130px; */
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
}

#user1{
  float: left;
  width: 40%;
}

/*
#user2{
  float: right;
  width: 40%;
}
*/

/* user3 in banner_css.css
#user3 {
  float: left;
  width: 100%;
}
*/

#user1 ul, #user2 ul, #user3 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-left: 0.7em;
  margin-left: 0.7em;
  margin-bottom: 5px;
  margin-top: 2px;
}

/* 800 und 1024 */
#maincol-normal-800 div.moduletable, 
#maincol-wide-800 div.moduletable, 
#maincol-broad-800 div.moduletable, 
#maincol-normal-1024 div.moduletable, 
#maincol-wide-1024 div.moduletable, 
#maincol-broad-1024 div.moduletable {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #EFEFEF;
  background: transparent;
  font-size: 10px;
}

/* 800 und 1024 */
#maincol-normal-800 div.moduletable h3, 
#maincol-wide-800 div.moduletable h3, 
#maincol-broad-800 div.moduletable h3, 
#maincol-normal-1024 div.moduletable h3, 
#maincol-wide-1024 div.moduletable h3, 
#maincol-broad-1024 div.moduletable h3 {
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  width: 100%;
  border-bottom: 1px solid #EFEFEF;
  text-align: left;
  text-indent: 5px;
}

/* Topmenu */
ul#mainlevel-nav{
  /* float: right; */
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;

  white-space: nowrap;
}

/* TOP MENU */
ul#mainlevel-nav li{
  width: auto !important;
  width: 5%;
  float: left;
  margin: 0;
  /* Schriftgroesse TOP MENU */
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  margin-right: 1px;	
}

ul#mainlevel-nav li a{
  font-weight: normal;
  height: 20px;
  display: block;
  padding-left: 5px;
  padding-right: 10px;
  text-decoration: none;
  color: #CCCCCC;
  margin-left: 5px;
  white-space: nowrap;
}

/* MODULBoxen rechts und MENU links */
/* Main Menu(s) Haupt-Kat.          */
a.mainlevel {
  font-size: 10px;
  padding-left: 4px;
  width: 143px;
  display: block;
  /* Zeilenabstand MENUBoxen Hauptkat. */
  line-height: 25px;
  margin-bottom: 2px;
  text-decoration: none;
  font-weight: normal;
  /* Sublevel Account Verwaltung border 0 */
  border-right: 0px solid #CACACA;
  voice-family:"\"}\""; /* Box Model fix */
  voice-family:inherit;
  width: 135px;
}

html>body a.mainlevel {width:136px;} /* Opera5-Fix-fix ;-) */

/* Select-Balken Hauptkategorie - aktiv */
a.mainlevel:hover, a.mainlevel#active_menu {
  /* Altweisser Balken Hauptkat. aktiv */
  background: #F1F1F1;
  text-decoration: none;
}

/* MENU Unterkategorie */
a.sublevel {
  padding: 0px;
  margin: 0px;
  font-size: 10px;
  padding-left: 12px;
  width: 139px;
  display: block;
  /* Zeilelabstand NUR Unterkategorie */
  line-height: 19px;
  margin-bottom: 2px;
  text-decoration: none;
  font-weight: normal;
  border-right: 2px solid #CACACA; /* 4 */
  voice-family:"\"}\""; /* Box Model fix */
  voice-family:inherit;
  width: 123px;
}

/* Breite Select-Balken inaktiv sublevel */
html>body a.sublevel {width:127px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
  text-decoration: none;
  width: 139px;
  voice-family:"\"}\""; /* Box Model fix */
  voice-family:inherit;
  width: 123px;
}

/* Breite Select-Balken aktiv sublevel */
  html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
  width: 128px;
}

/* Module specific */
#leftcol div.module div div div div.syndicate {
  background: transparent;
  width: 137px;
  margin: 0px;
  padding: 0px;
}

#leftcol div.module div div div div.syndicate div {
  background: transparent;
  width: 137px;
  margin: 0px;
  padding: 0px;
}

/* Other eshop Stuff */
#title {
}

/* PATHWAY NAVI */
.pathway {
  color: #BBBBBB;
  font-size: 10px;
  text-decoration: none;
  font-weight: normal;
}

/* PATHWAY NAVI LINK */
.pathway a{
  color: #BBBBBB;
  text-decoration: none;
  font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

/* Trennlinie ONLINESHOP zu List All Products */
hr {
  width:  100%; 
  /* Trennlinie tuerkis */
  color: #64C6FF;
  background: #64C6FF;
 }

hr.separator {
  width:  40%; 
}

a.pnav {
}

.pnav:hover {
}

.small {
  font-size: 9px; /* 10 */
  color: #ABABAB;
  line-height: 0.7;
}

.smalldark {
  font-size: 9px; /* 10 */
  color: #000;
  height: 10px;
  line-height: 10px;
  text-align: left;
}

/* Warenkorb gelbe Zeile Hintergrund pro POSITION */
/* ungeradezahlige ZEILE */
.sectiontableentry1 {
  text-align: left;
  /* Hellgrau #EFEFEF */
  /* Gelb     #FFF782 */
  background: #FFF782;
  font-size: 10px;
  padding: 1px;
}

/* Warenkorb gelbe Zeile Hintergrund pro POSITION */
/* geradzahlige ZEILE */
.sectiontableentry2 {
  text-align: left;
  /* WEISS #FFF */
  /* Hellgrau     #DEDEDE */
  background: #DEDEDE;
  font-size: 10px;
  padding: 1px;
}

/* Anmeldebutton z.B. LOGIN   */
/* liegt in class contentpane */
.button {
  border: 1px solid #BBBBBB;
}

.inputbox {
  border: 1px solid #BBBBBB;
}

.createdate {
  font-size: 10px;
  color: #ABABAB;
  height: 10px;
  line-height: 0.7;
}

.modifydate {
  font-size: 10px;
  color: #ABABAB;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}

/* tuerkiser Pfeil - Weiterlesen */
/* von postings                  */
a.readon {
  font-size: 10px;
  text-decoration: none;
  line-height: 15px;
  border: 1px solid #EEEEEE;
  padding-left: 13px;
  background: url(../images/readon.gif) no-repeat left;
  margin-top: 10px;
  text-decoration: none;
  font-weight: normal;
}

.blog_more {
  font-size: 10px;
}

a.readon:hover {
  background: #EEEEEE url(../images/readon.gif) no-repeat left;
  text-decoration: none;
}

.blog {
  width: 100%;
}

.contentheading {
  width: 98%;
  font-weight: bold;
  font-size: 16px;
  height: 23px;
  line-height: 20px;
  border-bottom: 1px solid #002E61;
  /* Schriftart AdressLINK mittlerer CONTENT Bereich */
  font-family: 'Trebuchet MS', verdana, sans-serif;
  color: #002E61;
}

/* Suchergebnis SITE Suche            */
/* uebergeordnete CLASS Anmeldebutton */
.contentpaneopen {
  text-align: left;
  background: transparent;
  font-size: 10px;
  /* Zeilenabstand Trefferliste der Suche    */
  line-height: 1.8;
  /* rechter LEER-Rand bis MODULBoxen rechts */
  margin-right: 2px;
}

table.contentpane td.contentheading {
  font-weight: bold;
  font-size: 16px;
  height: 23px;
  line-height: 20px;
  font-family: 'Trebuchet MS', verdana, sans-serif;
  border: none;
}

table.contentpane ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

table.contentpane ul li{
  padding: 0px;
  margin: 0px;
  padding-left: 15px;
}

.contentdescription {
  font-size: 10px;
}

.sectiontableheader {
  font-weight: bold;
  font-size: 10px;
  height: 25px;
  line-height: 25px;
}

.categorytitle {
  font-weight: bold;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  font-family: "Trebuchet MS", Verdana, sans serif;
}

/* Ueberschrift z.B. KONTAKT */
.componentheading {
  font-weight: bold;
  font-size: 16px;
  height: 23px;
  line-height: 20px;
  font-family: "Trebuchet MS", Verdana, sans serif;
  border-bottom: 1px solid #002E61;
  color: #002E61;
  margin-right: 2px;
  margin-bottom: 4px;
}

a.category {
  text-decoration:  underline; 
 }
a.category:hover {
  text-decoration:  underline; 
}

table.moduletable {
  width:  100%; 
  font-size: 80%;
}

table.moduletable th  {
  font-size: 80%;
}

.poll {
  font-size: 10px;
  text-align: center;
}

/* a link  Text = [zurueck] */
.back_button a{
  margin-left: 1px;
  font-size: 10px;
  font-weight: normal;
}

.blogsection {
  font-size: 10px;
}

.blog_more ul li{
  list-style: none;
  padding-left: 14px;
  line-height: 18px;
}

table.contenttoc {
  border: 1px solid #CCCCCC;
  padding: 3px;
}

table.contenttoc th{
  font-weight: bold;
  font-size: 10px;
  border-bottom: 1px solid #BBBBBB;
}

/* Eingabebox links im MENU */
/* z.B. Product Search      */
form {
  margin: 0px;
  padding: 0px;
}


/* HOVERBOX    */
/* MOOTOOLS    */
.hb a {
margin: 0;
}
/* left */
.hb_left {position:relative; }
.thumbs_left {width:180px; float:right;}
.thumbs_left a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_left a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_left a:hover {border-color:#ddd;}
.thumbs_left a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;}



/* right */
.hb_right {position:relative; }
.thumbs_right {width:180px; float:left;}
.thumbs_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:0px solid #ccc;}
.thumbs_right a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_right a:hover {border-color:#ddd;}
.thumbs_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;}


/* top */
.hb_top {position:relative; }
.thumbs_top {float:left;margin-top: 400px;}
.thumbs_top a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_top a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_top a:hover {border-color:#ddd;}
.thumbs_top a:hover img {position:absolute; width:auto; height:auto; top:60px; left: 100px;border:1px solid #ccc;padding: 4px;background: #fefefe;}


/* bottom */
.hb_bottom {position:relative; }
.thumbs_bottom {float:left;}
.thumbs_bottom a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_bottom a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_bottom a:hover {border-color:#ddd;}
.thumbs_bottom a:hover img {position:absolute; width:auto; height:auto; top:0px; left: 50px;;border:1px solid #ccc;padding: 4px;background: #fefefe;}


/* square_right */
.hb_square_right {position:relative; }
.thumbs_square_right {width:180px; float:left;}
.thumbs_square_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_square_right a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_square_right a:hover {border-color:#ddd;}
.thumbs_square_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:200px;height:200px;}


/* square_left */
.hb_square_left {position:relative; }
.thumbs_square_left {width:180px; float:right;}
.thumbs_square_left a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_square_left a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_square_left a:hover {border-color:#ddd;}
.thumbs_square_left a:hover img {position:absolute; width:auto; height:auto; right:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:200px;height:200px;}


/* tall_left */
.hb_s_left {position:relative; }
.thumbs_tall_left {width:180px; float:right;}
.thumbs_tall_left a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_tall_left a img {width:40px; height:60px; border:0;margin: 0;}
.thumbs_tall_left a:hover {border-color:#ddd;}
.thumbs_tall_left a:hover img {position:absolute; width:auto; height:auto; right:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:200px;height:300px;}


/* tall_right */
.hb_tall_right {position:relative; }
.thumbs_tall_right {width:180px; float:left;}
.thumbs_tall_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_tall_right a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_tall_right a:hover {border-color:#ddd;}
.thumbs_tall_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:200px;height:300px;}


/* wide_left */
.hb_wide_left {position:relative; }
.thumbs_wide_left {width:180px; float:right;}
.thumbs_wide_left a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_wide_left a img {width:60px; height:40px; border:0;margin: 0;}
.thumbs_wide_left a:hover {border-color:#ddd;}
.thumbs_wide_left a:hover img {position:absolute; width:auto; height:auto; right:190px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:300px;height:200px;}


/* wide_right */
.hb_wide_right {position:relative; }
.thumbs_wide_right {width:180px; float:left;}
.thumbs_wide_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_wide_right a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_wide_right a:hover {border-color:#ddd;}
.thumbs_wide_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;width:300px;height:200px;}

/* small thumbs left */
.hb_left {position:relative; }
.thumbs_small_left {width:180px; float:right;}
.thumbs_small_left a {display:block; float:left; margin:0 0 5px 5px; width:25px; height:25px; border:1px solid #ccc;}
.thumbs_small_left a img {width:25px; height:25px; border:0;margin: 0;}
.thumbs_small_left a:hover {border-color:#ddd;}
.thumbs_small_left a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;}

/* small thumbs right */
.hb_small_right {position:relative; }
.thumbs_small_right {width:180px; float:left;}
.thumbs_small_right a {display:block; float:right; margin:0 0 5px 5px; width:25px; height:25px; border:none;}
.thumbs_small_right a img {width:25px; height:25px; border:0;margin: 0;}
.thumbs_small_right a:hover {border-color:#ddd;}
.thumbs_small_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:0px solid #ccc;padding: 4px;background: #fefefe;}

/* dark left */
.hb_dark_left {position:relative; }
.thumbs_dark_left {width:180px; float:right;}
.thumbs_dark_left a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_dark_left a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_dark_left a:hover {border-color:#000;}
.thumbs_dark_left a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #000;padding: 4px;background: #333;}

/* dark right */
.hb_dark_right {position:relative; }
.thumbs_dark_right {width:180px; float:left;}
.thumbs_dark_right a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_dark_right a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_dark_right a:hover {border-color:#000;}
.thumbs_dark_right a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #000;padding: 4px;background: #333;}


/* Thumbnail Only */
.hb_lightbox {position:relative; }
.hb_lightbox a {
margin: 0;padding: 0;
}
.thumbs_lightbox {width:180px; float:left;margin: 0;}
.thumbs_lightbox a{display:block; float:left;  width:50px; height:50px;margin:0 5px 5px 0px;}
.thumbs_lightbox a img {width:50px; height:50px; border:0;margin: 0;padding: 0;}


/* Custom */
.hb_custom {position:relative; }
.thumbs_custom {float:left;}
.thumbs_custom a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_custom a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_custom a:hover {border-color:#000;}
.thumbs_custom a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #000;padding: 4px;background: #333;}

/* Tooltips */
.hb-tip {
			color: #fff;
			width: 123px;
			z-index: 13000;
		}		 
.hb-title {
	width: 123px;
			font-weight: bold;
			font-size: 11px;
			margin: 0;
			color: #9FD4FF;
			padding: 8px 8px 4px;
			background: url(bubble.png) top left;
		}
		 
.hb-text {
	width: 123px;
			font-size: 11px;
			padding: 4px 8px 8px;
			background: url(bubble.png) bottom right;
		}
		
.thumbnoo {
border: 2px solid #fff;
}


/* ################################# */
/* MFC START class                   */
/* for Startpage                     */
/* ################################# */
.mfcstart{
/* @font-face { font-family:Arial; src:local(Arial), url(fonts/arial.ttf) format(TrueType); } */
/* @font-face { font-family:Garamond; src:local(Garamond), url(fonts/garamond.ttf) format(TrueType); } */
/* position: relative; */
text-align: center;
align: center;
width: 100%;
padding: 0px 0px 0px 0px;
margin-left: 0px;
margin-right: 0px;
width: 615px;
background: transparent url(../images/back_all_browse6.gif) repeat-y ;


}

/* ################################# */
/* MFC FACEBOOK class                */
/* for Startpage product_snapshopts  */
/* outer DIV (Content EDITOR)        */
/* ################################# */
.mfcfacebook0{
  /* position: relative; */
  width: 612px;
  horizontal-align: center;
  border-width:0px;
  border-style:solid;
  border-color:blue;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top; 2px;
  margin-bottom: 2px;
  /* background: transparent url(../images/back_all_browse6.gif) repeat-y ;
  */
}

/* ################################# */
/* MFC SNAPSHOT class                */
/* for Startpage product_snapshopts  */
/* outer DIV (Content EDITOR)        */
/* ################################# */
.mfcsnapshot0{
  /* position: relative; */
  width: 612px;
  horizontal-align: center;
  border-width:0px;
  border-style:solid;
  border-color:blue;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top; 2px;
  margin-bottom: 2px;
  background: transparent url(../images/back_all_browse6.gif) repeat-y ;
}

/* ################################# */
/* MFC SNAPSHOT class                */
/* for Startpage product_snapshopts  */
/* inner DIV TAG mosproductsnap.php  */
/* ################################# */
.mfcsnapshot {
  position: relative;
  /* position: relative; */
  width: 100%;
  padding-left: 120px;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}
/* Hervorheben BESTELLEN product snapshot */
.mfcsnapshot  a:first-child { 
background-color:#AAAAAA; 
}

/* Hervorheben Product picture snapshot */
.mfcsnapshot img:first-child {
background-color:#C0C0C0; 
  padding-left: 0px;
}




/* ################################# */
/* MFC HOVER for CATEGORY VIEW       */
/* see ps_product_category.php       */
/* relative and 100% or              */
/* absolute and 65%                  */
/* ################################# */
.mfccat{
position: relative; /* relative; */
/*Add a height attribute and set to largest image's height to prevent overlaying*/
width: 100%;
padding: 0px 0px 0px 0px;
margin-left: 0px;
margin-right: 1px;

}

/* ################################# */
/* MFC HOVER for CATEGORY BROWSE     */
/* see ps_product_category.php       */
/* ################################# */
.mfccat3{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 4px;
padding-top: 0px;
padding-left: 0px;
padding-right: 4px;
background: transparent url(../images/back_all_cat.gif) repeat-y ;

}

/* ################################# */
/* MFC HOVER for little PROD VIEW    */
/* see ps_product_category.php       */
/* relative and 100% or              */
/* absolute and 65%                  */
/* Schrift: garamond.ttf             */
/* ################################# */
.mfccat4{
/* @font-face { font-family:Arial; src:local(Arial), url(fonts/arial.ttf) format(TrueType); } */
/* @font-face { font-family:Garamond; src:local(Garamond), url(fonts/garamond.ttf) format(TrueType); } */
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
width: 99%;
background: transparent url(../images/back_all_browse6.gif) repeat-y ;

}

/* ################################# */
/* for CATEGORY BROWSE      NO HOVER */
/* ################################# */
.mfcthumb0 img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.mfcthumb0:hover{
background-color: transparent;
}

.mfcthumb0:hover img{
border: 0px solid silver;
}

.mfcthumb0 span{ /*CSS for enlarged image*/

  position: absolute;
  background-color: lightyellow;
  padding: 1px; /* 5 */
  left: -1px;
  border: 1px black;
  /* border: 1px dashed gray; */
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.mfcthumb0 span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 4px;  /* 4 */
}

.mfcthumb0:hover span{ /*CSS for enlarged image*/
visibility: hidden;
top: 2; /* 2 */
margin-top: 20px;   /* bei category browse = 20 */
left: 140px; /* 20 position where enlarged image should offset horizontally */
z-index: 50;
}

.mfcthumb0:a {
  text-decoration:  none;
  border: none;
}

.mfcthumb0:hover {
  text-decoration:  none; 
  border: none;
}

/* ################################# */
/* for CATEGORY BROWSE    HOVER      */
/* ################################# */
.mfcthumb img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.mfcthumb:hover{
background-color: transparent;
}

.mfcthumb:hover img{
border: 0px solid silver;
}

.mfcthumb span{ /*CSS for enlarged image*/

position: absolute;
background-color: lightyellow;
padding: 1px; /* 5 */
left: -1000px;
border: 1px black;
/* border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}

.mfcthumb span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 4px;  /* 4 */
}

.mfcthumb:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 2; /* 2 */
margin-top: 20px;   /* bei category browse = 20 */
left: 140px; /* 20 position where enlarged image should offset horizontally */
z-index: 50;
}

.mfcthumb:a {
  text-decoration:  none;
  border: none;
}

.mfcthumb:hover {
  text-decoration:  none; 
  border: none;
}

/* ################################# */
/* for PRODUCT DETAILS               */
/* Bilder 2..4 browse                */
/* ################################# */
.mfcthumb2 img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.mfcthumb2:hover{
background-color: transparent;
}

.mfcthumb2:hover img{
border: 0px solid silver;
}

.mfcthumb2 span{ /*CSS for enlarged image*/

position: absolute;
background-color: lightyellow;
padding: 1px; /* 5 */
left: -1000px;
border: 1px black;
/* border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}

.mfcthumb2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;  /* 4 */
}

.mfcthumb2:hover span{ /*CSS for enlarged image*/
visibility: visible;
margin-bottom: 80px; /* 350 */
top: 0; 

/* 134  bei category browse = 20 */
margin-top: 134px;
left: 166px; /* 160 position where enlarged image should offset horizontally */
z-index: 50;
}

.mfcthumb2:a {
  text-decoration:  none;
  border: none;
}

.mfcthumb2:hover {
  text-decoration:  none; 
  border: none;
}

/* ################################# */
/* for PRODUCT DETAILS Bild 1 browse */
/* ################################# */
.mfcthumb3 img{
border: 0px solid white;
margin: 0 1px 1px 0;
}

.mfcthumb3:hover{
background-color: transparent;
}

.mfcthumb3:hover img{
border: 0px solid silver;
}

.mfcthumb3 span{ /*CSS for enlarged image*/

position: absolute;
background-color: lightyellow;
padding: 1px; /* 5 */
left: -1000px;
border: 1px black;
/* border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}

.mfcthumb3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;  /* 4 */
}

.mfcthumb3:hover span{ /*CSS for enlarged image*/
visibility: visible;
margib-bottom: 10px;
top: 0; /* 2 */
margin-top: 88px;   /* 260 , bei category browse = 20 */
left: 372px; /* 20 position where enlarged image should offset horizontally */
z-index: 50;
}

.mfcthumb3:a {
  text-decoration:  none;
  border: none;
}

.mfcthumb3:hover {
  text-decoration:  none; 
  border: none;
}

/* ############################### */
/* for little PRODUCT VIEW browse  */
/* see browse_6.php                */
/* ############################### */
.mfcthumb4 img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.mfcthumb4:hover{
background-color: transparent;
}

.mfcthumb4:hover img{
border: 0px solid silver;
}

.mfcthumb4 span{ /*CSS for enlarged image*/

position: absolute;
background-color: lightyellow;
padding: 0px; /* 5 */
left: -1000px;
border: 1px black;
/* border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}

.mfcthumb4 span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 2px;  /* 2 */
margin-left: 0px; /* 0 */
}

.mfcthumb4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0; /* 2 */
margin-top: 0px;   /* bei category browse = 20 */
left: 154px; /* 20 position where enlarged image should offset horizontally */
z-index: 50;
}

.mfcthumb4:a {
  text-decoration:  none;
  border: none;
  text-align: center;
  margin-left: 0px; /* 0 */
}

.mfcthumb4:hover {

text-decoration:underline
  border: none;
}



/* ############################### */
/* for RELATED PRODUCT VIEW browse */
/* see ps_product.php              */
/* see shop.product_details.php    */
/* ############################### */
.mfcthumb5 img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.mfcthumb5:hover{
background-color: transparent;
}

.mfcthumb5:hover img{
border: 0px solid silver;
}

.mfcthumb5 span{ /*CSS for enlarged image*/

position: absolute;
background-color: lightyellow;
padding: 1px; /* 5 */
left: -1000px;
border: 1px black;
/* border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}

.mfcthumb5 span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 4px;  /* 4 */
}

.mfcthumb5:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0; /* 2 */
margin-top: 394px;   /* 344 bei category browse = 20 */
/* margin-bottom: 0px; */
left: 176px; /* 20 position where enlarged image should offset horizontally */
z-index: 50;
}

.mfcthumb5:a {
  text-decoration:  none;
  border: none;
}

.mfcthumb5:hover {
  text-decoration:  none; 
  border: none;
}

#debug {
  text-decoration:  none; 
  border: none;
}