body {
font-family: Arial, Times New Roman;
background-color: #5D6A70;
margin: 0px 0px 0px 0px;
}

p {
font-size:12px;
line-height:1.5em;
}

#top {
background-color: #fff;
}

#main {
background-color: #fff;
width: 763px;
margin: 0px auto 0px auto;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 3px solid #fff;
}

#body {
text-align:center;
width:100%;
}

#nav {
height: 25px;
width: 763px;
}

#content {
width: 763px;
background-image:url(http://www.chance-global.de/assets/chance-mall/images/background_home.jpg);
background-repeat: no-repeat;
height: 483px;
margin: 3px 3px 0px 0px;
}

#aktuelles {
background-color: #C6C7C9;
width: 386px;
height: 266px;
vertical-align: top;
float: right;
z-index: 3;
}

#div_akt {
font-family:Verdana, Arial, Times New Roman;
font-size:11px;
margin: 15px 30px 0px 20px;
width:356px;
height:250px;
overflow:auto;
text-align:left;
line-height:1.7em;
}

#bg {
background-image:url(http://www.chance-global.de/assets/chance-mall/images/bottom_news.gif);
background-repeat: no-repeat;
width:36px;
height:150px;
z-index: 2;
}

#news {
width:350px;
height:150px;
line-height:1.4em;
z-index: 2;
background-color:#fff;
}

#div_info {
height:150px;
width:386px;
background-image:url(http://www.chance-global.de/assets/chance-mall/images/bg_transparent.gif);
background-repeat: no-repeat;
float: right;
clear:right;
margin: 0px 0px 0px 0px;
z-index: 2;
}

#kontakt {
width:250px;
height: 67px;
font-family: Arial, Times New Roman;
font-size:11px;
text-align:left;
color:#000;
float: right;
clear:right;
z-index: 1;
}

#footer {
background-image:url(http://www.chance-global.de/assets/chance-mall/images/footer.jpg);
background-repeat: no-repeat;
width: 763px;
height: 70px;
}

#facts {
width: 763px;
height:160px;
font-family: Arial, Times New Roman;
font-size:11px;
text-align:right;
}

.navi {
vertical-align: top;
border-right: 3px solid #fff;
}

#nav ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav ul li{
float: left;
}

.nav{
display: block;
}

#navi1{
width: 70px;
height: 25px;
background: url(../images/nav_home.jpg) no-repeat left top;
margin:0px 3px 0px 0px;
}

#navi3{
width: 105px;
height: 25px;
background: url(../images/nav_unternehmen.jpg) no-repeat left top;
margin:0px 3px 0px 0px;
}

#navi4{
width: 95px;
height: 25px;
background: url(../images/nav_spezialisten.jpg) no-repeat left top;
margin:0px 3px 0px 0px;
}

#navi5{
width: 90px;
height: 25px;
background: url(../images/nav_leistungen.jpg) no-repeat left top;
margin:0px 3px 0px 0px;
}

#navi6{
width: 92px;
height: 25px;
background: url(../images/nav_referenzen.jpg) no-repeat left top;
margin:0px 3px 0px 0px;
}

#navi7{
width: 129px;
height: 25px;
background: url(../images/nav_chance_local.jpg) no-repeat left top;
margin:0px 3px 0px 0px;
}

#navi8{
width: 70px;
height: 25px;
background: url(../images/nav_kontakt.jpg) no-repeat left top;
margin:0px 3px 0px 0px;
}

#navi9{
width: 91px;
height: 25px;
background: url(../images/nav_impressum.jpg) no-repeat left top;
margin:0px 0px 0px 0px;
}

#navi1:hover, #nav ul li.active #navi1 {
background: url(../images/nav_hover_home.jpg) no-repeat left top;
}

#navi3:hover, #nav ul li.active #navi3 {
background: url(../images/nav_hover_u.jpg) no-repeat left top;
}

#navi4:hover, #nav ul li.active #navi4 {
background: url(../images/nav_hover_sp.jpg) no-repeat left top;
}

#navi5:hover, #nav ul li.active #navi5 {
background: url(../images/nav_hover_l.jpg) no-repeat left top;
}

#navi6:hover, #nav ul li.active #navi6 {
background: url(../images/nav_hover_r.jpg) no-repeat left top;
}

#navi7:hover, #nav ul li.active #navi7 {
background: url(../images/nav_hover_ch.jpg) no-repeat left top;
}

#navi8:hover, #nav ul li.active #navi8 {
background: url(../images/nav_hover_k.jpg) no-repeat left top;
}

#navi9:hover, #nav ul li.active #navi9 {
background: url(../images/nav_hover_i.jpg) no-repeat left top;
}