/**
 * @author		CG
 * @SUBPACKAGE  HTML5 Template Rennanzeige
 * @copyright	CG
 * @Date		Fr, 01.11.2013
**/

/* *************** ALLGEMEINE FORMATIERUNGEN ***************
************************************************************/
*{
	margin: 0px;
	padding: 0px;
}

html, body{
	background: #808080;
}
/* *************** TYPO ************************************
************************************************************/

body{
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
    float: left;
}

/* *************** Table ***********************************
************************************************************/

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	background-color:#ffffff;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
		background:-o-linear-gradient(bottom, #a2a2a2 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2a2a2), color-stop(1, #000000) ); 
	background:-moz-linear-gradient( center top, #a2a2a2 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a2a2a2", endColorstr="#000000");	background: -o-linear-gradient(top,#a2a2a2,000000);

	background-color:#a2a2a2;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:45px;
	font-family:Arial;
	font-weight:normal;
	color:#FFFFFF;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);

	background-color:#4c4c4c;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:45px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");	background: -o-linear-gradient(top,#4c4c4c,000000);

	background-color:#4c4c4c;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* *************** LAYOUT **********************************
************************************************************/

/* main title */
.wrapper_title {
    position:absolute;
    font-size: 35px;
    text-align: center;
    margin: 5px;
    width: 1910px;
    background-color: #ff6a00;
    text-align: center;
    color: #000000;
}
/* left screen */
.wrapper_table {
    text-align: center;
    position:absolute;
    margin-left: 5px;
    margin-top: 95px;
    width:1910px;
}
.left_title_top {
    position: absolute;
    margin-left: 480px;
    margin-top: 50px;
    background-color: #000000;
    text-align: center;
    width: 715px;
    color: #ff6a00;
    font-size: 35px;
}
.right_title_top {
    position: absolute;
    margin-left: 1205px;
    margin-top: 50px;
    background-color: #000000;
    text-align: center;
    width: 710px;
    color: #ff6a00;
    font-size: 35px;
}