.gohttps{
	position: absolute;
	bottom: 20px;
	left: 16px;
	text-decoration: none;
	font-size: 12pt;
	margin: 0;
	padding: 8px;
	padding-top: 7px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
}
.gohttps:after{
	content:"";
	border: 10px solid transparent;
	border-left-width:2px;
	border-top-color: rgba(255, 255, 255, 0.9);
	position:absolute;
	bottom: -20px;
	width: 0;
	height: 0;
	left: 13px;
}

.kathead,.head {
	border-radius: 10px 10px 0px 0px; /* CSS3 */
	-moz-border-radius:10px 10px 0px 0px; /* Firefox */
    -webkit-border-radius:10px 10px 0px 0px; /* Safari, Chrome */
    -khtml-border-radius:10px 10px 0px 0px; /* Konqueror */
	}
	
.impressum,.impressuma{
	border-radius: 5px 5px 5px 5px; 
	-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px; 
    -khtml-border-radius:5px 5px 5px 5px; 
    }
	
.katinh,.inhalt2,.c1,.c2,.inhalt{
	border-radius:  0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px; 
    -khtml-border-radius: 0px 0px 10px 10px; 
    }	
	
.kat {
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px; 
    -khtml-border-radius:10px 10px 10px 10px; 
    }
	
body {background:url(pic/hg_sw.gif);}
.head {background-color:#c2c2c2;}
.impressum,.impressuma {background-color:rgba(242,242,242,0.6);}
.inhalt2 {background-color:#f7f7f7;}
.spezialmenueurl {/*color:#ee5555;*/}
.inhalt {background-color:#f7f7f7;}
.nav {background-color:#f5f4f4}
.navinhalt{color:#000000}
.navnorm,.navnorma {color:#000000}
.kat {border:1px solid #cbcbcb;
border-top:1px solid #cbcbcb;
border-bottom:1px solid #7e7e7e;
border-right:1px solid #7e7e7e;
}
.kathead{background-color:rgba(242, 238, 234, 1);
border-top:1px solid #ffffff;
border-bottom:1px solid #cbcbcb;
color:Black;
}
.katinh{background-color:#f0ede9;
border-top:1px solid #ffffff;
}
.katln,.katlna{color:black;}
.kleingedrucktes {color:#565656;}
.tdatum{color:#565656;}
.hline{border:0;border-bottom:1px solid #cbcbcb;height:2px;
}
.weiterlesen{color:#660000;}
.weiterlesen:hover{color:#000000;}
.h1L:hover{color:#660000;text-decoration:underline;}
.nav{border-top:1px solid #ffffff;border-bottom:1px solid #989898;}

.nav {
background-color:#dcd4c6;
background: linear-gradient(bottom, #dcd4c6 0%, #ede6db 20%, #eee9e3 80%, #ffffff 100%);
background: -o-linear-gradient(bottom, #dcd4c6 0%, #ede6db 20%, #eee9e3 80%, #ffffff 100%);
background: -moz-linear-gradient(bottom, #dcd4c6 0%, #ede6db 20%, #eee9e3 80%, #ffffff 100%);
background: -webkit-linear-gradient(bottom, #dcd4c6 0%, #ede6db 20%, #eee9e3 80%, #ffffff 100%);
background: -ms-linear-gradient(bottom, #dcd4c6 0%, #ede6db 20%, #eee9e3 80%, #ffffff 100%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.00, #dcd4c6),color-stop(0.20, #ede6db),color-stop(0.80, #eee9e3),color-stop(1.00, #ffffff));
}
.head {
background-position:0 0;
background-repeat:repeat-x;
width:800px;
height:131px;
line-height:1.0;
background:url(pic/hg_w.jpg);
background-position:0 0;
transition-property:background-position;
background-repeat:repeat-x;
}

.headpic{background:url(./pic/headkopf.png);}
.spezialmenueurl {background-image:url(./pic/aurl.gif);}
.segelb {background-image:url(./pic/6egelb.gif);}
.serot {background-image:url(./pic/6erot.gif);}
.segruen {background-image:url(./pic/6egruen.gif);}
.seblau {background-image:url(./pic/6eblau.gif);}
.sehblau {background-image:url(./pic/6ehblau.gif);}
.seorange {background-image:url(./pic/6eorange.gif);}
.seclear {background-image:url(./pic/6eclear.gif);}
.selila {background-image:url(./pic/6elila.gif);}
/*------------------------------------------*/
body {
font-family:Verdana, sans-serif;
font-size:12pt;
background-attachment:fixed;
text-align:center;
margin:0;
line-height:0;
}
.c1 {
position:relative;
top:0;
height:95%;
width:800px;
text-align:left;
margin:0 auto auto auto;
line-height:1.4;
}
.head {
width:800px;
height:131px;
position:relative;
top:0;
line-height:1.0;
image-rendering:-webkit-optimize-contrast; 
image-rendering:-o-crisp-edges; 
image-rendering:-moz-crisp-edges;
-ms-interpolation-mode:nearest-neighbor;
}


.headpic{
background-repeat:no-repeat;
background-position:0px 7px;
position:relative;
height:135px;
left:316px;
width:104px;
line-height:0;
}
.impressum,.impressuma {
font-size:10pt;
color:Black;
text-decoration:none;
left:12pt;
top:9pt;
position:relative;
line-height:30pt;
z-index:102;
margin:0;
padding-left:3px;
padding-top:2px;
padding-right:3px;
padding-bottom:3px;
line-height:1.0;
}
.impressuma{font-weight:bold;}

.nav {height:40px;top:0px;
position:relative;width:800px;margin:0;padding:0;
overflow:hidden;font-size:11pt;color:black;line-height:1.0;}
.navinhalt{padding-top:12px;padding-left:12px;line-height:1.0;}
.navnorm,.navnorma {font-size:11pt;text-decoration:none;}
.navnorma{font-weight:bold;}
.navnorm:hover{text-decoration:underline;}
.navtrenner{margin:0;padding:0;padding-left:2px;padding-right:2px;}
.spezialmenueurl {background-repeat:no-repeat;padding-left:13px;background-position:1px 2px;}
.inhalt {
top:0px;
position:relative;
width:800px;
padding:0;
margin:0;
height:75%;
min-height:500px;
}
.inhalt2 {padding:0;margin:0;padding-left:15px;padding-right:15px;padding-top:10px;}
.seitenswitch {display:block;width:100%;height:13pt;}
.umschalter{margin:0;padding:0;padding-top:0px;list-style-type:none;line-height:1;display:inline-block;width:100%;}
.umschalterli{float:left;padding-right:4pt;}
.umschalter,.usn,.usa{font-size:11pt;color:black;text-decoration:none;}
.usa {color:black;font-weight:bold;}
.usn:hover{text-decoration:underline;}
* html .seitenswitch{height:0;}
.kat {float:right;width:110pt;margin-left:10px;}
.kathead{font-size:10pt;height:23px;padding-top:2px;padding-left:11px;}
.katinh{padding-top:2px;padding-left:11px;padding-right:2px;padding-bottom:7px;}
.katln,.katlna{font-size:10.5pt;line-height:1.8;text-decoration:none;font-family:Verdana, sans-serif;display:block;}
.katln:hover{text-decoration:underline;}
.katlna{font-weight:bold;}
.hline{margin-top:5px;}
.kleingedrucktes {font-family:sans-serif;font-size:8pt;}
.segelb,.serot,.segruen,.seblau,.sehblau,.seorange,.seclear,.selila {
background-repeat:no-repeat;padding-left:18px;background-position:0px 3px;line-height:13pt;}
h1,.h1L {font-size:11pt;margin:0;text-decoration:none;color:black;}
h2 {font-size:11pt;margin:0;}
h3 {font-size:11pt;margin:0;margin-top:20px;}
.tdatum{font-size:10pt;}
.textindex {padding-left:18px;display:block;}
/*---------------------------------*/
.print{display:none;}
.text{font-size:11pt;}
.bildinseitelink {color:#f7fbf5;}
a,.iurl{color:#660000;}
a:hover,.iurl:hover{color:#000000;}
.bildinseitelink{border:0;}
.bislink {border:1px dotted #bdbdbd;}
.bislink:hover{border:1px solid #666a80;}

.bildinseitelink{margin:0px;padding:0px;display:inline-block;}

.inhalt2 table.rahmen {border:0;border-collapse:collapse;}
.inhalt2 table.rahmen tr td, .inhalt2 table.rahmen tr th{border:1px solid black;padding:5px;text-align:center;}
.inhalt2 table.rahmen tr th{background-color:#ddd;}

.aurl{
background-repeat:no-repeat;
background-image:url(./pic/aurl.gif);
padding-left:14px;
background-position:1px 4px;
}
.keitxt{display:none;} 

code{
padding:2px 10px 2px 10px;
display:block;
white-space:pre;
font-size:9pt;
overflow:auto;
padding-top:5px;
padding-bottom:5px;
}

cite {
color:Black;
font-style:italic;
font-size:10pt;
line-height:1.5pt;
padding:5pt;
}

q {
color:Black;
border:2px dotted Gray;
margin:0px 5px 0px 5px;
padding:2px;
padding-left:5px;
padding-right:5px;
font-style:italic;
line-height:1.5;
font-size:11pt;
background-color:#dfdfdf;
display:block;
}

q:before, blockquote:before {content:no-open-quote;}
q:after, blockquote:after {content:no-close-quote;}

code {background-color:#dceff5;color:Black;border:1px dashed Gray;}
.codeinfo{
font-size:7pt;
font-family:Verdana, sans-serif;
color:#bababa;
float:right;
}
.cstring{color:green;}
.ckommentar{color:gray;}
.cvari{}

.asm {background-color:#f6f6f6;}
.asm .codeinfo {color:#acacac;}
.asm .mkr{color:#1e60ae;}
.asm .cstring{}
.asm .ckommentar{color:#2a862e;}

.delphi {background-color:#fefad8;color:Black;}
.delphi .codeinfo {color:#babb52;}
.delphi .mkr{font-weight:bold;}
.delphi .cstring{}
.delphi .ckommentar{color:gray;}

.php {background-color:white;color:Black;}
.php .codeinfo {color:#babfb5;}
.php .mkrblue{font-weight:bold;color:Navy;}
.php .mkrblack{font-weight:bold;color:black;}
.php .cstring{color:Teal;}
.php .ckommentar{color:gray;}
.php .cvari{font-weight:bold;}

.as {background-color:#fef0f0;color:Black;}
.as .codeinfo {color:#e5abab;}
.as .mkrblue{color:blue;}
.as .cstring{color:green;}
.as .ckommentar{color:gray;}

.js{background-color:#dcf5e9;color:Black;}
.js .codeinfo {color:#92bf90;}
.js .mkr{font-weight:bold;}
.js .cstring{}
.js .ckommentar{color:gray;}

article ul{margin:0;}


@media only screen and (max-width: 799px) {
	.head {
		width:100%;
		height:60px
	}
	.nav,.c1,.inhalt{
		width:100%;
	}
	.c1{
		line-height: 1.6;
	}
	
	.nav{
		height:auto;
		background-color: #f2f0e4;
		background-image: inherit;
		border: 0;
	}
	.headpic{
		display:none;
	}
	.navinhalt{
		line-height: 19pt;
		padding: 4px;
	}
	
	.navtrenner{display:none;}
	.navnorm,.navnorma,.spezialmenueurl{
		/*white-space: nowrap;*/
		display: inline-block;
		margin: 2px 15px 2px 0;
	}
	.spezialmenueurl{
		background-position: 1px 7px;
		color:#000000;
	}
	
	.umschalter{
		line-height: 19pt;
	}
	.seitenswitch{
		height: auto;
		background-color: #71d53d;
		padding-top: 5px;
		margin-top: 10px;
	}
	.hline {
		clear: both;
	}
	.usn, .usa{
		width:32px;
		height:32px;
		/*display: inline-block;*/
		text-align: center;
	}
	
	
	.nav,.inhalt,.seitenswitch,section{
		-webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.39);
		-moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.39);
		box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.39);
		border-radius:0;
	}
	
	section{
		padding:10px;
		margin: 15px;
		background-color: #71d53d;
	}
	section hr{display:none;}
	
	.kleingedrucktes{
		margin:5px 0;
	}
	code{
		
	}
	iframe{
		max-width:100%;
	}
	img{
		max-width:99%;
		height: auto;
	}
}

@media only screen and (max-width: 480px) {
body {font-size: 13pt;line-height: 16pt;background: url("");}
.headpic {background: url("");display:none;}
.head {height: 22pt;background: url("");background-color:#b9b9b9;border-radius:0;}

.impressum, .impressuma {left:0;top:2px;margin: 10px;background: transparent;}
.inhalt,.inhalt2{background-color:white;}
.inhalt2{padding:0;}
.textindex{padding: 10px;padding-top:5px;}

article span{padding: 2px;}
hr{display:none;}
article h1{ }
article {
		-webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.39);
		-moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.39);
		box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.39);
		margin-top: 10px;
	}

.kat{display:none;}
.segelb, .serot, .segruen, .seblau, .sehblau, .seorange, .seclear, .selila{
	background-image: url("");
	padding: 10px;
	padding-bottom:5px;}
.bislink{width: 100%;height: auto;}
iframe {width:100%;}
.newcommenttext{width:100%;}
br{line-height:5px;}
}

.button{
	text-decoration: none;
	font-size: 12pt;
	margin: 0;
	padding: 8px;
	background-color: #dddddd;
	color: #000;
	border: 2px solid #222;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	white-space: nowrap;
}
.button:hover{
	background-color: #eeeeee;
}



@media (prefers-color-scheme: dark) {
  /* CSS Code wenn Dark Mode aktiv */ 
	body {
		background-color: Black;
		color: #f6f6f6; 
		background-image: url();
	}
	.impressum, .impressuma{
		color: #ffffff;
		background-color: Black;
	}
	.nav{
		background-color: #0c1925;
		color: #f6f6f6; 
		background-image:url();
		border-top: 0;
	}
	.navnorm, .navnorma{
		color: #f6f6f6; 
	}
	.navinhalt{
		color: #f6f6f6; 
	}
	.spezialmenueurl{
		background-image: url();
		padding-left: 0;
	}
	a, .iurl,.weiterlesen{
		color: #a1fee4;
	}
	a:hover, .iurl:hover, .weiterlesen:hover{
		color: #f0f0ff;
	}
	.inhalt,.inhalt2{
		background-color: #222222;
	}
	h1, .h1L{
		color: #f0f0f0;
	}
	.h1L:hover{
		color: #a1fee4;
	}
	.tdatum{
		color: #eee;
	}
	.umschalter, .usn, .usa{
		color: #eee;
	}
	.segelb, .serot, .segruen, .seblau, .sehblau, .seorange, .seclear, .selila{
		background-image: url();
		padding-left: 0;
	}
	.kleingedrucktes{
		color: #d9d9d9;
	}
	.kat{
		border: 1px solid #1069c8;
	}
	.kathead{
		background-color: rgb(14, 75, 89);
		color: white;
		border-top: 1px solid #1069c8;
		border-bottom: 1px solid #1069c8;
	}
	.katinh{
		background-color: rgb(30, 57, 74);
		color: white;
		border-top: 1px solid #1069c8;
	}
	.katln, .katlna{
		color: #f7fff4;
	}
	.bislink{
		border: 2px dotted #a1fee4;
	}
	.bislink:hover{
		border: 2px solid #ffffff;
	}
	.hline,.nav{
		border-bottom: 2px solid #325d67;
	}
	.button{
		background-color: #000;
		color: #dddddd;
		border: 2px solid #ddd;
	}
	.button:hover{
		background-color: #222;
	}
}