body { 
background: #000;
color: #c0c0c0;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 70%;
}
html, 
body {
top:0; 
left:0; 
right:0;
margin:0;
padding:0;
min-height:100%;
width: 100%;
}
#header_container {
position: fixed;
height: 134px;
left: 0;
}
#header {
position: absolute;
top:0; 
left:0; 
width: 1000px;
height: 134px;
background: url(../style/images/header.jpg) no-repeat;
margin:0;
overflow: hidden;
}
#header span,
#footer span {
visibility: hidden;
}
h1#header a {
display: block;
height: 134px;
width: 500px;
text-decoration: none;
}
#menu {
position: fixed;
top: 134px;
left: 811px;
width:189px;
height: 374px;
}
#content-container {
background: url(../style/images/content.jpg) no-repeat 192px 0px;
background-attachment: fixed;margin-left: 192px;
height: 524px;
overflow: auto;
}
#left {
position: fixed;
background: url(../style/images/left.jpg) no-repeat;
height: 441px;
width: 192px;
left: 0;
top: 134px;
}
#content {
margin-top: 134px;
}
#inhalt {
width: 559px;
padding: 13px 25px 0 30px;
}
#inhalt p {
text-align: justify;
}
#inhalt h2 {
font-size: 1.3em;
font-variant: small-caps;
}
#inhalt h3 {
font-size: 1.2em;
font-variant: small-caps;
}
#inhalt h4 {
font-size: 1.1em;
font-variant: small-caps;
}
#inhalt p:first-letter {
font-size: 1.5em;
}
#schatten_oben {
position: absolute;
top: 134px;
left: 192px;
width: 619px;
height: 46px;
}
#schatten_oben img {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
#schatten_unten,
schatten_unten_ie {
position: absolute;
top: 478px;
left: 192px;
width: 619px;
height: 46px;
}
#schatten_unten img {
vertical-align: bottom;
margin: 0;
padding: 0;
border: 0;
}
#footer_container {
position:fixed;
top: 0;
left:0; 
right:0;
text-align:center;
margin:0;
}
#footer {
position:absolute;
background: url(../style/images/footer.jpg) no-repeat;
height: 26px;
width: 619px;
top:524px; 
left:192px; 
right:0; 
bottom:0;
}
#player {
position: absolute;
background: url(../style/images/player.jpg) no-repeat;
width: 189px;
top: 506px;
left: 811px;
padding-top: 27px;
}
#player a img {
text-decoration: none;
border: 0;
}
#band {
width: 189px;
text-align: center;
margin-top: 2px;
font-size: 80%;
color: #666;
background: transparent;
}
#language {
background: url(../style/images/unten.jpg) no-repeat;
margin-top: 26px;
text-align: right;
padding-right:30px;
}
#language a img {
border: 0;
}

/*---| Menue |---*/

#menu ul {
margin-left: -40px;
margin-top: 0;
}
#menu li {
list-style: none;
display: block;
}
#menu li span {
visibility: hidden;
}
#menu #fill {
background: url(../style/images/fill.jpg) no-repeat;
width: 189px;
height: 30px;
}
#news a:link,
#news a:visited {
display: block;
background: url(../style/images/news_en.jpg) no-repeat 0 0;
width: 189px;
height: 43px;
text-decoration: none;
}
#ueberuns a:link,
#ueberuns a:visited {
display: block;
background: url(../style/images/ueberuns_en.jpg) no-repeat 0 0;
width: 189px;
height: 33px;
text-decoration: none;
}
#produkte a:link,
#produkte a:visited {
display: block;
background: url(../style/images/produkte_en.jpg) no-repeat 0 0;
width: 189px;
height: 44px;
text-decoration: none;
}
#haendler a:link,
#haendler a:visited {
display: block;
background: url(../style/images/haendler_en.jpg) no-repeat 0 0;
width: 189px;
height: 41px;
text-decoration: none;
}
#kontakt a:link,
#kontakt a:visited {
display: block;
background: url(../style/images/kontakt_en.jpg) no-repeat 0 0;
width: 189px;
height: 29px;
text-decoration: none;
}
#presse a:link,
#presse a:visited {
display: block;
background: url(../style/images/presse_en.jpg) no-repeat 0 0;
width: 189px;
height: 33px;
text-decoration: none;
}
#impressum a:link,
#impressum a:visited {
display: block;
background: url(../style/images/impressum_en.jpg) no-repeat 0 0;
width: 189px;
height: 44px;
text-decoration: none;
}
#links a:link,
#links a:visited {
display: block;
background: url(../style/images/links_en.jpg) no-repeat 0 0;
width: 189px;
height: 36px;
text-decoration: none;
}
#myspace a:link,
#myspace a:visited {
display: block;
background: url(../style/images/myspace_en.jpg) no-repeat 0 0;
width: 189px;
height: 41px;
text-decoration: none;
}
#news a:hover,
#news a:active,
#news a:focus {
background: url(../style/images/news_en.jpg) no-repeat 0 -43px;
}
#ueberuns a:hover,
#ueberuns a:active,
#ueberuns a:focus {
background: url(../style/images/ueberuns_en.jpg) no-repeat 0 -33px;
}
#produkte a:hover,
#produkte a:active,
#produkte a:focus {
background: url(../style/images/produkte_en.jpg) no-repeat 0 -44px;
}
#haendler a:hover,
#haendler a:active,
#haendler a:focus {
background: url(../style/images/haendler_en.jpg) no-repeat 0 -41px;
}
#kontakt a:hover,
#kontakt a:active,
#kontakt a:focus {
background: url(../style/images/kontakt_en.jpg) no-repeat 0 -29px;
}
#presse a:hover,
#presse a:active,
#presse a:focus {
background: url(../style/images/presse_en.jpg) no-repeat 0 -33px;
}
#impressum a:hover,
#impressum a:active,
#impressum a:focus {
background: url(../style/images/impressum_en.jpg) no-repeat 0 -44px;
}
#links a:hover,
#links a:active,
#links a:focus {
background: url(../style/images/links_en.jpg) no-repeat 0 -36px;
}
#myspace a:hover,
#myspace a:active,
#myspace a:focus {
background: url(../style/images/myspace_en.jpg) no-repeat 0 -41px;
}
		
/*---| Extrawurst für den M$ IE |---*/

* html, 
* html body {
overflow:hidden;
bottom:0;
height:100%;
}
* html #header_container, 
* html #footer_container {
position:absolute;
width:100%;
}
* html #menu,
* html #left {
position:absolute;
}
* html #content  {
position:absolute;
top: 134px;
bottom:0; 
left:0; 
right:0;
height: 390px;
width: 100%;
overflow:auto;
margin:0;
}
* html #inhalt {
height: 100%;
}
* html #menu li {
margin-left: 40px;
}
#schatten_oben_ie6 {
position: absolute;
top: 134px;
left: 192px;
width: 619px;
height: 46px;
}
#schatten_oben_ie6 img {
vertical-align: top;
}
#schatten_unten_ie6 {
position: absolute;
top: 478px;
left: 192px;
width: 619px;
height: 46px;
}
#schatten_unten_ie6 img {
vertical-align: bottom;
margin: 0;
padding: 0;
border: 0;
}
/* ---| Ende Extrawurst IE |---*/

a:link,
a:visited {
color:#c0c0c0;
background: transparent;
}
a:hover,
a:active,
a:focus {
color:#fff;
background: transparent;
}
#band a:link,
#band a:visited {
color:#515151;
background: transparent;
text-decoration: none;
}
#band a:hover,
#band a:active,
#band a:focus {
color:#89898b;
background: transparent;
}
.zentrieren {
text-align: center;
}

/*---| Kontaktformular |---*/

label {
float: left;
display: block;
width: 100px;
text-align: left;
}
form div {
margin: 10px;
}
#inhalt .eingabe {
background: #5a5a5a;
color: #c0c0c0;
border: 1px solid #c0c0c0;
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
#inhalt .submit {
background: #5a5a5a;
color: #c0c0c0;
border: 1px solid #c0c0c0;
margin: 5px;
}
#inhalt textarea {
overflow: hidden;
}
#inhalt p.contact_progress {
margin-top: 175px;
text-align: center;
}