/* Hintergrundfarben
grün bis Aug 2025: #185359
blau der Homepage: #364b9a
blau von Nextcloud: #00679e
*/

.bodystyle {
    background-color: #00679e;
    margin: 20 auto;
}

.hplink a {
     text-align: center;
}

.hplink a { 
    display:block;
    background: url(../images/goegy.png) no-repeat;
    width:200px;
    height:200px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.hplink a:hover {
    background: url(../images/goegyc.png) no-repeat;
}

.emaillink a { 
    display:block;
    background: url(../images/email.png) no-repeat;
    width:200px;
    height:200px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.emaillink a:hover {
    background: url(../images/emailc.png) no-repeat;
}

.cloudlink a { 
    display:block;
    background: url(../images/cloud.png) no-repeat;
    width:200px;
    height:200px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.cloudlink a:hover {
    background: url(../images/cloudc.png) no-repeat;
    transition-delay: 3s;;
}

.mebislink a { 
    display:block;
    background: url(../images/bycs.png) no-repeat;
    width:200px;
    height:200px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.mebislink a:hover {
    background: url(../images/bycsc.png) no-repeat;
}

.dokulink a { 
    display:block;
    background: url(../images/doku.png) no-repeat;
    width:200px;
    height:200px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.dokulink a:hover {
    background: url(../images/dokuc.png) no-repeat;
}

.webuntislink a {
	display: block;
	background: url(../images/webuntis.png) no-repeat;
    width:200px;
    height:200px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.webuntislink a:hover {
    background: url(../images/webuntisc.png) no-repeat;
}

.stadtlink a {
	display: block;
	background: url(../images/stadt.png) no-repeat;
    width:200px;
    height:200px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.stadtlink a:hover {
    background: url(../images/stadtc.png) no-repeat;
}

.sdslink a { 
    display:block;
    background: url(../images/dracoon.png) no-repeat;
    width:200px;
    height:200px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.sdslink a:hover {
    background: url(../images/dracoonc.png) no-repeat;
}

div.rowstyle3 {
margin-top: 205px;
margin-left: 15px
}

div.rowstyle2 {
margin-top: 205px;
margin-left: 15px
}

div.rowstyle1 {
margin-top: 20px;
margin-left: 15px
}