body {
/*        font-family: 'Calibri', freesans, sans-serif;
*/
/*      Calibri hatte keine standardgröße festgelegt, entsprach aber 16px */
/*        font-size: 16px;*/
        font-family: Arial, Helvetica, FreeSans, Sans-serif;
/*        font-family: Sans-serif, Arial, Helvetica; */
/*        font-family: FreeSans, Sans-serif, Arial, Helvetica;*/
        font-size: 14px;
        line-height: 1.15;
/*        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -font-smoothing: antialiased;
        /* macht keinen Unterschied bei bold
*/
        /*background-image: url(images/Logo_BQS.jpg);
        background-repeat: repeat;
        background-position: right;
        background-attachment: fixed;*/
        background-color:#FFF999;
}

img.zoom {
    transform-origin: bottom left;
    transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
}

img.zoom:hover {
    cursor: zoom-in;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    transform-origin: bottom left;
    transform: scale(3.0, 3.0);
    -moz-transform: scale(3.0, 3.0);
    -webkit-transform: scale(3.0, 3.0);
    -o-transform: scale(3.0, 3.0);
    -ms-transform: scale(3.0, 3.0);
}
th {
    background-color: rgb(0,124,195);
    color: #ffffff;
/*    border-radius: 2px;      */
    border-radius: 0px;
    padding-left: 5px;
}

tbody tr:nth-child(even) td {
    background-color: rgb(229,248,255);
    padding-left:10px;
}

tbody tr:nth-child(odd) td {
    background-color: rgb(200,240,255);
    padding-left:10px;
}

.left    { text-align: left; }
.right   { text-align: right; }
.center  { text-align: center; }
.justify { text-align: justify; }

ph1 {
/* momentan nicht verwendet */
/*        font-family: 'Verdana', freesans, sans-serif;
        font-size: 18px;
*/
/*        font-family: 'Arial', freesans, sans-serif;           wird geerbt */
        font-size: 18px;
        Color: #3366FF;
        font-weight: bold;
        text-transform: none;
        text-align: left;
}

ph2 {
/* momentan nicht verwendet */
/*        font-family: 'Verdana', freesans, sans-serif;
        font-size: 14px;
*/
/*        font-family: 'Arial', freesans, sans-serif;           wird geerbt */
        font-size: 14px;
        Color: #000000;
        font-weight: bold;
        text-transform: none;
        text-align: left;
}

po1 {
/* momentan nicht verwendet */
/*        font-family: 'Helvetica', freesans, sans-serif;
     wird geerbt */
        font-size: 12px;
        Color: #666699;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}

po2 {
/* momentan nicht verwendet */
/*        font-family: 'Helvetica', freesans, sans-serif;
     wird geerbt */
        font-size: 12px;
        Color: #000000;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}

pn {
/* momentan nicht verwendet */
/*        font-family: 'Helvetica', freesans, sans-serif;
     wird geerbt */
        font-size: 14px;
        Color: #000000;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}

p0 {
/*        font-family: 'Calibri', freesans, sans-serif;
        font-size: 14px;
*/
/*        font-family: 'Arial', freesans, sans-serif;
     wird geerbt */
        font-size: 13px;
        Color: #000000;
        font-weight: normal;
        text-transform: none;
}

p1 {
/*        font-family: 'Calibri', freesans, sans-serif;
        font-size: 16px;
*/
/*        font-family: 'Arial', freesans, sans-serif;     wird geerbt */
        font-size: 14px;
        Color: #000000;
        font-weight: normal;
        text-transform: none;
}

p2 {
/*        font-family: 'Calibri', freesans, sans-serif;
        font-size: 18px;
*/
/*        font-family: 'Arial', freesans, sans-serif;     wird geerbt */
        font-size: 16px;
        Color: #000000;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}

p2w {
/*        font-family: 'Arial', freesans, sans-serif;     wird geerbt */
        font-size: 16px;
        Color: #FFFFFF;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}
p2wb {
/*        font-family: 'Calibri', freesans, sans-serif;
        font-size: 18px;
*/
/*        font-family: 'Arial', freesans, sans-serif;
     wird geerbt */
        font-size: 16px;
        Color: #FFFFFF;
        font-weight: bold;
        text-transform: none;
        text-align: left;
}

p3 {
/*        font-family: 'Calibri', freesans, sans-serif;
        font-size: 22px;
*/
/*        font-family: 'Arial', freesans, sans-serif;     wird geerbt */
        font-size: 19px;
        Color: #800000;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}

a:link {
    text-decoration: none;
/*    color: blue;*/
}
a:visited {
    text-decoration: none;
/*    color: blue;*/
}
a:active { text-decoration: none; }
a:hover { text-decoration: none; }

#inf  {
        padding: 10px;
/*        height:25px;*/
        background-color: rgb(0,124,195);
        border-radius: 3px;
}

#inf1  {
        padding: 5px;
        padding-left:10px;
/*        height:20px;
*/
        background-color: rgb(0,124,195);
        border-radius: 3px;
}

#inf2  {
        padding: 2px;
        padding-left:10px;
        padding-right:10px;
/*        height:20px;*/
        border-radius: 3px;
        border-style: solid;
        border-width: 2px;
        border-color: rgb(0,124,195);
}

#inf3  {
        margin: 10px;
        margin-top: 5px;
/*        padding: 10px;
        padding-top: 5px;*/
}

#inf30  {
        font-weight: bold;
}

#inf31  {
        float: left;
        width: 60px;
        height: 70px;
}

#inf32  {
/*        float: left;*/
        width: 200px;
        height: 70px;
}

#graf  {
        width:212px;
        height:495px;
        padding: 5px;
        padding-top: 10px;
        z-index:1;
        border-radius: 6px;
        text-align:center;
}

#graf1  {
        width:202px;
        height:450px;
        padding: 5px;
        float: left;
        background-color: #D0D0D0;
        border-radius: 4px;
        text-align:center;
}

#graf2  {
        width:192px;
        height:100px;
        padding: 5px;
        padding-top: 10px;
        border-radius: 6px;
        text-align:center;
}

#graf3  {
        width:182px;
        height:55px;
        padding: 5px;
        float: left;
        background-color: #FFFFFF;
        border-radius: 4px;
        text-align:center;
}

#box1 {
        position:relative;
        width:1200px;
        height:1125px;
        margin:0px auto;
        padding:10px;
        text-align:left;
        background-color: #FF9900 /*#FF6600;*/
}

#box2 {
         position:absolute;
/*         width:180px;
         height:600px;
*/
/*         width:174px;
         height:594px;*/
         width:170px;
         height:590px;
         top:350px;
         margin: 0px;
         padding: 10px;
         text-align:center;
         background-color: #FFFFFF;
         border-radius: 5px;
}

#box21 {
         position:absolute;
         height:40px;
/*         width:180px;
         top:970px;
         margin:0px;
         padding:5px;*/
         width:170px;
         top:970px;
         margin:0px;
         padding:10px;
         text-align:center;
         background-color: #FFFFFF;
         border-radius: 5px;
}

#box3 {
         position:relative;
         width:840px;
         text-align: right;
         margin-left: 360px;
         background-color:#FFFFFF;
         z-index:4;
}

#box4 {
         position:absolute;
         width:680px;
         height:590px;
         margin-left: 200px;
         padding: 10px;
         top:350px;
         text-align:left;
         border-radius: 5px;
         background-color: #FFFFFF;
}

#box5 {
         position:absolute;
         width:270px;
         height:590px;
         top:350px;
         margin-left: 910px;
         padding: 10px;
         text-align:left;
         border-radius: 5px;
         background-color: #FFFFFF;
}

#box51 {
         position:relative;
         width:340px;
         height:200px;
         margin-top: 15px;
         padding: 10px;
         padding- top: 0px;
         text-align:left;
         background-color: #FFFFFF;
}

#box6 {
         position:absolute;
         width:1170px;
         height:135px;
         margin: 0px;
         padding: 15px;
         top:970px;
         float: left;
         text-align:left;
         border-radius: 5px;
         background-color: #D0D0D0;
/*        font-family: 'Arial', freesans, sans-serif;     wird geerbt */
        font-size: 15px;
/*        Color: #FFFFFF;*/
        font-weight: normal;

}

#box61 {
         position:relative;
/*         width:240px;
*/
         width:300px;
         float: left;
         text-align:left;
         color:#808080;
}

#box62 {
         position:relative;
         float: left;
/*         width:620px;
*/
         width:773px;           /* wegen border-width */
         height:113px;          /* wegen border-width */
         margin-left:20px;
         padding: 10px;
         text-align:left;
         color:#808080;
         border-style: solid;
         border-width: 1px;
         border-color: #FFFFFF;
         border-radius: 5px;
}

#box63 {
         position:relative;
/*         width:250px;
*/
         width:40px;
         float: right;
         text-align:right;
         color:#808080;
}

nav {
         position: relative;
/*         font-family: 'Calibri', freesans, sans-serif;
         font-size: 16px;
*/
/*         font-family: 'Arial', freesans, sans-serif;     wird geerbt */
         font-size: 14px;
         font-weight: bold;
         z-index:5;
}

nav ul {
         position: relative;
         list-style: none;
         margin: 0px;
         padding: 0px;
         /*background: #3366FF;*/
}

nav ul :hover {
         text-shadow: 0px 0px 10px yellow;
         color: #FFFF00;
}

nav ul li {
/*         width:120px;
*/
         width:114px;
/*         height:27px;
*/
         float: right;
/*         padding-top: 4px;
*/
         padding: 8px;
         /*background-image: linear-gradient(0deg, #3366FF, #0000FF);*/
         background: rgb(0,124,195);
         border-left-style:solid;
         border-top-style:solid;
         border-left-width: 1px;
         border-top-width: 1px;
         border-left-color:#99CCFF;
         border-top-color:#99CCFF;
         text-align: center;
}

nav ul a {
         color: #FFFFFF;
}

nav ul ul {
         position: relative;
         list-style: none;
/*         margin-top: 5px;*/
         margin-top: 0px;
         margin-left: 0px;
         padding: 0px;
}

nav ul li ul {
         display: none;
         float: none;
         padding-top: -3px;
/*         padding-left: -14px;*/
/*         margin-left: -9px;*/
         margin-left: -1px;
}

nav ul li:hover > ul {
         position: absolute;
         display: block;
}

nav ul li ul li{
         float: none;
/*         background: #0000AF;*/
        background: rgb(0,124,195);
}

nav1 {
         position: relative;
/*         font-family: 'Calibri', freesans, sans-serif;
         font-size: 15px;
*/
/*         font-family: 'Arial', freesans, sans-serif;
     wird geerbt */
         font-size: 13px;
         font-weight: bold;
         z-index:5;
}

nav1 ul {
         position: relative;
         list-style: none;
/*         margin: 6px;
*/
/*         margin: 2px;
         margin-left: 1px;
         margin-right: 1px;*/
         margin: 0px;
         margin-left: 0px;
         margin-right: 0px;
         padding: 0px;
}

nav1 ul li {
/*         width:170px;
         height:27px;
         padding-top: 4px;
         padding-Left: 10px;
*/
/*         width:154px;*/
/*      width 154 und padding 7: bricht EUTB bei Win/Firefox um, aber bei Lin/Firefox, Win/Edge und Win/Chrome nicht */
        width:162px;
        padding:8px;
        padding-left:8px;       /* EUTB ist zu breit */
        padding-right:0px;      /* EUTB ist zu breit */
/*         padding-left:1px;*/
/*         padding-right:29px;*/
        background: rgb(0,124,195);
/*         border-top-style:solid;
         border-top-width: 1px;
         border-top-color:#99CCFF;
*/
        border-bottom-style:solid;
        border-bottom-width: 1px;
        border-bottom-color:#99CCFF;
        text-align: left;
}

nav1 ul :hover {
         text-shadow: 0px 0px 10px yellow;
         color: #FFFF00;
}


nav1 ul a {
         color: #FFFFFF;
}

nav1 ul ul {
         position: relative;
         list-style: none;
/*         margin-top: 7px;
         margin-left: -10px;*/
         margin-top: 1px;
         margin-left: 0px;
         padding: 0px;
}

nav1 ul li ul {
         display: none;
         float: none;
/*         padding-top: 2px;
         padding-left: 3px;*/
         padding-top: 0px;
         padding-left: 0px;
}

nav1 ul li:hover > ul {
         position: absolute;
         display: block;
}

nav1 ul li ul li{
         float: none;
/*         background: #0000AF;*/
        background: rgb(0,124,195);
}