/* CSS for larger screens (e.g. non-mobile devices) */

/* ========= GLOBAL ============ */

html {
  max-width: 1200px;
}

/* ========= NAVIGATION ========= */

/* Hide dropdown menu */
#nav_anchor {
  display: none;
}
#nav_expanded.nav_open,
#nav_expanded.nav_closed {
  display: inline;
}

header nav {
  position: absolute;
  top: 163px;
}

/* Main menu on one line with separators */
header nav ul li {
  width: auto;
  margin-left: 0px; 
  position: relative;
}

header nav ul li:first-child {
  margin-left: 8px;
}

header nav ul li a:after {
  content:" | ";
  color: #fff5e2;
  margin-left: 4px;
} 
header nav ul li:last-child a:after {
  content:"";
}

/* Submenu */
nav.submenu {
  min-width: 125px; /* Set width of the dropdown */
  position: absolute;
  left: 0;
  top: 35px; 
}
nav.submenu ul {
  border: 1px solid white; 
  background: #4680cd;
  z-index: 999;
}
nav.submenu ul li:first-child, nav.submenu ul li {
  margin: 0;
  padding: 0;
  width: inherit;
}
nav.submenu ul li:hover {
  margin: 0;
  padding: 0;
  background: #44b9ad;
}
nav.submenu ul li a:after {
  content:"";
}

/* Submenu display on hover */
li nav.submenu ul {
  display: none;
}
li:hover nav.submenu ul {
  display: block;
}

li.menu_selected a {
  color: #ffcd6e;
}

nav.submenu a {
  color: #ffebc5;
  width: 100%;
}
nav.submenu a:hover {
  color: #ffcd6e;
}

nav.submenu li.menu_selected {
  color: #ffcd6e;
  background: #44b9ad;
}

/* ========= LAYOUT MAIN CONTENT ========= */

div.column {
  min-height: 250px;
}

/* Container: Add empty element to make space on the right side */
.aside_right:before {
  content: '';
  float: right;
  display: block;
  width: 260px;
  height: 0px;
  margin: 0 0 1px 1px;
}

/* Submenu (left/top) */
.submenu {
  float: left;
  width: 185px;
}
/* Submenu spacer if no submenu present */
#submenu_spacer {
  display: block;
  float: left;
  width: 20px;
  height: 10px;
}

/* Main content (center) */
.main_content {
  float: none;
  width: auto;
  min-height: 250px;
}

/* Link list (right/bottom) */
aside.aside_right {
  position: absolute;
  top: 87px;
  right: 10px;
  width: 246px;
  background: #ffffff;
  padding: 0;
}

.links {
  font-size: 1.1em;
}

.links a {
  color: #4680cd;
  text-decoration: none;
}

.links a:hover {
  color: #f05a50;
}

/* Box with title */
section.box {
  float: left;
  width: 31%;
}

/* Link list */
aside {
  padding-top: 10px;
  padding-bottom: 15px;
}

aside p {
  font-size: 0.9em;
  line-height: 120%;
}

/* ========= IMAGES ========= */

.imageblock_left {
  float: left;
  margin-left: 8px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.imageblock_right {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}

/* Container: Add empty element to make space on the right side */
.event_body:before {
  content: '';
  float: right;
  display: block;
  width: 160px;
  height: 110px;
}

.event_image {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}

.wegweiser {
  display: inline;
  position:relative;
  top:5px;
}

div.bluewide div.left {
  width: 40%;
}

div.bluewide div.right {
  width:55%;
}

div.bluewide div.left_grundr {
  width: 37%;
}

div.bluewide div.right_grundr {
  width: 61%;
  max-height: 560px;
}

img#schnitt_grundr {
  top:-30px;
}

.svgMapImage {
  width: 65%;
  float: right;
  position: relative;
}

.svgMapTable {
  width: 35%;
}

div.sticker_holliger {
  display: inline;
}

div.sticker_holliger_text {
  display: none;
}

/*.sticker_holliger p {
  position: relative;
  left: 90px;
  width: 84%;
}*/

/*.sticker_holliger img {
  position: absolute;
  top: 20px;
}*/

div.icon_with_text {
  display: flex;
  align-items: center;
}

/* ========= MAPS =========== */

div.map_red {
  font-size: 1.0em;
}
div.map_blue {
  font-size: 1.0em;
}

/* ========= FORMS ========== */

/* ========= FOOTER ========= */
footer p {
  border-top: 1px solid #b4e3de;
}
/* EOF */