/****************************************/
/* @project: 	Loswetten				*/
/* @author:		(c) 2010 by Simon Nagel */
/* @filename:	style.css				*/
/****************************************/

/* Allgemein */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

html {
    overflow: -moz-scrollbars-vertical;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #D60404;
	background-image: url(../images/design/bg_gradient.jpg);
	background-repeat: repeat-x;
	margin-top:50px;	
}

a {
	color: #333333;
    text-decoration: none;
}

a:hover {
    color: #A10404;
}

h2.title {
    padding:6px;
    color:#FFFFFF;
    background-color:#363636;
    border-bottom:1px solid #FFFFFF;
}

h3.title {
    padding:6px;
    color:#FFFFFF;
    background-color:#363636;
    border-bottom:1px solid #CCCCCC;
    font-size:90%;
    margin: -5px -5px 5px -5px;
}

.redbold {
    color: #A80404;
    font-weight: bold;
}

.submit_btn {
	height: 27px;
	width: 126px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;	
	background: url(../images/design/button_bg.png) no-repeat 0 0;
	color: #FFFFFF;
}

.submit_btn:hover {
	background: url(../images/design/button_bg_hover.png) no-repeat 0 0;	
}

.bet_delete {
	position: absolute;
	left: 170px;
	width: 16px;
	height: 16px;
	background: url(../images/loeschen.png) no-repeat;
	cursor: pointer;
}

.wettabgabe_bet_delete {
    background-image:url(../images/loeschen.png) !important;
}

.btn_right {
	float: left;
	margin: 8px 10px 10px;
}

.clear {
	clear: both;
}

.input_fld {
    width: 180px;
}

.message_error {
	margin-bottom: 10px;
	color: #B22222;
	padding: 5px 20px 5px 0;
}

.message_ok {
	margin-bottom: 10px;
	color: #2FB743;
	padding: 5px 20px 5px 0;
}

.red {
    color: red;
}

.green {
    color: green;
}

.gray {
    background-color: #CCCCCC;
    font-weight: bold;
}

.red_bgr {
    background-color: #FFAFAF;
}

.green_bgr {
    background-color: #B3EFB3;
}

.link {
    cursor:pointer;
}

.livescore {
    position: relative;
    text-align: center;
    margin-top: -65px;
    z-index: -1;
}

#grid_small .x-grid3-hd-row td,#grid_small .x-grid3-row td,#grid_small .x-grid3-summary-row td{
    font-size: 11px;
} 

#ladebalken_bg {
	position: relative; 
	width:300px; 
	background-color: #C0C0C0; 
	border: solid 1px #000000;
}

#ladebalken_prozent {
	position: absolute; 
	width: 100%; 
	z-index: 3; 
	text-align: center; 
	font-weight: bold; 
	padding-top:3px;
}

#ladebalken {
	position: relative; 
	background-color: #D60404;
	width:0px; 
	height: 22px; 
	border-right: solid 1px #000000; 
	z-index: 2;
}

#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}

#startseite_bild {
    margin-top: -5px;
    margin-left: -5px;
    padding-top: 10px;
}

/* Design */

#wrapper { 
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
	width: 945px;
}

#header {
	width: 945px;
	height: 98px;
	background: url(../images/design/header.png) no-repeat;
}

#navcontainer {
	margin-left: 10px;
	width: 925px;
	position: relative;
	z-index: 2;
}

#main_wrapper {    
    width: 927px;
    margin-left: 10px;
    overflow: auto;
    position:relative;
	z-index: 1;
	background:#FFFFFF url(../images/design/main_wrapper.png) repeat-y;
    min-height: 400px;
    clear: both;
}

#main_wrapper_start {    
    width: 927px;
    margin-left: 10px;
    overflow: auto;
    position:relative;
	z-index: 1;
	background:#FFFFFF url(../images/design/main_wrapper_start.png) repeat-y;
    min-height: 400px;
    clear: both;
}

#col_content {
	float:left;
	width:715px;
	position:relative;
	overflow:hidden;
	padding: 5px;
    z-index: 1;
}

#col_right {
	float:right;
	width:190px;
	position:relative;
	overflow:hidden;
	padding: 5px;
}

#footer { 
	width: 927px;
	clear: both;
	color: #333333;
	background: #FFFFFF;
	margin-left: 10px;
	padding-top:5px;
	padding-bottom: 5px;
	border-top:5px solid #363636;
	border-bottom:5px solid #363636;
	text-align: center;
}

#footer a {
	font-size: 0.8em;
}

/* Tabellen */

table.tbl {
    border-collapse: collapse;
    border:1px solid #CCCCCC;
    margin:6px;
}

table.tbl td, table.tbl th {
    border: 1px dotted #AAAAAA;
    padding: .5em;
    min-width: 200px;
}

table.tbl thead th, table.tbl tfoot th {
    font-weight: bold;
    background:#E9E9E9;
    text-align: center;
}

table.tbl tbody th, table.tbl tbody td {
    vertical-align: middle;
    text-align: left;
}

table.tbl tfoot td {
    border: 2px solid #000000;
}

table.tbl tr.odd td, table.tbl tr.odd th {
    background: #E9E9E9;
}

table.tblSmall {
    border-collapse: collapse;
    border:1px solid #CCCCCC;
    margin:3px;
}

table.tblSmall td, table.tblSmall th {
    border: 1px dotted #AAAAAA;
    padding: 2px;
}

table.tblSmall thead th, table.tblSmall tfoot th {
    font-weight: bold;
    background:#E9E9E9;
    text-align: center;
}

table.tblSmall tbody th, table.tblSmall tbody td {
    vertical-align: top;
    text-align: left;
}

table.tblSmall tr.odd td, table.tblSmall tr.odd th {
    background: #E9E9E9;
}

div.x-grid3-row-body table.tblSmall td, table.tblSmall th {
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    border-color: #5F5F5F;
}

div.x-grid3-row-body table.tblSmall {
    border-color: #5F5F5F;
}