@font-face {
    font-family: 'Yanone';
    src: url('yanonekaffeesatzregular-webfont.eot');
    src: url('yanonekaffeesatzregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('yanonekaffeesatzregular-webfont.woff') format('woff'),
         url('yanonekaffeesatzregular-webfont.ttf') format('truetype'),
         url('yanonekaffeesatzregular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* X-Mas-Special */
.content-main #xmas {position: relative; margin: 0 0 1em 0; width:700px; height:500px; overflow: hidden; background:url("../xmasimg/xmasbackground.jpg") no-repeat; } 
.content-main #xmas a.xbutton {z-index:30;position: absolute; width:55px;height:54px; background: url("../xmasimg/Shop-Buttons-Reihe.png") top left no-repeat; } 
.content-main #xmas a.xbutton:hover { background: url("../xmasimg/Shop-Buttons-Reihe.png") -55px 0 no-repeat; } 
.content-main #xmas a.xbutton:active {background: url("../xmasimg/Shop-Buttons-Reihe.png") -110px 0  no-repeat; } 
.content-main #xmas a#xfuji {left:225px; top:81px;}
.content-main #xmas a#xswaro {left:137px; top:129px;}
.content-main #xmas a#xminox {left:118px; top:310px;}
.content-main #xmas a#xslawik {left:314px; top:294px;}
.content-main #xmas a#xokular {left:11px; top:425px;}
.content-main #xmas a#xplanet {left:202px; top:441px;}
.content-main #xmas a#xsky {left:634px; top:8px;}
.content-main #xmas a#xlens {left:557px; top:239px;}
.content-main #xmas a#xdobs {left:454px; top:423px;}

.content-main #xmas img.ximg {position:absolute;} 
.content-main #xmas img#ifuji {left:243px; top:15px;}
.content-main #xmas img#iswaro {left:20px; top:42px;}
.content-main #xmas img#iminox {left:7px; top:191px;}
.content-main #xmas img#islawik {left:204px; top:159px;}
.content-main #xmas img#iokular {left:19px; top:372px;}
.content-main #xmas img#iplanet {left:232px; top:358px;}
.content-main #xmas img#isky {left:490px; top:6px;}
.content-main #xmas img#ilens {left:515px; top:165px;}
.content-main #xmas img#idobs {left:396px; top:221px;}
.content-main #xmas img#ischrift {left:24px; top:9px;} 



/* X-Mas-Special END */


/* @font-face {font-family: Yanone; src:url("YanoneKaffeesatzRegular.otf"); format("opentype"); font-weight: normal; font-style: normal;  } */
/* @font-face {font-family: Yanone; src:url("YanoneKaffeesatzBold.otg"); format:("opentype"); font-weight:bold; font-style:normal; }  */ 
/* @font-face {font-family: BlueHighwayCondensed; src:url("bluecond.eot"); font-weight: normal; font-style: normal; } */

* {padding:0px;margin:0px;}

body {text-align:center;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:normal;background-color:rgb(253,253,248);}
#container {top:0px;left:0px;position:relative;text-align:left;width:1000px;margin: 0 auto;height:100%;z-index:1;font-size:12px;color:rgb(30,0,40);}

/* LILA von Susanne rgb(89,33,192) */
a {color:rgb(77,128,132);text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:rgb(230,0,0);}
p.bodytext {margin-bottom:0.9em;}
.content-main ul {margin:0 2em 0.9em 4em;}
.content-main ul li {margin-bottom:0.2em;}
.content-main ol {margin:0 2em 0.9em 4em;}
.content-main ol li {margin-bottom:0.2em;}
.csc-textpic-caption {font-size:80%;}
.align-center {text-align: center; }


.content-main .csc-header-n1 {font-family:Yanone,Arial,sans-serif;  text-align:left;padding:0 0 0.3em 0;margin: 0 0 1.3em 0;z-index:9;}
.content-main .csc-header-n1 h1 {font-family:Yanone,Arial,sans-serif;  font-size: 2.5em; padding-top: 0; }

.content-main h1 {font-size: 1.6em; margin: 0 0 0.25em 0; padding-top: 1.5em; }
.content-main h2 {font-size: 1.4em; margin: 0 0 0.25em 0; padding-top: 1.5em; }
.content-main h3 {font-size: 1.2em; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
.content-main h4 {font-size: 1.0em; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
.content-main h5 {font-size: 1.0em; margin: 0 0 0.30em 0; font-style:italic; }
.content-main h6 {font-size: 1.0em; margin: 0 0 0.30em 0; font-style:italic; }

.content-left h1 {font-size: 1.6em; margin: 0 0 0.3em 0;  padding-top: 0.5em;}
.content-left h2 {font-size: 1.4em; margin: 0 0 0.3em 0;  padding-top: 0.5em;}
.content-left h3 {font-size: 1.2em; margin: 0 0 0.3em 0;  padding-top: 0.5em;font-weight:bold; }
.content-left h4 {font-size: 1.0em; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
.content-left h5 {font-size: 1.0em; margin: 0 0 0.30em 0; font-style:italic; }
.content-left h6 {font-size: 1.0em; margin: 0 0 0.30em 0; font-style:italic; }
.content-left .csc-header-n1 {padding-top:0;} 

.content-main img {margin: 0 0 5px 0; border: none;}

/* Header und Menue */ 

.headerzeile {position:relative;height:131px;text-align:left;z-index:1;}
.header-links {position:absolute;}
.header-rechts {position:absolute;left:-42px;top:30px; }

ul#linkleiste1 {position: relative; width: 100%; height: 40px; list-style: none; background-color: rgb(255,255,0);  } 
ul#linkleiste1 li.link1 { float: left; height:100%;  vertical-align:middle;  }  
ul#linkleiste1 li.link1hover {float: left;height:100%;  }
#suchfeld {float:right; margin: 6px 2em 0 0; font-size: 1.6em; }
#suchtext {padding:4px 4px 4px 4px; margin:0; }
#suchbutton {margin:0; padding:2px 2px 2px 2px; font-size:1em; background-color:rgb(30,0,40); color:rgb(255,255,0); font-family:Yanone,Arial,sans-serif;  border: none; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:2px 2px 4px #262b10;
-webkit-box-shadow:2px 2px 4px #262b10;
box-shadow:2px 2px 4px #262b10;
}


ul#linkleiste2 {position:relative; width:100% ; height: 40px; list-style: none; background-color:rgb(255,255,0); background-image: -webkit-gradient( linear,left bottom, left top, color-stop(0.6, rgb(255,255,0)),color-stop(1, rgb(219,219,3)));background-image: -moz-linear-gradient( center bottom,rgb(255,255,0) 60%, rgb(219,219,3) 100%); } 
ul#linkleiste2 li  {float: left; height:100%;} 


a.menulink {font-family:Yanone,Arial,sans-serif;display: block; text-decoration:none; color:rgb(30,0,40);font-size: 1.6em; padding: 10px 0.5em 0 0.5em; height: 30px; border-right: 1px rgb(255,228,2) solid;} 
a.menulinklast {font-family:Yanone,Arial,sans-serif;display: block; text-decoration:none; color:rgb(30,0,40);font-size: 1.6em; padding: 10px 0.5em 0 0.5em; height: 30px; } a.menulink:hover {color:rgb(169,177,213); }
a.menulinklast:hover {color:rgb(169,177,213); }

a.aktiv-menulink {font-family:Yanone,Arial,sans-serif;display: block; text-decoration:none; color:rgb(169,177,213);font-size: 1.6em; padding: 10px 0.5em 0 0.5em; height: 30px; border-right: 1px rgb(255,228,2) solid;} 
a.aktiv-menulinklast {font-family:Yanone,Arial,sans-serif;display: block; text-decoration:none; color:rgb(169,177,213);font-size: 1.6em; padding: 10px 0.5em 0 0.5em; height: 30px; } 
a.aktiv-menulink:hover {color:rgb(169,177,213); }


/* Pop-up-Menu-Erweiterungen */
ul#linkleiste1 li ul {float:none;  background-color:#ffff00;text-align:left;list-style: none;margin:-3px 0 0 -40px;padding: 5px 5px 5px 5px; position:absolute; display: none; min-width: 180px; z-index: 4; 
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:5px 5px 12px #262b10;
-webkit-box-shadow:5px 5px 12px #262b10;
box-shadow:5px 5px 12px #262b10;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=5, direction=135, color='#262b10');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=135, Color='#262b10')";
 } 
ul#linkleiste1 li ul li ul {margin:-30px 0 0 60px; }
ul#linkleiste1 li ul li {clear:both; }
li.link1 ul.hover, li.link1 ul li.hover, ul#linkleiste1 li.link1:hover ul, ul#linkleiste1 li.link1-aktiv:hover ul, ul#linkleiste1 .link1hover ul, ul#linkleiste1 .link1-aktivhover ul {display: block;}
ul#linkleiste1 li ul li.link1 ul {display: none} 
ul#linkleiste1 li ul li.link1hover ul , ul#linkleiste1 li ul li ul.hover {display: block;} 
a.menupoplink {font-family:Yanone,Arial,sans-serif;display: block; text-decoration:none; color:rgb(30,0,40);font-size: 1.6em; padding: 0.1em 0.5em 0.1em 0.5em; } 
a.menupoplink:hover {color:rgb(169,177,213); }


#container table {padding:0px;margin:0px;border:0px;border-spacing:0px;}
#main {background-color:rgb(254,248,253);}
#links {background-color:rgb(244,244,244);}
/*#links {background-color:rgb(244,255,251);}*/
.container2 {position:static;margin:0px;height:100%;width:100%;background-color:rgb(254,248,253);z-index:2;}
.content-left {margin:0px;padding:20px 15px 20px 15px;width:220px;z-index:3;}
.content-main {margin:0px;padding:20px 25px 20px 25px;width:700px;z-index:3;}

ul.menu3 {list-style:none;}
/* li.menu3link {padding: 0px 0px 0px 14px;} */
li.menu3link a {display:block; padding:2px 0px 2px 14px;text-decoration:none;color:rgb(55,0,55);}
li.menu3link-aktiv a {display:block; padding:2px 0px 2px 14px;text-decoration:none;color:rgb(55,0,55);}
li.menu3link a:hover {background:url(../pics/zeiger1.gif) center left no-repeat; text-decoration:underline;}
li.menu3link-aktiv {background:url(../pics/zeiger1.gif) 0px 5px no-repeat;}

ul.menu4 {list-style:none;}
li.menu4link {margin: 2px 0px 2px 40px;} 
li.menu4link a {display:block; padding: 0px 0px 0px 13px;text-decoration:none;color:rgb(55,0,55);}
li.menu4link-aktiv a {display:block; padding: 0px 0px 0px 13px;text-decoration:none;color:rgb(55,0,55);}
/* .menu4link:hover {margin: 2px 0px 2px 40px;padding: 0px 0px 0px 13px;} */
li.menu4link a:hover {text-decoration:underline;background:url(../pics/zeiger2.gif) center left no-repeat;}
li.menu4link-aktiv {margin: 2px 0px 2px 40px;background:url(../pics/zeiger2.gif) center left no-repeat;}
li.menu4link-aktiv a:hover {background: transparent;} 


.fusszeile {clear:left;position:relative;z-index:2;text-align:left;height:40px;background-color:rgb(255,255,0);}
.fusszeile ul {list-style:none;font-size:90%;}
.fusszeile ul li {float:left;display:block;} 
/* .fusszeile ul li  a.menulink:hover {color:rgb(160,0,0);font-weight:bold;}
.fusszeile ul li  a.menulink:active {color:rgb(220,0,0);font-weight:bold;}  */ 
#fussschluss {font-size:80%;margin-top:0.8em;margin-bottom:1em;}

.formulartabelle td {padding:3px;} 
.formulartabelle input {margin:2px;}
.formularfehler {color:rgb(255,0,0);}

.content-main .tx-commerce-pi1 table {background-color:rgb(235,235,235);}
.content-main .tx-commerce-pi1 table td {padding: 0 0.3em 0 0.3em;}
.produktliste {display:inline; float: left; width: 210px;margin: 2px 10px 2px 0px;padding: 3px 3px 3px 3px; border: 1px solid rgb(160,0,0); }
.produktliste a {color: rgb(51,0,51);}
.artlistnr {font-size: 80%; margin-right: 1em;}
.artlistpreis {color: rgb(0,0,0);}
.com_prod_title {font-family:Yanone,Arial,sans-serif;  font-size:1.4em;}  
.produktliste .com_prod_title {font-size:1em; font-family:Arial,Helvetica,sans-serif; }
#container .content-main table  td {padding: 0.2em 0.3em 0.2em 0.3em;}
#container .content-main table.startseitentabelle td {padding: 0 0.2em 0.1em 0.2em;}
#container .content-main table.startseitentabelle p.bodytext {margin-bottom: 0;}
#container .content-main table.randtabelle {border: solid 2px rgb(51,0,51);}
#container .content-main table.randtabelle td {padding: 10px 10px 10px 10px;}
#container .content-main table.randtabelle p.bodytext {margin-bottom:0;}
#container .content-main #socialshareprivacy {margin: 0 auto; text-align: center; margin-top: 1em; margin-bottom:1em;   } 


.content-main .name-of-person {font-weight:bold; font-style:italic;letter-spacing: 0.1em;}

.katcontainer {display: inline; float: left; width: 160px; margin: 5px 10px 5px 0; padding: 0 0 0 0; }
.kattext {height: 20px; line-height: 20px; border: 1px solid rgb(80,0,0); padding: 3px 4px 3px 4px; width: 150px; margin: 0 0 0 0; text-align: center; vertical-align: middle; }
.kattext a {color: rgb(51,0,51); } 
.katbild {border-style: solid; border-color: rgb(80,0,0); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0;padding: 18px 19px 20px 19px; width: 120px; height: 120px; }
.katbeschreibung {border-style: solid; border-color: rgb(80,0,0); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0; padding: 18px 19px 20px 19px; width: 120px; height: 120px; font-size: 80%; }

.leintrag {float: left; color: rgb(0,0,255); text-decoration:none; margin: 0.5em 2em 0 0;}
.leintraghover {float: left; color: rgb(0,0,255); text-decoration:underline; margin: 0.5em 2em 0 0; } 
.lbeschreibung { display: none; position:absolute; color:rgb(0,0,0); width: 260px; padding: 0.5em 0.5em 0.5em 0.5em; border: rgb(143,237,143) 1px solid; background:url(../pics/legende-bg.png) repeat; margin: -150px 0 0 -160px; z-index:5; }
.leintraghover .lbeschreibung {display: block;} 
.lclear {clear: both; } 

.glassuch {display:none; float: left; width: 150px;margin: 2px 10px 2px 0px;padding: 3px 3px 3px 3px; border: 1px solid rgb(160,0,0); }
.glaspreis {padding:0 0 0 2em; font-size: 1.1em; color:rgb(120,0,0); font-weight: bold;  } 
.glastitel {font-size: 1.0em; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
.tx-wfqbe-pi1 form { text-align:center; vertical-align: middle; margin: 2em 0 2em 0; }
.tx-wfqbe-pi1 select {display:inline-block; height: 30px; padding:5px; background-color: #FFF; border: 1px solid rgb(160,0,0); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } 
.zentriert {display: block; font-weight:bold; text-align:center;} 
#daten {display: none; } 
#oeffnung {display: none; } 
#vergr {display: none; } 
#preisbereich {display: none; }

.infoteaser {font-family:Yanone,Arial,sans-serif;font-size:1.6em;}
ul.infoliste {font-family:Yanone,Arial,sans-serif; font-size:1.4em; }
ul.infoliste li {margin: 0; list-style-image: url(../pics/Pfeil-Link.png); padding: 0.5em 0 0.5em 0; } 
ul.infoliste li.infoshoplink {background:url(../pics/Warenkorb.png) center left no-repeat; padding: 0.5em  0  0.5em  40px;  }

/* startgrafik */
.markengrafik { margin: 0 0 0 430px;}
.qualitaet {width: 100%; padding:0; margin:0 0 10px 0; background-color:rgb(28,2,35);} 
.qualitaet p {color:#ffff00; font-family: Yanone,Arial,sans-serif; font-size: 36px; margin: 0; padding: 0.2em; } 
.rgslideshow {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #1C0223 #1C0223 -moz-use-text-color;
    border-style: solid solid none; 
    border-width: 1px 1px 0; 
    overflow: hidden;
    position: relative;
}
.rgslideshowce, .tx-rgslideshow-pi1 {
    overflow: hidden; width:430px; float:left; 
}
.rgslideshow .rgsbigprev, .rgslideshow .rgsbignext {
    cursor: pointer;
    opacity: 0.6;
    outline: 0 none;
    position: absolute;
    width: 63px;
    z-index: 2;
}
.rgslideshow .rgsbigprev {
    background: url("gfx/prevlabel2.gif") no-repeat scroll left center transparent;
    left: 0;
}
.rgslideshow .rgsbignext {
    background: url("gfx/nextlabel2.gif") no-repeat scroll right center transparent;
    right: 0;
}
.rgslideshow a.rgsbigprev:hover {
    background: url("gfx/prevlabel.gif") no-repeat scroll left center transparent;
    opacity: 0.8;
}
.rgslideshow a.rgsbignext:hover {
    background: url("gfx/nextlabel.gif") no-repeat scroll right center transparent;
    opacity: 0.8;
}
.rgslideshow .rgssimg {
    left: 0;
    margin: 0 auto;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
.rgslideshow img, .rgslideshow a, DIV.csc-textpic .rgslideshow img {
    border: 0 none;
}
.rgslideshow .rgsnest {
    background: url("../pics/startgrafik-bg.png") repeat scroll 0 0 transparent;
/*    border-top: 1px solid #333333; */
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5;
}
* html .rgslideshow .rgsnest {
    background-image: none;
}
.rgslideshow .rgstitle {
    color: #FFFF00;
    font: bold 15px/18px Yanone,Arial,Helvetica,sans-serif;
    letter-spacing: 2px;
    padding: 2px 10px 0;
/*   text-transform: uppercase; */ 
    z-index: 9;
}
.rgslideshow .rgsdescription {
    font-family: Yanone,Arial,Helvetica,sans-serif;
    color: #FFFF00;
    font-size: 14px;
    height: 28px;
    line-height: 16px;
    overflow: hidden;
    padding: 3px 10px 5px;
}
.rgslideshownav {
    border-right: 1px solid #CCCCCC;
    text-align: right;
}
.rgslideshownav .rgsnav2 {
    background: url("gfx/navleft.gif") no-repeat scroll left center #404040;
    display: inline;
    height: 20px;
    margin: 0;
    padding: 3px 10px 1px 20px;
}
.rgslideshownav .rgsbrowser {
    display: inline;
}
.rgslideshownav .rgsbrowserEl {
    color: #D8D6D6;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    padding: 0 4px;
}
.rgslideshownav .rgsbrowserEl:hover {
    color: #FF9933;
}
.rgslideshownav .splitEl {
    color: #FFFFFF;
    font-size: 7px;
}
.rgslideshownav .rgsbrowser .rgsact {
    color: #FF9933;
    font-weight: bold;
}
.rgslideshownav .rgsnext, .rgslideshownav .rgsprev {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    font-weight: bold;
}
.rgslideshownav .rgsplay {
    color: #D8D6D6;
    cursor: pointer;
    font-size: 9px;
    font-weight: bold;
    padding-left: 5px;
}
.rgslideshownav .rgsnext:hover, .rgslideshownav .rgsprev:hover, .rgslideshownav .rgsplay:hover {
    color: #FF9933;
}