.fixedhead {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  background:transparent;
}

.bild { display: block; max-width: 100%;}

body {
  color: #0b1f8f;
}

.fenster {border:solid 1px #777; width:800px;}

.HOME { background-image: url('../ICONs/HLight.svg'); background-size:cover; width:256px; height:72px; background-repeat: no-repeat; border:0; background-color:transparent }
.HOME:hover { background-image: url('../ICONs/HLights.svg');cursor:pointer }
.HOME:focus { background-image: url('../ICONs/HLights.svg');color:transparent }

.WIRs { background-image: url('../ICONs/WIR.svg'); background-size:cover; width:320px; height:48px; background-repeat: no-repeat; border:0; background-color:transparent }
.WIRs:hover { background-image: url('../ICONs/WIRs.svg');cursor:pointer }
.WIRs:focus { background-image: url('../ICONs/WIRs.svg');color:transparent }
.wirs { background-image: url('../ICONs/WIRs.svg'); background-size:cover; width:420px; height:64px; background-repeat: no-repeat; border:0; background-color:transparent }
.wirs:hover { background-image: url('../ICONs/STARTs.svg'); cursor:pointer; color:rgba(0, 0, 0, 0); }
.wirs:focus { background-image: url('../ICONs/STARTs.svg'); }

.news { background-image: url('../ICONs/START.svg'); background-size:cover; width:420px; height:64px; background-repeat: no-repeat; border:0; background-color:transparent; padding: 0;  color: #ffffff; font-weight: 700; font-size: x-large;}
.news:hover { background-image: url('../ICONs/STARTs.svg'); cursor:pointer; color:rgba(0, 0, 0, 0); }
.news:focus { background-image: url('../ICONs/STARTs.svg'); }

.site { background-image: url('../ICONs/START.svg'); background-size:cover; width:420px; height:64px; background-repeat: no-repeat; border:0; background-color:transparent; padding: 0;  color: #ffffff; font-weight: 700; font-size: x-large;}
.site:hover { background-image: url('../ICONs/STARTs.svg'); cursor:pointer; color:rgba(0, 0, 0, 0); }
.site:focus { background-image: url('../ICONs/STARTs.svg'); }

.sv01 { background-image: url('../ICONs/NewsGlobe.gif'); background-size:cover; width:96px; height:96px; background-repeat: no-repeat; border:0; background-color:transparent }
.sv01:hover { background-image: url('../ICONs/NewsGlobe.svg');cursor:pointer }
.sv01:focus { background-image: url('../ICONs/NewsGlobe.svg');color:transparent }

.sv04 { background-image: url('../ICONs/HistsGlobe.gif'); background-size:cover; width:96px; height:96px; background-repeat: no-repeat; border:0; background-color:transparent }
.sv04:hover { background-image: url('../ICONs/HistsGlobe.svg');cursor:pointer }
.sv04:focus { background-image: url('../ICONs/HistsGlobe.svg');color:transparent }

.sv04y { background-image: url('../ICONs/FuturGlobe.gif'); background-size:cover; width:96px; height:96px; background-repeat: no-repeat; border:0; background-color:transparent }
.sv04y:hover { background-image: url('../ICONs/FuturGlobe.svg');cursor:pointer }
.sv04y:focus { background-image: url('../ICONs/FuturGlobe.svg');color:transparent }

.sv04z { background-image: url('../ICONs/BlicksGlobe.gif'); background-size:cover; width:96px; height:96px; background-repeat: no-repeat; border:0; background-color:transparent }
.sv04z:hover { background-image: url('../ICONs/BlicksGlobe.svg');cursor:pointer }
.sv04z:focus { background-image: url('../ICONs/BlicksGlobe.svg');color:transparent }

[class*="SV"] { background-size:cover; width:128px; height:160px; background-repeat: no-repeat; border:0; background-color:transparent }
[class*="SV"]:hover { cursor:pointer }
[class*="SV"]:focus { color:transparent }
.SV11 { background-image: url('../ICONs/sv11.svg') }
.SV11:hover { background-image: url('../ICONs/sv11x.svg'); }
.SV11:focus { background-image: url('../ICONs/sv11x.svg'); }

.SV12 { background-image: url('../ICONs/sv12.svg') }
.SV12:hover { background-image: url('../ICONs/sv12x.svg') }
.SV12:focus { background-image: url('../ICONs/sv12x.svg') }

.SV13 { background-image: url('../ICONs/sv13.svg') }
.SV13:hover { background-image: url('../ICONs/sv13x.svg') }
.SV13:focus { background-image: url('../ICONs/sv13x.svg') }

.SV14 { background-image: url('../ICONs/sv14.svg') }
.SV14:hover { background-image: url('../ICONs/sv14x.svg') }
.SV14:focus { background-image: url('../ICONs/sv14x.svg') }

.SV21 { background-image: url('../ICONs/sv21.svg') }
.SV21:hover { background-image: url('../ICONs/sv21x.svg') }
.SV21:focus { background-image: url('../ICONs/sv21x.svg')t }

.SV22 { background-image: url('../ICONs/sv22.svg') }
.SV22:hover { background-image: url('../ICONs/sv22x.svg') }
.SV22:focus { background-image: url('../ICONs/sv22x.svg') }

.SV23 { background-image: url('../ICONs/sv23.svg') }
.SV23:hover { background-image: url('../ICONs/sv23x.svg') }
.SV23:focus { background-image: url('../ICONs/sv23x.svg') }

.SV24 { background-image: url('../ICONs/sv24.svg') }
.SV24:hover { background-image: url('../ICONs/sv24x.svg') }
.SV24:focus { background-image: url('../ICONs/sv24x.svg') }

.SV31 { background-image: url('../ICONs/sv31.svg') } .SV31:hover { background-image: url('../ICONs/sv31x.svg') } .SV31:focus { background-image: url('../ICONs/sv31x.svg') }
.SV32 { background-image: url('../ICONs/sv32.svg') } .SV32:hover { background-image: url('../ICONs/sv32x.svg') } .SV32:focus { background-image: url('../ICONs/sv32x.svg') }
.SV33 { background-image: url('../ICONs/sv33.svg') } .SV33:hover { background-image: url('../ICONs/sv33x.svg') } .SV33:focus { background-image: url('../ICONs/sv33x.svg') }
.SV34 { background-image: url('../ICONs/sv34.svg') } .SV34:hover { background-image: url('../ICONs/sv34x.svg') } .SV34:focus { background-image: url('../ICONs/sv34x.svg') }
.SV41 { background-image: url('../ICONs/sv41.svg') } 
.SV42 { background-image: url('../ICONs/sv42.svg') } .SV42:hover { background-image: url('../ICONs/sv42x.svg') } .SV42:focus { background-image: url('../ICONs/sv42x.svg') }
.SV43 { background-image: url('../ICONs/sv43.svg') } .SV43:hover { background-image: url('../ICONs/sv43x.svg') } .SV43:focus { background-image: url('../ICONs/sv43x.svg') }
.SV44 { background-image: url('../ICONs/sv44.svg') } 

.txt_flex { display:flex; justify-content:center; padding:0px; }
.txt_flex512 { flex-shrink:1; width:100%; max-width:512px;}
.txt_flex768 { flex-shrink:1; width:100%; max-width:768px;}
.txt_flexbut { flex-shrink:1; width:25%; margin:0%;float:left;}
.txt_flex25 { flex-shrink:1; width:25%; margin:0%;float:left; }
.txt_flex50 { flex-shrink:1; width:48%; margin:1%;float:left; }
.txt_flex75 { flex-shrink:1; width:75%; margin:0%;float:left; }
.txt_flex16 { flex-shrink:1; width:16%; margin:0%;float:left; }
.txt_flex68 { flex-shrink:1; width:68%; margin:0%;float:left; }
.txt_flex84 { flex-shrink:1; width:84%; margin:0%;float:left; }

hr {
  width: 33%;
  color: #000080;
  box-shadow: 1px 2px 4px blue;
}

br.clear {
	clear: both;
	line-height: 0em;
	height: 0px;
}


h2 {
  color: #ffffff;
  background-color: #000080;
  padding: 4px;
  font-weight: 700;
  border-bottom: 1px solid silver;
  border-right: 2px solid silver;
  box-shadow: 4px 6px 8px blue;
  text-align: center;
  font-variant: small-caps;
}
h2:hover { color: #ffffff; }




summary {
  cursor: pointer;
  color: #ffffff;
  background-color: #000080;
  padding: 4px;
  font-weight: 700;
  font-size: large;
  border-bottom: 1px solid silver;
  border-right: 2px solid silver;
  box-shadow: 4px 6px 8px blue;
  text-align: center;
  font-variant: small-caps;
}
summary:hover {
	color: #000080;
    background-color: #ffffff;
}

.inputs {
	cursor: pointer;
	color: #ffffff;
	position: relative;
	margin-left:7px;
	margin-right:7px;
	top: 6px;
	background-color:#000080;
	color: #ffffff;
	font-weight: bold;  
	border: solid 2px darkblue;
	border-width: 0 3px 4px 0;
	border-radius: 3px;
	border-color: transparent #000080 #000080 transparent;
	background-clip: padding-box;
	}
.inputs:hover {
	color: blue;
    background-color: #ffffff;
}


.links { 
	text-decoration: none;
	opacity: 90%;
	font-size: small; }
.links a {
	text-decoration: none;
	margin-right:7px;
	margin-left:7px;
	background-color:#000080;
	color: #ffffff;
	height: 56px;
	line-height: 32px;
	padding: 0 12px;
	font-weight: bold;  
	border: solid 3px darkblue;
	border-width: 0 4px 5px 0;
	border-radius: 3px;
	border-color: transparent #000080 #000080 transparent;
	background-clip: padding-box; }
.links a:hover {
	background-color:#ffffff;
	color: blue;
	border-width: 0 2px 3px 0; 
	margin-right: 4px;
	position: relative;
	left: 2px;
	top: 3px;
	}

.linkx { 
	text-decoration: none;
	opacity: 90%;
	font-size: small; }
.linkx a {
	text-decoration: none;
	margin-right:7px;
	margin-left:7px;
	background-color:#000080;
	color: #ffffff;
	height: 56px;
	line-height: 32px;
	padding: 0 12px;
	font-weight: bold;  
	border: solid 1px darkblue;
	border-width: 0 1px 1px 0;
	border-radius: 3px;
	border-color: transparent #000080 #000080 transparent;
	background-clip: padding-box; }
.linkx a:hover {
	background-color:#00ffff;
	border-width: 0 1px 2px 0; 
	margin-right: 4px;
	position: relative;
	left: 2px;
	top: 3px;
	}



.siweco { float:left; margin-top:6px; width:128px; }
.siwecos { margin-top:4px;width:80px;height:32px; }

.copy { float:right; margin-top:4px; width:144px }
.copy a { text-decoration:none;color:#dbaa00; font-size:small }
.copies { width:48px;height:48px; }

.textarea { width: 50%; box-sizing: border-box; }

@media only screen and (max-width: 768px) {
.txt_flex512 { flex-shrink:1; width:100%; max-width:320px;}
.txt_flex768 { flex-shrink:1; width:100%; max-width:384px;}

.fenster {width:600px;}

.HOME { background-image: url('../ICONs/HLight.svg'); background-size:cover; width:96px; height:32px; background-repeat: no-repeat; border:0; background-color:transparent }
.WIRs { background-image: url('../ICONs/WIR.svg'); background-size:cover; width:160px; height:24px; background-repeat: no-repeat; border:0; background-color:transparent }
.wirs { background-image: url('../ICONs/WIRs.svg'); background-size:cover; width:96px; height:24px; background-repeat: no-repeat; border:0; background-color:transparent }
.news { background-image: url('../ICONs/START.svg'); background-size:cover; width:96px; height:24px; background-repeat: no-repeat; border:0; background-color:transparent; padding: 0;  color: #ffffff; font-weight: 700; font-size: x-large;}
.site { background-image: url('../ICONs/START.svg'); background-size:cover; width:256px; height:28px; background-repeat: no-repeat; border:0; background-color:transparent; padding: 0;  color: #ffffff; font-weight: 700; font-size: x-large;}

.FUSS { background-image: url('../ICONs/FUSS.svg'); background-size:cover; width:272px; height:3px; background-repeat: no-repeat; border:0; background-color:transparent }
.START { background-image: url('../ICONs/START.svg'); background-size:cover; width:256px; }
.START:hover { background-image: url('../ICONs/STARTx.svg');cursor:pointer; width:336px; }
.START:focus { background-image: url('../ICONs/STARTx.svg');color:transparent; width:336px; }
.sv01 { background-image: url('../ICONs/NewsGlobe.gif'); background-size:cover; width:72px; height:72px; background-repeat: no-repeat; border:0; background-color:transparent }
.sv04 { background-image: url('../ICONs/HistsGlobe.gif'); background-size:cover; width:42px; height:42px; background-repeat: no-repeat; border:0; background-color:transparent }

.sv04y { background-image: url('../ICONs/FuturGlobe.gif'); background-size:cover; width:42px; height:42px; background-repeat: no-repeat; border:0; background-color:transparent }

.sv04z { background-image: url('../ICONs/BlicksGlobe.gif'); background-size:cover; width:72px; height:72px; background-repeat: no-repeat; border:0; background-color:transparent }


[class*="SV"] { background-size:cover; width:80px; height:100px; background-repeat: no-repeat; border:0; background-color:transparent }
.SV11 { background-image: url('../ICONs/sv11z.svg') }
.SV12 { background-image: url('../ICONs/sv12z.svg') }
.SV13 { background-image: url('../ICONs/sv13z.svg') }
.SV14 { background-image: url('../ICONs/sv14z.svg') }
.SV21 { background-image: url('../ICONs/sv21z.svg') }
.SV23 { background-image: url('../ICONs/sv23z.svg') }
.SV24 { background-image: url('../ICONs/sv24z.svg') }
.SV31 { background-image: url('../ICONs/sv31z.svg') }
.SV32 { background-image: url('../ICONs/sv32z.svg') }
.SV34 { background-image: url('../ICONs/sv34z.svg') }
.SV42 { background-image: url('../ICONs/sv42z.svg') }
.SV43 { background-image: url('../ICONs/sv43z.svg') }

.siwecos { margin-top:4px;width:64px;height:16px; }
.copies { width:48px;height:48px; }

}