/*  Text */
body { 
	padding:2em; 
	
	/*font : 100%/1.4 'Helvetica Neue', arial, helvetica, helve, sans-serif; 	
	text-align: left;
	*/
	
		background: #f0f0f0 url('images/bg1.png');
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 14pt;
		line-height: 1.2em;
		color: #4c4c4c;
}

	h1,h2,h3,h4
	{
		font-family: 'Open Sans Condensed', sans-serif;
		color: #1d1d1d;
	}

	h1 { font-size:2.2em; padding:0 0 .5em 0; }
	h2 { font-size:1.5em; }
	
	.col { background: #ccc; padding:1em 0; text-align:center;}
h3 {
	font-size: 1em;
	text-align: left;
}

h4 {
	font-size: 0.8em;
	text-align: left;
}
span.gb_eintrag {
		font-size: 0.8em;
		display: block;
		width: 100%;
		text-align: left;
}
.header { 
	display: block;
	padding: 1em 0; 
}


span.spielt {
	color: green;
}

span.spieltnicht {
	color: red;
}

span.teilnahme {
	font-size: 0.8em;
	text-align: left;
}
span.highscore {
	font-size: 0.8em;
	text-align: left;
}	

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}