*
{
margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 10px;
}

body
{
background-image: url(bilder/background.gif);
background-color: #000;
line-height: 12px;
color: #e1e1e1;
}

img
{
border: none;
}

sup, sub
{
line-height: 1px;
font-size: .93em;
}

label.adresstab
{
width: 25px;
display: block;
float: left;
}



/* content */

h1
{
font-weight: bold;
text-transform: lowercase;
border-bottom: solid 2px #333;
line-height: 13px;
padding-bottom: 3px;
margin-bottom: 4px;
}

h1 a:link,
h1 a:visited
{
font-size: 12px;
color: #fff;
text-decoration: none;
}

h1 a:hover,
h1 a:active
{
font-size: 12px;
color: #333;
text-decoration: none;
}

li
{
margin-left: 15px;
list-style-type: disc;
}

a:link,
a:visited
{
color: #fff;
text-decoration: none;
}

a:hover,
a:active
{
color: #333;
text-decoration: none;
}



/* FORMULAR */

form {
margin-top: 7px;
}

input.text {
background-color: #000;
border: none;
border-bottom: solid 2px #333;
width: 150px;
margin: 0 0 4px 0;
padding: 5px 0 4px 3px;
color: #fff;
}

input.submit {
background-color: #000;
border: none;
border-top: solid 2px #333;
border-bottom: solid 2px #333;
width: 100px;
padding: 4px 0 4px 3px;
margin: 3px 0 9px 0;
color: #fff;
text-align: left;
}

input.checkbox {
background-color: #333;
margin: 0 2px 4px 0;
vertical-align: bottom;
}







/*STRUKTUR */

#wrapper
{
width: 950px;
margin: 0 auto 0 auto;
position: relative;
}

#logo
{
position: absolute;
top: 600px;
left: 705px;
z-index: 10;
}



/* METANAVIGATION */

#metanavigation {
height: 30px;
width: 285px;
position: absolute;
left: 0;
top: 630px;
}

#metanavigation * {
margin: 0;
padding: 0;
}

#metanavigation ul li {
float: left;
list-style-type: none;
height: 30px;
width: 95px;
}

#metanavigation a.lightattack { background: url(bilder/metanav_lightattack.png) no-repeat; }
#metanavigation a.shopattack { background: url(bilder/metanav_shopattack.png) no-repeat; }
#metanavigation a.partattack { background: url(bilder/metanav_partattack.png) no-repeat; }

#metanavigation a:link,
#metanavigation a:visited {
display: block;
height: 30px;
width: 95px;
background-position: top 0;
}

#metanavigation a:hover,
#metanavigation a:active,
#metanavigation a.active:link,
#metanavigation a.active:visited,
#metanavigation a.active:hover,
#metanavigation a.active:active {
background-position: bottom 0;
}

#metanavigation a span { position: absolute; left: -999em;}



/* POSITION UND GRÖSSE DER CONTAINER */

#kontakt
{
position: absolute;
top: 90px;
left: 55px;
width: 150px;
z-index: 10;
}

#referenzen
{
position: absolute;
top: 375px;
left: 630px;
width: 150px;
z-index: 10;
}

#partattack
{
position: absolute;
top: 75px;
left: 360px;
width: 190px;
z-index: 10;
}

#anfrage
{
position: absolute;
top: 310px;
left: 4px;
width: 180px;
z-index: 10;
}

#dienstleistungen
{
position: absolute;
top: 420px;
left: 360px;
width: 150px;
z-index: 10;
}



/* BACKGROUND */

#hintergrund {z-index: 1;}

#lampe1 {position: absolute;top: 0;left: -5px;}
#lampe2 {position: absolute;top: 0;left: 240px;}
#lampe3 {position: absolute;top: 0;left: 575px;}
#lampe4 {position: absolute;top: 0;left: 800px;}




#bueroeinheit {
position: absolute;
top: 4px;
left: 2px;
width: 20px;
height: 40px;
}

#bueroeinheit img {
width: 20px;
height: 40px;
border: none;
}

#on_off {
position: absolute;
bottom: 2px;
left: 4px;
}



