input.button {
 color: #ffffff;
 border: thin  solid #000000;
 font-weight: bold;
 background-color: #021C35;
}

body#main { background-color:#021C35;  background-image:url(/sfm/customer2008/main_bg.jpg); background-attachment: scroll; background-position: left top; background-repeat: no-repeat;  scrollbar-face-color: #021C35; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #999999; scrollbar-3dlight-color: #cccccc; scrollbar-base-color: #000000; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #ffffff;  }

TD#tablenavilefttop { height:221px; background-color: #dafafd; background-image:url(/sfm/customer2008/spacy_05.jpg);  background-position: left top; background-repeat: no-repeat; }

TD#tablenavileft { width:170px; background-color: #DAFAFD; }


/* Navigation tablenavileft */
div#tablenavileft {
	width: 170 px;
	background-color: #DAFAFD;
	overflow: visible;
	float: left;
}
ul#tablenavileft {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
/* IE 1px Bug
ul li a{float:left}
   li{clear:left}

*/
ul#tablenavileft li {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: left;
}
ul#tablenavileft a.level1 {
	display: block; /* Element macht am Ende ein br */
	overflow: visible;
	text-align: left;
	float: left;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: bold; font-style: normal; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1n.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */

* html ul#tablenavileft a.level1 {
	height: 25px;
}

ul#tablenavileft a.level1 div {
	padding-top: 3px;
	padding-left: 7px;
}

ul#tablenavileft a.level1:link {

}

ul#tablenavileft a.level1:link div {
	padding-top: 3px;
	padding-left: 7px;
}

ul#tablenavileft a.level1:visited {

}

ul#tablenavileft a.level1:hover {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: bold; font-style: normal; text-decoration: none;
	background-image: url(/sfm/customer2008/button1o.jpg);
	background-repeat: no-repeat;
}

ul#tablenavileft a.level1:hover div {
	padding-top: 3px;
	padding-left: 7px;
}

ul#tablenavileft a.level1:active {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #000000; font-weight: bold; font-style: italic; text-decoration: none;
	background-image: url(/sfm/customer2008/button1a.jpg);
	background-repeat: no-repeat;
}

ul#tablenavileft a.level1:active div {
	padding-top: 3px;
	padding-left: 7px;
}

ul#tablenavileft a.active_level1 {

	display: block; /* Element macht am Ende ein br */
	overflow: visible;
	text-align: left;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #000000; font-weight: bold; font-style: italic; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1a.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */ 

* html ul#tablenavileft a.active_level1 {
	height: 25px;
}

ul#tablenavileft a.active_level1 div {
	padding-top: 3px;
	padding-left: 7px;
}

ul#tablenavileft li.noLinkButton_level1 {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: bold; font-style: normal; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1n.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */ 

* html ul#tablenavileft li.noLinkButton_level1 {
	height: 25px;
}

ul#tablenavileft li.noLinkButton_level1 div {
	padding-top: 3px;
	padding-left: 7px;
}
ul#tablenavileft a.level2 {
	display: block; /* Element macht am Ende ein br */
	overflow: visible;
	text-align: left;
	float: left;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1n_2.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */

* html ul#tablenavileft a.level2 {
	height: 25px;
}

ul#tablenavileft a.level2 div {
	padding-top: 3px;
	padding-left: 9px;
}

ul#tablenavileft a.level2:link {

}

ul#tablenavileft a.level2:link div {
	padding-top: 3px;
	padding-left: 9px;
}

ul#tablenavileft a.level2:visited {

}

ul#tablenavileft a.level2:hover {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: bold; font-style: normal; text-decoration: none;
	background-image: url(/sfm/customer2008/button1o_2.jpg);
	background-repeat: no-repeat;
}

ul#tablenavileft a.level2:hover div {
	padding-top: 3px;
	padding-left: 9px;
}

ul#tablenavileft a.level2:active {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;
	background-image: url(/sfm/customer2008/button1a_2.jpg);
	background-repeat: no-repeat;
}

ul#tablenavileft a.level2:active div {
	padding-top: 3px;
	padding-left: 9px;
}

ul#tablenavileft a.active_level2 {

	display: block; /* Element macht am Ende ein br */
	overflow: visible;
	text-align: left;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1a_2.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */ 

* html ul#tablenavileft a.active_level2 {
	height: 25px;
}

ul#tablenavileft a.active_level2 div {
	padding-top: 3px;
	padding-left: 9px;
}

ul#tablenavileft li.noLinkButton_level2 {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1n_2.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */ 

* html ul#tablenavileft li.noLinkButton_level2 {
	height: 25px;
}

ul#tablenavileft li.noLinkButton_level2 div {
	padding-top: 3px;
	padding-left: 9px;
}
ul#tablenavileft a.level3 {
	display: block; /* Element macht am Ende ein br */
	overflow: visible;
	text-align: left;
	float: left;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1n_3.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */

* html ul#tablenavileft a.level3 {
	height: 25px;
}

ul#tablenavileft a.level3 div {
	padding-top: 3px;
	padding-left: 13px;
}

ul#tablenavileft a.level3:link {

}

ul#tablenavileft a.level3:link div {
	padding-top: 3px;
	padding-left: 13px;
}

ul#tablenavileft a.level3:visited {

}

ul#tablenavileft a.level3:hover {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: bold; font-style: normal; text-decoration: none;
	background-image: url(/sfm/customer2008/button1o_3.jpg);
	background-repeat: no-repeat;
}

ul#tablenavileft a.level3:hover div {
	padding-top: 3px;
	padding-left: 13px;
}

ul#tablenavileft a.level3:active {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;
	background-image: url(/sfm/customer2008/button1a_3.jpg);
	background-repeat: no-repeat;
}

ul#tablenavileft a.level3:active div {
	padding-top: 3px;
	padding-left: 13px;
}

ul#tablenavileft a.active_level3 {

	display: block; /* Element macht am Ende ein br */
	overflow: visible;
	text-align: left;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1a_3.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */ 

* html ul#tablenavileft a.active_level3 {
	height: 25px;
}

ul#tablenavileft a.active_level3 div {
	padding-top: 3px;
	padding-left: 13px;
}

ul#tablenavileft li.noLinkButton_level3 {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none;
	min-height: 25px;
	background-image: url(/sfm/customer2008/button1n_3.jpg);
	background-repeat: no-repeat;
}

/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */ 

* html ul#tablenavileft li.noLinkButton_level3 {
	height: 25px;
}

ul#tablenavileft li.noLinkButton_level3 div {
	padding-top: 3px;
	padding-left: 13px;
}
ul#tablenavileft li.tablenavileft_trenner {

	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333; font-weight: bold; font-style: normal; text-decoration: none;

	vertical-align: middle;

}


TD#tablenavileftbottom { height:172px; background-color: #dafafd; background-image:url(/sfm/customer2008/spacy_10.jpg); background-repeat: repeat-y; }

TD#tablenavitop { height:221px; background-color: #dafafd; background-image:url(/sfm/customer2008/spacy_06.jpg);  background-position: left top; background-repeat: no-repeat; }


ul.tablenavitop {
	display:inline;
	padding: 0;
	margin: 0;
	border: 0;
}
ul.tablenavitop li {
	list-style: none;
	display: inline;
	float: right;	padding: 0;
}
ul.tablenavitop a  {
	display:block;
	float:left;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333 !important; font-weight: bold; font-style: normal; text-decoration: none;	background-repeat: no-repeat;
}
ul.tablenavitop a span {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}
ul.tablenavitop a:hover {
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #ff6666 !important; font-weight: bold; font-style: normal; text-decoration: none;}
ul.tablenavitop a:hover span {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}
ul.tablenavitop a:active {
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #aa0000 !important; font-weight: bold; font-style: normal; text-decoration: none;}
ul.tablenavitop a:active span {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}
ul.tablenavitop a.tablenavitop_active {
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #aa0000 !important; font-weight: bold; font-style: normal; text-decoration: none;}
ul.tablenavitop li.noLinkButton {
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #333333 !important; font-weight: bold; font-style: normal; text-decoration: none;}

ul.tablenavitop li.noLinkButton span {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}

ul.tablenavitop li.tablenavitop_main_trenner {
		}
ul.tablenavitop li.tablenavitop_left_trenner {
		}
ul.tablenavitop li.tablenavitop_right_trenner {
		}


ul#tablenavitop li {float:none;}
ul#tablenavitop a  {float:none;}

TD#tablenavibottom { height:172px; background-color: #dafafd; background-image:url(/sfm/customer2008/spacy_11.jpg);  background-position: right bottom; background-repeat: no-repeat; }

TD#tableborderright { width:50px; background-color: #dafafd; background-image:url(/sfm/customer2008/spacy_12.jpg);  background-position: right top; background-repeat: repeat-y; }

TD#tableouterright { width:1px; background-color: #021C35; }


/* Navigation tableouterright */
div#tableouterright {
	background-color: #021C35;
	overflow: visible;
	float: left;
}
ul#tableouterright {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
/* IE 1px Bug
ul li a{float:left}
   li{clear:left}

*/
ul#tableouterright li {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: left;
}
ul#tableouterright a {
	display: block; /* Element macht am Ende ein br */
	overflow: visible;
	text-align: left;
	float: left;
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #8888aa; font-weight: normal; font-style: normal; text-decoration: none;	width: 200px;
	min-height: 20px;
}
/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */
* html ul#tableouterright a {
	height: 20px;
}
ul#tableouterright a div {
	padding-top: 3px;
	padding-left: 5px;
}
ul#tableouterright a:link {
}
ul#tableouterright a:link div {
	padding-top: 3px;
	padding-left: 5px;
}
ul#tableouterright a:visited {
}
ul#tableouterright a:hover {
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none;}
ul#tableouterright a:hover div {
	padding-top: 3px;
	padding-left: 5px;
}
ul#tableouterright a:active {
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #ffdddd; font-weight: bold; font-style: normal; text-decoration: none;}
ul#tableouterright a:active div {
	padding-top: 3px;
	padding-left: 5px;
}
ul#tableouterright .tableouterright_active {
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #ffdddd; font-weight: bold; font-style: normal; text-decoration: none;}
ul#tableouterright li.noLinkButton {
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #8888aa; font-weight: normal; font-style: normal; text-decoration: none;	width: 200px;
	min-height: 20px;
}
/* IE Hack, IE kennt min-height noch nicht, draengt aber link auf wenn Text nicht in Hoehe platz hat */
* html ul#tableouterright li.noLinkButton {
	height: 20px;
}
ul#tableouterright li.noLinkButton div {
	padding-top: 3px;
	padding-left: 5px;
}
ul#tableouterright li.tableouterright_trenner {
	font-family: Arial, Verdana, Times New Roman; font-size: 10pt; color: #8888aa; font-weight: normal; font-style: normal; text-decoration: none;	vertical-align: middle;
}


a:link {color:#024480; }
a:visited {color:#024480; }
a:hover { color:#0B0040; }
a:active { color:#0B0040;   }
a:focus { color:#0B0040;  }

H1{ padding:5px 0px; margin:0;font-family: Verdana, Arial, Times New Roman; font-size:14px; color:#000000; font-weight:bold;}
H2{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; font-style: italic; }
H3{ padding:2px 0px 5px 0px; margin:0px 0px 0px 0px; font-family: Verdana, Arial, Times New Roman; font-size:14px; line-height:14px; color:#000000; font-weight:bold; text-align:left; background-color:#9AB8CC}
H4{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; }
H5{ padding:2px 0px 4x 0px; margin:0px 0px 0px 0px; font-family: Verdana, Arial, Times New Roman; font-size:11px; line-height:11px; color:#000000; font-weight:bold; text-align:left; }
H6{ padding:3px 2px 2px 10px; margin:0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; }

.t {font-family: Verdana, Arial; font-size: 10pt; color: #000000; font-weight: normal; font-style: normal; }
.t6 {font-family: Verdana, Arial; font-size: 10pt; color: #000000; font-weight: bold; font-style: normal; }
td {font-family: Verdana, Arial; font-size: 10pt; color: #000000; font-weight: normal; font-style: normal; }

.spieler_alarm {background-color:#FD0303; color:#ffffff;}
.spieler_warning {background-color:yellow; color:#ffffff;}
.spieler_ok {background-color:#C3D6AE; color:#ffffff;}