<!--dunkelgrün: #044F05-->
<!--hellgrün: #DAE6DA-->
body {
       margin-left:0px;
       margin-right:0px;
       margin-top:0px;
       margin-bottom:0px
       font-family: Arial, sans-serif;
       font-size: 14px;
       line-height: 18px;
       font-style: normal;
       font-weight: normal;
       color:#2F2F2F;
     }

h1   {
       font-family: Arial, verdana, sans-serif;
       font-size: 26px;
       font-style: normal;
       font-weight: bold;
       line-height: normal;
       color: #044604;
     }
h2   {
       margin-top: 5px;
       margin-left: 10px;
       margin-bottom: 0px;
       font-family: Arial, verdana, sans-serif;
       font-size: 22px;
       font-style: italic;
       font-weight: bold;
       line-height: normal;
       color: #044604;
     }
table
     {
       spacing: 0;
       padding: 0;
       font-family:  Verdana, sans-serif;
       font-size: 14px;
       color: #044604;
       font-weight: normal;
       vertical-align: top;
       margin: 0px;
       font-style: normal;
       line-height: normal;
       font-variant: normal;
     }


a    {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        COLOR: #7E3A4F;
        text-decoration: none;
     }

a:hover
     {
        COLOR: #6F6F6F;
     }

.textlink a
     {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#D3D3D3;
        text-decoration: none;
     }

.textlink a:hover
     {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#EBEBEB;
        text-decoration: none;
     }

/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 142;
BORDER: ;
PADDING:3Px;
MARGIN:;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #7E3A4F;
BACKGROUND-COLOR: ;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #6F6F6F;
BACKGROUND-COLOR: #DBE3DF;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 142;
BORDER:;
PADDING:3Px;
MARGIN:;
FONT-FAMILY: arial;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #2F2F2F;
BACKGROUND-COLOR: #D2DCD7;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 142;
BORDER: 0;
PADDING: ;
MARGIN: 1Px;
FONT-FAMILY: arial;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #7E3A4F;
BACKGROUND-COLOR:;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #6F6F6F;
BACKGROUND-COLOR: #DBE3DF;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 142;
BORDER: ;
PADDING: ;
MARGIN: 1Px;
FONT-FAMILY: arial;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;

TEXT-ALIGN: left;
COLOR: #2F2F2F;
BACKGROUND-COLOR: #D2DCD7;
}

#header {
    position: absolute;
        left: 0px;
        top: 20px;
        width: 161px;
        height: 168px;
        background-image: url(../pic/logo-kfz-farmer.gif);
        z-index: 1;
}

#header2
     {
        position: absolute;
        left: 154px;
        top: 20px;
        width: 82%;
        height: 119px;
        background-image: url(../pic/auto_spur_2.jpg);
        background-position:right top;
        background-repeat: no-repeat;
        z-index: 2;
}

#content2 {
    line-height: 18px;
    position: absolute;
    left: 154px;
    top: 178px;
    width: 70%;
    min-height: 495px;
    padding-left:60px;
    padding-top: 10px;
    padding-right: 50px;
    background-image: url(../pic/content2.gif);
    background-repeat:  repeat-y;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    color: #044604;
    z-index:5;
}

*html div#content2{ height:495px;}

#content3 {
    line-height: 18px;
    position: relative;
    left: -30px;
    top: -40px;
    width: 600px;

    margin: 50px;
    padding-top: 40px;
    padding-right: 50px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    color: #044604;
    z-index:4;
}
#content4 {
    line-height: 18px;
    position: relative;
    left: -30px;
    top: -40px;
    width: 450px;
    margin: 50px;
    padding-top: 20px;
    padding-right: 50px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    color: #044604;
    z-index:9;
}

#content1 {
    line-height: 18px;
    position: absolute;
    left: 154px;
    top: 139px;
    width: 75%;
    height: 39px;
    padding-top: 43px;
    padding-left: 70px;
    background-image: url(../pic/breiter_header.jpg);
    background-repeat: no-repeat;
    z-index:3;
}

#navigation {
    position: absolute;
    left: 0px;
    top: 185px;
    width: 200px;
    padding-top: 40px;
    padding-bottom: 220px;
    background-image: url(../pic/bg-navi.jpg);
    background-repeat: repeat-y;
    background-color: #DAE6DA;
    z-index:6;
    }

#navi_header {
    position: absolute;
    top:0px;
    left:0px;
    width: 204px;
    height: 36px;
    background-image: url(../pic/schmaler_header.jpg);
    background-repeat: no-repeat;
    z-index:7;
}

#navi_unten {
    position: relative;
    top:234px;
    left:0px;
    width: 200px;

    background-image: url(../pic/bg--navi-unten.jpg);
    background-repeat: no-repeat;
    z-index:8;
}
#footer {
        position: absolute;
        left: 18px;
        bottom: 0px;
       font-size: 14px;
    line-height: 14px;
        height: 16 px;
        width: 772px;
        text-align: center;
        background-color: #E2E2E2;
        z-index: 9;
}


#farmer {height:260px;
        background-image: url(../pic/kordel_farmer.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        }
#braasch {height:260px;
        background-image: url(../pic/manuel_braasch.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        }
#martens { height:260px;
        background-image: url(../pic/niko_martens.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        }
#taedcke {  height:260px;
        background-image: url(../pic/marita_taedcke.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        }
#brandt {  height:260px;
        background-image: url(../pic/oliver_brandt.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        }
#anhaenger {
        position: absolute;
        left: 650px;
        top: 70px;
        right: 30%;
        width: 100px;
        text-align: right;
        z-index: 8;
}
#reparatur {
        position: absolute;
        left: 574px;
        top: -38px;
        right: 30%;
        width: 216px;
        height: 542px;
        background-image: url(../pic/bg_reparatur.jpg);
        background-repeat:no-repeat;
        }

#dienstleistungen {
        position: absolute;
        left: 574px;
        top: -38px;
        right: 30%;
        width: 216px;
        height: 542px;
        background-image: url(../pic/bg_dienstleistungen.jpg);
        background-repeat:no-repeat;
        }

#minibagger {
        position: absolute;
        left: 524px;
        top: -38px;
        right: 30%;
        width: 266px;
        height: 527px;
        background-image: url(../pic/bg_minibagger.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        padding-top:150px;
        }

#hubsteiger {
        position: absolute;
        left: 574px;
        top: -38px;
        right: 30%;
        width: 216px;
        height: 527px;
        background-image: url(../pic/bg_hubsteiger.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        padding-top:150px;
        }

#auhu {
        position: absolute;
        left: 524px;
        top: -38px;
        right: 30%;
        width: 266px;
        height: 527px;
        background-image: url(../pic/bg_auhu.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        padding-top:150px;
        }
#indexbild {
        position: absolute;
        left: 524px;
        top: -38px;
        right: 30%;
        width: 266px;
        height: 527px;
        background-image: url(../pic/bg_index.jpg);
        background-repeat:no-repeat;
        background-position:right top;
        padding-top:150px;
        }
 p {
        height:260px;
        width: 700px;
        }

.pic    {
        height: 100px;
        width: 100px;
        }
.button {
        background-image: url(../pic/aendern.jpg);
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        width:105px;
        height:21px ;
        cursor:pointer;
        }
.button1 {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/anlegen.jpg);
        width:103px;
        height:19px ;
        }

.button2 {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/fahrzeug_eintragen.jpg);
        width:150px;
        height:19px ;
        }
.button3 {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/loeschen.jpg);
        width:103px;
        height:19px ;
        }
.button4 {
        background-image: url(../pic/leer.jpg);
        font-style: bold;
        font-weight: bold;
        padding-left:10px;
        color:#000080;
        border: 0px;
        width:103px;
        height:19px ;
        cursor:pointer;
        }

.button5 {
        background-image: url(../pic/zuruecksetzen.gif);
        font-style: bold;
        font-weight: bold;
        padding-left:10px;
        color:#000080;
        border: 0px;
        width:103px;
        height:19px ;
        cursor:pointer;
        }

.button6 {
        background-image: url(../pic/subscribe.gif);
        font-style: bold;
        font-weight: bold;
        padding-left:10px;
        color:#000080;
        border: 0px;
        width:103px;
        height:19px ;
        cursor:pointer;
        }

.button7 {
        background-image: url(../pic/bestellen.gif);
        font-style: bold;
        font-weight: bold;
        padding-left:10px;
        color:#000080;
        border: 0px;
        width:103px;
        height:19px ;
        cursor:pointer;
        }


.b1     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/edit_ueberschrift.gif);
        width:103px;
        height:19px ;
        cursor:pointer;
        }
.b2     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/edit_fett.gif);
        width:103px;
        height:19px ;
        cursor:pointer;
        }
.b3     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/edit_zentrieren.gif);
        width:103px;
        height:19px ;
        cursor:pointer;
        }
.b4     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/edit_liste.gif);
        width:103px;
        height:19px ;
        cursor:pointer;
        }
.b5     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/edit_listenpunkt.gif);
        width:103px;
        height:19px ;
        cursor:pointer;
        }
.b6     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/edit_link.gif);
        width:103px;
        height:19px ;
        cursor:pointer;
        }
.b7     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../pic/edit_mail.gif);
        width:103px;
        height:19px ;
        cursor:pointer;
        }