@charset "utf-8";
/* (C) 2019 Peter Klakocer, klakocer.at */

html {
	overflow-y:scroll;
}

body {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

.container {
	overflow:hidden;
	border:none;
	background:none;
	width:100%;
	color:#284d76;
	font-size:4vw;
}

.header {
	position:fixed;
	width:100%;
	height:auto;	
	top:0;
	left:0;
	border-bottom:#fff solid thin;
	padding:2vw 1vw;
	background-color:#f0f0f0;
}

.header-left img {
	width:60%;
	height:auto;
}

.header-right img {
	width:98%;
	height:auto;
}

.footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	border-top:solid #fff thin;
	background-color:#284d76; 
	text-align:center;
}

.footer-scroll {
	float:left;
	width:100%;	
	height:15vw; /* > .callme a line-height */
}

.callme a img {
	width:6vw;
	height:auto;
	padding:0 2vw 1vw 0;
	vertical-align:middle;
}

.callme a {
	color:#fff;	
	font-size:6vw;
	line-height:13vw;
}

.callme a:hover {
	color:#f60;
	text-decoration:none;
}

.main {
	margin-top:22vw; /* just for initialization */
	width:100%;
	background:#fff;
}

.main-left {
	display:none;
}

.main-center {
	width:95vw;
	margin-left:2vw;
}

.eyecatcher img {
	width:100%;
	height:auto;
}

h1 {
	margin:0 0 1vw 0;
	font-size:6vw;
}

h2 {
	margin:4vw 0 1vw 0;
	font-size:5vw;
	font-weight:bold;
}

.h2light {
	margin:35px 0px 12px 20px;
	font-size:18px;
	font-weight:bold;
}

h3 {
	margin:3vw 0 1vw 0;
	font-size:4vw;
	font-weight:bold;
}

h4 {
	margin:25px 0px 10px 20px;
	font-size:13px;
	font-weight:bold;
}

p {
	line-height:120%;
	font-size:4vw;
	margin-bottom:1.5vw;
}

a {
	color:#f60;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#f60;
	font-weight:bold;
	text-decoration:underline;
}

a.zitat {
	vertical-align:20%;
	font-size:70%;
}

table {
	table-layout:fixed;
	width:96vw;
	border:thin solid #284d76;
	font-size:2.5vw;
	line-height:110%;
}

table.icontable {
	margin:0;
	border:none;
	font-size:12px;
	line-height:120%;
}

.table-col-img {
	width:14vw;	
}

.table-col-name {
	width:21vw;
}

.table-col-author {
	width:20vw;
}

.table-col-src {
	width:12vw;
}

th, td {
	text-align:left;
	vertical-align:top;
}

th {
	border:none;
	padding:6px;
	color:#eee;
	background-color:#284d76;
}

td {
	border-top:2px solid #532;
	padding:8px 6px;
	background-color:#eee;
}

td img {
	width:18vw;
	height:auto;
}

.icontable td {
	border:none;
	padding:8px 6px;
	background-color:#eee;
}

ul {
	padding-left:5vw;
	list-style-type:square;
	list-style-position:outside;
	line-height:130%;
}

li {
	padding-bottom:5px;
}

.form-authenticate {
	margin:20px 275px;
	border:1px solid #000;
	background-color:#eee;
	padding:20px;
}

.textbox, .textbox-first, .iconbar {
	float:left;
	margin-top:4vw;
	width:100%;
}

.textbox-first {
	margin-top:0;
}

.textbox-narrow {
	clear:left;
	margin-top:4vw;
	width:100%;
}

.textbox-narrow::after { /* aka "clearfix" */
	content:"";
	clear:both;
	display:table;
}

.textbox h3 {
	margin:0px 0px 10px 0px;
}

.textbox-paragraph {
	float:left;
	width:100%;
}

.textbox-icon, .textbox-scr {
	float:left;
}

.textbox-icon img {
	width:20vw;
	height:auto;
}

.textbox-scr a img, .textbox-scr img {
	width:30vw;
	height:auto;
}

.textbox-icontext {
	float:left;
	width:73vw;
	padding-left:2vw;
}

.textbox-scrtext {
	float:left;
	width:63vw;
	padding:1vw 0 0 2vw;
}

.textbox-scrtext img {
	width:40vw;
	height:auto;
}

.textbox-icontext h1, .textbox-icontext h3 {
	margin:0 0 1vw 0;
	font-size:5vw;
}

.textbox-icontext p {
	margin:0;
	font-size:4vw;
	line-height:110%;
}

.textbox-scrtext h4 {
	margin:0;
	font-size:4vw;
	line-height:120%;
}

.textbox-scrtext p {
	margin:0;
	font-size:3.5vw;
}

.textbox-imgtext {
	width:96vw;
}

.textbox-imgtext p {
	margin-bottom:1.5vw;
}

.textbox-img img {
	width:96vw;
	height:auto;
}

.textbox-img p {
	margin:0 0 8vw 2vw;
	font-size:3vw;
	text-align:center;
}

.iconbar {
	margin-top:1vw; /* margin geerbt von .textbox */
	margin-bottom:1vw;
	width:97vw;
}

.iconbar-icon {
	float:left;
	margin-right:4vw;
	height:20vw;
}

.iconbar-icon img {
	height:14.4vw;
	width:auto;
}

.report {
	margin:0px 20px 0px 0px;
}

.report-text50 {
	width:96vw;
}

.report-text50 p {
	margin-bottom:1.5vw;
}

.report-img50 {
	margin:1vw 0 2vw 0;
}

.report-img50 img {
	width:96vw;
	height:auto;
	border:#888 solid thin;
}

.searchbox {
	background-color:#284d76;
	height:38px;
	width:100%;
}

a.menu, a.menu-selected, a.menu:hover {
	display:block;
	margin:6px 5px 5px;
	border-bottom:solid 3px #fff;
	padding:4px;
	color:#284d76;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

a.menu-selected {
	border-bottom:solid 3px #f60;
}

a.menu:hover {
	color:#f60;
}

select, a.linkbutton, a.linkbutton-selected, a.linkbutton:hover {
	display:inline;
	margin:0 0 0 20px;
	border:solid 1px #000;
	background-color:#eee;
	padding:6px;
	color:#284d76;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

a.linkbutton:hover {
	color:#f60;
}

.webdesignby {
	border:none;
	margin-top:8px;
	background-color:#284d76;
	padding:10px 0px;
	color:#fff;
	text-align:center;	
}

.buzzbox {
	clear:left;
	margin:6vw auto 0 auto;
	border:#284d76 solid 0.5vw;
	width:95vw;
	background-color:#f0f0f0;
}

.buzzbox:first-child {
	margin-top:0;
}

.buzzbox::after { /* aka "clearfix" */
	content:"";
	clear:both;
	display:table;
}

.buzzbox h4 {
	margin:-0.3vw 0 1vw -0.3vw;
	width:91.4vw; /* buzzbox.width - 2x padding + margin + 0.1 */
	padding:2vw;
	background-color:#284d76;
	font-size:6vw;
	font-weight:bold;
	color:#fff;
}

.buzzbox-icon {
	display:block;
	float:left;
	margin:1vw 0 2vw 1vw;
}

.buzzbox-icon img {
	width:25vw;
	height:auto;
}

.buzzbox-text {
	display:block;
	margin:1.5vw 0 0 2vw;
	float:left;
	font-size:4vw;
	line-height:120%;
	color:#284d76;
}

.quotebox {
	display:inline-block;
	margin:1vw 0 0 3vw;
	border:solid thin #BBB;
	padding:1vw;
	line-height:130%;
	background-color:#F8F8F8;
}

.linklist, .linklist-master {
	float:left;
	margin:0 0 2vw 0.25vw;
	border:solid #bbb thin;
	width:95vw;
	background-color:#ddd;
	font-size:4vw;
}

.linklist-master {
	margin-bottom:4vw;
	font-size:6vw;
}

.linklist-sub {
	float:left;
	border-top:solid #bbb thin;
	width:95vw;
	background-color:#eee;
	font-size:5vw;
}

.linklist a, .linklist-master a, .linklist-sub a {
	color:#284d76;
	text-decoration:none;
}

.linklist a:hover, .linklist-master a:hover, .linklist-sub a:hover {
	color:#f60;
	text-decoration:underline;
}

.linklist-slave {
	width:95vw;
}

.linklist-icon {
	margin:1vw;
}

.linklist-icon img {
	width:15vw;
	height:auto;
}

.linklist-text {
	float:left;
	margin:2vw 0 2vw 2vw;
	width:93vw;
}

.linklist-date {
	float:right;
	margin:1vw 1vw 0 0;
}

.changelist ul {
	margin-top:1vw;
	padding-left:4vw;
	list-style-type:square;
	line-height:130%;
}

.top {
	margin:2vw auto 3vw auto;
	width:40%;
	height:8vw;
	font-size:4vw;
	line-height:8vw;
	text-align:center;
	background-color:#284d76;
}

.top a {
	color:#fff;
}

.top a:hover {
	color:#f60;
	text-decoration:none;
}

.spacer {
	background-image:url(gfx/spacer-white.png);
	height:1vw;
}

.bigspacer {
	background-image:url(gfx/spacer-white.png);
	display:block;
	height:8vw;
}

.clearer {
	clear:both;
	margin:0px;
	width:100%;
	padding:0px;
	height:1px;
}
	
.adblock {
	margin:2vw;
	width:96vw;
	text-align:center;
}

.ad {
	margin:1vw auto;
	width:95vw;
	text-align:center;
}

.ad img {
	width:50vw;
	height:auto;
}

.hamburger {
	position:fixed;
	top:0;
	right:1px;
	background-color:#284d76; 
	height:10vw;
	width:10vw;
	cursor:pointer;
	transition:0.3s;
	z-index:9999;
}

.hamburger span, .hamburger span:before, .hamburger span:after {
	position:absolute;
	height:1vw;
	width:6vw;
	background-color:#fff;
	transition:0.3s;
}

.hamburger span {
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.hamburger span:before {
	content:'';
	top:-2vw;
}

.hamburger span:after {
	content:'';
	top:2vw;
}

.hamburger.active span { background-color:transparent; }
.hamburger.active span:before { transform:rotate(45deg);top:0; }
.hamburger.active span:after { transform:rotate(-45deg);top:0; }

/* The Overlay (background) */
.overlay {
	display:none;
	height:100%;
	width:100%;
	position:fixed;
	z-index:1;
	left:0;
	top:0;
	overflow-x:hidden; /* Disable horizontal scroll */
}

.overlay-background {
	position:fixed;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	width:100%;
	height:auto;
}

/* Position the menu content inside the overlay */
.overlay-content-menu {
	position:relative;
	margin:0 0 0 33vw;
	width:67vw;
	background-color:#284d76;
	height:100vh;
}

.overlay-content-menu-padding {
	height:2vh;
}

.overlay-content-menu a {
	display:block;
	padding:1.5vh 0 1.5vh 6vw;
	width:100%;
	text-decoration:none;
	font-size:5vw;
	font-weight:normal;
	color:#fff;
}

.overlay-content-menu a:hover {
	text-decoration:none;
	color:#f60;
}
	
.desktop_only, .desktop_1024_only, .desktop_1920_only {
	display:none;
}

.mobile_only {
	display:block;
}

.print_only {
	display:none;
}