/* **************************************************** */ 
/*      Layout by: MENOTEX - Intelligentes Wohnen      	*/
/*                 Inhaber Sven Kramer                  */
/*                 Stiftsplatz 6                        */
/*                 59872 Meschede                       */
/*                 www.menotex.de                       */
/* ******************************************************/

html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
} 

html {
	height: 100%;
}

a {
	color: #666666;
  	text-decoration: none;
}
 
#Main {
	display: block;
	font-family: Arial;
	font-size: 14px;
	padding: 0px 5px 5px 5px;
	margin-top: 5px;
	width: 1000px;
	border: thin solid #000;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -500px;
} 
 
 
#Header{
	position:relative; 
	height:60px; 
	background-color:#D3D3D3; 
	width:100%;
	display:block;
	overflow:auto;
	font-family: Arial;
	font-size: 28px;
	margin-top: 5px;
	padding: 20px 0px 0px 0px;
 } 
 
#Navigation{
	width:210px; 
	float:left; 
	background-color:#FFFFFF; 
	display: block;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	line-height: 14px;
	height: auto;
	padding: 5px 5px 5px 25px;
	margin-top: 5px;
	text-transform: uppercase;
	border: thin solid #000;
	position: relative;
	z-index: 2;
 }
 
#Content{
	background-color: #FFFFFF;  
	position: relative; 
	width:72%;
	float:right; 
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	padding: 5px 5px 5px 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: thin solid #000;
	z-index: 3;
	min-height: 600px;
 }
 
 #Footer{
	height:65px; 
	background-color: #D3D3D3;
	padding: 12px 0px 0px 0px;
	clear:both;
	display:block;
	overflow:auto;
 }  
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* für IE-mac verstecken     */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* Ende in IE-mac verstecken */  


.nav_bar_fix {
     padding: 0px 0px 0px 10px;
}

.nav_bar_classes {
     padding: 0px 0px 0px 10px;
}

/********************************************/
/*            Gruppen-Tabelle               */
/********************************************/

.gh_platz {
	width: 15px;
}

.gh_spieler {
	width: 150px;
}

.gh_verein {
	width: 140px;
}

.gh_spiele {
	width: 60px;
}

.gh_saetze {
	width: 60px;
}

.gh_baelle {
	width: 60px;
}

.gh_raster {
	width: 35px;
}

.gh_spacing {
	width: 10px;
}


.gruppenheader {
	background: #ddd;
}

.gruppenname {
	background: #ccc
}

.gruppen_links td {
	width: 70px;
	border-left:1px solid red;
	text-align: center;
}

.ko_link {
	font-weight: bolder;
	color: red;
}

 .gruppen_uplink {
	background: #ccc;
	color: #000;
} 
 
.gruppen_ueberschrift {
	font-family: Arial;
	font-size: 20px;
	color: #666666;
}

.grouptype {
	font-family: Arial;
	font-size: 16px;
	text-decoration: underline;
}


/********************************************/
/*            Gruppen-Details               */
/********************************************/

.group_single_results {
}

.group_single_results  th{
	background: #ddd;
}

.gsr_runde {
	width: 15px;
}

.gsr_uhrzeit {
	width: 30px;
}

.gsr_spieler {
	width: 180px;
}

.gsr_einzelsaetze {
	width: 220px;
}

.gsr_saetze {
}
 
/********************************************/
/*             Aktive Tische                */
/********************************************/
 
.active_tables {
}

.active_tables  th{
	background: #ddd;
}

.at_tisch {
}

.at_spieler {
	width: 140px;
}

.at_klasse {
	width: 120px;
}

.at_verein {
	width: 300px;
}


/* ******************************************************************** */ 
/*                      Druck-Eigenschaften                             */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*bei Druck Navigation verstecken*/ 
#Navigation{display:none;} 
#Content{width:80%; float:right;}
}