@charset "utf-8";

*
{
padding: 0;
margin: 0;
}

html, body
{
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #000000;
line-height: 16px;
font-weight: normal;
font-style: normal;
text-decoration: none;
margin-bottom: 0.1px;
height: 100%;
text-align: center;
background-color: #1c3941;
}

img
{
border: none;
display: block;
}

#box
{
text-align: left;
margin: 0 auto;
width: 100%;
max-width: 980px;
min-height: 100%;
position: relative;
}

#header
{
width: 980px;
height: 120px;
z-index: 5;
position: fixed;
background-color: rgba(255, 255, 255, 0.95);
/*background-image: url(../bilder/header.png);*/
}

.main-menue
{
overflow: hidden;
width: 940px;
padding-right: 40px;
padding-top: 70px;
text-align: right;
z-index: 6;
position: fixed;
text-transform: uppercase;
}

.content-container
{
overflow: hidden;
position: relative;
z-index: 1;
}

a
{
color: #000000;
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:hover
{
color: #1c3941;
text-decoration: none;
}

a:active
{
color: #1c3941;
}

.abstand
{
padding-top: 120px;
}

.logo
{
overflow: hidden;
width: 183px;
height: auto;
margin-top: 30px;
margin-left: 40px;
position: fixed;
z-index: 7;
}

#top-link
{
display: none;
position: fixed;
font-size: 10px;
right: 20px;
bottom: 20px;
color: #000000;
text-decoration: none;
background: #ffffff;
padding: 5px;
z-index: 3;
}

.button
{
position: absolute;
/*background-color: rgba(255, 0, 0, 0.5);*/
z-index: 4;
}

.produkt-tueren-beschlaege-trennwaende
{
width: 187px;
height: 234px;
top: 2270px;
left: 35px;
}

.produkt-raeder-rollen-gurtzuege
{
width: 187px;
height: 234px;
top: 2270px;
left: 276px;
}

.produkt-reha-medizinische-artikel
{
width: 187px;
height: 234px;
top: 2270px;
left: 518px;
}

.produkt-technische-artikel-zubehoer
{
width: 187px;
height: 234px;
top: 2270px;
left: 760px;
}

.offene-stellen-werkzeugmechaniker
{
width: 30px;
height: 30px;
top: 2717px;
left: 593px;
}

.offene-stellen-azubi
{
width: 30px;
height: 30px;
top: 2805px;
left: 593px;
}

.offene-stellen-montagekraefte
{
width: 30px;
height: 30px;
top: 2870px;
left: 593px;
}

.mitteilungen-schluesselregion
{
width: 140px;
height: 30px;
top: 2716px;
left: 760px;
}

.mitteilungen-januar
{
width: 30px;
height: 30px;
top: 2836px;
left: 901px;
}

.e-mail
{
width: 147px;
height: 30px;
top: 3144px;
left: 340px;
}

.agb
{
width: 50px;
height: 30px;
top: 3144px;
left: 570px;
}

.impressum
{
width: 95px;
height: 30px;
top: 3144px;
left: 625px;
}

.zurueck
{
width: 85px;
height: 30px;
top: 167px;
left: 31px;
}

.impressum-e-mail
{
width: 147px;
height: 30px;
top: 528px;
left: 31px;
}

.faktumdesign
{
width: 174px;
height: 30px;
top: 1025px;
left: 31px;
}