/* CSS Document */

body, html {
        background-color: #242424;
        background-image: url(images/bg03.jpg);
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        font-family: Arial,Helvetica, sans-serif;
        font-size: 10pt;
        color: #FFFFFF;
        height: 800px;
}

div#qTip {
        padding: 5px;
        border: 2px solid #007D83;
        display: none;
        background: #B3D0D4;
        color: #000000;
        font: 10px Verdana, Arial, sans-serif;
        text-align: left;
        position: absolute;
        z-index: 1000;
}

a:link {
        color: #FFFFFF;
        cursor: pointer;
}
a:active {
        color: #FFFFFF;
        cursor: pointer;
}
a:visited {
        color: #FFFFFF;
        cursor: pointer;
}
a:hover {
        color: #FFFFFF;
        cursor: pointer;
}
a:focus { outline:none }

.td { background-image:url(images/bg01.jpg); background-repeat:repeat-x; }

.td1 { border-color:#b3d0d4; border-style:solid; border-width:1px; }

.td3 { font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#000000; font-weight:100; border-bottom-color:#242424;       border-bottom-style: dashed; border-bottom-width:1px; }

.table_navi { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; font-weight:600; }
.td_navi { border-bottom-color:#242424; border-bottom-style: dashed; border-bottom-width:1px; font-family:Arial, Helvetica, sans-serif;                                            font-size:10pt; color:#242424; font-weight:600;}

.navi a:link { color: #000000; text-decoration: none; background: #007b83; display:block; padding: 4px 4px 4px 8px; cursor: pointer; }
.navi a:visited { text-decoration: none; color: #000000;  background: #007b83; display:block; padding: 4px 4px 4px 8px; cursor: pointer; }
.navi a:hover { text-decoration: none; color: #000000;  background: #b3d0d4; display:block; padding: 4px 4px 4px 8px; cursor: pointer; }
.navi a:active { text-decoration: none; color: #000000;  background: #b3d0d4; display:block; padding: 4px 4px 4px 8px; cursor: pointer; }
.navi a:focus { outline:none }


.head { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; font-weight:bold;
            position:absolute; width:350px; height:19px; z-index:2; left: 170px; top: 111px; }

.counter { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; font-weight: 100;
               position:absolute; width:330px; height:19px; z-index:1; left: 520px; top: 109px; }

.navi { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; background-color:#007d83;
            position:absolute; width:165px;        height:325px; z-index:3; left: 0px;        top: 132px; }

.coop { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; background-color:#007d83;
            position:absolute; width:165px;        height:120px; z-index:5; left: 0px;        top: 557px; }

.content {
        border-right-color: #b3d0d4;
        border-right-style:solid;
        border-right-width: 1px;
        border-left-color: #b3d0d4;
        border-left-style:solid;
        border-left-width: 1px;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 25px;
        position:absolute;
        width:675px;
        height:auto;
        z-index:4;
        left: 165px;
        top: 132px;
}

.intranet {

        border-left-color: #b3d0d4;
        border-left-style:solid;
        border-left-width: 1px;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 25px;
        position:absolute;
        width:775px;
        height:550px;
        z-index:4;
        left: 165px;
        top: 132px;
}



.projekt { position:absolute; width:150px; height: 380px; z-index:1; left: 525px; top: 28px; border-color:#b3d0d4; border-style:solid;           border-width:1px; }

.recht { position:absolute;        width:150px; height:115px; z-index:1; left: 525px; top: 115px; border-color:#b3d0d4; border-style:solid;
         border-width:1px; }

.produkte_tk { position:absolute; width:150px; height: 505px; z-index:1; left: 525px; top: 40px; border-color:#b3d0d4; border-style:                                solid; border-width:1px; }

.produkte_tk2 {        position:absolute; width:150px;        height: 430px; z-index:1; left: 525px; top: 40px; border-color:#b3d0d4;
                                border-style: solid; border-width:1px; visibility: visible; }

.referenzen { position:absolute; width:150px; height: 350px; z-index:1; left: 525px; top: 40px; border-color:#b3d0d4; border-style:                               solid; border-width:1px; }

.kontakte {        position:absolute; width:150px; height:165px; z-index:2; left: 525px; top: 170px; border-color:#b3d0d4; border-style:solid;
                border-width:1px; }

.link1 a:link { color: #007B83; text-decoration: none; cursor: pointer; }
.link1 a:visited { text-decoration: none; color: #007B83; cursor: pointer; }
.link1 a:hover { text-decoration: underline; color: #b3d0d4; cursor: pointer; }
.link1 a:active { text-decoration: none; color: #b3d0d4; cursor: pointer; }
.link1 a:focus { outline:none }

.key1 { position:absolute; width:200px;        height:200px; z-index:1; left: 410px; top: 95px;
            visibility: hidden; border-color:#007d83; border-style:solid; border-width:3px; }

.key2 { position:absolute; width:200px;        height:200px; z-index:10; left: 410px; top: 200px;
            visibility: hidden; border-color:#007d83; border-style:solid; border-width:3px; }

.key7 { position:absolute; width:200px;        height:200px; z-index:10; left: 410px; top: 250px;
            visibility: hidden; border-color:#007d83; border-style:solid; border-width:3px; }

.key3 {        position:absolute; width:104px; height:150px; z-index:2; left: 450px; top: 95px; border-color:#007d83; border-style:solid;
            border-width:3px; visibility: hidden; }

.key4 {        position:absolute; width:188px; height:150px; z-index:1; left: 450px; top: 95px; border-color:#007d83; border-style:solid;
            border-width:3px; visibility: hidden; }

.key5 { position:absolute; width:213px;        height:100px; z-index:3; left: 450px; top: 95px; border-color:#007d83; border-style:solid;                                border-width:3px; visibility: hidden; }

.key6 { position:absolute; width:188px;        height:150px; z-index:4; left: 450px; top: 95px; border-color:#007d83; border-style:solid;        border-width:3px; visibility: hidden; }


.input1 {
        background-color: #242424;
        font-family: Verdana;
        font-size: 8pt;
        font-style: normal;
        font-weight: 100;
        color: #ffffff;
        border-style: solid;
        border-width: 1px;
        border-color: #007D83;

}

.textarea {
        font-family: Verdana;
        font-size: 7pt;
        font-style: normal;
        font-weight: 100;
        color: #ffffff;
        border-style: solid;
        border-width: 1px;
        border-color: #007D83;
        min-height: 15px;
        max-height: 16px;

}


.emailtm { position:absolute; width:500px; height:325px; z-index:4; left: 1px; top: 130px; background-color:#242424; visibility: hidden; }

.emailjl { position:absolute; width:500px; height:325px; z-index:3; left: 1px; top: 130px; background-color:#242424; visibility: hidden; }

.emailjs { position:absolute; width:500px; height:325px; z-index:5; left: 1px; top: 130px; background-color:#242424; visibility: hidden; }

.emailce { position:absolute; width:500px; height:325px; z-index:6; left: 1px; top: 130px; background-color:#242424; visibility: hidden; }

.emailin { position:absolute; width:500px; height:325px; z-index:7; left: 1px; top: 130px; background-color:#242424; visibility: hidden; }

.emailte { position:absolute; width:500px; height:325px; z-index:8; left: 1px; top: 130px; background-color:#242424; visibility: hidden; }

.emailrb { position:absolute; width:500px; height:325px; z-index:8; left: 1px; top: 130px; background-color:#242424; visibility: hidden; }


.table2 { border:#b3d0d4 solid 1px; }
.td2 { padding: 3px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; height: 360px; width: 150px; }
.td21 { padding: 5px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; }
.td4 { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:600; color:#000000; }