body {
  background-color:#081528;
  background-image:url('/bilder/hintergrund.png');
  background-repeat:repeat-x;
}

body, table, input, select, textarea {
  font-family:Verdana;
  font-size:13px;
  margin:0px;
}

table.sortable th {
	cursor:pointer;
}

table {
  width:100%;
  border-collapse:collapse;
  border:1px solid #88889c;
  margin-top:7px;
}
tr  {
  background-color:#ffffff;
}
tr.hell {
  background-color:#FAFCFE;
}

th {
  background-image:url('/bilder/web2_oben.jpg');
  background-repeat:repeat-x;
  padding-left:10px; padding-right:10px;
  border-right:1px solid #88889c;
  height:18px;
  background-color:#c8c9dd;

}

td {
  border-top:1px solid #88889c;
  padding-left:10px; padding-right:10px;
  height:20px;
  border-right:0;
  border-left:0;
}

td.left   { text-align:left; }
td.right  { text-align:right; }
td.center { text-align:center; }

a {
  color:#0066aa;
  text-decoration:none;
}

a:hover {
  color:#FF3333;
}




table #menu {
  border-spacing:0px;
  background-color:#88889c;
  width:917px;
  height:18px;
  border-right:2px solid #88889c;
  border-left:2px solid #88889c;
  border-bottom:1px solid #88889c;
  border-top:1px solid #88889c;
}

table #menu th {
  width:20%;
  border-right:1px solid #88889c;
}




div.text_header {
  font-weight:bold;
  color:#0066aa;
  font-size:20px;
  margin-bottom:3px;
}

div.text_date {
  font-size:11px;
  color:#9999ad;
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:1px dotted #88889c;
}

div.text_text {
 font-size:12px;
 margin-bottom:10px;
 font-family:Verdana;
}

div.text_comment {
  font-size:11px;
  color:#cccccc;
  text-align:right;
  color:#0066aa;
  clear:left;
}

div.split {
  margin-bottom:40px;
}

div.split {
  border:0px;
  margin:0px 0px 30px 0px;
}

hr {
  border:0px;
  margin:0px 0px 30px 0px;
}

img {
  border:0px;
}

div img {
  border:2px;
}

th a {
  color:#000000;
}

div.statistik {
	padding-left:10px; margin-bottom:10px;
}

div.statistik a {
	font-weight:bold;
}
div.statistik div {
	display:block;
	padding-left:10px;
}

div.selection {
  color:#0066aa;
  height:30px;
  font-weight:bold;
  width:200px;
  font-size:20px;
}

div.selection table tr td.first {
  background-image:url('/bilder/table_th.jpg');
  height:11px;
}

div.selection table { display:none;  }

div.selection:hover table {
  display:table;
  background:none;
  background-color:#f5f5f5;
  height:20px;
  position:relative;
  top:-7px;
  left:0px;
  text-align:center;
  width:0px;
  font-size:13px;
}

div.selection:hover table td {
  padding-left:15px;
  padding-right:15px;
}

div.selection:hover table td, div.selection:hover table tr {
  background:none;
}

div.selection:hover table tr td.first:hover {
    background-image:url('/bilder/table_th.jpg');
}

div.selection:hover table tr td:hover {
  background-image:none;
  background:#ffffff;
  color:#ee0000;
}

div.selection span {
  font-size:14px;
}


div.statistik span {
	display:block;
	padding-left:10px;
}

img[src ^= "/bilder/karte_"] {
	vertical-align:sub;
	padding-bottom:1px;
}

img[src ^= "/bilder/wappen_big/"] {
	height:100px;
	width:100px;
}

img[src ^= "/bilder/wappen_016/"] {
	height:16px;
	width:16px;
	vertical-align:bottom;
}

div.spielbox {
	width:300px;
	height:120px;
	background-image:url('/bilder/rahmen.png');
	position:relative;
	color:#666;
	font-weight:bold;
}

div.spielbox div.wappen_links {
	position:absolute;
	width:90px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	top:30px;
	left:0px;
}

div.spielbox div.wappen_rechts {
	position:absolute;
	width:90px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	top:30px;
	left:210px;
}

div.spielbox div.datum {
	position:absolute;
	top:92px;
	text-align:center;
	width:300px;
}

div.spielbox div.spielstand {
	position:absolute;
	top:40px;
	text-align:center;
	width:300px;
	font-size:30px;
	text-align:center;
}

div.spielbox div.beschreibung {
	position:absolute;
	top:12px;
	text-align:center;
	width:300px;
}

div.spielbox div.link_box_links {
	position:absolute;
	top:112px;
	left:10px;
	text-align:right;
	width:280px;
	font-weight:normal;
}

div.spielbox div.link_box_rechts {
	position:absolute;
	top:112px;
	left:10px;
	text-align:left;
	width:290px;
	font-weight:normal;
}


#interaktiv td, #interaktiv tr, #interaktiv table {
	border:0px;
}



#interaktiv table {
 margin-top:0px;
}




table.gallerie {
  border:1px solid #88889c;
  empty-cells:show;
}
table.gallerie tr td {
  border:1px solid #88889c;
}

div.web2_inhalt {
  clear:both;
  border:1px solid #000;
  position:relative;
  overflow:auto;
  z-index:1;
  background:#fff;
}

div.web2 {
  position:relative;
  width:300px;
  font-size:12px;
   
}

a[class ^= "web2_menu"] {
  position:relative;
  float:left;
  top:1px;
  background:url("/bilder/web2_oben_inaktiv.jpg");
  margin-right:5px;
  padding-left:5px;
  padding-right:5px;
  border:1px solid #aaa;
  border-bottom:1px solid #000;
  font-weight:bold;
  z-index:3;
  line-height:20px;
}

a[class ^= "web2_menu"]:hover {
  border:1px solid #000;
  border-bottom:1px solid #fff;
  background:url("/bilder/web2_oben.jpg");
}

a.web2_menu_active {
  border:1px solid #000;
  border-bottom:1px solid #fff;
  background:url("/bilder/web2_oben.jpg");
}


div.web2 div.web2_inhalt div.news div.datum {
  font-weight:normal;
  color:#000;
  position:relative;
  text-align:center;
  float:left;
  width:50px;
}
div.web2 div.web2_inhalt div.news div.text {
  font-weight:normal;
  position:relative;
  left:50px;
  text-indent:-50px;
  width:250px;
}
div.web2 div.web2_inhalt div.news:first-child {
  border-top:none;
}
div.web2 div.web2_inhalt div.news {
  border-top:1px dotted #ccc;
  padding:3px 0px 3px 0px;
  background:#fff;
}
div.web2 div.web2_inhalt div.news div.text span {
  color:#0066cc;
  font-weight:bold;
}

div.web2_inhalt table,  div.web2_inhalt table tr,   div.web2_inhalt table tr td {
  border:0px;
  margin:0px;
  padding:0px;
}

div.web2_inhalt table tr {
  border-bottom:1px dotted #ccc;
}
div.web2_inhalt table tr td {
  padding:0px 5px 0px 5px;
}



div.web2 div.web2_inhalt div.video div.text {
  font-weight:normal;
  position:relative;
  padding-left:5px;
  width:250px;
}

div.web2 div.web2_inhalt div.video:first-child {
  border-top:none;
}
div.web2 div.web2_inhalt div.video {
  border-top:1px dotted #ccc;
  padding:3px 0px 3px 0px;
  background:#fff;
}
div.web2 div.web2_inhalt div.video div.text span {
  color:#0066cc;
  font-weight:bold;
}

div.web2_inhalt {
  clear:both;
  border:1px solid #000;
  position:relative;
  overflow:auto;
  z-index:1;
  background:#fff;
  
}

div.web2 {
  position:relative;
  width:300px;
  font-size:12px;
}

a[class ^= "web2_menu"] {
  position:relative;
  float:left;
  top:1px;
  background:url("/bilder/web2_oben_inaktiv.jpg");
  margin-right:5px;
  padding-left:5px;
  padding-right:5px;
  border:1px solid #aaa;
  border-bottom:1px solid #000;
  font-weight:bold;
  z-index:3;
  line-height:20px;
}

a[class ^= "web2_menu"]:hover {
  border:1px solid #000;
  border-bottom:1px solid #fff;
  background:url("/bilder/web2_oben.jpg");
}

a.web2_menu_active {
  border:1px solid #000;
  border-bottom:1px solid #fff;
  background:url("/bilder/web2_oben.jpg");
}


div.web2 div.web2_inhalt div.news div.datum {
  font-weight:normal;
  color:#000;
  position:relative;
  text-align:center;
  float:left;
  width:50px;
}
div.web2 div.web2_inhalt div.news div.text {
  font-weight:normal;
  position:relative;
  left:50px;
  text-indent:-50px;
  width:250px;
}
div.web2 div.web2_inhalt div.news:first-child {
  border-top:none;
}
div.web2 div.web2_inhalt div.news {
  border-top:1px dotted #ccc;
  padding:3px 0px 3px 0px;
  background:#fff;
}
div.web2 div.web2_inhalt div.news div.text span {
  color:#0066cc;
  font-weight:bold;
}

div.web2_inhalt table,  div.web2_inhalt table tr,   div.web2_inhalt table tr td {
  border:0px;
  margin:0px;
  padding:0px;
}

div.web2_inhalt table tr {
  border-bottom:1px dotted #ccc;
}
div.web2_inhalt table tr td {
  padding:0px 5px 0px 5px;
}

div.web2 div.web2_inhalt div.video div.text a:hover span {
  color:#FF3333;
}


table.clubgame, table.clubgame tr, table.clubgame td {
	border:0px;
  background:transparent;
}

h1 {
  font-size:14px;
  margin-bottom:5px;
  margin-top:30px;
}

  div[id^=Spieler] {
    display:inline-block;
    position:absolute;
    width:100px;
    height:10px;
    font-size:9px;
    padding-top:50px;
    text-align:center;
    vertical-align:bottom; 
    background-position:top center;
    background-repeat:no-repeat;
    z-index:1;
  }
  div[id^=auswahl_team_] {
    display:none;
    width:100%;
    height:400px;
  }
  select { width:200px; background:#eee; }
  select option { background:#eee; }
  #slider_zuschauer { margin-left:50px; margin-right:50px; }
  #slider_zuschauer_gast { margin-left:50px; margin-right:50px; }
  #save { margin-left:330px; }









/* Tabs */
.ui-tabs { position: relative; padding: 0; zoom: 1; top:1px; z-index:2; font-size:12px; font-weight:bold; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding-left: 0px; left:-5px;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin:0 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; margin-right:5px; padding:2px 5px 2px 5px; text-decoration: none;  border:1px solid #aaa; border-bottom:1px solid #000; background:url("/bilder/web2_oben_inaktiv.jpg"); -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; }
.ui-tabs .ui-tabs-nav li a:hover {  border:1px solid #000; border-bottom:1px solid #fff; background:url("/bilder/web2_oben.jpg"); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; border:1px solid #000;  border-bottom:1px solid #fff; background:url("/bilder/web2_oben.jpg"); }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;  } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { clear:both; display: block; border: 1px solid #000; background: none; z-index:-1; top:-1px; position:relative; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Menuleiste */
.menu {font-family: arial, sans-serif; z-index:5; width:100%; height:18px; border-right:2px solid #88889c; border-left:2px solid #88889c; position:relative; }
.menu ul li a, .menu ul li a:visited, .menu ul li span { padding-top:1px; display:block; text-decoration:none; color:#000; width:181.5px; background:url('/bilder/table_th.jpg'); height:18px; font-weight:bold; text-align:center;  overflow:hidden; border-right:1px solid #88889c;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; }
.menu ul li ul {display: none;}

.menu ul li:hover a {  color:#fff; }
.menu ul li:hover ul {display:block; position:absolute; top:18px; background-image:url('/bilder/bg_menu.png'); left:-1px; width:181px; border:1px solid #88889c; border-bottom:0px;}
.menu ul li:hover ul li a.hide, .menu ul li span.hide {background-image:url('/bilder/bg_menu.png');  color:#000; border-bottom:1px solid #88889c; }
.menu ul li:hover ul li:hover a.hide { color:#00c; text-align:left;  background:#f9f9f9; }
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a, .menu ul li span  { text-align:left; padding-left:10px; display:block; color:#000;border-bottom:1px solid #88889c; width:171px; background-image:url('/bilder/bg_menu.png'); }
.menu ul li:hover ul li a:hover, .menu ul li:hover span:hover {color:#00c; background:#f9f9f9; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:181px; top:-1px;}
.menu ul li:hover ul li:hover ul.left {left:-181px;}


/* Ajax */

#layer { position:fixed; top:0px; left:0px; height:100%; width:100%; background:#000; display:none; z-index:99999; vertical-align:middle;}
#box_rahmen { overflow:visible; display:none; position:fixed; width:640px; z-index:99999; padding-bottom:20px;  max-height:80%; }
#box { padding:5px; width:620px; background:#fff; border:2px solid #ccc; z-index:100000; overflow:auto; max-height:90%; }
#box_close { position:relative;  bottom:2px; left:564px; height:20px; width:70px; padding:0px; margin:0px; z-index:100000;  border:2px solid #ccc; border-top:transparent; }
#box_text { height:100%; }                                                                                                                                                                                                                                                                                                                                                                                                                                    
#box_text h1 { margin:0 0 5px 0; font-size:18px; font-weight:bold; }
#box_text h2 { border-bottom: 1px dotted #999; font-size:10px; }
#box_text h3 { font-size:12px; font-weight:bold; }
#box_tex p { text-align: justify; line-height: 150%; }
button { border:2px solid #ccc; background:#fff; font-family:Verdana; font-size:10px; font-weight:bold; }

#login_status { position:fixed; width:160px; right:50px; top:50px; font-size:10px; border:2px solid #666; background:#fff;line-height:150%; font-weight:bold; padding:5px; }

div.gallery img { vertical-align:top; border:2px solid #000; }

div.form,
div.form input,
div.form textarea,
div.form select { width:100%; border:1px solid #999; background:#fff; font-size:11px; font-weight:bold; }


div.form { border:1px solid #333; width:auto; background:#f9faff; padding:10px; text-align:right; margin-bottom:20px; }
div.form div { text-align:left; margin-left:5px; }
div.form input, div.form textarea { width:100%; background:#fff; }
div.form textarea { height:100px; }
div.form input[type="submit"] { width:auto; margin-top:10px; text-align:right;}


div#spieltag { border:1px solid #999; border-top:0px; }
div#spieltag table { margin-top:0px; }
div#spieltag_auswahl { text-align:center; margin-top:5px; border:1px solid #999; }
div#spieltag_auswahl a { cursor:pointer; }      

div#spieltag.web2_inhalt { border:1px solid #000; }

div.form table,div.form table tr,div.form table tr td { margin-top:0; border:none; background:transparent;font-size:11px; font-weight:bold;  }



div#TopBar { position:fixed; top:0px; border-bottom:1px solid #000; background:URL("/bilder/topbar.png"); background-repeat:repeat; width:100%; margin:0px; padding:5px; z-index:9999; font-size:10px; font-weight:bold; color:#fff; }
div#TopBar a { color:#fff; }