body {
	background-image: url('../images/template/bg.png');
	font-size:100%;
	font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
	text-align:center;
}

* {
	box-sizing:border-box;
}

img.ton {
	width:11%;
}

img.ton2 {
	width:4%;
}

img.ton3 {
	width:2%;
}

div.Rahmen {
	display:flex;
	flex-direction:column;
	flex-wrap: nowrap;
	margin: 0 auto;
	width:96%;
	min-height:98vh;
	background-color:#FFFEFE;
	margin:0 auto;
	padding:0px;
}

header.yi {
	min-width:500px;
	flex-grow: 1; 
	text-align:left;
	margin:0px;
}

header.er {
	min-width:500px;
	flex-grow: 1; 
	text-align:center;
	margin-bottom:0.3%;
}

section {
	flex-grow: 1;
	min-width:500px;
	min-height:5vh;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: center; 
	margin:0px;
	background-color:white;
}

section div.td_t span {
	font-size:1vmax;
}

section div.table { 
      display: table;
	  margin:0 auto;	  
	  width:40%;
      border-collapse:collapse; 
}

section div.tr { 
      display:table-row;
}

section div.td_u { 
      display:table-cell;	  
	  width:50%;
	  vertical-align: middle;
	  align:center;
      padding:1px; 
}

section div.td_t { 
      display:table-cell;
	  font-size:1vmax;	  
	  width:50%;
	  vertical-align: middle;
	  align:center;
      padding:1px; 
}

article {
	flex-grow: 8;
	min-width:500px;
	min-height:5vh;
	display:flex;
	flex-direction:column;
	flex-wrap: nowrap;
	/*justify-content: space-evenly;*/
	margin:0px;
	background-color:white;
	text-align:center;
}

.blau {
	color:blue;
}

.rot {
	color:red;
}

.braun {
	color:brown;
}

article hr {
	color:darkred;	  
	width:70%;
}

article span.frage {
	font-size:2vmax;
}

article span.antwort {
	font-size:1.75vmax;
	text-decoration:italic;
}

article img.antwort {	
	margin:0 auto;
	width:60%;
}

article span.vor {
	font-size:2vmax;
}

article img.vor {	
	margin:0 auto;
	width:30%;
}

article span.beispiele {
	font-size:1.25vmax;
}

article img.beispiele {	
	margin:0 auto;
	width:40%;
}	
article img.uhren {	
	margin:0 auto;	
	width:80%;
}	

article div.table { 
      display: table;
	  margin:0 auto;	  
	  width:70%;
      border-collapse:collapse; 
}
article div.tr { 
      display:table-row;
}
article div.td { 
      display:table-cell;	  
	  width:25%;
	  vertical-align: middle;
	  align:center;
      padding:5px; 
}
article div.td_l { 
      display:table-cell;	  
	  width:25%;  
	  vertical-align: middle;
	  text-align:left; 
      padding:5px; 
}
article div.td_r { 
      display:table-cell;	  
	  width:25%;  
	  vertical-align: middle;
	  text-align:right; 
      padding:5px; 
}
article div.td_b { 
      display:table-cell;	  
	  width:37.5%;  
	  vertical-align: middle;
	  text-align:left; 
      padding:5px; 
}	



div.item{
	min-width:480px; 
	max-width:48%; 
	flex-grow: 2;
	background-color:white;
	margin:1px;
	border:thin red solid;
	box-shadow: 3px 3px 3px 3px yellow;
	font-size:4vmax;
	hyphens: auto;
}

span.pdf {
	font-size:1.5vmax;
	text-align:right; 
}

a.pdf {
	text-decoration:none;
	background-color:yellow;
}

	
footer {
	background-color:darkred;
	color:yellow;
	display: flex;	
	flex-direction:row;
	justify-content: flex-end;
	align-items:center;
	flex-wrap: wrap;
	flex-grow: 1;
	font-size:80%;
	min-width:500px;
	flex-direction:row;
	margin:0px;
	padding-right:0.5%;
}