@charset "utf-8";
/* CSS Document */

* {
        margin:0;
        padding:0;
}

body {
        font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
        font-size:16px;
        background-color:#999;
}

div#container {
        position:relative;
        margin:30px auto;
        width:1000px;
        height:708px;
        /*border:3px solid #CCC;*/
        padding:0;
}

h1 {
        width:1000px;
        height:156px;
        text-indent:-9999px;
        color:#A80306;
        background-image:url(bilder/images/hg_01.jpg);
}

div.nullzwei {
        position: absolute;
        top: 156px;
        left: 0px;
        width: 101px;
        height: 428px;
        text-indent: -9999px;
        background-image: url(bilder/images/hg_02.jpg);
}

/*###################################################################################################
#####################################################################################################
                                    NAVIGATION HORIZONTAL START
#####################################################################################################
###################################################################################################*/

ul#navi li {
        display:inline;
}

ul li a.home {
        position:absolute;
        top:156px;
        left:101px;
        width:55px;
        height:32px;
        text-decoration:none;
        text-indent:-9999px;
        background-image:url(bilder/navi/home.jpg);
}

ul li a.home:hover {
        position:absolute;
        top:156px;
        left:101px;
        width:55px;
        height:32px;
        text-indent:-9999px;
        background-image:url(bilder/navi/home_aktiv.jpg);
}

/*Aktivlink*/
ul#navi li a.aktivlinkhome {
        position:absolute;
        top:156px;
        left:101px;
        width:56px;
        height:32px;
        cursor:default;
        text-indent:-9999px;
        background-image:url(bilder/navi/home_aktiv.jpg);
}

ul li a.leistungen {
        position:absolute;
        top:156px;
        left:156px;
        width:105px;
        height:32px;
        text-decoration:none;
        text-indent:-9999px;
        background-image:url(bilder/navi/leistungen.jpg);
}

ul li a.leistungen:hover {
        position:absolute;
        top:156px;
        left:156px;
        width:105px;
        height:32px;
        text-indent:-9999px;
        background-image:url(bilder/navi/leistungen_aktiv.jpg);
}

/*Aktivlink*/
ul#navi li a.aktivlinkleistungen {
        position:absolute;
        top:156px;
        left:156px;
        width:105px;
        height:32px;
        cursor:default;
        text-indent:-9999px;
        background-image:url(bilder/navi/leistungen_aktiv.jpg);
}

ul li a.retrofit {
        position:absolute;
        top:156px;
        left:261px;
        width:77px;
        height:32px;
        text-decoration:none;
        text-indent:-9999px;
        background-image:url(bilder/navi/retrofit.jpg);
}

ul li a.retrofit:hover {
        position:absolute;
        top:156px;
        left:261px;
        width:77px;
        height:32px;
        text-indent:-9999px;
        background-image:url(bilder/navi/retrofit_aktiv.jpg);
}

/*Aktivlink*/
ul#navi li a.aktivlinkretrofit {
        position:absolute;
        top:156px;
        left:261px;
        width:77px;
        height:32px;
        cursor:default;
        text-indent:-9999px;
        background-image:url(bilder/navi/retrofit_aktiv.jpg);
}

ul li a.referenzen {
        position: absolute;
        top: 156px;
        left: 338px;
        width: 104px;
        height: 32px;
        text-decoration: none;
        text-indent: -9999px;
        background-image: url(bilder/navi/referenzen.jpg);
}

ul li a.referenzen:hover {
        position:absolute;
        top:156px;
        left:338px;
        width:104px;
        height:32px;
        text-indent:-9999px;
        background-image:url(bilder/navi/referenzen_aktiv.jpg);
}

/*Aktivlink*/
ul#navi li a.aktivlinkreferenzen {
        position:absolute;
        top:156px;
        left:338px;
        width:104px;
        height:32px;
        cursor:default;
        text-indent:-9999px;
        background-image:url(bilder/navi/referenzen_aktiv.jpg);
}

ul li a.gebrauchtm {
        position: absolute;
        top: 156px;
        left: 442px;
        width: 169px;
        height: 32px;
        text-decoration: none;
        text-indent: -9999px;
        background-image: url(bilder/navi/gebrauchtm.jpg);
}

ul li a.gebrauchtm:hover {
        position:absolute;
        top:156px;
        left:442px;
        width:169px;
        height:32px;
        text-indent:-9999px;
        background-image:url(bilder/navi/gebrauchtm_aktiv.jpg);
}

/*Aktivlink*/
ul#navi li a.aktivlinkgebrauchtm {
        position:absolute;
        top:156px;
        left:442px;
        width:169px;
        height:32px;
        cursor:default;
        text-indent:-9999px;
        background-image:url(bilder/navi/gebrauchtm_aktiv.jpg);
}


ul li a.impressum {
        position:absolute;
        top:156px;
        left:611px;
        width:98px;
        height:32px;
        text-decoration:none;
        text-indent:-9999px;
        background-image:url(bilder/navi/impressum.jpg);
}

ul li a.impressum:hover {
        position:absolute;
        top:156px;
        left:611px;
        width:98px;
        height:32px;
        text-indent:-9999px;
        background-image:url(bilder/navi/impressum_aktiv.jpg);
}

/*Aktivlink*/
ul#navi li a.aktivlinkimpressum {
        position:absolute;
        top:156px;
        left:611px;
        width:98px;
        height:32px;
        cursor:default;
        text-indent:-9999px;
        background-image:url(bilder/navi/impressum_aktiv.jpg);
}

div.nullsieben {
        position: absolute;
        top: 156px;
        left: 709px;
        width: 291px;
        height: 32px;
        text-indent: -9999px;
        background-image: url(bilder/images/hg_09.jpg);
}



/*###################################################################################################
#####################################################################################################
                                    NAVIGATION HORIZONTAL ENDE
#####################################################################################################
###################################################################################################*/

div.nullacht {
        position: absolute;
        top: 293px;
        left: 212px;
        width: 101px;
        height: 396px;
        text-indent: -9999px;
        background-image: url(bilder/images/hg_09.jpg);
}

div.startseite {
        position:absolute;
        top:188px;
        left:101px;
        width:899px;
        height:396px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/hg_startseite.jpg);
}

div.leistungen_uebersicht {
        position:absolute;
        top:188px;
        left:101px;
        width:899px;
        height:396px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/leistungen_ueberblick/hg_leistungen_ueberblick.jpg);
}

div.leistungen_details {
        position:absolute;
        top:188px;
        left:101px;
        width:899px;
        height:396px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/retrofit.jpg);
}

div.referenzen {
        position:absolute;
        top:188px;
        left:101px;
        width:899px;
        height:396px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/hg_referenzen.jpg);
}

div.gebrauchtmaschinen {
        position:absolute;
        top:188px;
        left:101px;
        width:899px;
        height:396px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/hg_gebrauchtmaschinen.jpg);
}

div.CMI {
        position:absolute;
        top:188px;
        left:101px;
        width:899px;
        height:396px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/hg_CMI.jpg);
}

div.VC {
        position:absolute;
        top:188px;
        left:101px;
        width:898px;
        height:383px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/hg_VC.jpg);
}

div.VCL {
        position:absolute;
        top:188px;
        left:101px;
        width:898px;
        height:383px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/hg_VCL.jpg);
}

div.HCV {
        position:absolute;
        top:188px;
        left:101px;
        width:898px;
        height:383px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/hg_VARIO.jpg);
}

div.ottobrunner {
        position:absolute;
        top:188px;
        left:101px;
        width:899px;
        height:396px;
        /*text-indent:-9999px;*/
        background-image:url(bilder/images/hg_OttoBrunner.jpg);
}

div.impressum {
        position: absolute;
        top: 188px;
        left: 101px;
        width: 899px;
        height: 396px;
        /*padding-top:10px;*/
        /*padding-left: 40px;*/
        /*text-indent:-9999px;*/
        background-image: url(bilder/leistungen_details/hg_leistungen_details.jpg);
}

p.startseite {
        padding:50px;
        text-align:center;
}

p.startseite2 {
        padding:50px;
        padding-left: 250px;
        padding-bottom: 30px;
        color:#255DA7;
}

p.leistungen_uebersicht {
        padding-top: 40px;
        padding-left: 250px;
        padding-bottom: 30px;
}


p.leistungen_uebersicht_2 {
        padding-top: 1px;
        padding-left: 250px;
        padding-bottom: 30px;
}



ul.leistungen_uebersicht {
        padding-left:500px;
        padding-bottom:30px;
}

a.leistungen_uebersicht {
        padding-left:400px;
        text-decoration:none;
        color:#33C;
}

p.gebrauchtm    {
        padding-top:40px;
        padding-left:40px;
        font-size:14px;


}

p.gebrauchtmCMI    {
        width:450px;
        padding-top:50px;
        padding-left:150px;

}
p.gebrauchtmVC    {
        padding-top:15px;
        padding-left:150px;
}

p.gebrauchtmVCL    {
        padding-top:15px;
        padding-left:150px;

}

p.gebrauchtmHCV    {
        padding-top:15px;
        padding-left:150px;

}

p.CMI    {
        padding-top:20px;
        padding-left:260px;

}

p.CMI2    {

        width:310px;
        margin-top:70px;
        padding-left:460px;
        font-size:14px;

}

p.CMI3    {

        margin-top:10px;
        padding-left:130px;
        font-size:14px;

}

p.CMI4    {

        margin-top:30px;
        padding-left:440px;
        font-size:14px;

}

p.VC    {
        padding-top:30px;
        padding-left:340px;

}

p.VC2    {
        width:310px;
        margin-top:50px;
        padding-left:340px;
        font-size:14px;

}

p.VC3    {


        padding-left:340px;
        font-size:14px;

}

p.VCL    {
        padding-top:20px;
        padding-left:120px;

}

p.VCL2  {
        float:right;
        width:310px;
        margin-top:50px;
        margin-right:140px;
        font-size:14px;
}

p.VCL3    {

        padding-top:180px;
        padding-left:30px;
        font-size:14px;

}

p.HCV   {
        padding-top:20px;
        padding-left:40px;

}

p.HCV2  {
        float:right;
        width:320px;
        margin-top:50px;
        margin-right:140px;
        font-size:14px;

}
p.HCV3    {

        padding-top:220px;
        padding-left:30px;
        font-size:14px;

}
p.gebrauchtm3    {

        margin-top:290px;
        padding-left:100px;
        font-size:14px;

}

strong.startseite {
        color:#255DA7;
}


div.zehn {
        position: absolute;
        top: 584px;
        left: 0px;
        width: 345px;
        height: 124px;
        background-image: url(bilder/images/hg_11.jpg);
}

div.elf {
        position: absolute;
        top: 584px;
        left: 345px;
        width: 161px;
        height: 124px;
        background-image: url(bilder/images/hg_12.jpg);
}

div.zwoelf {
        position: absolute;
        top: 584px;
        left: 506px;
        width: 181px;
        height: 124px;
        background-image: url(bilder/images/hg_13.jpg);
}

div.dreizehn {
        position: absolute;
        top: 584px;
        left: 687px;
        width: 313px;
        height: 124px;
        background-image: url(bilder/images/hg_14.jpg);
}

p.name {
        font-size:14px;
        padding-top:37px;
        padding-left:175px;
        text-align:left;
        color:#FFFFFF;
}

p.adresse {
        font-size:14px;
        padding-top:37px;
        padding-left:19px;
        text-align:left;
        color:#FFFFFF;
}

p.telefon {
        font-size:14px;
        padding-top:37px;
        padding-left:19px;
        text-align:left;
        color:#FFFFFF;
}

p.mobil {
        font-size:14px;
        padding-top:37px;
        padding-left:19px;
        text-align:left;
        color:#FFFFFF;
}

p.leistungen-details-1 {
        float: left;
        font-size: 14px;
        white-space: pre-line;
        width: 400px;
        font-size: 16px;
        padding-bottom: 10px;
        padding-left: 80px;
        padding-right: 5px;
        padding-top: 30px;
}

p.leistungen-details-2 {
        float: left;
        font-size: 14px;
        white-space: pre-line;
        width: 380px;
        font-size: 16px;
        padding-bottom: 10px;
        padding-left: 100px;
        padding-right: 5px;
        padding-top: 80px;
}

/*p.leistungen-details-3 {
        float:left;
        font-size:12px;
        white-space:pre;
        width:246px;
        padding:10px 10px 10px 5px;
        font-size:12px;
}
*/
p.impressum {
        width:380px;
        margin-top:25px;
        padding-left:40px;
}

/*span.impressum {
        white-space:pre;
}*/

p.kleine_schrift {
        float:right;
        width:300px;
        margin-top:25px;
        margin-right:120px;
        font-size:14px;
}