.links {
	  margin-top:10px;
	  margin-bottom:20px;
	  text-align:center;
	  color:Teal;
}
.links a:link    { text-decoration:none; color:Teal }
.links a:visited { text-decoration:none; color:Teal; }
.links a:hover   { text-decoration:underline; color:#0066CC; }
.line {
        height: 1px;
        margin: 0 auto;
        background-image: linear-gradient(        left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -o-linear-gradient(     left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -moz-linear-gradient(   left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -webkit-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -ms-linear-gradient(    left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, gray), color-stop(0.98, white) );
}
.wrap1 {
	width: 100%;
	text-align: center;
	padding: 30px 0 80px 0;
	xborder: solid 1px red;
}
.wrap2 {
	width: 1000px;
	margin: auto;
	margin-top: 20px;
	text-align: left;
	xborder: solid 1px blue;
}
body, td {
	margin:0px;
        font-family:Courier New,Courier,monospace;
	font-size:12pt;
	background-color:#FFFFFF;	
}
p a:link, pre a:link, div a:link {
	color:blue;
	text-decoration:underline;
}
p a:hover, pre a:hover, div a:hover {
	background-color:yellow;
	text-decoration:none;
}
p a:visited, pre a:visited, div a:visited {
	color:blue;
	text-decoration:underline; /* */
}
p a.pic, a.pic img {
	background-color:#FFFFFF;
}
a.pic, a.pic img {
	/* HTML-Test-Icon ausböenden */
	display: none;
}
.explain a:link {
	color:red;
	text-decoration:underline;
}
.explain a:hover {
	background-color:yellow;
	text-decoration:none;
}
.explain a:visited {
	color:red;
}
.logo {
	vertical-align:middle;
	vertical-align:text-bottom;
	margin-right:8px;
	border:0px;
}
p, ul, pre {
	font-size:10pt;
	line-height:12pt;
	color:#330099;
}
h1, h2 {
	font-size:16pt;
}
.num {
        vertical-align:top;
}
.code {
	padding:0px;
        text-align:left;
        color:#333333; /*#663300;*/
        margin-top:0px;
        margin-bottom:0px;
}
.shade {
        color:#CCCCCC;
}
.string {
        color:orange;
}
.comment {
        color:green;
}
.pl {
        color:blue;
}
.pls {
        color:blue;
}
.sh {
        color:brown;
}
.bf {
        color:red;
}
.c {
        color:magenta;
}
.tab {
        background-color:#FFE0E0;
        /*background-color:#FF00EE;F0A0A0*/
}
.blank {
        background-color:#F0A0A0;
}
.nl {
        /*background-color:#CC33CC;FFF0F0*/
	background-color:#C02020;
}
.left {
	width: 220px;
	vertical-align:top;
	height:545px;
	xborder: 1px solid green;
	border-right:2px dotted #C0C0C0;
	padding-right:10px;
}
.right {
	vertical-align:top;
	padding-left:20px;
	xborder: 1px solid green;
}
.copy {
	text-align:right;
	margin:90px 0px 0px 0px;
	font-size:80%;
	color:#999999;
}
.copy a:link {
	color:#999999;
	text-decoration:none;
}
.copy a:hover {
	color:#555555;
	text-decoration:none;
	background-color:yellow;
}
.copy a:visited {
	color:#999999;
	text-decoration:none;
}
.menu img {
	border:solid 0px;
	vertical-align:middle;
}
.menu {
	vertical-align:middle;
	margin:0px;
	font-size:9pt;
	line-height:10pt;
}
.menu a:link {
	color:#333333; /*ff00ff*/
	text-decoration:none;
	margin-left:5px;
}
.menu a:hover {
	color:#333333;
	text-decoration:none;
	background-color:yellow;
	margin-left:5px;
}
.menu a:visited {
	color:#333333;
	text-decoration:none;
	margin-left:5px;
}
.self {
	background-color:#ffff99;
	margin-left:5px;
}

a.linkopacity img {
	border:outset 3px #CCCCCC;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	background-color #fff !important; /* trotzdem gelb? #+# */
}
a.linkopacity:hover img {
	border:inset 3px #CCCCCC;
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	background-color #fff !important; /* trotzdem gelb? #+# */
}
.prognum {
	color:#330099;
	font-size:200%;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}
.progtext {
	font-size:10pt;
	line-height:12pt;
	color:#330099;
	width:224px;
	text-align:justify;
}
.progpic {
	margin:10px 0px 0px 0px;
	border:outset 3px;
}
.progico {
	margin:0px 10px 0px 0px;
	border:outset 3px;
}

.not-for-mobile {
	margin-top: 20px;
	font-weight: bold;
	color: red;
	padding: 10px 0 10px 0;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	background-color: #ffeeff;
}
/* GEHT NUR MIT VIEWPORT! */
@media (min-width:768px) {
	.not-for-mobile {
		display: none;
	}
}