body,ul,li {
	padding:0;
	margin:0;
	border:0;
}

body {
	font-family:Arial,Helvetica,sans-serif; 
	background-color:rgb(255,255,255);
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
	font-size:13pt;
	//height:100%;
	color:rgb(0,0,0); }

#floornr {
	position:absolute;
	top:-10px; right:20px;
	text-align:right;

	color:#c0c0c0;
	opacity:.50;
 	filter:alpha(opacity=50);
 	filter: “alpha(opacity=50)”;
	font-size:80pt; font-weight:bold;
}

#kuerzel {
	position:absolute;
	top:-10px; left:10px;
	text-align:left;

	color:#c0c0c0;
	opacity:.50;
 	filter:alpha(opacity=50);
 	filter: “alpha(opacity=50)”;
	font-size:80pt; font-weight:bold;
}


hr {
	height:2px; color:rgb(192,192,192); }

.t1 {
	font-size:17pt;
	font-weight:bold;
	text-align:center;
	padding-bottom:-10px; }

.t2 {
	font-size:13pt;
	font-weight:bold;
	color:rgb(102,102,255); }

.t3 {
	font-size:13pt;
	font-weight:bold; }

.tabklassen {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	background-color:rgb(255,255,255);
	width:400px;
	text-align:center; }

.tabmenu {
	margin: 0px;
	padding: 0px;
	background-color:rgb(255,255,255);
	text-align:center;
	width:90%; }

.tdmenuspc {
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align:top;
	background-color:rgb(255,255,255);
	height:8px; }

.tdmenuweg {
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align:top;
	background-color:rgb(255,255,255);
	height:0px;
	visibility:hidden;
	}

.tdmenu { 
	text-decoration:none;
	padding: 4px;
	border: 1px outset;
	border-right: 1px outset #808080;
	border-bottom: 1px outset #808080;
	vertical-align:top;
	background-color:#808080;
	font-size:13pt;
	font-weight:normal;
	color:#ffffff;
	text-shadow:0 1px 0 #000;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#999da9), to(#333333));
	background-image:-moz-linear-gradient(top, #999da9, #333333);
	background-image:-o-linear-gradient(top, #999da9, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333')"; /* IE8 & IE9 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor: pointer;
	text-align:left; }

.tdmenumark { 
	text-decoration:none;
	padding: 4px;
	margin: 0px;
	border: 1px outset;
	border-right: 1px outset #808080;
	border-bottom: 1px outset #808080;
	vertical-align:top;
	background-color:#808080;
	font-size:13pt;
	font-weight:normal;
	color:#ffff00;
	text-shadow:0 1px 0 #000;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#999da9), to(#333333));
	background-image:-moz-linear-gradient(top, #999da9, #333333);
	background-image:-o-linear-gradient(top, #999da9, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333')"; /* IE8 & IE9 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor: pointer;
	text-align:left; }

.tdmenu img { 
	vertical-align:middle; 
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 5px; }

.tab1 {
	margin: 0px;
	border: 0px;
	background-color:rgb(255,255,255);
	width:98%; }

.td0 {
	vertical-align: top;
	background-color: rgb(102,102,255);
	padding:2px;
	font-size:15pt;
	font-weight:bold;
	color:rgb(255,255,255); }

.td0line { 
	vertical-align:top;
	background-color:rgb(102,102,255);
	font-size:15pt;
	font-weight:bold;
	padding:0;
	color:rgb(255,255,255); }

.td1 {
	vertical-align:top;
	background-color:rgb(102,102,255);
	padding:4px;
	font-size:13pt;
	font-weight:bold;
	color:rgb(255,255,255); }

.td1c      {vertical-align:top;
            text-align:center;
            background-color:rgb(102,102,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:bold;
            color:rgb(255,255,255); }

.td2       {vertical-align:top;
            background-color:rgb(192,192,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:bold;
            color:rgb(0,0,0); }

.td2c      {vertical-align:top;
            text-align:center;
            background-color:rgb(192,192,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:bold;
            color:rgb(0,0,0); }

.td3       {vertical-align:top;
            background-color:rgb(192,192,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:normal;
            text-decoration:none;
            color:rgb(0,0,0); }

.td3 a     {vertical-align:top;
            background-color:rgb(192,192,255);
            font-size:13pt;
            font-weight:normal;
            text-decoration:none;
            color:rgb(0,0,0); }

.td3c      {vertical-align:middle;
            text-align:center;
	    padding:4px;	
            background-color:rgb(192,192,255);
            font-size:13pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td3cmark  {vertical-align:middle;
            text-align:center;
	    padding:4px;	
            background-color:rgb(255,255,0);
            font-size:13pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.orange  {vertical-align:top;
            text-align:center;
	    padding:4px;	
            background-color:rgb(255,128,0);
            font-size:13pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.silver  {vertical-align:top;
            text-align:center;
	    padding:4px;	
            background-color:#f4f5f7;
            font-size:13pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td4       {vertical-align:top;
            background-color:rgb(192,192,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:bold;
            font-style:italic;
            color:rgb(0,0,0); }

.td4c      {vertical-align:top;
            text-align:center;
            background-color:rgb(192,192,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:bold;
            font-style:italic;
            color:rgb(0,0,0); }

.td5       {vertical-align:top;
            background-color:rgb(255,255,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td5mark   {vertical-align:top;
            background-color:rgb(255,255,0);
	    padding:4px;	
            font-size:13pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td5c      {vertical-align:top;
            text-align:center;
            background-color:rgb(255,255,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:normal;
            color:rgb(0,0,0); }

.td6       {vertical-align:top;
            background-color:rgb(255,255,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:normal;
            font-style:italic;
            color:rgb(0,0,0); }

.td6c      {vertical-align:top;
            text-align:center;
            background-color:rgb(255,255,255);
	    padding:4px;	
            font-size:13pt;
            font-weight:normal;
            font-style:italic;
            color:rgb(0,0,0); }

a	    {color:rgb(0,0,0);
             font-weight:normal;
             text-decoration:none;}


#header {
	position:absolute; z-index:2;
	top:0; left:0;
	width:100%;
	height:45px;
	line-height:45px;
	padding:0;
	text-align:center;

	border-bottom:1px solid #838a9a;
	background-color:#c2c2c2;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#f4f5f7), to(#999da9));
	background-image:-moz-linear-gradient(top, #f4f5f7, #999da9);
	background-image:-o-linear-gradient(top, #f4f5f7, #999da9);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f5f7', endColorstr='#999da9'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f5f7', endColorstr='#999da9')"; /* IE8 & IE9 */
	
	color:#717880;
	font-size:24px; font-weight:bold;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	-webkit-border-top-left-radius:4px;
	-moz-border-top-left-radius:4px;
	-o-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	-o-border-top-right-radius:4px;
	border-top-right-radius:4px;
}

#header img {
	vertical-align:middle;
	margin-top: 0px;
	margin-bottom: 5px;
}

#btnliste {
	text-decoration:none;
	padding: 4px;
	height:20px;
	margin: 0px;
	border: 1px inset;
	border-top: 1px inset #808080;
	border-left: 1px inset #808080;
	vertical-align:top;
	background-color:#808080;
	font-size:13pt;
	font-weight:normal;
	color:#ffffff;
	text-shadow:0 1px 0 #000;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#999da9), to(#333333));
	background-image:-moz-linear-gradient(top, #999da9, #333333);
	background-image:-o-linear-gradient(top, #999da9, #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333')"; /* IE8 & IE9 */

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	cursor: pointer;
}

#btnset {
	text-decoration:none;
	position:absolute;
	top:8px; right:8px; height:20px;
	line-height:17px;
	padding: 4px;
	margin: 0px;
	border: 1px inset;
	border-left: 1px inset #808080;
	border-top: 1px inset #808080;
	vertical-align:top;
	background-color:#808080;
	font-size:13pt;
	font-weight:normal;
	color:#ffffff;
	text-shadow:0 1px 0 #000;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#999da9), to(#333333));
	background-image:-moz-linear-gradient(top, #999da9, #333333);
	background-image:-o-linear-gradient(top, #999da9, #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333')"; /* IE8 & IE9 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	cursor: pointer;
	text-align:left; }

#floor  {
	height:18px; width:18px;
	}

#floor2 {
//	z-index:1;
	position:fixed;
	top:8px; right:8px;
	color:#616770;
	text-shadow:0 1px 0 #fff;
	font-size: 13pt;}


#btnsel {
	text-decoration:none;
	padding: 4px;
	height:20px;
	margin: 0px;
	border: 1px inset;
	border-top: 1px inset #808080;
	border-left: 1px inset #808080;
	vertical-align:top;
	background-color:#0000c0;
	font-size:13pt;
	font-weight:normal;
	color:#ffffff;
	text-shadow:0 1px 0 #000;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#0000f0), to(#000050));
	background-image:-moz-linear-gradient(top, #0000f0, #000050);
	background-image:-o-linear-gradient(top, #0000f0, #000050);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0000f0', endColorstr='#000050'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0000f0', endColorstr='#000050')"; /* IE8 & IE9 */

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	cursor: pointer;
}

#btnback {
	text-decoration:none;
	position:absolute;
	top:7px; left:8px; 
	height:20px;
    line-height:17px;
	padding: 4px;
	margin: 0px;
	border: 1px inset;
	border-top: 1px inset #808080;
	border-left: 1px inset #808080;
	vertical-align:top;
	background-color:#c00000;
	font-size:13pt;
	font-weight:normal;
	color:#ffffff;
	text-shadow:0 1px 0 #000;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#f00000), to(#500000));
	background-image:-moz-linear-gradient(top, #f00000, #500000);
	background-image:-o-linear-gradient(top, #f00000, #500000);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f00000', endColorstr='#500000'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f00000', endColorstr='#500000')"; /* IE8 & IE9 */

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	cursor: pointer;
}

#wrapper {
	position:absolute; z-index:1;
	top:45px; bottom:42px; 
	width:100%;
//	height:100%;
	background:#ffffff;
	overflow:auto;
}

#scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:99%;
	left:10px; right:10px; 
	padding:0;
}

#footcont {
	position:absolute; z-index:2;
	bottom:0; left:0;
	width:100%;
	height:42px;
	white-space:normal;
	vertical-align:middle;

	border-top:1px solid #838a9a;
	background-color:#c2c2c2;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#f4f5f7), to(#999da9));
	background-image:-moz-linear-gradient(top, #f4f5f7, #999da9);
	background-image:-o-linear-gradient(top, #f4f5f7, #999da9);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f5f7', endColorstr='#999da9'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f5f7', endColorstr='#999da9')"; /* IE8 & IE9 */

	padding:0;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-o-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-webkit-border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-o-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}

#footer {
	line-height:17px;
	white-space:normal;
	vertical-align:middle;
	color:#515660;
	font-size:13pt; 
	text-align:left;
	text-shadow:0 1px 0 #fff;
	padding:6px;
}

#myFrame {
	position:absolute;
	top:0; left:0;
}

/**
 *
 * Horizontal Scrollbar
 *
 */
.myScrollbarH {
	position:absolute;
	z-index:100;
	height:8px;
	bottom:1px;
	left:2px;
	right:7px
}

.myScrollbarH > div {
	position:absolute;
	z-index:100;
	height:100%;

	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#c0c0ff), to(#6666ff));
	background-image:-moz-linear-gradient(top, #c0c0ff, #6666ff);
	background-image:-o-linear-gradient(top, #c0c0ff, #6666ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c0c0ff', endColorstr='#6666ff'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c0c0ff', endColorstr='#6666ff')"; /* IE8 & IE9 */


	border:1px solid #900;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	-o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}


/**
 *
 * Vertical Scrollbar
 *
 */
.myScrollbarV {
	position:absolute;
	z-index:100;
	width:8px;bottom:1px/*7px*/;top:2px;right:1px
}

.myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#c0c0ff), to(#6666ff));
	background-image:-moz-linear-gradient(top, #c0c0ff, #6666ff);
	background-image:-o-linear-gradient(top, #c0c0ff, #6666ff);
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c0c0ff', endColorstr='#6666ff'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c0c0ff', endColorstr='#6666ff')"; /* IE8 & IE9 */

	border:1px solid #900;

	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	-o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}

#effect { 
	width: 260px; min-height: 300px; padding: 7px; font-size:13pt;
	position: absolute; top:-545px; background: #e0e0e0; z-index: 3; right:8px;
	color:#313440;
	text-shadow:0 1px 0 #e0e0e0;
	background-color:#c2c2c2;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#f4f5f7), to(#999da9));
	background-image:-moz-linear-gradient(top, #f4f5f7, #999da9);
	background-image:-o-linear-gradient(top, #f4f5f7, #999da9);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f5f7', endColorstr='#999da9'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f5f7', endColorstr='#999da9')"; /* IE8 & IE9 */
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
	border: 1px outset;
	border-right: 1px outset #808080;
	border-bottom: 1px outset #808080; }

#tooltip { 
	width: 300px; height: 70px; padding: 7px; font-size:13pt;
	position: absolute; top:-200px; left:-200px;
	background: #e0e0e0; z-index: 3; right:8px;
	color:#313440;
	text-align: center;
	vertical-align: middle;
	text-shadow:0 1px 0 #e0e0e0;
	background-color:#c2c2c2;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#f4f5f7), to(#999da9));
	background-image:-moz-linear-gradient(top, #f4f5f7, #999da9);
	background-image:-o-linear-gradient(top, #f4f5f7, #999da9);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f5f7', endColorstr='#999da9'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f5f7', endColorstr='#999da9')"; /* IE8 & IE9 */
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
	border: 1px outset;
	border-right: 1px outset #808080;
	border-bottom: 1px outset #808080; }
	
#effect hr {
	border: 1px inset;
	height:1px; }

#effect h3 { 
	color:#717880;
	text-shadow:0 1px 0 #fff;
	margin: 0; 
	padding: 4px; 
	text-align: center; 
	top:20px; 
	font-size:17pt;}

#effect select {
	color:#616770;
	text-shadow:0 1px 0 #fff;
	width: 150px;
	font-size: 13pt;}
	
#effect a { 
	text-decoration:none;
	position:absolute; 
	width: 120px; left: 70px; bottom: 10px; padding: 4px;
	margin: 0px;
	border: 1px outset;
	border-right: 1px outset #808080;
	border-bottom: 1px outset #808080;
	vertical-align:top;
	background-color:#808080;
	font-size:13pt;
	font-weight:normal;
	color:#ffffff;
	text-shadow:0 1px 0 #000;
	background-image:-webkit-gradient(linear, 0 0, 0 100, from(#999da9), to(#333333));
	background-image:-moz-linear-gradient(top, #999da9, #333333);
	background-image:-o-linear-gradient(top, #999da9, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999da9', endColorstr='#333333')"; /* IE8 & IE9 */
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	cursor: pointer;
	text-align:center; }