@font-face {
    font-family: 'Linux Libertine'; /* normal */
    src: url(LinLibertine_R.woff);
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Linux Libertine'; /* italic */
    src: url(LinLibertine_RI.woff); 
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Linux Libertine'; /* bold */
    src: url(LinLibertine_RB.woff);
    font-weight: bold;
    font-style: normal;

}



header{background-color:#00008B;}

body {
  /* color: darkred; */
  font-size: 100%;
  font-family: 'Linux Libertine', normal;

   /*background-color: #E6E60B;*/
   background-color: #87CEFA
}

/* Linkfarbe */

a {
 /* color: #FF8000 */
 color: #8A0808
}




/* Titel der Serie und Ort/Datum */

h1 {
  text-align:center; font-size: 190%; color: #FFFFFF
}


/* Titel der Schule, relativ klein */

h2 {
  text-align:center; font-size: 280%; color: #FFFFFF
}

/* Titel der Schule, sehr gross */

h7 {
  text-align:center; font-size:280%
}


/* Menuetitel */

h3 {
  font-size:110%; font-weight: bold; margin-bottom: -1px
}

/* Sprecher */

sprech {
  font-size:150%; font-weight: bold;
}


/* Organisatoren */

wir {
  font-size: 140%;
}

wiradd {
  font-size: 100%;
}

h4 {
  
  text-align:center; font-size: 160%;
}

/* Travel page */

h5 {
  font-size:140%; font-weight: bold;
}


/* wichtig */

wichtig {
  font-size:120%; font-weight: bold;
}


/* Credits */

klein {
  text-align:center;font-size: 50%;
}

/* Postertext */

mittel {
  font-size: 70%;
}


/* Kopfzeile */

#kopfzeile {
  float:left;
  width:95%;
  /* border-width: thin; 
  border-style: solid; */
}


/* Menue */

#menu_links {
  float:left;
  width: 21%;
  margin: 10px 20px 10px 20px;
  padding: 20px 40px 20px 40px;
  border-width: thin; 
  border-style: solid
  }

  #menu_abstract {
    float:left;
    width: 30%;
    margin: 10px 20px 10px 20px;
    padding: 20px 40px 20px 40px;
    border-width: thin; 
    border-style: solid
    }

/* Zwischentext */

#zwischen {
   float: left;
   margin: 20px 20px 0px 20px;
   padding: 20px 20px 20px 120px;
   width: 45%; 
   /* border-width: thin; 
   border-style: solid */
   }

 /* Photo */

#photo {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 65%; 
   /* border-width: thin; 
   border-style: solid */
   }  
   
   

/* Sprecherliste */

#sprecherliste {
   float: left;
   margin: 0px 0px 20px 0px;
   padding: 20px 0px 0px 0px;
   width: 65%; 
   /* border-width: thin; 
   border-style: solid */
   }

/* Organisatoren */

#orga {
 margin: 20px 20px 20px 20px;
 float: left;
 width: 90%;
  border-width: thin; 
 border-style: solid; 
}

/* Support */

#support {
  margin: 20px 20px 20px 20px;
  float: left;
  width: 90%;
}


#supportlogos {
   float: left;
   /*margin: 20px 40px 20px 30px;
   padding: 20px 40px 20px 40px;*/
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   /*border-width: thin; 
   border-style: solid;*/
   }

   /* Add a black background color to the top navigation */
.topnav {
  /*background-color: #333;*/
  background-color: #00008B;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: center;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  /*color: black;*/
  color: #00008B;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

#map {
  height: 400px;
  width: 70%;
 }