/* www.waveframe.de file: waveframe.css author: Matthias Culmey */

/* Konfiguration globaler HTML-Elemente */
iframe,div { position:absolute; margin:0; padding:0; border:0; }
p,h2 { font-family:Times New Roman, Times, serif; font-style:normal; font-weight:bold; line-height:1.2em; margin:0; }
h1,h3,td,#submit { font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
p { font-size:16px; word-spacing:2px; }
h1 { font-size:13px; font-style:normal; padding-top:3px; padding-left:13px; }
h2 { font-size:18px; }
h3 { font-size:12px; }
h4 { font-size:13px; }
h3,h4,#submit { font-style:italic; margin:0; }
a:link { text-decoration: none; color:#FFD90E; }
a:visited { text-decoration: none; color:#FFAA30; }
a:hover { text-decoration: underline; color:#FFFF00; }
a:focus { text-decoration: underline; color:#FFF044; }
a:active { text-decoration: underline; color:#FFFF00; }
td { font-size:12px; font-weight:bold; text-align:left; font-style:italic; margin:0; width:218; height:20;  }

/* Konfiguration der Gršsse der globalen iframes */
#menu { left:0px; top:0px; height: 112px; width: 100%; }
#list { left:0px; top:112px; height: 28px; width: 198px; }
#side { left:0px; top:140px; height:100%; width:198px; }
#main { top:112px; left:198px; height:100%; width:100%; }

/* Konfiguration der items der globalen iframes */
#back0, #back2 { background: url(../items/back.gif) 0px 0px repeat; }
#logo { top:12px; left:14px; height:32px; width:319px;
  background: url(../items/logo.gif) 0px 0px no-repeat; }

/* Konfiguration der HTML-Elemente fŸr die Preisliste */
#price { overflow:visible; }
#price th { text-align:justify; }
#price td, #price p { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:normal; color:#9AA2A8; }
td.col1 { width:8%; }
td.col2 { width:10%; }
td.col3 { width:19%; }
td.col4 { width:55%; }
td.col5 { width:3%; }
td.col6 { width:5%; }


/* Konfiguration der HTML-Elemente fŸr den Shop */
#shop { padding:0; border:0; }
#info1 { top:39px;  left:47px; width: 500px; text-align:justify; }
#radio1 { top:268px; left:47px; width: 250px; } 
#radio2 { top:288px; left:47px; width: 250px; } 
#radio3 { top:268px; left:262px; width: 250px; } 
#radio4 { top:288px; left:262px; width: 250px; }
#order1 { margin-top:318px; margin-left:43px; } 
#info2 { margin-top:39px; margin-left:47px; width: 500px; text-align:justify; }
#order2 { padding-top:168px; padding-left:0px; } 
#submit { border:0; width: 204px; background: url(../items/submit.png) 0px 0px no-repeat; text-align:center; text-decoration: none; color:#FFD90E; font-size:12px; } 
td.address,td.ware { text-align:right; }
td.ware { height:20; }
#shop .right { top:500px; left:330px; } 

/* Konfiguration der HTML-Elemente fŸr die Sounds */


.none { display: none; }

#none { display: none; }

body {
  background-color: #000000; 
  text-decoration: none; 
  color: #FFD90E;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.product a {
  position: absolute;
  margin: 0;
  padding: 0; 
  left: 204px; top: 91px;
  height: 18px; width: 59px;
  background: url(../items/product.gif) 0px 0px no-repeat;
  display: block;
  overflow: hidden;
}
.product a:hover {
  background-position: 0px -18px;
}

.tool a {
  position: absolute;
  margin: 0;
  padding: 0; 
  left: 283px; top: 91px;
  height: 15px; width: 35px;
  background: url(../items/tool.gif) 0px 0px no-repeat;
  display: block;
  overflow: hidden;
}
.tool a:hover {
  background-position: 0px -15px;
}

.contact a {
  position: absolute;
  margin: 0;
  padding: 0; 
  left: 341px; top: 91px;
  height: 14px; width: 51px;
  background: url(../items/contact.gif) 0px 0px no-repeat;
  display: block;
  overflow: hidden;
}
.contact a:hover {
  background-position: 0px -14px;
}

.shop a {
  position: absolute;
  margin: 0;
  padding: 0; 
  left: 415px; top: 91px;
  height: 18px; width: 35px;
  background: url(../items/shop.gif) 0px 0px no-repeat;
  display: block;
  overflow: hidden;
}
.shop a:hover {
  background-position: 0px -18px;
}

.link a {
  position: absolute;
  margin: 0;
  padding: 0; 
  left: 474px; top: 91px;
  height: 15px; width: 32px;
  background: url(../items/link.gif) 0px 0px no-repeat;
  display: block;
  overflow: hidden;
}
.link a:hover {
  background-position: 0px -15px;
}

.language a {
  position: absolute;
  margin: 0;
  padding: 0; 
  left: 533px; top: 91px;
  height: 15px; width: 61px;
  background: url(../items/language.gif) 0px 0px no-repeat;
  display: none;
  overflow: hidden;
}
.language a:hover {
  background-position: 0px -30px;
}

#head {
  padding: 0;  
  left: 245px; top: 151px;
  white-space: nowrap;
  text-align: left; }

.left {
  position: absolute;
  margin: 0;
  padding: 0; 
  left: 221px; top: 404px;
  height: 23px; width: 133px;
  display: block;
  overflow: hidden;
  z-index: 3;
}
.left a {
  float: left;
  margin: 0;
  padding-top: 5px;
  padding-left: 37px;
  height: 23px; width: 133px;
  background: url(../items/transport.png) 0px 0px no-repeat;
}
.left a:link { 
  background-position: 0px 0px;
}
.left a:visited { 
  background-position: 0px 0px;
}
.left a:hover {
  background-position: 0px -22px;
}
.left a:active {
  background-position: 0px -44px;
}
.left a:focus {
  background-position: 0px -44px;
}

#rigt { left: 286px; top: 420px; }

.right {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 286px; top: 420px; 
  height: 23px; width: 133px;
  overflow: hidden;
  display: block;
  z-index: 2;
}
.right a {
  float: left;
  margin: 0;
  padding-top: 5px;
  padding-left: 37px;
  height: 23px; width: 133px;
  background: url(../items/transport.png) 0px 0px no-repeat;
}
.right a {
  background-position: 0px -66px;
}
.right a:visited { 
  background-position: 0px -66px;
}
.right a:hover {
  background-position: 0px -88px; 
}
.right a:active {
  background-position: 0px -110px;
}
.right a:focus {
  background-position: 0px -110px;
}

#demo {
  position: absolute; 
  margin: 0;
  padding: 0; 
  left: 343px; top:176px;
  background-image: url(../items/speaker.gif); 
  background-repeat: no-repeat;   
  height:14px; width: 24px;
  display: block; }

#content {  
  padding-right: 10;  
  left: 478px; top:175px; 
  white-space: normal;
  text-align: left; }

#new {  
  left: 408px; top: 212px;
  background-image: url(../items/new.gif);   
  background-repeat:no-repeat; 
  height: 28px; width: 40px;
} 

#disc {  
  left:249px; top:224px;   
  height: 148px; width: 142px; } 

#mp3 {  
  margin-top: 6px;  
  margin-left: 1px;
} 

#banner {  
  margin-top: 6px;  
  margin-left: 30px;
  height: 14px; width: 122px;
  background: url(../items/banner.gif) 0px 0px no-repeat;
}