/* CSS shop */
 body {
    font-size: 100.1%;
}
#page {width: 1002px; margin: 25px auto; position:relative; text-align: left;
}
a:link {
	color: #D5D5D5;
	text-decoration: none;
}
a:visited {
	color: #D5D5D5;
	text-decoration: none;
}
a:active {
	color: #D5D5D5;
	text-decoration: none;
	background-color: #000000;
}
a:hover {
	color: #FFCC00;
	text-decoration: none;
}
.Stil2 {
	color: #CCCCCC;
	font-weight: lighter;
	font-size: 14px;
	text-align: left;
}	
/*Menue start */

#shop a {
	background: url(shop/gifs/kube_ani.gif) no-repeat;
	display:block;	
  }
#shop a img {
	display:block; width:177px;	height:90px; border:0;
}
#shop1 a {
	background: url(shop/gifs/d-light_ani.gif) no-repeat;
	display:block;	width:177px;	
  }  
#shop1 a img {
	display:block;	width:177px;	height:90px;	border:0;	
  }
#shop2 a {
    background: url(shop/gifs/flatlight_ani.gif) no-repeat;
    display:block; width:177px; 
  }  
#shop2 a img {
    display:block; width:177px; height:90px; border:0;
  }
#shop3 a {
    background: url(shop/gifs/garten_ani.gif) no-repeat;
    display:block; width:177px; border:0;
  } 
#shop3 a img {
    display:block; width:177px; height:90px; border:0;
  } 
#shop4 a {
  background: url(shop/gifs/zubehoer_ani.gif) no-repeat;
  display:block; width:177px; border:0;
  } 
#shop4 a img {
    display:block; width:177px; height:90px; border:0;
  } 
#shop ul, a:hover img {
    visibility: hidden;
  } 
#shop ul, a:hover { /* IE 5.5 und 6 */
    border:0;
  }
#shop ul, a:hover {
    width:177px; margin-right:0; /* Workaround fuer IE 5.01 */
  } 
/*Menue oben Rechteck */

#menu{
	width: 100px;
	margin: 0px;
	text-align:center;
}

#menu ul, #menu li {
       list-style-type:none;    /*keine auto nummerierung*/
       margin:0px;
       padding: 0px;
       
}
        /*vorm wechsel*/
#menu  li a:link, #menu li a:visited, #menu li a:active {
	display:block;
	border-bottom: dashed 0px;
	color:#D5D5D5;
	text-decoration:none;
	font: bold 12px "Times New Roman", georgia, times, serif;
	height: 3px;
	line-height: 2px;
	font-variant:small-caps;
	letter-spacing:0px;
	border: solid 2px #D5D5D5;
	background:#000000;
	padding:7px;
	text-align: center;
}

#menu  li a:hover { background-color:#000000;
        color:#D5D5D5;                    /*textfarbe nach wechsel*/
        text-decoration:none;
        background:#000000;
        border: solid 2px #800000;        /*rahmen nach wechsel*/
		width: 83px;
}
/*aktiv*/
#nightday{
	display:block;
	width:55px;
	height:43px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#nightday{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:-40px; top:0px;
background:  url(shop/gifs/eule_cu.jpg)  no-repeat; 
z-index:8;
}
#nightday_2{
	display:block;
	width:55px;
	height:82px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#nightday_2{
width:200px;
height:267px;
border: solid #FFFFFF 5px;
position:absolute; left:0px; top:-200px;
background:  url(shop/gifs/eule.jpg)  no-repeat; 
z-index:8;
}
#stick{
	display:block;
	width:55px;
	height:78px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#stick{
width:130px;
height:300px;
border: solid #FFFFFF 5px;
position:absolute; left:0px; top:-170px;
background:  url(shop/gifs/stick_10.jpg)  no-repeat; 
z-index:8;
}
#stick_2{
	display:block;
	width:51px;
	height:77px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#stick_2{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:0px; top:-50px;
background:  url(shop/gifs/stick_12.jpg)  no-repeat; 
z-index:8;
}
#stick_3{
	display:block;
	width:55px;
	height:46px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#stick_3{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:0px; top:0px;
background:  url(shop/gifs/stick_licht.jpg)  no-repeat; 
z-index:8;
}
#strahler{
	display:block;
	width:55px;
	height:46px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#strahler{
width:200px;
height:267px;
border: solid #FFFFFF 5px;
position:absolute; left:-20px; top:-20px;
background:  url(shop/gifs/windm_2.jpg)  no-repeat; 
z-index:8;
}
#strahler_2{
	display:block;
	width:46px;
	height:48px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#strahler_2{
width:200px;
height:267px;
border: solid #FFFFFF 5px;
position:absolute; left:-20px; top:-30px;
background:  url(shop/gifs/strahler_2.jpg)  no-repeat; 
z-index:8;
}
#kugel{
	display:block;
	width:55px;
	height:46px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#kugel{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:-70px; top:0px;
background:  url(shop/gifs/kugeln.jpg)  no-repeat; 
z-index:8;
}
#drache{
	display:block;
	width:55px;
	height:69px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#drache{
width:200px;
height:267px;
border: solid #FFFFFF 5px;
position:absolute; left:-30px; top:0px;
background:  url(shop/gifs/drache_12.jpg)  no-repeat; 
z-index:8;
}
#flamme{
	display:block;
	width:55px;
	height:63px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#flamme{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:-50px; top:0px;
background:  url(shop/gifs/flamme_bl.jpg)  no-repeat; 
z-index:8;
}
#pkube{
	display:block;
	width:55px;
	height:51px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#pkube{
width:200px;
height:267px;
border: solid #FFFFFF 5px;
position:absolute; left:-50px; top:0px;
background:  url(shop/gifs/pendelk_a.jpg)  no-repeat; 
z-index:8;
}
#frost{
	display:block;
	width:84px;
	height:56px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#frost{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:0px; top:-40px;
background:  url(shop/gifs/frost_2.jpg)  no-repeat; 
z-index:8;
}
#steelk{
	display:block;
	width:69px;
	height:63px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#steelk{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:0px; top:-140px;
background:  url(shop/gifs/stice.jpg)  no-repeat; 
z-index:8;
}
#dfrac{
	display:block;
	width:69px;
	height:49px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#dfrac{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:-70px; top:0px;
background:  url(shop/gifs/dfract.jpg)  no-repeat; 
z-index:8;
}
#lambda{
	display:block;
	width:69px;
	height:39px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#lambda{
width:267px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:-60px; top:00px;
background:  url(shop/gifs/lambda.jpg)  no-repeat; 
z-index:8;
}
#goethe{
	display:block;
	width:69px;
	height:39px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#goethe{
width:300px;
height:200px;
border: solid #FFFFFF 5px;
position:absolute; left:-40px; top:-30px;
background:  url(shop/gifs/goethe_2.png)  no-repeat; 
z-index:8;
}
#schatten{
	display:block;
	width:69px;
	height:39px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#schatten{
width:200px;
height:267px;
border: solid #FFFFFF 5px;
position:absolute; left:-40px; top:-30px;
background:  url(shop/gifs/schatten.jpg)  no-repeat; 
z-index:8;
}
#schatten_2{
	display:block;
	width:69px;
	height:45px;
	z-index: 8;
	background-color: transparent;
	background-image: url(shop/gifs/aktiv.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a:hover#schatten_2{
width:200px;
height:267px;
border: solid #FFFFFF 5px;
position:absolute; left:-40px; top:-30px;
background:  url(shop/gifs/schatten_2.jpg)  no-repeat; 
z-index:8;
}