@charset "UTF-8";

*{
        margin: 0;
        padding: 0;


}

 body {

        font-family:Verdana, Arial, sans-serif;
        background-color:#FFFFFF;
        color:#000;
        font-size:63%;
        width:100%;
        text-align: center;

}



#navi {
overflow: hidden;
width:auto;

}	   

#navi ul {

margin:0px;

}	   

#navi ul li {


/*border: 1px solid #000;*/
list-style:none;
float:left;
margin:0px;
padding:0px;
width:auto;

}	   



#navi a {
	display:block;
    padding:0px;
}






#navi ul li#home a  {

       background-image: url(../img/navi_home.jpg);
       background-repeat:no repeat;
       width:80px;
       
}
#navi ul li#home a:hover, #navi ul li#home a.selected  {

       background-image: url(../img/navi_home2.jpg);

}
#navi ul li#hosting a  {

       background-image: url(../img/navi_hosting.jpg);
       background-repeat:no repeat;
       width:92px;
       float:left;
	   
       

}
#navi ul li#hosting a:hover, #navi ul li#hosting a.selected  {

       background-image: url(../img/navi_hosting2.jpg);

}

#navi ul li#housing a  {

       background-image: url(../img/navi_housing.jpg);
       background-repeat:no repeat;
       width:92px;
       float:left;
       
}
#navi ul li#housing a:hover, #navi ul li#housing a.selected  {

       background-image: url(../img/navi_housing2.jpg);

}

#navi ul li#cms a  {

       background-image: url(../img/navi_cms.jpg);
       background-repeat:no repeat;
       width:61px;
       float:left;
       
}
#navi ul li#cms a:hover, #navi ul li#cms a.selected  {

       background-image: url(../img/navi_cms2.jpg);

}

#navi ul li#crm a  {

       background-image: url(../img/navi_crm.jpg);
       background-repeat:no repeat;
       width:63px;
       float:left;
       
}
#navi ul li#crm a:hover, #navi ul li#crm a.selected  {

       background-image: url(../img/navi_crm2.jpg);

}
#navi ul li#multimedia a  {

       background-image: url(../img/navi_multimedia.jpg);
       background-repeat:no repeat;
       width:116px;
       float:left;
       
}
#navi ul li#multimedia a:hover, #navi ul li#multimedia a.selected  {

       background-image: url(../img/navi_multimedia2.jpg);

}

#navi ul li#referenzen a  {

       background-image: url(../img/navi_referenzen.jpg);
       background-repeat:no repeat;
       width:114px;
       float:left;
       
}
#navi ul li#referenzen a:hover, #navi ul li#referenzen a.selected  {

       background-image: url(../img/navi_referenzen2.jpg);

}
#navi ul li#kontakt a  {

       background-image: url(../img/navi_kontakt.jpg);
       background-repeat:no repeat;
       width:102px;
       float:left;
       
}
#navi ul li#kontakt a:hover, #navi ul li#kontakt a.selected  {

       background-image: url(../img/navi_kontakt2.jpg);

}

/*subnavi*/

#navi li ul  {
   left: 90px;
   top:253px;
   position:absolute;
   display: block;
   height: 17px;
   background-color: #ccc;
   
}




#navi ul li ul li#web1 a{
       background-image: url(../img/subnavi_web1.jpg);
       background-repeat:no repeat;
	   width:53px;
       height:17px;
       margin-right:1px;
	   
}

#navi ul li ul li#web1 a:hover, #navi ul li ul li#web1 a.selected  {

       background-image: url(../img/subnavi_web1_2.jpg);

}

#navi ul li ul li#web2 a{
       background-image: url(../img/subnavi_web2.jpg);
       background-repeat:no repeat;
	   width:53px;
       height:17px;
       margin-right:1px;
	   
}

#navi ul li ul li#web2 a:hover, #navi ul li ul li#web2 a.selected  {

       background-image: url(../img/subnavi_web2_2.jpg);

}

#navi ul li ul li#web3 a{
       background-image: url(../img/subnavi_web3.jpg);
       background-repeat:no repeat;
	   width:53px;
       height:17px;
       margin-right:1px;
}

#navi ul li ul li#web3 a:hover, #navi ul li ul li#web3 a.selected  {

       background-image: url(../img/subnavi_web3_2.jpg);

}
#navi ul li ul li#spezial a{
       background-image: url(../img/subnavi_spezial.jpg);
       background-repeat:no repeat;
	   width:63px;
       height:17px;
       
}

#navi ul li ul li#spezial a:hover, #navi ul li ul li#spezial a.selected  {

       background-image: url(../img/subnavi_spezial2.jpg);

}