body {  
        	font-family: 'Arial';
	        font-size: x-small;
		background-color: white;
		color: black;
		padding: 0px;
		margin: 0px;
	}
	#content,
	#picview {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#content {
		margin-left: 0%;
		margin-right: 0%;
	}
	#button_settings {
		width: 20%;
		height: 4em;
		vertical-align: middle;
	}

	#button_go img,
	#button_settings img {
		margin-top: 5px;
		height: 1em;
	}
	#button_go {
		width: 80%;
		height: 4em;
	}
	.kartenliste, #erweiterungen, #kartenset, #regeln {
		width: 100%;
	}
	.kartenliste table, #erweiterungen table, #kartenset table, #regeln table {
		border-collapse: collapse;
		width: 100%;
	}

	#whitelist,
	#blacklist,
	.kartenliste,
	#erweiterungen {
		display:none;
	}

	.kartenliste td, .kartenliste th,
	#erweiterungen td, #erweiterungen th,
	#kartenset td, #kartenset th,
	#regeln td, #regeln th {
		 border-bottom: 2px solid Gainsboro;
		height:3em;
	}

	#kartenset_karten .erweiterung,
	#kartenset_ereignisse .erweiterung,
	#kartenset_landmarken .erweiterung,
	#kartenset_zubehoer .erweiterung {
		width: 32%
	}
	#kartenset_karten .name,
	#kartenset_ereignisse .name {
		width: 40%;
	}
	
	#kartenset_karten .kosten,
	#kartenset_ereignisse .kosten {
		width:16%;
	}

	#kartenset_zubehoer .name,
	#kartenset_landmarken .name {
		width:58%;
	}

	#whitelist .name,
	#blacklist .name,
	.kartenliste .name {
		width: 37%;
	}
	#whitelist .erweiterung,
	#blacklist .erweiterung,
	.kartenliste .erweiterung {
		width: 35%;
	}
	
	#whitelist .kosten,
	#blacklist .kosten,
	.kartenliste .kosten {
		width:15%;
	}
	#whitelist .button,
	#blacklist .button,
	.kartenliste .button {
		width:13%;
	}
	
	#main {
		width: 100%;
		position: relative;
		top: 5em;
	}
	#picview {
		display:none;
		z-index: 10;	
  		position: fixed;
  		top: 4em;
  		left: 0;
	}
	#picview img {
		height: 45em;
	}
	h1 {
        	font-size: 1.8em;
	}
        
	h2 {
        	font-size: 1.6em;
	}
        
	h3 {
        	font-size: 1.2em;
	}
        
	img {
        	height: 1.6em;
	}
	th {
		text-align: left;
	}
	
	button {
		font-size: 2em;
	}

	div {
		font-size: 1.1em;
	}

	.kartenset p,
	p {
		text-align: center;
		font-size: 0.7em;
	}
	
	#menu {
		z-index: 10;	
  		position: fixed;
  		width:100%
	}
	#menutab {
		width:100%;
		background-color: white;
	}
	
	#button_go,
	#button_settings {
		 border: 2px solid Gainsboro;
		 font-size: 3em;		
		text-align: center;
		height: 1em;
	}
	#footer {
		position:fixed;
		bottom:0px;
		width:100%;
		background-color: white;
	}
	#footertab {
		width:100%;
		background-color: white;
	}
	#button_regeln {
		 border: 2px solid Gainsboro;
		 font-size: 1.6em;		
		text-align: center;
		height: 0.7em;
		width: 20%;
	}
	
	#button_whitelist,
	#button_blacklist {
		 border: 2px solid Gainsboro;
		 font-size: 1.6em;		
		text-align: center;
		height: 0.7em;
		width: 40%;
	}
	#button_regeln img,
	#button_whitelist img,
	#button_blacklist img {
		margin-top: 5px;
		height: 2em;
	}

	#spacer {
		margin-top: 2.5em;
		position: absolute;
	}
	
	#button_back {
		 border: 2px solid Gainsboro;
		 font-size: 1.6em;		
		text-align: center;
		height: 0.7em;
		width: 100%;
	}
	
	#regeln {
		display:none;
	}
	
	.erw_switch {
		text-align:center;
		width: 18%;
	}

	.erw_symbol {
		text-align:center;
		width: 12%;
	}
	.erw_txt {
		width:45%;
	}
	
	.erwplus,
	.erwminus {
		display:Block;
		height: 2em;
		float: left;

	}
	.erwplus_black,
	.erwminus_black {
		display:none;
		height: 2em;
		float: left;
	}
	.erw_min {
		width:25%;
	}	
	.erw_min_val {
		display:block;
		float:left;
		width:1em;
		font-size: 1.7em;
		text-align:center;
	}
	
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	body {  
	        font-size: x-large;
	}

}