/* Styles für stephanh.de */
/* http://jigsaw.w3.org/css-validator/check/referer */

 body { background-color:#a3e8ec; margin:10px auto; text-align:center; 
 		  width:105vH; max-width:110vh;font-family:sans-serif; }

 header, footer { display:table; text-align:center; border:1px solid blue;
 		width:95%;max-width:110vh; margin:0px auto; background-color:#f4f4cd; 
 		height: 25px}
 header span, footer span	{ display:table-cell; padding:5px }
 header span.date, footer span.date { vertical-align: middle;
 	 width:35%;font-size:10pt;color:#888;text-align:left; padding:5px; }
 header span.breadcr, footer span.breadcr { padding: 5px; display:table-cell;
	width:25%; text-align:right; color:#000; font-size:9pt; }
 header span.title, footer span.titel { width:auto; 
	font-size:9pt; color:#999; text-align:center; display:table-cell; padding-top:2px }
    
 span.actual { text-align:left; color: #14b; font-size:smaller; width:25% ;
 				padding-left:10px; display:table-cell; }

 div p  { white-space: inherit; margin: 5pt auto; max-width: 110vh; }
 h1 { font-size:18pt;color:black;font-style:italic;text-align:center;
		margin:30pt auto; }

 /* zum Seitenanfang, schwebender Button */
 #bottomlink { position: fixed;  bottom: 31px;  left: 50%; color: blue;
					background-color: aliceblue; padding: 5px; border: 1px solid white}
 span.prfw		{ display: table-cell; padding: 30px }

 .bgbread 	{ text-decoration: none; color: blue; font-size:small; }
 .visit		{ font-size: 10pt; text-decoration:none; }
 .backlink 	{ width: 8%; text-decoration:none; color:blue; font-size:small;
 				  text-align:left; padding-left:5px }
 
 a, .navr	{ font-size:12pt; text-decoration-style: dashed; }

 img { width: 50% }
 img.prfwtr { width: 80px }

 p.text { padding-left:5px; white-space:pre-line; margin: 0px auto; 
 			 width:100vh;text-align: justify; hyphens:auto }
 small  { font-size: 9pt ; font-family: sans-serif; }
 div.lsite { font-size:1em; display:flex; background-color:cornsilk; float:left; 
				 margin:30px auto; width:40%; padding:0px 10px; text-align:center }
 div.rsite { font-size:1em; display:flex; background-color:cornsilk; float:right; 
				 margin:30px auto; width:40%; padding:0px 10px; text-align: center; } 
 div.seo-tipps { text-align: left; width: 74%;  margin: 0px auto; }
 div.seowissenl { width: 49%; display: block; float: left }
 div.seowissenr { width: 49%; display: block; float: right }
 div.counters   { width: 5%; text-align: center; margin:10px auto; }
 div.counters img  {display: none;}
 div.seotext {display: grid; width: 87%; margin: 10px auto; min-width: 50%;}
 
 /* Impressum */
 h1 { font-size: 20pt; color:whitesmoke; }  
 h2 { font-size: 16pt; color:whitesmoke; }
 div.textfeld { max-width:100vh; text-align:justify; margin:0px auto; }
 
 /* Linux */
 	.small { font-style: italic; color:red;}
	.slidetext { display:inline; padding:15px 5px; line-height: 1.3;}
	.keys {border: 1px solid #7D8186; 0.20em .5em .40em 1em; line-break:auto;
			 word-break:inherit;background-color:lightgray; color: darkblue; 
			text-align: left ; margin: 1px 80px 0px 10px; padding: 5px; float:left } 
    span.back { width: auto;display: table-cell; padding:0px 0px 5px 0px; color:blueviolet;}
	pre.list { font-size: 9pt; }
	p { text-align:left }
	p.ffii { margin: 20px auto; text-align:center;}

	footer { width: 95% ; margin-top: 30pt }
	 
 /* ResiseTipps */
 	.small { font-style: italic; color:red;}
	div.toptext , div.slidetext , div.bottext {
	 	margin:0px auto;b ackground-color:white;  max-width: 105vh; }
	.toptext { text-align:center; height:260px; padding:10px 15px }
	.slidetext { display: inline-block;width:70%;padding:4px 15px;text-align:justify;margin:1px auto;}
	.bottext { text-align:center; padding:1px 15px; padding-bottom: 30px}