/* #######################################################*/
/* ############### classes        ########################*/  
/* #######################################################*/


body {
	font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

/* #######################################################*/
/* ############### IDs            ########################*/  
/* #######################################################*/

#top {
	text-align: center;
}
/* #######################################################*/
#logo img{
	display: inline-block;
    width: 25%;
    margin-top: 16px;
    margin-bottom: 16px;
    size: 1024px;
	
}
#logos_Leibnitz img{
    width: 200px;
}
#logo_inst img{
    width: 12%;
    size: 1024px;
}

#logo-name{
	font-size: 32px;
	font-weight: bold;
	margin: 16px;
}
/* #######################################################*/
#navigation {
    background-color: rgb(10, 88, 107);
    padding: 8px;
}

#navigation a {
    color: white;
    padding: 8px;
}

#navigation a:hover {
    color: rgb(59, 144, 194);
}
/* #######################################################*/
#image {
    padding: 90px;
    text-align: center;
    background-image:url("../img/image_1.jpg");
  }
#image img{
    width: 15%;
    size: 1024px;
}
/* #######################################################*/
#main {
    max-width: 800px;
    margin: auto;
    padding: 16px;
    line-height: 140%;
}

#main img {
    text-align: center;
    width: 85%;
    size: 1024px;
}

#main h2 {
    text-align: center;
    color: rgb(10, 88, 107);
    padding: 10px;
}

#main a {
    color: rgb(0, 12, 12);
    padding: 8px;
    }
#main a:hover {
    color: rgb(122, 189, 216);
    }
/* #######################################################*/
#footer {
    text-align: center;
    color: gray;
    padding: 16px;
}