/* ============================================================== */

* { margin: 0; padding: 0; }

html, body {
background-color: #fff;
width: 100%; height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000;
text-align: center;
}

#noflash {
width: 10px;
height: 50%;
margin-bottom: -310px;
float: left;
}

#noflash h1, #noflash p {
text-indent: -500em;
}

#wrapper, #wrapper-nf {
background-color: #fff;
position: relative;
margin: 0 auto;
width: 960px; height: 620px;
clear: left;
}

#wrapper-nf { background: url("../images/back_wrapper.gif") left top no-repeat; }

a:focus { outline: none; }
div.clearer { clear: both; }

/* ============================================================== */


#greybox {
position: absolute;
top: 0; left: 0px;
background: url("../images/back_greybox.jpg") left top no-repeat;
width: 960px; height: 490px;
}

#greybox p { text-indent: -500em; }

/* ============================================================== */

#menubox {
position: absolute;
width: 960px; height: 88px;
}

#menubox {
left: 0; top: 512px;
z-index: 20;
}

#menubox ul {
list-style: none;
margin: 40px auto 0;
}

#menubox ul li {
display: inline;
padding: 0 12px;
}

#menubox ul li a {
font-family: Verdana, Tahoma, sans-serif;
font-size: 18px;
text-transform: lowercase;
text-align: left;
text-decoration: none;
letter-spacing: 1px;
color: #9ca1a9;
}

#menubox ul li a.impressum, #menubox ul li a.impressum-akt {
position: absolute;
right: 2px; top: 90px;
width: 100px; height: 24px;
font-size: 12px;
letter-spacing: 0;
text-align: right;
}

#menubox ul li a.erfolg-akt,
#menubox ul li a.erfolg-akt1,
#menubox ul li a.erf-1-akt,
#menubox ul li a.erf-2-akt,
#menubox ul li a.erf-3-akt,
#menubox ul li a.erf-4-akt,
#menubox ul li a.erf-5-akt,
#menubox ul li a.agentur-akt,
#menubox ul li a.neukunden-akt,
#menubox ul li a.portfolio-akt,
#menubox ul li a.neues-akt,
#menubox ul li a.kontakt-akt,
#menubox ul li a.impressum-akt,
#menubox ul li a.erfolg:hover,
#menubox ul li a.erf-1:hover,
#menubox ul li a.erf-2:hover,
#menubox ul li a.erf-3:hover,
#menubox ul li a.erf-4:hover,
#menubox ul li a.erf-5:hover,
#menubox ul li a.agentur:hover,
#menubox ul li a.neukunden:hover,
#menubox ul li a.portfolio:hover,
#menubox ul li a.neues:hover,
#menubox ul li a.kontakt:hover,
#menubox ul li a.impressum:hover {
color: #ff7921;
}

#menubox img.logo {
position: absolute;
left: 898px; top: 10px;
}

/* ============================================================== */