/*Seitenlayout definieren*/

body {
      font-family: Arial, Verdana, Helvetica; 
      width:  960px;
      font-size: 12px; 
      background-color:#C3C3C3;
      margin: 0px;
}

html, body {top:0; bottom:0; left:0; right:0; margin:0; padding:0; min-height:99%; width:99%;}

/******************************/
/*        Nur für MSIE        */
/******************************/

* html, * html body {overflow:hidden; bottom:0; height:99%;}
* html #content     {position:absolute; top:0; bottom:0; left:0; right:0; height:99%; width:99%; overflow:auto; margin:0;}

/******************************/
/*         Standard           */
/******************************/

.ptop		{padding-top: 4px;}
.std		{margin:0; padding:4px;}
.right 	{text-align: right;}
.left 	{text-align: left;}
.center {text-align: center;}
.middle	{vertical-align: middle;}
.top		{vertical-align: top;}
.bottom	{vertical-align: bottom;}
.white 	{color:white;}
.blue 	{color:blue;}
.back_green {background:#00733F;}
.back_std {background: #92C9B2;}
hr.line {border: 1px solid white;}

/******************************/
/*         Schriften					*/
/******************************/

h1 			{font-size: 28px; font-weight: bold; margin: 4px;}
h2			{font-size: 22px;	font-weight: bold; margin: 4px;}
h3			{font-size: 16px;	font-weight: bold; margin: 4px;}
p.spiel_links {text-align: center; font-size: 14px; padding: 4px; margin:0;}
td.std {font-size: 12px; font-weight:normal; color: black}

/******************************/
/*         Statusboxen				*/
/******************************/

p.failed  			{font-size:16px; text-align:center; border:1px solid black; background:#b22222; width:300px; color: white;}
p.logout  			{font-size:16px; text-align:center; font-weight: bold; border:1px solid black; background:#FFFFFF; color: #00733F; width: 300px;}
p.failed_tipp  	{font-size:16px; text-align:center; font-weight: bold; background:#b22222; color: white;}
p.success_tipp  {font-size:16px; text-align:center; font-weight: bold; background:#FFFFFF; color: #00733F;}
p.user_box 			{font-size:12px; border:1px solid black; font-weight: bold; margin: 0; padding: 2px;}

/******************************/
/*         Formular           */
/******************************/

input.button {background: #C3C3C3; border: 2px outset black;}
input.login {background: #C3C3C3; border: 1px inset black;}
input.input {background: #C3C3C3; border: 1px inset black;}
input.tippen {background: #FFF; border: 1px inset black; text-align: center;}
input.readonly{background: #C3C3C3; border: 1px inset black; color: black; text-align: center;}
/*input.input[disabled]{background: #C3C3C3; border: 1px inset black; color:black;}*/

/******************************/
/*         Div Layer          */
/******************************/
div#wrapper
{
		margin: 0px auto;
		width: 800px;
}

div#head {
      background-color:#00733F;
      float: left;
      width:  800px;
      padding: 4px; 
      margin:  0;
      border:  2px outset black;
}

div#content_wrapper {
      clear: both;
      width:  800px;
      background-color:#92C9B2;
      padding: 4px 4px 10px 4px; 
      margin: 0;
      border: 2px outset black;
      float: left;
}

div#navigation {
      float:left; 
      width:150px; 
      padding:0; 
      margin: 25px 0 25px 0;
}
div#content {
      width:620px;
      margin: 0;
      margin-left:170px; 
      padding:0;
}

div#foot
{
			clear:both;
			width: 800px;
			background-color:#00733F;
			padding: 4px 4px 5px 4px; 
      margin:  0;
      border:  2px outset black;
      text-align: center;
}

/******************************/
/*           Header           */
/******************************/
div#headLogo {
      width:        400px;
      float:        left;
      margin:       5px 20px 15px 5px;
      padding:      0;
}

div#headMiddle {
      position:     relative;
      float:        left;
      margin:       0 80px 0 0;
      padding:      20px 0 0 0;
      color:        blue;
      font-weight:  bold;
}

div#headRight {
      position:     relative;
      margin:       0 0 0 10px;
      padding:      13px 0 0 0;     
      color:        blue;
}
div#headRight a {
      background-color:#eee;
      color:        blue;
}

div#headRight a:hover {
      background-color:#eee;
      color:        black;
}

/******************************/
/*         Navigation         */
/******************************/

#button {
				width: 10em;
				padding: 0 0 0 0;
				border: 0px solid #000;
				margin: 1em 0 1em 0;
				        /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
				font-size : 14px;
				color: #333;
				}

#button ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        }

#button li {
        border-bottom: 1px solid #77B677;
        margin: 0;
        list-style: none;
        list-style-image: none;
        }

#button li a {
        display: block;
        padding: 5px 5px 5px 0.5em;
        border-left: 10px solid #00553C;
        border-right: 10px solid #449966;
        background-color: #00733F;
        color: #fff;
        text-decoration: none;
        width: 100%;
        }

html>body #button li a {
        width: auto;
        }

#button li a:hover {
        border-left: 10px solid #1C7259;
        border-right: 10px solid #61B683;
        background-color: #2C8F5B;
        color: #fff;
        }



ul#Navigationsliste {
      margin: 0; 
      padding: 0;
}
ul#Navigationsliste li {
      list-style:none; 
      margin: 5px; 
      margin-bottom:5px;
      padding: 0;
      border: 2px outset black;
}

ul#Navigationsliste a {
    display:block;
    padding: 0;
    text-decoration: none; font-weight: bold;
    padding-bottom: 5px; 
    padding-top: 5px;
		padding-left: 2px; 
    text-align:left; 
  }
  * html ul#Navigationsliste a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    w\idth: 8.8em;
  }
  ul#Navigationsliste a:hover {
		text-decoration: underline;
    color: blue;
  }

/******************************/
/*         Tabellen           */
/******************************/

table.imp {
		border: 0;
		width: 100%;		
}

table.imp td {
	vertical-align: top;
}

table.form {
	border: 0;
}

table.form td {
	font-size: 16px;
	font-weight: bold;
}

table.tippen {
	width: 100%;
	padding: 2px;
	margin: 0 0 6px 0;
	font-size: 14px;
	border: 1px solid black;
	border-collapse: collapse;
}

table.tippen td {
	text-align: center;
	font-weight: bold;
	padding: 2px;
}

table.tippen th {
	text-align: center;
	font-weight: bold;
	padding: 2px;
	background:#00733F;
	border-bottom: 2px solid black;
}

table.rangliste {
	font-size: 14px; 
	font-weight: normal; 
	padding: 4px; 
	margin:0;
}

table.rangliste th{
	font-weight: bold;
}

table.rangliste td{
	width: 70px;
	text-align: center;
}

table.news {
	width: 620px;
	margin: 0;
	padding: 2px;
	text-align: left;
	border: 1px solid black;
	border-collapse: collapse;
}

table.news th {
	border: 1px solid black;
	padding-left: 4px;
	background: #00733F;
	color: white;
}

/******************************/
/*         Content         */
/******************************/

.iframe_body {
      font-family: Arial, Verdana, Helvetica; 
      font-size: 14px; 
      background-color:#e6e6fa;
}

a:link    {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:focus   {color:#000; text-decoration:none;}
a:hover   {color:#EEE; text-decoration:none;}
a:active  {color:#000; text-decoration:none;}