/*

  First used: 08.02.2016
  
   0. Dokumentenweite Einstellungen
   --------------------------------
*/   

body {
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:90%; 
	line-height:130%; 
	margin:0px 15px 0px 15px;
	background-repeat:no-repeat;
	background-image:url(../i/bg.png); 
     }
     
img { border:none;}

li.addcomment {display:none}
#showall {margin-left:20px}

/*
   1. Kopfbereich
   --------------
*/   



#titelmenu {
	margin-bottom:0px;
	padding-left:10px;
	height:80px;
	max-height:80px;
	white-space:nowrap;
	}
	
#titelmenu li {
	list-style-type:none;
	display: inline-block;
	min-width:60px;
	max-width:60px;
	width:60px;
	margin:3px 3px 0px 3px;
	padding:9px 8px 8px 8px;
	text-align:center;
	z-index:1;
}

#titelmenu li a {
	text-align:center;
}

#titelmenu li a img{
	display:block;
	margin-left:6px;
	
}

 @media (max-width:850px) { 
	#titelmenu li.g {display:none}
 } 

#menubalken {
	margin-left:-15px;
	margin-right:-15px;
	margin-top:6px;
	margin-bottom:0px;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:80%;
	height: 1.5em;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:silver;
	box-shadow: -1px 5px 5px #888;
	}

#menubalken, #titelmenu li {
}

.shariff::after,.shariff::before{content:" ";display:table}.shariff::after{clear:both}.shariff ul{padding:0;margin:0}.shariff li{height:30px;display:inline-block;margin-right:14px;overflow:hidden;width:120px}.shariff li:last-child{margin-right:0}.shariff li a{color:#fff;position:relative;display:block;padding:0 5px 0 34px;line-height:30px;text-decoration:none}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle}.shariff li .fa{line-height:inherit;position:absolute;left:5px}.shariff li .share_count{padding:0 8px;height:28px;position:absolute;top:1px;right:1px;line-height:30px}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical li{display:block;margin:5px 0}.shariff .orientation-vertical li .share_count{width:24px;text-align:right}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:24px}.shariff .twitter .share_count{color:#0174a4;background-color:#96D4EE}.shariff .theme-white .twitter a{color:#55acee}.shariff .facebook a{padding-left:24px;background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook{font-size:18px;top:1px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}.shariff .orientation-vertical .facebook a{padding-left:34px}.shariff .googleplus a{background-color:#d34836}.shariff .googleplus a:hover{background-color:#f75b44}.shariff .googleplus .fa-google-plus{font-size:17px;top:2px}.shariff .googleplus .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .googleplus a{color:#d34836}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:18px}.shariff .theme-white .mail a{color:#999}.shariff .info{width:23px;height:28px;border:1px solid #ccc}.shariff .info a{padding:0;color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:16px;left:9px}.shariff .info .share_text{display:block;text-indent:-9999px}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .theme-white .info{height:30px}.shariff .orientation-vertical .info{margin-left:95px}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:22px}.shariff .theme-white .whatsapp a{color:#5cbe4a}

.en {display:none}

/*
   2. Titel
   ---------------------------------------------------------------------------------------------------------
*/   

h1 {
	margin-left:15px;
	margin-top:15px;
	line-height:150%
}

h1.ht:before {content: url("../i/bdh3.gif");}




/*
   3. Links
   ---------------------------------------------------------------------------------------------------------
*/

    a {text-decoration:none;} 
    ul.b a.b {font-weight:bold}
    a.amazon {font-size:75%;} 

		a.p img.icon, span.p img.icon {border-radius: 50%;}    



/* Header-Funktionen */

#outerheader {
	background-color:rgba(220,220,220,0.5);
	margin:-15px;padding:15px 15px 0px 15px
  }

#obenrechts {
	  position: fixed;
    top: 35px;
    right: 1%;
    /*background-color:#f0f0f0;*/
    z-index:1000}

header {
		width: 100%;
		border-left:solid 15px #f0f0f0;
		margin-left:-15px;
	}	

	.header-fix {
		position:fixed;
		top:-69px;
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
/*		transition: 0.5s; */
		z-index:500;
		background-color:#f0f0f0;}

main {margin-top:25px}
.main-fix {margin-top:150px}

@media screen {
	


   


	ol a.p, ol span.p, table.gehtsum a.p, table.gehtsum span.p, .au2 .p,
	ol a.b, ol span.b, table.gehtsum table tr td:nth-child(4) a.b, table.gehtsum table tr td:nth-child(4) span.b, .bib .b,
	ol a.t, ol span.t, table.gehtsum table tr td:nth-child(4) a.t, table.gehtsum table tr td:nth-child(4) span.t, 
	table.bem a.b, table.bem span.b,
	table.bem a.t, table.bem span.t,
	a.w, span.w,
	a.a, span.a,
	a.f, span.f,
d	iv.au a.j {

    line-height:240%;
    padding:5px;
    border-style:solid;
    border-width:thin;
    border-color:grey;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-left:3px;
    margin-right:3px;
    margin-top:10px;
	}

}




#preview{
	position:absolute;
	display:none;
	max-height:90px;
	box-shadow: 10px 10px 5px 5px rgba(128,128,128, 1);
	-webkit-box-shadow: 10px 10px 5px #888;
	}

	#preview img {
		max-height:80px;
		border:solid;border-width:1px;
}


form.google, #___plusone_0  { float:right !important;}
form.google input {	font-size:8pt;}

div.toplist {
	float:left;
	padding:1ex;
	margin:1ex;
	border-width:1px;
	border-color:silver;
	border-style:solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:white;}

div.scrollbar {display:none}

img.folie {width:200px; box-shadow: 10px 10px 5px #888;margin:10px}
img.folie:hover {width:500px}

img.sec{display:none}




/* *******************
   3. quotation styles
   *******************
*/

/* Eigenschaften aller Sprachboxen */

.z7plus, .z7plus_mz, .z12, .z12plus, .z12plus_mz, 
     .z14, .z14plus, .z14plus_mz, 
     .z15, .z15plus, .z15plus_mz,  
     .z16, .z16plus, .z16plus_mz, 
     .z22, .z22plus, .z22plus_mz,
     div.blahfasel, span.z     
       {
	   font-family:  Verdana, Arial, Helvetica, sans-serif; 
	   color:#000000; 
	   padding:1ex;
	   background-color:#EEEEEE;
	   min-height:6ex;
	   box-shadow: 10px 10px 5px #888;
	   margin-bottom:10px;
	   margin-top:10px;
	   line-height:150%
	   }
	   


/* Zusaetzliche Eigenschaften von Definitionen (o12) */

.z12, .z12plus, .z12plus_mz {
	   border-style: solid;  
	   border-width: 0px 0px 0px 5px;
	   border-color:#444;
	  }

/* Zusaetzliche Eigenschaften von Zusammenfassungen, Bemerkungen und Biographien */

.z7,  .z7plus,  .z7plus_mz,
.z14, .z14plus, .z14plus_mz,
.z15, .z15plus, .z15plus_mz, 
.z16, .z16plus, .z16plus_mz, 
.z22, .z22plus, .z22plus_mz,
div.blahfasel 
       {
	   border-style: dotted; 
	   border-width: 0px 0px 0px 5px;
	   border-color:#444;  
       }

ul.b { list-style-image:url(../i/folder_icon.gif) }
ul.b ul { list-style-image:url(../i/topic_icon.gif) }

li.b { margin-top:5px;  }
ul.t { list-style-image:url(../i/topic_icon.gif) }

ul.k { list-style-image:url(../i/b2.gif); 
       font-family: Tahoma, Arial, Helvetica, sans-serif;
       font-size:9pt;
     }

.bibtitel {background-color: #DDDDDD; font-weight:bold; font-size:90%;}
.bibbody, .box  {background-color: #EEEEEE; font-size:90%;}

.webtechnisches, .paypal {
    font-family:"Courier New", courier, monospace;
    font-size:x-small;  
    margin:10px; margin-bottom:1px;line-height:50%;
   }

@media print
{	
	img.p, div.linkform, div.notfound, li.addcomment, a.amazon, form.google , button {display:none;}
}

/* Begriffslisten */

div.sort {margin-left: 20px;}

div.grid  {margin-left: 15px;margin-bottom: 1em}
div.grid div.w_mz {float:left;width: 40ex;}  

div.notfound {clear: left} 

img.w, img.b {float:left;margin:20px;}

div.bib, div.au, div.au2, div.ut, div.ut2, div.linkform, p, div.grafikhelp, div.svghelp {margin-left: 15px;}

div.au2, div.ut2 {margin-bottom:15px}



/* Kleines Icon (22.1.04 - ) */

   img.icon {height:6ex; float:left; margin-right:5px;margin-bottom:5px;} 


/* Grid für Originaltexte (22.01.04 - ) */
  
   .z_mz, .z {margin:2ex;} 	
   div.grid div.o_mz, div.grid div.z_mz, div.grid div.z {float:left; width:38ex; max-width:39ex;} 
  /* .z {clear:left;} */
 
   
  .z12plus_mz, .z15plus_mz, div.blahfasel  {max-width:79ex;} 
  .z, .z12plus, .z15plus , z14plus  {width:80ex;min-width:80ex;}

  .qa2 {font-size: 70%;}	
 
  
/* Buecher einer Person (04.02.04 - ) */

    
    
    img.bicon {float:left;margin-right:5px;}

		
div.p_box:hover {box-shadow: 3px 3px 1px #888;}

p.titel {font-weight:bold; margin:1px;}
p.untertitel, p.originaltitel, p.originaluntertitel {margin:1px;}
      
/* not found */

.nf1, .nf2,.nf4, .nf5, .nf8 { 
	border-right-style:dotted;
	border-right-width:1px;
	vertical-align:bottom;
       }

span.amazon {font-family:verdana,arial,helvetica; font-size:50%;}

div.history img {width:5px;}

div.history table {
		margin-left:15px;
		margin-top:15px;}

div.history td {border-bottom-style:solid; 
		border-bottom-width:1px; 
		border-color:black; 
		padding-top:5px;}
		
div.history td.legende {border-color:white;}

table.gehtsum {border:0; margin:10px;}
table.gehtsum td {padding:5px}

#tp { width:100%}

#tp td {padding:4px;vertical-align:top}




/* Sortable tables */

table.sortable {width:95%}

#mitglieder, #mitgliedschaften {width:auto;margin-left:15px;}
#mitglieder td, #mitgliedschaften td {padding:5px}

table.sortable a.sortheader {
    background-color:#eee;
    color:blue;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}
table.sortable th {text-align:left}

td.vleft1, td.vleft2, td.vleft3, td.vleft4, td.vleft5, td.vleft7, td.vleft8 {
	border-style: none;
	border-right-style:solid;
	border-width:5px;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center}
	
td.st {color: gray;text-align:right} /* Statistik */	
	

span.untert2 {font-style:italic;}


div.grafikhelp, div.grafikhelplink {font-size:70%;text-align:center; font-style:italic;margin-top:5px;vertical-align:text-bottom}

div.applet {text-align:right;display:none;}

div.invisible, div.applet-invisible {display:none}
div.visible, div.applet-visible {display:block}

div.linkform { display:none;}

div.datenquellen {margin-left:20px}

div.social {margin-left: 10px}

.social ul {
	display: inline;
	padding: 0;
	margin: 0;}

.social li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;}

.social ul li:before { content: ""; }
.social img { border: 0; }

.j00, .j0, .j1, .j2, .j3, .j4, .j5, .j6, .j7, .j8, .j9 {border-width:0px 0px 0px 5px;border-style:solid;padding:4px;zoom:1;}
.j0 {border-color:#ff0000}
.j1 {border-color:#ffaa00}
.j2 {border-color:#ffff00}
.j3 {border-color:#aaffaa}
.j4 {border-color:#aaffff}
.j5 {border-color:#00ffff}
.j6 {border-color:#0000ff}
.j7 {border-color:#aaaaaa}
.j8 {border-color:#aaaaaa}
.j00 {border-color:#dddddd}
ul.t .j00 {border-width:0px}

#my-timeline {margin-left:15px;margin-right:15px;}

.titelbild  {
	   border-style: solid; 
	   border-width: 1px;
	   border-color:grey;
	   margin-left:15px;
	   box-shadow: 10px 10px 5px #888;
	  }
	  
div.archive-warning {
	border-style: dashed; 
	border-width: 1px;
	background:#EEEEEE;
	margin:15px;
	width:80ex;
	min-width:150px;
	min-height:45px;
	padding:4px;
	vertical-align:middle;
}

div.archive-warning img {
	
	float:left;
}

div.begriffsnavigation {
	float:right;
	width:300px;;
	margin:5px;
}

ul.jahreszahlen li,
ul.iconboxen li,
ul.buchstaben li	{float:left;
                   list-style-type:none;
                   display: inline-block;	
                   font-size:130%;
                 }


ul.iconboxen li		{     width:22ex;
                        max-width:50ex; 
                        min-height:50px;
                        margin:1ex;
                        }
                        
ul.buchstaben li	{     width:2ex;
                        margin:0.5ex;
                        text-align:center;}

ul.jahreszahlen li {width:6ex; margin:0.5ex;text-align:center;}
                        
ul.iconboxen li img { vertical-align:middle}
ul.buchstaben li a {  text-align:center;}

#my-timeline {
	height:500px;
	}

svg object {margin:auto; }

div.svg {
	
	background:white;width:90%;margin-left:5%;
	}
div.svg:hover {
	box-shadow:10px 10px 20px 10px grey inset;
	background: -moz-linear-gradient(100% 100% 90deg, silver, #FFFFFF); 
	background: -webkit-linear-gradient(#FFFFFF, silver); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(silver));}
	
p.erklaerungen {width:80ex;}	

div.standorte {margin-left:15px}


/*
   w. Sparklines
   -------------
*/   

	.a-sparkline, 
	.b-sparkline,
	.f-sparkline, 
	.p-sparkline, 
	.t-sparkline {width:40px; float:left;text-align:right}


/*
   x. Fusszeilen
   -------------
*/   

#qrcode {margin-left:15px;}

body.o21 ol a, body.o21 div.h2c ol span
	{
		overflow:hidden;
		text-overflow: ellipsis;
		max-width:325px;
		display:inline-block;
		line-height:110%;
		vertical-align:-40%
	}

span.z {font-style: italic;margin-left:0px;margin-bottom:20px;display:block}

span.z::before, span.z::after {content: '"';}