html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;	
	}
  
    body {
      line-height: 1;
    }
    
	body, input, select, textarea {
		color: #666;
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: 16pt;
		font-weight: 300;
		line-height: 1.65em;
	}
    
	p {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #555;
		line-height: 1em;
		margin: 0 0 0em 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 2.25em;
		line-height: 1.35em;
	}

	h2 {
		font-size: 2em;
		line-height: 1.35em;
	}

	h3 {
		font-size: 1.35em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.25em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}
	

	
	strong, b {
		color: #555;
		font-weight: 400;
	}
	
/* Main */

#one {
			overflow: scroll;
}
	.main {
		padding: 4em 0 18em 0 ;

	}

		.main.style1 {
			background: #fff;
		}

		.main.style2 {
			background-color: #333;
			color: rgba(255, 255, 255, 0.75);
			background-attachment: fixed,							fixed;
			background-image: url("../../images/overlay1.png"), url("../../images/header.jpg");
			background-size: auto, cover;
			height: 100%;
			padding: 1em;

		}

			.main.style2 a {
				border-bottom-color: rgba(255, 255, 255, 0.5);
				
			}

				.main.style2 a:hover {
					color: #ffffff;
				}

			.main.style2 h1, .main.style2 h2, .main.style2 h3, .main.style2 h4, .main.style2 h5, .main.style2 h6, .main.style2 strong, .main.style2 b {
				color: #ffffff;
			}

			.main.style2 header p {
				color: #ffffff;
			}

			.main.style2 header.major:after {
				background: #ffffff;
			}

			.main.style2 input[type="submit"],
			.main.style2 input[type="reset"],
			.main.style2 input[type="button"],
			.main.style2 button,
			.main.style2 .button {
				box-shadow: inset 0 0 0 1px #ffffff;
				color: #ffffff !important;
			}

				.main.style2 input[type="submit"]:hover,
				.main.style2 input[type="reset"]:hover,
				.main.style2 input[type="button"]:hover,
				.main.style2 button:hover,
				.main.style2 .button:hover {
					background-color: rgba(255, 255, 255, 0.125);
				}

				.main.style2 input[type="submit"]:active,
				.main.style2 input[type="reset"]:active,
				.main.style2 input[type="button"]:active,
				.main.style2 button:active,
				.main.style2 .button:active {
					background-color: rgba(255, 255, 255, 0.25);
				}

				.main.style2 input[type="submit"].primary,
				.main.style2 input[type="reset"].primary,
				.main.style2 input[type="button"].primary,
				.main.style2 button.primary,
				.main.style2 .button.primary {
					background-color: #ffffff;
					box-shadow: inset 0 0 0 1px #ffffff !important;
					color: #333 !important;
				}

					.main.style2 input[type="submit"].primary:hover,
					.main.style2 input[type="reset"].primary:hover,
					.main.style2 input[type="button"].primary:hover,
					.main.style2 button.primary:hover,
					.main.style2 .button.primary:hover {
						background-color: rgba(255, 255, 255, 0.125) !important;
						color: #ffffff !important;
					}

					.main.style2 input[type="submit"].primary:active,
					.main.style2 input[type="reset"].primary:active,
					.main.style2 input[type="button"].primary:active,
					.main.style2 button.primary:active,
					.main.style2 .button.primary:active {
						background-color: rgba(255, 255, 255, 0.25) !important;
					}

			.main.style2 ul.major-icons li .icon {
				border-color: #ffffff;
			}

			.main.style2 .icon.major {
				color: #ffffff;
			}

    a {
      text-decoration: none;
    }

    address {
      margin-top: 10px;
      
      font-size: 80%;
      text-align: center;
    }


/* Tabelle */

   .tabindex {
   	margin: 0;
   	padding: 0;
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }
    
    .tabindex tr {
		padding: 0.35em;    
    }

    .tabindex TD {
      width: auto;
      padding: 0.625em;
      text-align: center;
      height: 110px;
    }
    
    .thumbimg {
      border-radius: 12px;
      padding: 2px;
      object-fit: cover;
      object-position: top center;
      height: 150px;
      width: 200px;     
    }
    

    
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  
  table tr {;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
/* Tabelle Ende */

    .picture {
      background-color: #C0C0C0;
      text-align: center;
      height: 98%;
    }

    .picimg {
      background-color: #000000;
      padding: 0;
      margin-bottom: 0;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 98%;
      display: block;
    }
    
    
/* Container */

	.container {
		margin: 0 auto;
		max-width: calc(100% - 4em);
		width: 60em;
		padding: 0em 0em 4em 0em;
	}
	
	.container a {
		color: #333;
	}

		.container.xsmall {
			width: 15em;
		}

		.container.small {
			width: 30em;
		}

		.container.medium {
			width: 45em;
		}

		.container.large {
			width: 75em;
		}

		.container.xlarge {
			width: 90em;
		}

		.container.max {
			width: 100%;
		}

		@media screen and (max-width: 980px) {

			.container {
				max-width: 100% !important;
				width: 100% !important;
			}

		}

		@media screen and (max-width: 480px) {

			.container {
				max-width: calc(100% - 3em);
			}

		}