body {font-family: "Open Sans", sans-serif}

h1 {font-weight: bold; font-size: x-large} /* x-large xx-large xxx-large */
h2 {font-size: medium; font-style: italic}
h3 {font-weight: bold; font-size: large}


/* #top-bar {max-width: 620px; display: flow-root; background: #039f3e} */
#top-bar {max-width: 620px; display: flow-root; background: #039f3e}
#top-bar-menu {float: left; width: 75%; height: 100%}
#top_bar_titel {margin-left: 20px; margin-right: 20px; width: 100%; margin-top: 10px; font-size: x-large}
#top-bar-logo {float: left; width: 25%; height: 100%}
#fsg-logo {width: 100%}


#full-page, #top-bar {max-width: 820px; width: 100%; margin: auto}

#menu {width: 100%; background: #039f3e; display: flex;  flex-wrap: wrap; justify-content: space-around}
.menu_item {background: #f9ca46; margin: 10px; border: 5px solid #f9ca46; border-radius: 10px}
a.menu_item {text-decoration: none; padding: 0px 5px;}

/* #main_text {max-width: 600px; margin: auto; padding: 10px 20px; background-image: linear-gradient(#cdedf0, #17aecb)} /* darker blue: #0c92ce */
#main_text {max-width: 100%; margin: auto; padding: 10px max(calc( (100% - 600px)/2 ), 10px); background-image: linear-gradient(#cdedf0, #17aecb)} /* darker blue: #0c92ce */

.two-col-grid {display: grid; grid-template-columns: auto auto;}

img {width: 75%}
img#logoos {width: 100%}
img.half-size {width: 49%; height: 200px}
img#logo-weleer {width: 30%}


#btn_submit {font-size: 20px; background-color: lightgreen; position: fixed; top: 10px; left: 615px}
textarea {width: 500px}
#abstract {height: 350px}
table, textarea {margin-bottom: 20px}
.hidden {display: none}