/* CSS Vogelaar Electronics template with logo
    Copyright by Vogelaar Electronics, Bunschoten Netherlands
    Rev 0.10  2021-07-12  Initial releas */
 
/* Remark : A blue / yellow frame around the window with screen
    independant fixed height suitable for both portrait
    and landscape presentations */

html, body {
    height: 100%;                   /* Full window = 100% */
    margin: 0;
    padding: 0;
    min-width: 750px;
}

#container {
    position: relative;
    width: 100%;
    height: 100%;
}

#top {
    position: absolute;
    top: 0;
    height: 30px;
    width: 100%;
}

#t0 {
    float: left;
    width: 30px;
    height: 100%;
    background-image: url("img/t0.png");
}

#t1 {
    display: inline-block;
    width: calc(100% - 60px);
    height: 100%;
    background-image: url("img/t1.png");
}

#t2 {
    float: right;
    width: 30px;
    height: 100%;
    background-image: url("img/t2.png");
}

#centre {
    position: relative;
    top: 30px;
    height: 5200px;
    bottom: 30px;
    width: 100%;
}

#c0 {
    float: left;
    width: 30px;
    height: 100%;
    background-image: url("img/c0.png");
}

#c1 {
    display: inline-block;
    width: calc(100% - 60px);
    height: 100%;
    background: 0xeeeeee;
    font-size: 14px;
}

#c2 {
    float: right;
    width: 30px;
    height: 100%;
    background-image: url("img/c2.png");
}

#bottom {
    position: relative;
    bottom: 0;
    height: 30px;
    width: 100%;
}

#b0 {
    float: left;
    width: 30px;
    height: 100%;
    background-image: url("img/b0.png");
}

#b1 {
    display: inline-block;
    width: calc(100% - 60px);
    height: 100%;
    background-image: url("img/b1.png");
}

#b2 {
    float: right;
    width: 30px;
    height: 100%;
    background-image: url("img/b2.png");    
}

#row0 {
    position: relative;
    height: 130px;
    width: 100%;
    color: blue;
    font-family: 'Times New Roman', Times, serif;
}

#row0a {
    float: left;
    width: 115px;
    height: 100%;
    background-image: url("img/owl_115.png");
}

#row0b {
    float: left;
    height: 60%;
    width: calc(73% - 60px);
    text-align: center;
    margin: auto;
    font-size: 50px;
    font-weight: bold;
}

#row0c {
    position: relative;
    float: left;
    height: 40%;
    width: calc(73% - 60px);
    text-align: center;
    margin: auto;
    font-size: 25px;
}

#row0d {
    font-size: 11px;
}

#row1 {
    position: relative;
    height: 470px;
    width: 100%;
}

.row {
    height: 320px;
    width: 100%;
}

.lrow {
    float: left;
    width: 40%;
    height: 100%;
}

.rrow {
    float: right;
    /* width: calc(50% - 60px); */
    width: 45%;
    height: 100%;
}

#row16 {
    height: 100px;
}