body {counter-reset:uez;padding:1rem;}


body,textarea,p,td,li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	
}

#wrapper{
margin:auto;
display:block;
max-width:40em;
/*border:1px solid #eee;*/
}

a { display:block;
	/*background-color:#fff;*/
		 color:#000;	
	padding:.4em;
	padding-left:1em;
	/*color:#125e8b;*/
    background-color:#eee;
 	text-decoration:none;
	border-radius:1em;
	margin:2em;
	margin-left:1em;
	margin-right:1em;
	border-color:#ddd;
 	
	border-width:2px;
	border-style:solid;
}
a:hover {
    background-color:#999;
	 
}

h2:before {
    content:       counter(uez) " ";
    counter-increment: uez;

}


h2{
	color:#3275AB;
	background-color:#E0ECF5;	 

}

td.Bedienfeld{
	background-color:#333;
	color:#FFFFFF;
	text-align:center;
	font-size:large;
	font-weight:bold;
	line-height:100%;
	padding: .1em .4em 0px .4em;
}	

.bigFont{
	font-size:xx-large;
}

p{line-height:130%;}
p.todo {background-color:#FFF7E8;}
p.todo:before {
    content:     "\25b6" " ";


}

table.Legende {max-width:100%;}
table.Legende td{ padding-right:1em; }

span.variable {font-style:italic;}
sub.aufr{font-style:normal;}


figure, figure img, img{max-width:100%;}

figure.textimg {display:inline-block;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}
figure.ilb{display:inline-block;}
figure.rahmen{border:1px solid #000;padding:.5em;}

img.z1 {max-height:1.5em;}
img.z2 {max-height:3em;}
img.z3 {max-height:4em;}
img.z4 {max-height:5.5em;}
img.z5 {max-height:7em;}
img.z7 {max-height:10em;}
img.z8 {max-height:12em;}
figure.textimg img.z1 {max-height:.95em;}

@media (orientation:landscape) {
html {height:100%;}
body {height:90%;width:30%;margin:auto;}
/* 
#wrapper {
-webkit-column-count:1;  
-moz-column-count: 1;  
column-count:1;
-webkit-column-gap: 8em;
-moz-column-gap: 8em;
column-gap: 8em;

-moz-column-rule: .2rem solid #888;
-webkit-column-rule: .2rem solid #888;
column-rule: .2rem solid #888;*/
overflow-x:scroll;
}
}