/* ********************
   0. global styles
/* *****************  */


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

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

#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:2px 2px 0px 2px;
	padding:5px;
	text-align:center;
	-webkit-border-radius:10px 10px 0px 0px;
	-moz-border-radius:   10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	border-radius:        10px 10px 0px 0px;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:silver;
	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}
}

body.o17 #menubalken,
#titelmenu li.g {background-color:#ffffaa;}

body.o01 #menubalken,
body.o01 ul.iconboxen li,
body.o01 ul.buchstaben li,
#titelmenu li.p,
p.preview-p {background-color:#ffccff;}

body.o02 #menubalken, 
body.o02 ul.iconboxen li,
body.o02 ul.buchstaben li,
#titelmenu li.b,
p.preview-b {background-color:#ffcc99;}

body.o03 #menubalken,
#titelmenu li.t,
p.preview-t {background-color:#ffcc66;}

body.o04 #menubalken {background-color:#CCFFCC;}

body.o05 #menubalken {background-color:#99FFCC;}

body.o08 #menubalken,
body.o08 ul.iconboxen li,
body.o08 ul.buchstaben li,
#titelmenu li.w {background-color:#ccffff;}

#titelmenu li.f {background-color:#ccffcc;}
#titelmenu li.a {background-color:#99ffcc;}

body.o20 #menubalken,
#titelmenu li.hit  {background-color:silver;}

body.o21 #menubalken,
#titelmenu li.news {background-color:silver;}

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

#qrcode {margin-left:15px;}

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

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

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

h2 {
	padding-top:20px;
	margin-bottom:5px;
	padding-left:15px;
	padding-bottom:5px; 
	font-weight:bold;
	font-variant:small-caps;
	cursor:row-resize;
	border-bottom-style:solid; 
	border-color:silver;
	border-bottom-width:4px; 
}
    
h2 img {
	vertical-align:-25%;
	padding-left:8px;
	padding-right:8px;}

 h1, h2, h3 {
    clear: left;
    font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
   }

h2.o1, h2.o2, h2.o3, h2.o4, h2.o5, h2.o8, h2.o17, h2.o25, h2.o26 {
       border-bottom-style:solid; border-bottom-width:4px; 
    }

h2.o1, .nf1, td.vleft1 {border-color:#FFCCFF;}
h2.o2, .nf2, h2.o26, td.vleft2 {border-color:#FFCC99;}
h2.o3, .nf3, td.vleft3 {border-color:#FFCC66;}
h2.o4, .nf4, td.vleft4 {border-color: #CCFFCC;}
h2.o5, .nf5, td.vleft5 {border-color:#99FFCC;}
h2.o8, .nf8, td.vleft8 {border-color:#CCFFFF; }
h2.o17, .nf17 {border-color:#FFFFCC; }
h2.o25 {border-color:#CCFF99;}

h2:hover, h2.inactive {background: -moz-linear-gradient(100% 100% 90deg, silver, #FFFFFF); }
h2.o1:hover, h2.o1.inactive {background: -moz-linear-gradient(100% 100% 90deg, #FFCCFF, #FFFFFF);background: -webkit-linear-gradient(#FFFFFF, #FFCCFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFCCFF));  }
h2.o2:hover, h2.o2.inactive {background: -moz-linear-gradient(100% 100% 90deg, #FFCC99, #FFFFFF);background: -webkit-linear-gradient(#FFFFFF,#FFCC99); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFCC99));  }
h2.o3:hover, h2.o3.inactive {background: -moz-linear-gradient(100% 100% 90deg, #FFCC66, #FFFFFF);background: -webkit-linear-gradient(#FFFFFF,#FFCC66); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFCC66)); }
h2.o4:hover, h2.o4.inactive {background: -moz-linear-gradient(100% 100% 90deg, #CCFFCC, #FFFFFF);background: -webkit-linear-gradient(#FFFFFF,#CCFFCC); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CCFFCC)); }
h2.o5:hover, h2.o5.inactive {background: -moz-linear-gradient(100% 100% 90deg, #99FFCC, #FFFFFF);background: -webkit-linear-gradient(#FFFFFF,#99FFCC); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#99FFCC)); }
h2.o8:hover, h2.o8.inactive {background: -moz-linear-gradient(100% 100% 90deg, #CCFFFF, #FFFFFF);background: -webkit-linear-gradient(#FFFFFF,#CCFFFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CCFFFF)); }



#preview{
	position:absolute;
	padding:10px;
	display:none;
	max-height:90px;
	-moz-box-shadow: 10px 10px 5px #888;
	-moz-border-radius: 10px;							
	-webkit-box-shadow: 10px 10px 5px #888;
	-webkit-border-radius: 10px;
	}
	#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;
	-moz-border-radius: 10px;
	background-color:white;}

div.scrollbar {display:none}

img.folie {width:200px}
img.folie:hover {width:500px}


/* **********************************************************************************************************
   OLD STYLES
/* **************************************************************************************************/

/* **************
   2. link styles
   **************
*/

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

@media screen {
	
    a.p:hover,  .op, ol .p, table.gehtsum .p, .au2 .p {background-color:#FFCCFF;border-color:#ddaadd;} 
    a.b:hover,  .ob, ol .b, table.gehtsum .b, .bib .b {background-color:#FFCC99;border-color:#ddaa77;}
    a.t:hover,  .ot, ol a.t, ol span.t, table.gehtsum a.t, table.gehtsum span.t {background-color:#FFCC66;border-color:#ddaa44;}
    a.f, span.f, .of {background-color:#CCFFCC;border-color:#aaddaa;}
    a.a, span.a, .oa {background-color:#99FFCC;border-color:#77ddaa;}
    a.w, span.w, .ow {background-color:#CCFFFF;border-color:#99cccc;}

ol a.p, ol span.p, table.gehtsum a.p, table.gehtsum span.p, .au2 .p,
ol a.b, ol span.b, table.gehtsum a.b, table.gehtsum span.b, .bib .b,
ol a.t, ol span.t, table.gehtsum a.t, table.gehtsum span.t, 
a.w, span.w,
a.a, span.a,
a.f, span.f {
	  		background-image: url("i/grad.png");
	  		background-position: top;
				background-repeat: repeat-x;
    line-height:210%;
    padding:4px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    border-style:solid;
    border-width:thin;
    boarder-color:grey;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-left:3px;
    margin-right:3px;
    margin-top:10px;
    
	}

}

/* *******************
   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     
       {
	   font-family:  Verdana, Arial, Helvetica, sans-serif; 
	   color:#000000; 
	   padding:1ex;
	   background-color:#EEEEEE;
	   min-height:6ex;
	   }

/* Zusaetzliche Eigenschaften von Definitionen (o12) */

.z12, .z12plus, .z12plus_mz {
	   border-style: solid; 
	   border-width: 1px;
	  }

/* 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: dashed; 
	   border-width: 1px;    
       }

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  {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:1ex;} 	
   div.grid div.o_mz, div.grid div.z_mz {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.bimage {height:9ex; float:left; margin-right:5px;margin-bottom:5px;}
    
    img.bicon {float:left;margin-right:5px;}
    
    div.bgrid div.b_mz {float:left; 
                        width:35ex;
                        max-width:50ex; 
                        min-height:90px;
                        margin:1ex;
                        background-color:#FFCC99;
}

div.bgrid div.b_mz, div.p_box, ul.iconboxen li, ul.buchstaben li {
    padding:10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

div.p_box {float:left; 
    width:20ex;
    max-width:20ex;
    background-color:#FFCCFF;
    margin:5px;
    min-height:60px;
}

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 {margin-left:15px; width:99%}

#tp td {padding:4px;vertical-align:top}
#tp tr.odd {background:#FFeeFF}

/* Sortable tables */

table.sortable {width:100%}

#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.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}

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;
	  }
	  
div.archive-warning {
	border-style: dashed; 
	border-width: 1px;
	background:#EEEEEE;
	margin:15px;
	width:50%;
	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.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.iconboxen li img { vertical-align:middle}
ul.buchstaben li a {  text-align:center;}