/**
*
* design css
*
*/
@media screen, projection {
  html {
    font-size: 100%
  }
  body {
    font: 62.5%/1.3 Arial, Helvetica, sans-serif;
    color: #000;
    background: #000
  }
  strong, b, th {
    font-weight: bold
  }
  em {
    font-style: italic
  }
  a, a:link, a:visited {
  	background-color: transparent;
  	color: #fc0000;
  	text-decoration: none;
  }
  a:hover {
  	text-decoration: underline
  }
  p {
    margin-bottom: 1.1em;
    font-size: 1.1em
  }

  /** headlines */

  /** tabmenu */
  #tab {
    float: left;
    width: 685px
  }
  #tab ul {
    margin: 0;
    padding: 1em 1em 0 0
  }
  #tab li {
    display: inline
  }
  #tab a {
    float: left;
    background: url(../images/tabmenu/tab_left.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 6px;
    text-decoration: none
  }
  #tab a span {
    float: left;
    display: block;
    background: url(../images/tabmenu/tab_right.gif) no-repeat right top;
    padding: 3px 10px 3px 9px;
    color: #000;
    font-size: 1.1em;
    font-weight: bold
  }
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
  #tab a span {
    float: none;
    text-align:center
  }
  /* End IE5-Mac hack */
  #tab a:hover {
    background-position: 0% -22px
  }
  #tab a:hover span {
    background-position: 100% -22px
  }
  #tab #currenttab a {
    background-position: 0% -22px;
    color: #000
  }
  #tab #currenttab a span {
    background-position: 100% -22px;
    color: #000
  }


  /** menues */
  ul#btmMenu {
  	text-align: center
  }
  ul#breadMenu {
  	display: inline;
  }

  ul#btmMenu li,
  ul#breadMenu li {
  	float: left;
  	text-transform: uppercase;
  	font-weight: bold;
  	width: 84px;
  }
  ul#btmMenu li {
  	display: inline;
  	float: none;
  	margin: 0 20px 0 0;
  }
  ul#breadMenu li {
  	font-size: 1.1em;
  	width: auto;
  	color: #a6a8a8;
  	margin-right: 8px
  }
  ul#btmMenu li a,
  ul#breadMenu li a {
  	color: #9a9a9a;
  	text-decoration: none
  }
  ul#breadMenu li a {
  	padding-right: 5px
  }

  ul#btmMenu li a:hover,
  ul#breadMenu li a:hover {
  	text-decoration: underline
  }
  ul#btmMenu li.active a,
  ul#breadMenu li.active {
  	color: #ff0000
  }

  /** recommend */
  h3.heads {
  	margin: 12px 0;
  	clear: both
  }
  /** user */
  #left #userbox img.userimg {
  	float: left;
  	margin-right: 15px;
  	border: 1px solid #7F8384
  }
  #left #userbox #icons table {
  	position: absolute;
  	bottom: 10px;
  	left: 112px
  }

  /** tournament */
  .smallbox {
  	float: left;
  	width: 223px;
  	background: url(../images/bg_groups.png) no-repeat;
  	padding: 8px
  }
  .smallbox p {
  	margin: 0
  }
  .smallbox a {
		color: #000
  }
  .smallbox img {
		border: 1px solid #7F8384
  }
  .noheight {
  	background: #000 url(../images/boxen/boxbordright_tournament_bg.png) bottom left repeat-x !important;
  	min-height: 50px !important
  }


  /** create account right */
  .createaccountbg {
  	background: url(../images/boxen/account_bg.png) repeat-y;
  	height: 55px
  }
  .createaccountbg a {
  	color: #fff !important;
  }

  /* copyright */
  #copyright h3 {
  	clear: both;
  	text-align: center;
  	color: #9A9A9A;
  	font-size: 1em;
  	font-weight: normal;
  	padding: 3px 0;
  }

}