* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: 'Arial, Helvetica',  sans-serif; font-size: 100%;
	line-height: 1.2em;
	width: 100%;
	background-color: #333;
	color: #fff;
}
#wrapper {
	max-width: 980px;
	margin: 0 auto;
	min-height: 100%;
}

img {
	  max-width: 100%;
	  height: auto;
	  border:0;
}

a { color: #ccc; }
.link a:link { color: #666; }
.link a:hover{ color: #ccc; } 
.link a:active{ color: #ccc; } 
.link a:visited{ color: #333; } 

/* Header
-----------------------------------------------------------------------------*/
#header {
	border-left: 1px solid #4D8000;
	border-right: 1px solid #4D8000;
	padding: 15px;
	background: #000;
	border-bottom: 1px solid #4D8000;
}
.headline { font-family: 'Limelight', cursive;  font-size: 3.7em; line-height:1em;}

#header h1 {
	color: #ccc;
	font: 1.125em/1.5em Arial, sans-serif;
}	
#header h2 {
	color: #aaa;
	font: 0.75em/1.2em Arial, sans-serif;
	text-transform: uppercase;
}

/* CSS-Tabelle enter buttons
-----------------------------------------------------------------------------*/
#tabelle-buttons {
	height: 150px;
	text-align: center;
	background: #141414;
	border: 1px solid #4D8000;
	display: table;   
  	border-collapse: separate;
  	border-spacing: 25px 35px; 
	width: 99.8%;
}

.zelle-buttons {
  display: table-cell;
}


/* footer
-----------------------------------------------------------------------------*/

#footer {
	padding: 15px;
	text-align: center; 
	color: #ccc;

}

#footer p:first-child { font-size: 1.15em; margin-bottom: 5px; }
#footer p:last-child  { font-size: 0.625em; }

/* info
-----------------------------------------------------------------------------*/

#info {
	padding-top: 35px;
	text-align: center; 
	color: #ccc;
}

#info h3 {
	color: #ccc;
	font-size: 1.0em;
	line-height: 2.0em;
}

#info p { font-size: 0.7em; }

/* Start Responsive */

@media screen and  (max-width: 990px) {

	body { padding: 0; font-size: 80%;}
	
	#wrapper {
		width: 97%;
		min-width: 95%;
		margin: 0px auto !important;
	}

	#header h2 { display:none; }
}


@media screen and (max-width: 780px) {

    .zelle-buttons {
      display: block;
      width: 100%;
    }
 
}

@media screen and (max-width: 480px), (orientation:portrait) 
{
	.headline { font-family: 'Limelight', cursive;  font-size: 2.5em; line-height:1.3em;}

	#header h1 {
		color: #ccc;
		font: 0.79em/1.2em Arial, sans-serif;
	}
		
	p:first-child { font-size: 0.9em; }
	p:last-child  { font-size: 0.8em; }
	
	#tabelle-buttons {
		border-spacing: 5px 20px;
		width: 100%;
		}	
	
	.zelle-buttons {
  		display: block;
		width: 100%;
		}
	
	#de, #en {
	width: 98%;
	}
	
}
/* End Responsive */