body {
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  font-family:Arial;
  background:#3B886E;
  background:linear-gradient(0deg,rgba(59, 136, 110, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(59, 136, 110, 1) 100%);
}

/* page layout */
a, body, div, em, input, label, li, ol, p, select, span, strong, td, th, textarea, u, ul {
  font-weight:normal;
  font-size:1em;
  color:#000000;
}

select,input,textarea {
}

form {
  margin:0;
  padding:0;
}

img {
  vertical-align:middle;
  border:0;
}

p, pre, form {
  margin:0;
  padding:0;
} 

header,
nav,
main,
article,
section,
aside {
  background-color:#FFFFFF;
}

header {
  text-align:center;
}

header img {
  margin-left:auto;
  margin-right:auto;
}

nav ul {
  list-style-type:none;
  margin:1px;
  padding:1px;
  margin-bottom:1em;
}

nav > ul li.CustomMenu, nav > ul li.CustomMenuActive {
  margin-left:0;
  padding:0.4em 0.4em 0.4em 0.4em;
  min-height:1em;
  text-align:left;
  border:1px solid #FFFFFF;
  border-top-width:0px;
  color:#282828;
}

nav > ul li.CustomMenu {
  background-color:#5c9380;
}

nav > ul li.CustomMenuActive, nav > ul li.CustomMenu :hover {
  background-color:#285848;
}

nav ul li a:link, nav ul li a:visited, nav ul li a:focus, nav ul li a:active {
  font-family:Arial;
  font-size:0.938em;
  font-weight:normal;
  color:#FFFFFF;
  text-decoration:none;
}

nav > ul li.CustomSubMenu, nav > ul li.CustomSubMenuActive {
  margin-left:0;
  padding:0.4em 0.4em 0.4em 1em;
  min-height:1em;
  text-align:left;
  border:1px solid #FFFFFF;
  border-top-width:0px;
  color:#282828;
}

nav > ul li.CustomSubMenu {
  background-color:#5c9380;
}

nav > ul li a:hover, nav > ul li.CustomSubMenu:hover, nav > ul li.CustomSubMenuActive {
  background-color:#285848;
}

nav > ul li.CustomTitle {
  font-weight:bold;
  margin-left:0;
  background-color:#285848;
  padding:0.4em 0.4em 0.4em 0.4em;
  vertical-align:middle;
  background-repeat:no-repeat;
  text-align:left;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
}

nav > ul li.CustomEmpty {
  background-color:#FFFFFF;
  border:1px solid #FFFFFF;
}

nav > div.Burgermenu {
  background-color:#FFFFFF;
  padding-left:0.5em;
  text-align:left;
  color:#285848;
  font-weight:bold;
  font-size:3em;
  margin-left:0;
}

nav > div {
  color:#2A5949 !important;;
  font-size:0.8em;
}

nav > div.News a {
  color:#9d0c10 !important;
  font-style:italic;
  font-weight:bold;
  font-size:2em;
  text-decoration:none;
}

div.CustomFederation, div.CustomS24Logo, div.CustomS24LogoPanoma {
  text-align:center;
  margin-bottom:0.5em;
}

div.CustomS24Logo a img {
  max-width:12em;
}

div.CustomFederation, div.CustomS24LogoPanoma img {
  margin-right:1em;
}

div.CustomStatistic {
  margin-bottom:0.5em;
}

li.CustomStatisticObjects, li.CustomStatisticProducts {
  display:none;
}

main {
  background-color:#FFFFFF; 
  padding-bottom:1em;
}

footer {
  font-size:0.8em;
  height:3em;
  margin-left:auto;
  margin-right:auto;
  text-align:center; 
  line-height:1.5em;
  color:#000000;
  width:100%;
  background-color:#FFFFFF;
  border-top-width:1px;
  border-top-style:dotted;
  border-top-color:#000000;
}

aside ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

/* general stuff */
table {
  margin:0;
  border-spacing:0;
  padding:0;
  border:0;
  background-repeat:no-repeat;
  background-position:top left;
}

td {
  vertical-align:top;
}

/* main menu */
div.CustomMainMenu {
  background-color:#00489C;
  height:2em;
}

div.CustomMainMenu ul {
  float:left;
  list-style:outside none none;
  margin:0 0 0 1em;
  padding:0;
}

div.CustomMainMenu ul li.CustomMainMenu {
  color:#FFFFFF;
  float:left;
  height:2em;
  line-height:2em;
  margin:0;
  padding:0 0.5em 0 0.5em;
  border-top:1px solid #00489C;
}

div.CustomMainMenu ul li.CustomMainMenuActive {
  background-color:#282828;
  float:left;
  height:2em;
  line-height:2em;
  margin:0;
  padding:0 0.5em 0 0.5em;
  font-weight:bold;  
  color:#FFFFFF;
  border-top:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

div.CustomMainMenu ul li.CustomMainMenu a, div.CustomMainMenu ul li.CustomMainMenuActive a {
  font-weight:bold;
  color:#FFFFFF;
}

/* location bar */
div.CustomLocation {
  margin-top:0.5em;
  overflow:hidden;
  text-align:left;
  color:#282828;
  clear:left;
}

a.CustomLocation:link, a.CustomLocation:visited, a.CustomLocation:focus, a.CustomLocation:active {
  font-family:Verdana;
  font-size:0.8em;
  line-height:1.2em;
  font-weight:bold;
  color:#282828;
  text-decoration:none;
}

a.CustomLocation:hover {
  text-decoration:underline;
}

div.CustomFederation, div.CustomS24Logo, div.CustomS24LogoPanoma {
  text-align:center;
  margin-bottom:0.5em;
}

div.CustomS24Logo a img {
  width:12em;
}

div.CustomFederation, div.CustomS24LogoPanoma img {
  margin-right:1em;
}

div.CustomStatistic {
  margin-bottom:0.5em;
}

li.CustomStatisticObjects, li.CustomStatisticProducts {
  display:none;
}

nav > div > h3 {
  background-color:#013064;
  color:#FFFFFF;
  padding:0.3em;
  margin-bottom:0;
}

nav > div > ul {
  border:1px solid #888888;
  padding:0.3em;
}

nav > div > ul li, nav > div > ul li:hover {
  background-color:#FFFFFF;
  color:#000000;
  padding:0;
}

/* openstreet map entry */
div.DisclaimerOSM {
  width:350px;
  height:300px; 
  float:right; 
  margin-left:1em;
}
div.ContactButton, div.NewsTop {
  border:1px solid #B5B5B5;
  border-radius:0.5em;
  padding:0.5em;
  font-family:Arial;
}

div.ContactButton { 
  font-weight:bold;
  color:#002F67;
  margin-bottom:0.5em;
}

div.ContactButtonHeader {
  position:relative;
  text-align:left;
  font-size:2.5em;
  font-weight:bold;
  color:#1A3B32;
}

div.ContactButtonPhone {
  font-family:Arial;
  font-weight:bold;
  font-size:1.1em;
  color:#2A5949;
}

div.ContactButtonNext, div.NewsNext {
  text-align:right;
}

div.NewsTop {
  color:#2A5949;
  vertical-align:top;
}

div.ContactButton > h2 {
  margin-bottom:0.25em;
}

div.NewsContainer {
  border-top:1px dotted #000000;
}

div.NewsContent {
  padding-top:0.25em;
}

/* Paragraphs */
p.Warning {
  border:1px;
  border-style:solid;
  border-color:#000000;
  background-color:#FFCC00;
  color:#000000;
  padding:6px;
  margin-top:6px;
  margin-bottom:0px;
  width:286px;
}

p.Success {
  border:1px;
  border-style:solid;
  border-color:#000000;
  background-color:#00CC00;
  color:#000000;
  padding:6px;
  margin:0px;
  width:286px;
}

/* input elements */
input, select {
	padding:0.2em 0.5em;
	background-color:#FFFFFF;
	border:1px solid #282828;
}

select {
  margin-right:0.5em;
}

input[type=text], input[type=email], input[type=password] {
	width:90%;
}

select {
  width:93%;
}

input[type=tel], input[type=number], input#Check {
  width:30%;
}

input[type=radio] {
	margin:0 0 1em 1em;
	padding:0.2em 0.5em;
	background-color:#FFFFFF;
}

textarea {
	padding:0.2em 0.5em;
	width:90%;
	background-color:#FFFFFF;
	border:1px solid #282828;
  height:6em;
}

label {
	line-height:1.5em;
	clear:left;
	display:block;
	padding-top:0.5em;
}

button {
  background-color:#FFFFFF;
  color:#282828;
  font-weight:bold;
  border-width:1px;
  border-style:solid;
  border-color:#282828;
  border-radius:0.5em;
  text-align:center;
  cursor:pointer;
  padding:0.5em;
}

button:hover {
  background-color:#DDDDFF;
  cursor:pointer;
}

input:required + ::after, select:required + ::after {
	content:" ★ ";
	color:red;
}

input:required:valid + ::after, select:required:valid + ::after {
	content:" ✔";
	color:green;
}

input + span {
  padding-left:0.5em;
}

/* object list */
div.CustomObject, div.CustomNews {
  border:1px solid #B5B5B5;
  border-radius:0.5em;
  padding:0.5em;
  margin-bottom:0.5em;
}

div.CustomObject {
  overflow:hidden;
}

div.CustomObjectData0 {
}

div.CustomObjectData1 {
  background-color:#F0F0F0;
}

div.CustomObjectTop, div.CustomObjectBottom {
  width:620px;
  height:8px;
  background-repeat:no-repeat;
}

div.CustomObjectDetail {
  width:620px;
  background-repeat:repeat-y;
}

div.CustomObjectImage {
  width:8em;
  height:6em;
  float:left;
  padding-right:0.5em;
}

div.CustomHomeImage {
  padding-right:0;
  margin-left: auto;
  margin-right: auto;
}

img.CustomObjectPreview {
  width:8em;
  height:6em;
}

img.CustomHomePreview {
  max-width:100%;
  width:100%;
}

div.CustomObjectTitle {
}

table.CustomObjectData {
  margin-top:1em;
}

td.CustomObjectData {
}

div.CustomObjectDetailData {
  width:194px;
  height:300px;
  margin-top:4px;
  float:right;
  color:#14332B;
  padding-right:9px;  
}

div.CustomObjectTitle a:link, a:visited, a:active, a:focus {
  font-family:Arial;
  font-weight:bold;
  font-size:16px;
  line-height:20px;
  color:#2A5949;
  text-decoration:none;
}

div.CustomObjectTitle a:hover {
  font-family:Arial;
  font-weight:bold;
  font-size:16px;
  line-height:20px;
  color:#2A5949;
  text-decoration:underline;
}

img.CustomObjectDetail {
  width:400px;
  margin-left:9px;
}

table.CustomObjectDetailData {
  margin-top:8px;
  width:190px;
}

td.ObjectContentKey {
  width:80px;
  color:#14332B;
}

td.ObjectContentData {
  color:#14332B;
}

div.CustomObjectDetailContent {
  clear:left;
  margin-top:4px;
  margin-left:10px;
  margin-right:20px;
}

img.CustomObjectGallery {
  width:603px;
  margin-left:9px;
}

div.CustomObjectGalleryThumbnails {
  margin-left:9px;
  width:609px;
  margin-top:8px;
}

img.ObjectThumbnail {
  width:144px;
  height:108px;
  margin-right:3px;
  margin-bottom:6px;
  padding:0px;
  cursor:pointer;
}

img.ObjectBorder {
  border-width:1px;
  border-color:#2A5949;
  border-style:solid;
}

img.ObjectBorderSelected {
  border-width:1px;
  border-color:#2A5949;
  border-style:dotted;
}  

/******************************************************************************/

table.CustomObjects {
  margin-top:1em;
  border:1px solid #282828;
  border-collapse:collapse;
}

table.CustomObjects tr {
  border-bottom:1px solid #282828;
}

table.CustomObjects tr th {
  font-weight:bold;
  text-align:left;
  background-color:#282828;
  color:#FFFFFF;
}

table.CustomObjects tr th a {
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;
}

th.CustomObjectImage, td.CustomObjectImage {
  width:4.5em;
  vertical-align:top;
  padding-top:0.25em;
  padding-left:0.25em;
}

td.CustomObjectImage {
  height:3.5em;
}

th.CustomObjectName, th.CustomObjectData, th.CustomObjectInfo, td.CustomObjectName, td.CustomObjectData, td.CustomObjectNameSold, td.CustomObjectInfo {
  width:14.6em;
  vertical-align:top;
  padding-top:0.25em;
}

img.CustomThumbnail {
  width:10em;
}

td.CustomObjectData1 {
  background-color:#F0F0F0;
}

a.CustomObjectLink, a.CustomObjectLinkSold {
  font-family:Arial;
  font-size:1em;
  line-height:1.2em;
  font-weight:normal;
  text-decoration:none;
  color:#2A5949;
}

a.CustomObjectLink {
  color:#2A5949;
}

a.CustomObjectLinkSold {
  color:#BB0000;
}

a.CustomObjectLink:hover { 
  color:#000084;
}

a.CustomObjectLinkSold:hover {
  color:#CC0000;
}

ul.CustomObjects {
  list-style:none;
  margin:0;
  padding:0;
}

ul.CustomObjects li {
  border:1px solid #282828;
  border-collapse:collapse;
  margin:0;
  padding:0;
}

ul.Customobjects li div {
  
}

div.CustomObjectData {
  width:20em;
  float:left;
}

div.CustomObjectInfo {
}

/* items */

div.CustomItemsHeader {
  width:761px;
  background-color:#06184A;
  height:2em;
  vertical-align:bottom;
  font-family:Arial;
  font-size:1.1em;
  line-height:1.4em;
  font-weight:bold;
  color:#FFFFFF;
}

div.CustomItemsHeaderLeft {
  padding:0.3em 0 0 0.5em;
  color:#FFFFFF;
}

div.CustomItems {
  width:759px;
  height:2em;
  vertical-align:bottom;
  font-family:Arial;
  font-size:1.1em;
  line-height:1.4em;
  font-weight:bold;
  color:#FFFFFF;
  border-left:1px solid #06184A;
  border-bottom:1px solid #06184A;
  border-right:1px solid #06184A;
}

div.CustomItems div.CustomItemsLeft {  
  float:left;
  width:48%;
  color:#282828;
  font-family:Verdana,sans-serif;
  font-size:0.8em;
  line-height:1.0em;
  font-weight:bold;
  margin-left:0.3em;
}

div.CustomItems div.CustomItemsRight {  
  float:left;
  width:48%;
  color:#282828;
  font-family:Verdana,sans-serif;
  font-size:0.8em;
  line-height:1.0em;
  font-weight:bold;
  text-align:right;
  margin-right:0.3em;
}

div.CustomItem {
  width:189px;
  height:122px;
  text-align:center;
  float:left;
}

ul.CustomItem, ul.CustomItemFilter {
  list-style:none;
  margin-top:0.4em;
  margin-bottom:0.4em;
  padding:0;
}

ul.CustomItem li {
  display:inline-block;
  width:10em;
  margin:0 1em 1em 0;
  padding:0;
  border:1px solid #282828;
}

ul.CustomItemFilter li {
  display:inline-block;
  margin:0;
  padding:0;
}

a.CustomPage:link, a.CustomPage:visited, a.CustomPage:focus, a.CustomPage:active {
  font-family:Arial;
  font-size:1em;
  font-weight:bold;
  color:#1A3B32;
  text-decoration:underline;
}

a.CustomPage:hover {
  color:#1A3B32;
}

a.CustomPageActive:link, a.CustomPageActive:visited, a.CustomPageActive:focus, a.CustomPageActive:active, a.CustomPageActive:hover {
  font-family:Arial;
  font-size:1em;
  font-weight:bold;
  color:#1A3B32;
  text-decoration:none;
}

/* random objects */
div.CustomImage, div.CustomImage img {
  width:10em;
  height:5em;
}

div.CustomTitle {
  width:10em;
  height:1.2em;
  overflow:hidden;
  background-color:#282828;
  color:#FFFFFF;
}

div.CustomTitle a {
  color:#FFFFFF;
  text-decoration:none;
}

iframe {
  border:0;
}

table.Contact {
  width:100%;
}

ul.Home {
  padding-left:0;
}

ul.Home li {
  list-style-type:none;
  padding-bottom:0.5em;
}

div#OSM-Map, div#OSM-Map1 {
  width:20em;
  height:12em;
  float:right;
  margin-left:1em;
}

@media (max-width:74.8em) {
  header {
    width:95vw;
    margin-left:auto;
    margin-right:auto;
  }
  
  header img {
    width:90vw;
  }
  
  div.CustomLocation, div.CustomMainMenu, nav, main, aside, footer {
    width:95vw;
    margin-left:auto;
    margin-right:auto;
  }
  
  main {
    padding-bottom:0 !important;
  }
  
  aside {
    padding-bottom:1em;
  }
  
  div.CustomLocation {
    margin-left:1em;
  }
  
  nav ul {
    padding:0;
    margin:0;
  }
  
  main > div, aside > div, footer > div {
    padding:1em;
  }

  aside input {
    width:90%;
  }  
  
  aside input.Check {
    width:1em;
  }  
  
  aside textarea {
    width:90%;
    height:4em;
  }
  
  aside > div.NewsTop {
    display:none;
  }
  
  div.ContactButton {
    margin-left:1em;
    margin-right:1em;
    margin-bottom:0em !important;
    padding-bottom:1em !important;
  }

  footer {
    clear:left;
  }
  
  nav > ul li {
    display:none;
    margin-left:auto;
    margin-right:auto;
    padding:0.5em 0.4em 0.5em 0.4em;
  }
  
  nav > div {
     padding-left:1em;
     padding-right:1em;
  }

  div.Burgermenu {
    display:block;
  }
  
  div.CustomFederation {
    margin-bottom:0.5em;
  }
  
  div.CustomS24Logo, div.CustomS24LogoPanoma {
    display:none;
  }
  
  span.RedSysContainer {
  	display:block;
  	margin:0.5em;
  }
  
  span.RedSysContainer video, span.RedSysContainer img {
  	width:100%;
  }
}

@media (min-width:74.8em) { 
  body {
    max-width:74.8em;
    display:grid;
    grid-template-columns:1fr 3fr 1fr;
    background-color:#FFFFFF;
  }
  
  header {
    grid-column:1/-1;
    padding:0.5em;
  }
  
  div.CustomLocation, div.CustomMainMenu {
    margin-left:0.35em;
    margin-right:0.35em;
  }
  
  nav {
    grid-column:1;
    padding-left:0.8em;
  }
  
  main {
    grid-column:2;
    padding-left:1em;
    padding-right:0.8em;
  }
  
  aside {
    padding-left:1em;
    grid-column:3;
    padding-right:0.8em;
  }
  
  footer {
    grid-column:1/-1;
  }
  
  aside input, aside input.Submit {
    width:13em;
  }  
  
  aside input.Check {
    width:1em;
  }  
  
  aside textarea {
    width:13em;
    height:4em;
  }
  
  nav > ul li {
    display:block;
    padding:0.4em 0.4em 0.4em 0.4em;
  }
  
  div.Burgermenu {
    display:none;
  }
}