body {
/*        font-family: 'Calibri';*/
        font-family: 'Arial', freesans, sans-serif;
        font-size: 15px;
}

img.zoom {
    transform-origin: top 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: top 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);
}

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

ph2 {
/*        font-family: 'Verdana';
        font-size: 14px;*/
        Color: #000000;
        font-weight: bold;
        text-transform: none;
        text-align: left;
}

po1 {
/*      nur 02.01.17.php, 04.02.17, 04.02.17-2.php      */
        font-family: 'Helvetica';
        font-size: 14px;
        Color: #666699;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}

po2 {
/*      nur 02.01.17, 04.02.17  */
        font-family: 'Helvetica';
        font-size: 12px;
        Color: #000000;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}

pn {
/*      nur 02.01.17.php, 04.02.17, 04.02.17-2.php      */
        font-family: 'Helvetica';
        font-size: 16px;
        Color: #000000;
        font-weight: normal;
        text-transform: none;
        text-align: left;
}

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

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

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

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

p3 {
/*        font-family: 'Calibri';
        font-size: 20px;*/
        font-family: 'Arial', freesans, sans-serif;
        font-size: 18px;
        Color: #800000;
        font-weight: bold;
        text-transform: none;
        text-align: left;
}

h1 {
/*        font-family: 'Calibri';
        font-size: 24px;*/
        font-family: 'Arial', freesans, sans-serif;
        font-size: 22px;
        Color: #800000;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
}

h2 {
/*        font-family: 'Calibri';
        font-size: 20px;*/
        font-family: 'Arial', freesans, sans-serif;
        font-size: 18px;
        font-weight: bold;
        line-height: normal;
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }



nav {
         position: relative;
/*         font-family: 'Calibri';
         font-size: 18px;*/
        font-family: 'Arial', freesans, sans-serif;
        font-size: 16px;
         font-weight: bold;
/*         margin: 0;
         padding: 0;*/
/*         margin-top:-16px;*/  /* hier  margin-top:-16px;  oder im nav ul  margin: 0px; */
/*         padding: 0;*/
         z-index:2;
}

nav ul {
         position: relative;
         list-style: none;
         margin: 0px;           /* hier  margin:0px;  oder im nav  margin-top:-16px; */
/*         margin-left:10px;*/
/*         margin-left:5px;*/
         padding: 0px;
         background: #1CA074;
}

nav ul :hover {
         background: #008080;
}

nav ul li {
         width:130px;
/*         height:27px;*/
         float: left;
/*         padding-top: 4px;*/
         padding: 5px;
/*         padding-left: 0px;*/
         background: #1CA074;
         text-align: center;
}

nav ul a {
         color: #FFFFFF;
}

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

nav ul li ul {
         display: none;
         float: none;
         box-shadow: 5px 5px 5px #999;
}

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

nav ul li ul li{
         float: none;
         background: #1CA074; /*#1AC142; */
}


#box1 {
         position:absolute;
         width:1200px;
         height:200px;
         top: 10px;
         margin: 0px;
         background-color: #1CA074;
         border-radius: 8px;
         box-shadow: 5px 5px 5px #999;
}

#box2 {
         position:absolute;
         width:1160px;
         height:120px;
         top: 20px;
         left: 20px;
         text-align: center;
         background-color: #ffffff
         border-radius: 4px;
}

#box3 {
         position:absolute;
         width: 1190px;
         height: 30px;
         top: 220px;
         margin: 0px;
         padding: 5px;
         text-align:left;
         background-color: #EDCDA0;
         border-radius: 8px;
         box-shadow: 5px 5px 5px #999;
}

#box31 {
         position:absolute;
         width:1200px;
         height:90px;
         top:270px;
         margin: 0px;
         text-align:center;
         line-height: 8px;
         background-color: #F2EECB;
         border-radius: 8px;
         box-shadow: 5px 5px 5px #999;
         z-index:1;
}

#box4 {
         position:absolute;
         width:765px;
         height:780px;
         margin: 0px;
         padding: 15px;
         padding-top: 0px;
         top:375px;
         text-align:left;
         background-color: #EDCDA0;
         border-radius: 8px;
         box-shadow: 5px 5px 5px #999;
}

#box41 {
         position:relative;
         width:745px;
         height:700px;
         margin: 0px;
         padding: 10px;
         text-align:left;
         background-color: #F2EECB;
}

#box42 {
         position:relative;
         width:730px;
         height:25px;
         margin: 0px;
         padding-left: 15px;
         text-align:left;
         background-color: #EDCDA0;
         border-radius: 5px;
}

#box5 {
         position: absolute;
         width: 360px;
/*         height:780px;*/
         height:765px;
         top: 375px;
         margin-left: 810px;
         padding: 15px;
/*         padding-top: 0px;    warum? */
         text-align: left;
         background-color: #EDCDA0;
         border-radius: 8px;
         box-shadow: 5px 5px 5px #999;
}

#box51 {
         position: relative;
         width: 340px;
/*         height:200px;*/
/*         margin-top: 15px;            */
         padding: 10px;
/*         padding-top: 5px;    warum? */
         text-align: left;
         background-color: #F2EECB;
}

#box6 {
         position:absolute;
         width:1170px;
         height:160px;
         margin: 0px;
         padding: 15px;
         top:1185px;
         float: left;
         text-align:left;
         background-color: #EDCDA0;
         border-radius: 8px;
         box-shadow: 5px 5px 5px #999;
}

#box61 {
         position:relative;
         width:200px;
         float: left;
         text-align:left;
         color:#808080;
         background-color: #EDCDA0;
}

#box62 {
         position:relative;
         float: left;
         width:640px;
         height:135px;
         margin-left:40px;
         padding: 10px;
         text-align:left;
         color:#808080;
         border-style: solid;
         border-width: 2px;
         border-color: #FFFFFF;
         border-radius: 5px;
}

#box63 {
         position:relative;
         width:250px;
         float: right;
         text-align:right;
         color:#808080;
         background-color: #EDCDA0;
}


#box7 {
         position:absolute;
         width:1170px;
         height:10px;
         margin: 0px;
         top:1385px;
         background-color: #FFFFFF;
}

#lerncafe {
        height:135px;
/*        height:164px;*/
/*        margin:10px;*/
/*        margin-top:10px;
        margin-bottom:10px;*/
/*        padding-top:10px;*/
        padding-bottom:10px;
}