@charset "utf-8";

/*  ####################
#####   GRUNDGERÜST  #####
  #################### */

BODY
{
        margin:0px;
        overflow:auto;
        /*text-align:center;*/

        scrollbar-base-color:#fff;
        scrollbar-3d-light-color:#000;
        scrollbar-arrow-color:#000;
        scrollbar-darkshadow-color:#000000;
        scrollbar-face-color:#F00;
        scrollbar-highlight-color:#000;
        scrollbar-shadow-color:#000;
        scrollbar-track-color:#E6E6E6;

}

a
{
        text-decoration:none;
        border:0px;
        color: #000;
}

img
{
        border:0px;
}

.mainpage
{
        width:985px;
        margin:auto;
        border-collapse:collapse;
}



.head
{
         background-image:url(Bilder/nickon_01_kleiner.jpg);
         height:226px;
         width:985px;
         text-align:left

}


.menu
{
        background-image:url(Bilder/nickon_02_kleiner.jpg);
        height:38px;
        width:985px;
        text-align:center;
        vertical-align:top;

}



.main
{
        background-image:url(Bilder/nickon_03_kleiner.jpg);
        background-repeat:no-repeat;
        height:507px;
        overflow:hidden;
        vertical-align:top;
        padding-top:20px;
        padding-left:20px;

}

/*  ####################
#####   HAUPTSEITE-INHALTE  #####
  #################### */

.uschrift
{
        text-align:center;
        font-style:italic;
        font-weight:bold;
        width:500px;
        color: red;
        font-size:54px;
        font-family:"Times New Roman", Times, serif;
        position:relative;
        left: -20px;
        top:25px;
        line-height:100%;

}

.unteruschrift
{
        position:relative;
        left:95px;
        top:38px;
        font-weight:bold;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 20px;
        margin-top:-8px;
        color:#000;
        font-style:normal;

}

.uberschriftname
{
        position:relative;
        text-align: center;
        left: 470px;
        width:300px;
        top:-80px;
        font-style:italic;
        font-weight:bold;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24pt;
}
.unteruberschriftname
{
        font-size: 10pt;
}

.slogan
{
        font-family:"Times New Roman", Times, serif;
        position:relative;
        left: 560px;
        width:400px;
        top:10px;
        color: red;
        font-style:italic;
        font-size:26px;
        font-weight:bold;
}

.menu
{
        padding-top:10px;
}
.menu A, .menu a:active, .menu a:hover, .menu a:active
{
        font-style:italic;
        font-weight:bold;
        font-size:15px;
        color: #000;
        text-decoration:none;
        font-family:Arial, Helvetica, sans-serif;
}


.menu a:active, .menu a:hover , .menu a:active
{
        color:red;
}

.menu .linie
{
        text-decoration:line-through;
        font-size:20px;
        margin-left:5px;
        margin-right:5px;
        color: red;
}

.linkaktiv
{
        color:red;
}



/*  ####################
#####    HOME ELEMENTE  #####
  #################### */

.tabhomelinks
{
        padding-left:0px;
        width:410px;
        text-align:center;
        padding-top:5px;
        padding-right: 200px;;


}

.tabhomerechts
{
        width:750px;
        padding-left: 0px;
        line-height:0.9em;
        padding-right: 25px;
}


.willkommen,.nickonlinks
{
        font-size:26px;
        font-family:Arial, Helvetica, sans-serif;
        font-style:italic;
        font-weight:bold;
        line-height:40px;

}

.nickonlinks
{
        font-family:"Times New Roman", Times, serif;
        color: red;
}

.logomargin
{
        margin-top:50px;
}

.text
{
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        line-height:109%;
        font-weight:bold;

}

li
{
        color:red;
}

li SPAN, .referenzenbold
{
        color:black;
        font-weight: bold;
}

/*  ####################
#####    Partner Elemente  #####
  #################### */


.fenster
{
        overflow:auto;
        width:98%;

        height:523px;
}

.fenster a,.spezlink a
{
        text-decoration:underline;

}
.fenster a:hover,.spezlink a:hover
{
        text-decoration:underline;
        color:red;

}

.beschreibung
{
        font-size:11pt;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
}

.bildzelle
{
        width:220px;
        padding-bottom:30px;
}

.beschrzelle
{
        width:287px;
        padding-top:20px;
        padding-bottom:30px;
}


/*  ####################
#####    Dienstleistungen  #####
  #################### */




.bild1, .bild2, .bild3
{
        position:relative;
        width:200px;
        height:152px;
}

.uschriftref
{
        font-weight:bold;
        color:red;
}

.bild1
{
        left:70px;
        top: 20px;
        z-index:1;
}

.bild2
{
        left:-30px;
        top: 130px;
        z-index:0;
}


.bild3
{
        left:90px;
        top: 80px;
        z-index:2;
}

.listenuschrift
{
        font-size: 20px;
        font-family:Arial;
        font-weight:bold;
}


.dlliste
{
        font-family:Arial, Helvetica, sans-serif;
        font-size: 16px;
}

.dlliste li
{
        line-height:2em;
}

.slogantext
{
        font-family:"Times New Roman", Times, serif;
        color: red;
        font-style:italic;
        font-size:24px;
        margin-left:120px;


}

.dltextunten
{
        position:relative;
        bottom:-30px;
        left:0px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:16px;
        font-weight:bold;

}

/*  ####################
#####    Referenzen  #####
  #################### */
.ref a
{
                text-decoration:underline;
}

.ref a:hover
{
                color:red
}

.bildzelleref
{
        width:260px;
        padding-bottom:30px;
}

.beschrzelleref
{
        width:200px;
        padding-top:20px;
        padding-bottom:30px;
}


/*  ####################
#####    Jobs  #####
  #################### */

.jobtext
{
        font-family:Arial, Helvetica, sans-serif;
        font-size:16px;

}

.rot
{
        color:red;
}

.spacer
{
        height:20px;
}

/*  ####################
#####    Impressum  #####
  #################### */

.impressumfenster
{
        overflow:auto;
        height:500px;

}


/*  ####################
#####    SCROLLER  #####
  #################### */

.clContent
{
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
}

#scrollContainer1
{
        position: relative;
        overflow: auto;
        left: 0px;
        top: 0px;
                /* width650 für scrollcont */
        width: 680px;
        height: 460px;



}

#scrollUp1
{
        position: relative;
        left: 660px;
        top: -475px;
        width: 15px;
        height: 15px;
        font-size: 1px;
                background-color: red;
                border: 1px solid #000;
}

#scrollDown1
{
        position: relative;
        left: 660px;
        top: -30px;
        width: 15px;
        height: 15px;
        background-color: red;
                border: 1px solid #000;
        font-size: 1px;
}

#scrollBar1
{
        position: relative;
        left: 0px;
        top: 0px;
        width: 13px;
        height: 70px;
        background-color: red;
                border: 1px solid #fff;

}

#scrollTrack1
{
        position: relative;
        left: 660px;
        top: -488px;
        width: 15px;
        height: 435px;
        background-color: #FFF;
                border: 1px solid #000;;
        font-size: 1px;
}
/* SCROLLBAR REFERENZEN */

.clContent
{
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
}

#scrollContainerb1
{
                margin-left:30px;
            position: relative;
        overflow: auto;
        left: 0px;
        top: 0px;
                /* width: 950px; bei eigener leiste */
        width: 933px;
        height: 470px;

}

#scrollUpb1
{
        position: relative;
        left: 945px;
        top: -475px;
        width: 15px;
        height: 15px;
        font-size: 1px;
                background-color: red;
                border: 1px solid #000;
}

#scrollDownb1
{
        position: relative;
        left: 945px;
        top: -30px;
        width: 15px;
        height: 15px;
        background-color: red;
                border: 1px solid #000;
        font-size: 1px;
}

#scrollBarb1
{
        position: relative;
        left: 0px;
        top: 0px;
        width: 13px;
        height: 70px;
        background-color: red;
                border: 1px solid #fff;

}

#scrollTrackb1
{
        position: relative;
        left: 945px;
        top: -488px;
        width: 15px;
        height: 435px;
        background-color: #FFF;
                border: 1px solid #000;;
        font-size: 1px;
}




/* MISC */

.disc
{
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;


}

.seite
{
        height:800px;
        width:985px;
        overflow:hidden;
        margin:auto
}

.boldcs
{
        font-weight:bold;
}

.picborder
{
        border: 3px solid #F00;
}

#kontaktcontainer
{
        height:480px;
        width:454px;
        overflow:auto;
        font-family:Arial, Helvetica, sans-serif;

}

#scrollDienstl
{
        height:340px;
        width:454px;
        overflow:auto;
}

#scrolljobs
{
    overflow:auto;
        height:460px;
}

/* JOBS BEWERBUNG */

.backgroundfade
{
                width:100%;
                height:100%;
                background-color:#000;
                position:absolute;
                display:none;
                z-index:99;
}

.bewerbungzettel
{
        font-family:arial;
        font-size:12px;
        width: 500px;
        height:600px;
        background-color:#FFF;
        position:absolute;
        display:none;
        left:50%;
        top:50%;
        margin-top:-300px;
        margin-left:-250px;
        z-index:100        ;
        padding: 30px;
}

.jobtable
{
        font-family:arial;
        font-size:12px;
        width:500px;
        border:0px;
        border-collapse: collapse;
}

#job_kooppartner
{
        display:none;
}