@charset "utf-8";
* {
	box-sizing: border-box
}
body {
	font: 1em Arial, Helvetica, sans-serif;
	color: #000;
	padding: 20px;
	background: #000
}
a {
	color: #000;
	text-decoration: none
}
header, main, footer {
	margin: 0 auto;
	max-width: 1200px
}
header, .block, footer {
	padding: 20px;
	background: #FFF
}
h1, h1 a, h2, h3, h4, h5 {
	font-size: 1.2em;
	font-weight: 600;
	color: #069;	
	margin: 0 0 5px 2px	
}
h1 {
	margin: 0 0 -10px 0;
}
h2 {
	margin: 6px 0;	
}
#content {
	clear: both;
	float: left;
	width: 60%
}
nav {
	float: left;
	width: 40%;
	padding-left: 20px
}
nav table {
	width: 100%;
}
nav table td {
	width: 50%;
	background: #CEE3F6;
	padding: 8px 5px;
	margin: 0 0 5px 0
}
nav table td:hover {
	background: #036;
	cursor:pointer
}
nav table td:hover a {
    color: #FFF
}
.block, footer {
	margin-top: 20px;
}
main:after {
	content: "";
	display: table;
	clear: both
}
header img, .content img {
	width: 100%;
	height: auto
}
.block p {
	margin-bottom: 0
}
h1::before {
  content: "\1F308"
}
h3.de::before {
	content: url(../gfx/flags/de.png);
	margin: 5px 5px 0 0
}
h3.at::before {
	content: url(../gfx/flags/at.png);
	margin: 5px 5px 0 0	
}
h3.ch::before {
	content: url(../gfx/flags/ch.png);
	margin: 5px 5px 0 0
}
#anzeigen table {
	width: 100%;
	margin-right: 4px
}
#anzeigen tr {
	display: block;
	box-shadow: 3px 3px 3px #666;
	border: 1px solid #000
}
#anzeigen td {
	vertical-align: top;
	padding: 5px
}
#anzeigen p {
	padding: 0 8px
}
.wrb img {
	width: 100%;
	height: auto;
	border: none
}
.imp img {
	max-width: 100%
}
#site-navi table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
#site-navi tr {
	text-align: center;
	border: none;
	box-shadow: none
}
#site-navi a, .a-aktiv {
	display: inline-block;	
	width: 24px;
	height: 24px;
	padding-top: 4px;
	margin: 5px 4px;
	text-align: center
}
#site-navi a {
	background: #CEE3F6;
}
.a-aktiv {
	font-weight: bolder;
	background: #038;
	color: #FFF
}
#site-navi a img {
	display: block;
	height: 24px;
	max-width: 26px;
	border: 0;
	margin: -4px 0 0 -2px
}
.wrb_top {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 13.25%;
}
iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #003
}
@media screen and (max-width: 1024px) {
#content {
	width: 55%
}
nav {
	width: 45%
}
}
@media screen and (max-width: 992px) {
body, header, .block, footer {
	padding: 10px
}
body, nav .block {
	padding: 5px
}
#content {
	width: 53%
}
nav {
	width: 47%
}
}
@media screen and (max-width: 768px) {
#content {
	width: 50%
}
nav {
	width: 50%;
	padding-left: 10px;	
}
.block, footer {
	margin-top: 10px
}
}
@media screen and (max-width: 600px) {
#content {
	width: 100%
}
nav {
	width: 100%;
	padding-left: 0	
}
.block, footer {
	margin-top: 15px
}
}
@media screen and (max-width: 414px) {
body, header, .block, footer {
	padding: 2px
}
nav {
	font-size: .9em
}
}
@media screen and (max-width: 375px) {
nav {
	font-size: .8em
}
}