MediaWiki:Vector.css

/*/______________________________________________

Hier befinden sich im Wesentlichen css-Befehle, die Einfluss auf die Textgestaltung etc. haben, aber die Proportionen der Seite nicht beeinflussen.

LINKS
FARBEN
ANMERKUNGEN
EINZELSEITEN
GLOSSAR
BILDER
TEXT
POPUPS
mobile
______________________________________________

Farben, Variable

*/ 

:root {
  --imgBorder: #dbd0b5;
  --imgBorderHov: #eea500;
}
html {
   scroll-behavior: smooth;	
}

/*
__________________________________________
*/


.firstletter {
 float: left;
 height: .85em; 
 line-height: .85em; 
 font-size: 5.4em;
 margin: 1px .1em 0 0;
 }
 

.g_map {
 margin: 1.3em 0;
 border: 1px solid #aaa;
 }
.g_map+.bildtext {
  margin: -.8em 0 1.3em;
 }

/**********************************
        LINKS
**********************************/

a, 
a:visited {
 text-decoration: none;
 color: #832800; /*braun*/
 color: #1067AC; /*blau*/
 background: none;
 }
a:hover {
 text-decoration: underline;
 color: #1067AC; /*blau*/
 background-color:#f5f5ee; 
 }
a:active {
 color: #faa700;
 }

#content a.external, 
#content a.external[href^="gopher://"],
#content a.external:visited, 
#content a.external[href^="gopher://"]:visited {
 color: #1A7BC9; /*blau 2*/
 background: transparent;
 padding-right: 0px;
 }
#content a.external:after  {
 font-family: calibri, arial;
 padding-left: .2em;
 content: "↗";
 }
#content .noarrow a.external:after, 
#content #chapters  a.external:after {
 padding-left: 0px;
 content: "";
 }

/*********************************
			KAPITEL FARBEN
**********************************/

/******* Default *******/

.firstHeading, h2, h3 {
 color:#556;
 }  
#p-personal ul,
#p-personal li a,
#p-personal li a.new,
#p-personal li a.new:visited,
#toc h2, 
.action-view div[id^=siteSub], 
.action-view div[id^=siteSub] a { 
  background-color: #918e76;
  color: #ffe;
 }
.action-view div[id^=siteSub] {
  border-color:#848da8;
  border-bottom-color:#bcbcd7;
 border-color: #918E85;
 border-bottom-color: #D7D5BC;
}
#p-personal li a, 
#p-personal li a.new { 
  background:#fff;
  color:#aaa;
}
#p-personal li a:hover, 
#p-personal li a.new:hover, 
.action-view div[id^=siteSub] a:hover { 
  background:#bbb;
  color:#fff;
}
#mw-page-base {   
 border-color:#997;
 }
 
/* Namespace 4, Metalog */

.ns-4 #mw-page-base {   
   border-color:#997; 
   background: url(/rel_jap/bg/bg_head0.gif); 
   background-image: linear-gradient(rgb(145,142,118) -10%,rgba(145,142,118,0.25)), url(/rel_jap/bg/bg_head0.gif);

}
.ns-4 #toc h2 { 
	background: #918e76;
}

/* Namespace 8, MediaWiki */

.ns-8 div[id^=siteSub],
.ns-8 div[id^=siteSub] a,
.ns-8 #toc h2, 
.ns-10 div[id^=siteSub],
.ns-10 div[id^=siteSub] a,
.ns-10 #toc h2 {
	background-color:#fff; 
	color:#dadade;
 	border-color:#808088;	
	} 

/* Namespace 100, NS_GRUND, Grundbegriffe */

*[class*=page-Grundbegriffe] .firstHeading,  
*[class*=page-Grundbegriffe] h2,  
*[class*=page-Grundbegriffe] h3 {
 color:#336;
 } 
*[class*=page-Grundbegriffe] .firstHeading,  
*[class*=page-Grundbegriffe] h2,  

*[class*=page-Grundbegriffe] h3,
*[class*=page-Grundbegriffe] #content {
 border-color: #ddd;
 }
*[class*=page-Grundbegriffe]  #mw-page-base {  
	background:#778 url(/rel_jap/bg/bg_grund.gif);
 	border-color:#334; 
	}
*[class*=page-Grundbegriffe] div[id^=siteSub],
*[class*=page-Grundbegriffe] div[id^=siteSub] a,
*[class*=page-Grundbegriffe] #toc h2 {
	background-color:#445; 
	color:#dadade;
 	border-color:#808088;	
	} 
*[class*=page-Grundbegriffe] div[id^=siteSub] a:hover {
	background-color:#667; 
	color:#fafafe;
	}
*[class*=page-Grundbegriffe] div[id^=siteSub] {
 border-bottom-color:#CBCBD7;
 }
	
/* Namespace 102, NS_BAU, Bauten */

*[class*=page-Bauten] .firstHeading,  
*[class*=page-Bauten] h2,
*[class*=page-Bauten] h3 {
 color:#821c00;
 border-color: rgba(247, 198, 158, 0.75);
 }
*[class*=page-Bauten] #content {
 border-color: rgba(247, 198, 158, 0.75);
 }
*[class*=page-Bauten]  #mw-page-base {  
 background:#8b3014 url(/rel_jap/bg/bg_bauten.gif);
 border-color:#d87e51; 
 }
*[class*=page-Bauten] div[id^=siteSub],
*[class*=page-Bauten] div[id^=siteSub] a,
*[class*=page-Bauten] #toc h2 { 
	background-color:#b54b2a; 
	color:#ffebce;
 	border-color:#d7977a;	
	}
*[class*=page-Bauten] div[id^=siteSub] {
 border-bottom-color:#f7c69e;
 }
*[class*=page-Bauten]  div[id^=siteSub] a:hover {
  background-color:#cc502d; 
  color:#fff;
 }
*[class*=page-Bauten] .textbox_body {
 background-color:#ffe5cb;
 border-color:#d98;
 color: #422;
 }

/* Namespace 104, NS_ALLTAG, Alltag */

*[class*=page-Alltag]  .firstHeading, 
*[class*=page-Alltag]  h2, 
*[class*=page-Alltag]  h3 {
 color:#664;
 border-color: rgba(223, 223, 168, 0.8);
 }
*[class*=page-Alltag] #content {
 border-color: rgba(223, 223, 168, 0.8);
 }
*[class*=page-Alltag] #mw-page-base {  
 background:#9E9E6A url(/rel_jap/bg/bg_alltag.gif);
 border-color:#BbBb88; 
 }
*[class*=page-Alltag] div[id^=siteSub],
*[class*=page-Alltag] div[id^=siteSub] a,
*[class*=page-Alltag] #toc h2 {
 background-color:#afb162; 
 background:#7e7e4a; 
 color:#ffe;
 border-color:#cc9;	
 }
*[class*=page-Alltag]  div[id^=siteSub] { 
 border-bottom-color:#dfdfa8;
 }

*[class*=page-Alltag]  #toc h2 { 
 background-color:#878750;
 } 
*[class*=page-Alltag] div[id^=siteSub] a:hover {
 background-color:#c0c08b; 
 color:#fff;
 }
*[class*=page-Alltag] .textbox_body {
 background-color:#e6e6bb;
 color:#442;
 border-color:#B8B885;
}

/* Namespace 106, NS_IKON, Ikonographie */

*[class*=page-Ikonographie]  .firstHeading, 
*[class*=page-Ikonographie]  h2, 
*[class*=page-Ikonographie]  h3 { 
 color:#326;
 border-color: rgba(193, 188, 214, 0.66);
 }
*[class*=page-Ikonographie] #content {
 border-color: rgba(193, 188, 214, 0.66);
 }
*[class*=page-Ikonographie] #mw-page-base {  
 border-color:#3C325B; 
 background:#766E90 url(/rel_jap/bg/bg_ikon.gif);
    background-image: linear-gradient(#3c325b 1%,rgba(255, 255, 255, 0.1)), url(/rel_jap/bg/bg_ikon.gif);
}
*[class*=page-Ikonographie] div[id^=siteSub],
*[class*=page-Ikonographie] div[id^=siteSub] a,
*[class*=page-Ikonographie] #toc h2 {
 background-color:#3C325B; 
 color:#d8d3f0;
 border-color:#867da3;	
 }
*[class*=page-Ikonographie] div[id^=siteSub] {
 border-bottom-color:#c1bcd6;
 }
*[class*=page-Ikonographie] div[id^=siteSub] a:hover {
 background-color:#5C527B; 
 color:#f8f3ff;
 }
*[class*=page-Ikonographie] .textbox_body {
 background-color: #dedbef;
 background-color: #eaebf5;
 color:#103; 
 border-color:#766E90;
 }

/* Namespace 108, NS_MYTHEN, Mythen */

*[class*=page-Mythen] .firstHeading,
*[class*=page-Mythen] h2,
*[class*=page-Mythen] h3 { 
 color:#829082; 
 border-color:#DEE4CF;
 }
*[class*=page-Mythen] #content { 
 border-color:#DEE4CF;
 }
*[class*=page-Mythen] #mw-page-base {  
 	border-color: #9ea693; 
    background-image: linear-gradient(#9EA692 1%,rgba(255, 255, 255, 0.1)), url(/rel_jap/bg/bg_mythen.gif);
} 
*[class*=page-Mythen] div[id^=siteSub],
*[class*=page-Mythen] div[id^=siteSub] a,
*[class*=page-Mythen] #toc h2 {
	background-color:#9ea693; 
	color:#ffe;
	border-color:#d3dcc7; 
	}
*[class*=page-Mythen]  div[id^=siteSub] {
 border-bottom-color:#DEE4CF;
 }
*[class*=page-Mythen] div[id^=siteSub] a:hover {
 background-color:#786; 
 color:#ffe;
 }
*[class*=page-Mythen]  .textbox_body { 
 background-color:#f0f4e0;
 color:#333; 
 border-color:#CCD3BF;
 }
	
/* Namespace 110, NS_GESCHICHTE, Geschichte */

*[class*=page-Geschichte] .firstHeading, 
*[class*=page-Geschichte] h2, 
*[class*=page-Geschichte] h3 {
 color:#246;
 border-color:#c3dde8;
 }
*[class*=page-Geschichte] #content { 
 border-color:#c3dde8;
 }
*[class*=page-Geschichte] #mw-page-base {  
 background-color:#5e7e99;
 background: url(/rel_jap/bg/bg_geschichte2.gif) #5e7e99;
 background-image: linear-gradient(#335577 -10%,rgba(255, 255, 255, 0.1)), url(/rel_jap/bg/bg_geschichte2.gif);
 border-color:#357; 
 }
*[class*=page-Geschichte] div[id^=siteSub],
*[class*=page-Geschichte] div[id^=siteSub] a,
*[class*=page-Geschichte] #toc h2 { 
 background-color:#357; 
 color:#c0e1ee;
  border-color:#8aacb9;	
 }
*[class*=page-Geschichte] div[id^=siteSub] {
  border-bottom-color:#c3dde8;
 }
*[class*=page-Geschichte] div[id^=siteSub] a:hover {
 background-color:#579; 
 color:#eef;
 }

/* Namespace 112, NS_TEXTE, Texte */
*[class*=page-Texte] .firstHeading,
*[class*=page-Texte] h2,
*[class*=page-Texte] h3 {
 color:#86682E;
 border-color: rgba(204, 186, 123, 0.5);
 }
*[class*=page-Texte] #content { 
 border-color: rgba(204, 186, 123, 0.5);
 }
*[class*=page-Texte] #mw-page-base {   
 background-color:#87743B; 
 background: url(/rel_jap/bg/bg_texte2.gif) #87743B;
 border-color:#ccba7b; 
 }	
*[class*=page-Texte] div[id^=siteSub],
*[class*=page-Texte] div[id^=siteSub] a,
*[class*=page-Texte] #toc h2 {
 background-color:#9c8347; 
 color:#F2F0d1;
  border-color:#ccba7b;	
 }
*[class*=page-Texte] div[id^=siteSub] a:hover {
 background-color:#bca367; 
 color:#fff;
 }	
*[class*=page-Texte] .textbox_body {
 color:#5c5033;
 background-color:#F5F3C9;
 border-color:#97844B;
 }

/* Essays */
*[class*=page-Essays] .firstHeading,
*[class*=page-Essays] h2,
*[class*=page-Essays] h3 {
 color:#825d40;
 }
*[class*=page-Essays] #content { 
 border-color: rgba(204, 186, 123, 0.5);
 }
*[class*=page-Essays] #mw-page-base {   
 background-color:#87743B;  
 background-image: linear-gradient(rgba(140, 110, 59, 0.75),rgba(140, 110, 59, 0.11)),url(//www.univie.ac.at/rel_jap/bg/bg_texte2.gif);
 border-color:#ccba7b; 
 }	
*[class*=page-Essays] div[id^=siteSub],
*[class*=page-Essays] div[id^=siteSub] a,
*[class*=page-Essays] #toc h2 {
 background-color:#8c6e3c; 
 color:#F2F0d1;
  border-color:#ccba7b;	
 }
*[class*=page-Essays] div[id^=siteSub] a:hover {
 background-color:#bca367; 
 color:#fff;
 }	
*[class*=page-Essays] .textbox_body {
 color:#5c5033;
 background-color:#F5F3C9;
 border-color:#97844B;
 }
/**** Wikitable ******/

table.wikitable {
 margin: 1em auto;
}
 
.prettytable {
 margin: 1em auto 1em;
 border: 1px #aaa solid;
 border-collapse: collapse;
 background: #f9f9f9;
 }
.prettytable th,
.prettytable td {
 border: 1px #aaa solid;
 padding: .2em .5em;
 }
.prettytable th {
 text-align: center;
 background: #e9e9e9;
 font-family: 'MS Trebuchet' Arial;
 }
.prettytable caption {
 font-weight: bold;
 }
 
.pre.javascript.source-javascript {
 font-size: 1.25em;
 }

/******** editlinks ***********/	 

#content .editlink {
 text-align:right;
 font-size:x-small;
 margin-top:-.3em;
 }

/******** Schlagworte ***********/
 
.ns-14 #content h3 {
 font-size: 1em;
 background:none;
 margin: 0;  
 }

/**** sysop Show hide ****/	
.sysop, .user {
 display: none;
 }
.anon {
 display: block;
 }
.mw-warning-with-logexcerpt {
 display:none;
 }

/********* Wiki Spezialseiten ***********/

table.diff {
 padding-top: 11em;
 }

.mw-specialpagesgroup {
 background:#eeeee5 !important
 }

.fullImageLink {
 text-align: center;
 background-color: #f5f5f5;
 border: 1px solid #aaa;
 margin: 0 auto 1em;
 padding: 3em 0 1em;
 }

select#namespace option {
 display:none;
 }
select#namespace option[value="0"],
select#namespace option[value="4"],
select#namespace option[value="6"],
select#namespace option[value="8"],
select#namespace option[value="10"],
select#namespace option[value="100"], 
select#namespace option[value="102"], 
select#namespace option[value="104"], 
select#namespace option[value="106"], 
select#namespace option[value="108"], 
select#namespace option[value="110"], 
select#namespace option[value="112"], 
select#namespace option[value="120"], 
select#namespace option[value="122"], 
select#namespace option[value="124"], 
select#namespace option[value="200"] {
 display:block;
 }

/********** Anmerkungen ************/
.reference {
 font-size: .8em;
 line-height: 1em;
 vertical-align:text-top;
 }
.reference a {
/* border: 1px solid #F1D3BA; */
 border-radius: 2em;
 padding: 0 .2em;
 background:#f2f2f2;
 }
.reference a:hover {
 background:#fffeee;
 }

#content .mw-references-wrap:last-of-type {
 background: rgb(230, 229, 219);
 }
.mw-references-wrap div.floatright { 
  width: 75px;
  line-height: 75px;
  text-align: center;
  background: #CCC9B7; 
  border: 1px solid #B8B5AF;
  border-radius: 50%;
  overflow: hidden;
 }
   
/* Reference tooltips  */

.referencetooltip {
 position: absolute;
 list-style: none;
 list-style-image: none;
 opacity: 0;
 font-size: .8em;
 margin: 0;
 z-index: 5;
 padding: 0;
 }
.referencetooltip li {
 border: #EEA500 2px solid;
 border-radius: 4px; 
 max-width: 260px;
 padding: 10px 8px 13px 8px;
 margin: 0px;
 background-color: #F7F7F7;
 box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
 -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
 -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
 }
.referencetooltip li+li {
 margin-left: 7px;
 margin-top: -2px; 
 padding: 0;
 height: 3px;
 width: 0px;
 background-color: transparent;
 box-shadow: none;
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 border-top-width: 12px;
 border-right: 7px transparent solid;
 border-left: 7px transparent solid;
 }
.referencetooltip>li+li::after {
 content: '';
 border-top: 8px #F7F7F7 solid;
 border-right: 5px transparent solid;
 border-left: 5px transparent solid;
 margin-top: -12px;
 margin-left: -5px;
 z-index: 1;
 height: 0px;
 width: 0px;
 display: block;
 }
.client-js body .referencetooltip li li {
 border: none;
 box-shadow: none;
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 height: auto;
 width: auto;
 margin: auto;
 padding: 0;
 position: static;
 }
.RTflipped {
 padding-top: 13px;
 }
.referencetooltip.RTflipped li+li {
 position: absolute;
 top: 2px;
 border-top: 0;
 border-bottom-width: 12px;
 }
.referencetooltip.RTflipped li+li::after {
 border-top: 0;
 border-bottom: 8px #F7F7F7 solid;
 position: absolute;
 margin-top: 7px;
 }
.RTsettings {
 float: right;
 height: 16px;
 width: 16px;
 cursor: pointer;
 background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png);
 margin-top: -9px;
 margin-right: -7px;
 -webkit-transition: opacity 0.15s;
 -moz-transition: opacity 0.15s;
 -o-transition: opacity 0.15s;
 -ms-transition: opacity 0.15s;
 transition: opacity 0.15s;
 opacity: 0.6;
 filter: alpha(opacity=60);
 }
.RTsettings:hover {
 opacity: 1;
 filter: alpha(opacity=100);
 }
.RTTarget {
 border: #080086 2px solid;
 }

.bildtext .reference {
 vertical-align:baseline;
 }
.bildtext .reference a {
 color: #000;
 display: inline-block;
 padding: 0.1em .35em;
 margin: 0 1px -0.2em;
 border: 1px solid #aaa;
 border-radius: 2em;
 text-indent: -0.6em;
 overflow: hidden;
 background: #E3E3CA;
 }
.bildtext .reference a:hover {
 text-decoration:none;
 color: #210C4E;
 background: #fff;
 border: 1px solid #4904B1;
 }

/****************** 

      Einzelseiten 

******************/  
#toc::before {
  content: '';
  display: block; 
  padding-top: 70%; 
  background-image: url(/rel_jap/wikibilder/logo_ebisu_150.png); 
  background-repeat: no-repeat; 
  background-size: contain; 
  background-position: center;
} 
.ns-4 #toc::before {
  transform: scaleX(-1);
}
.ns-0[class*= page-Religion] #toc::before  { 
  background-image: url(/rel_jap/wikibilder/logo_ebisu.png); 
  background-color: #124;
}
.ns-0[class*= page-Grundbegriffe] #toc::before { 
 background-image: url(/rel_jap/wikibilder/Charms2.jpg); 
 padding-top: 41%;
 background-size: cover;
 } 
.ns-0[class*= page-Bauten] #toc::before { 
  background-image: linear-gradient( rgba(220, 80, 0, 0.32), rgba(222,72,0,0.48) ),
    url(/rel_jap/w/images/thumb/9/90/Kasuga_lanterns2.jpg/240px-Kasuga_lanterns2.jpg);
  background-position:  0 66%;
  background-size: cover;
} 
.ns-0[class*= page-Bauten_Schreine] #toc::before { 
    background-image: linear-gradient(rgba(255, 94, 0, 0.3), rgba(255, 94, 0, 0.3)),
    url(//www.univie.ac.at/rel_jap/w/images/9/9d/Shimenawa_gohei.jpg);
  background-position: 0 40%; 
}
.ns-0[class*= page-Bauten_Ise_Izumo] #toc::before { 
  background-image: linear-gradient(rgba(222, 72, 0, 0.38), rgba(222, 72, 0, 0.38)),
    url(/rel_jap/w/images/d/d9/Ise_plan.gif); 
  background-position: 95% 13%; 
  background-size: 222%; 
}
.ns-0[class*=page-Alltag]  #toc::before { 
 background-image: url(/rel_jap/wikibilder/matsuri.jpg); 
  background-size: cover;
 }
.ns-0[class*= page-Alltag_Pilgerschaft] #toc::before { 
  padding-top: 200px;
  background-image: url(/rel_jap/w/images/1/17/Henro.gif); 
  background-position: center center;
  background-size: auto;  
 } 
.ns-0[class*= page-Alltag_Kamidana] #toc::before { 
  padding-top: 210px;
  background-image: url(/rel_jap/w/images/a/a6/Amaterasu_ofuda.jpg); 
  background-position: center;
   background-size: contain;
 } 
.ns-0[class*= page-Alltag_Ahnenkult] #toc::before { 
  padding-top: 192px;
  background-image: url(/rel_jap/w/images/7/7f/Ihai.gif);
  background-position: center; 
   background-size: contain;
 }
.ns-0[class*=page-Alltag_Opfergaben]  #toc::before {
 background-image: url(/rel_jap/wikibilder/sake.jpg); 
  background-size: cover;
 }
.ns-0[class*=page-Alltag_Schreinpriester] #toc::before {
  padding-top: 124px;
  background-image: linear-gradient(rgba(223, 223, 168, 0.35),rgba(239, 239, 194, 0.38)), 
    url(/rel_jap/w/images/5/58/Asagutsu.jpg);
  background-position: 0 30%; 
  background-size: cover;
}
.ns-0[class*=page-Ikonographie] #toc::before { 
  background-image: linear-gradient(rgba(76, 82, 156, 0.58),rgba(58, 53, 140, 0.52)),
    url(/rel_jap/w/images/9/9b/Mudra_kamakuradaibutsu.jpg); 
  background-position: 0 18%;  
  background-size: cover;
}
.ns-0[class*=page-Ikonographie_Gluecksgoetter]  #toc::before { 
  padding-top: 200px;
  background-image: url(/rel_jap/wikibilder/Takarabune.gif);   
  background-position: center;  
  background-size: contain;
 }
.ns-0[class*=page-Mythen] #toc::before { 
  background-image: linear-gradient(rgba(204, 211, 191, 0.66),rgba(204, 211, 191, 0.4)),
    url(/rel_jap/w/images/thumb/5/52/Drache_kenninji.jpg/240px-Drache_kenninji.jpg);  
  background-position: 0 58%; 
  background-size: cover;
}
.ns-0[class*=page-Mythen_Geister] #content {
 background: url(/rel_jap/wikibilder/yurei_kyosai2_kl.jpg) no-repeat 0 0 #fff;
}
.ns-0[class*=page-Mythen_Verwandlungskuenstler]  #toc::before {
 background-image: url(/rel_jap/wikibilder/kitsune.jpg);  
  background-size: cover;
 }
.ns-0[class*=page-Mythen_Tengu] #content {
 background: url(/rel_jap/wikibilder/tengu_kurama.jpg) no-repeat 0 0 #fff;
}
.ns-0[class*=page-Mythen_Symboltiere_Namazu-e] #toc::before { 
 padding-top: 195px;
 background-image: url(/rel_jap/wikibilder/Namazu_shamisen.png);  
 background-position: center;  
   background-size: contain;
 }
.ns-0[class*=page-Geschichte] #toc::before { 
  background-image: url(/rel_jap/w/images/a/aa/Geschichte.jpg); 
  background-size: cover;
}
.ns-0[class*=page-Geschichte_Amidismus]  #toc::before {
 background-image: url(/rel_jap/wikibilder/kuya.jpg);
 background-position: top right;
 padding-top: 96px;
 background-size: cover;
 }
.ns-0[class*=page-Geschichte_Staatsshinto]  #toc::before { 
 background-image: url(/rel_jap/wikibilder/yasukuni.jpg); 
  background-size: cover;
 }
.ns-0[class*=page-Texte] #toc::before { 
  background-image: linear-gradient(rgba(156, 131, 71, 0.63),rgba(204, 186, 123, 0.84)),
    url(/rel_jap/w/images/b/b9/Hannya_shingyo.jpg);   
  background-position: 24% 27%;
  background-size: auto;
}
.ns-0[class*=page-Essays] #toc::before {  
    padding-top: 100px;
    background-image: linear-gradient(rgba(156, 131, 71, 0.5),
      rgba(204, 186, 123, 0.1)),
      url(//www.univie.ac.at/rel_jap/w/images/f/f1/Gelehrter_hokkei.jpg); 
    background-size: cover;
}

/*********** WIKI GADGETS *****************/
.toparrow {  
  position: absolute;
  top: 0; 
  right: -1.5em;
  color: #aaa;
  font-weight: normal;
  font-style: normal;
  font-size: 9px;
  line-height: 1em;
  text-align: center;
}
.toparrow * {
	position: fixed;
	bottom: .5rem;
	padding:.5rem;
  color: transparent;
} 
.toparrow *::before {
  content: '\f062'; 
  display: block;
  font-size: 16px;
  padding: 10px;
  color: #999;
}
.toparrow *:hover,
.toparrow *:hover::before {
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  color: #555;
}
.mw-editsection { 
     visibility: hidden;
} 
*:hover > .mw-editsection,  
.toparrow:hover {
     visibility: visible;
} 

#content a.external[href^="gopher://www.univie.ac.at/rel_jap/an"],
#content a.external[href^="gopher://www.univie.ac.at/rel_jap/w"],
#mw_content a.external[href^="gopher://www.univie.ac.at/rel_jap/w"],
#mw_content a.external[href^="gopher://www.univie.ac.at/rel_jap/an"] 
#content a.external[href*="www.univie.ac.at/rel_jap/an"],
#content a.external[href*="www.univie.ac.at/rel_jap/w"],
#mw_content a.external[href*="www.univie.ac.at/rel_jap/w"],
#mw_content a.external[href*="www.univie.ac.at/rel_jap/an"] {
	background: none;
	padding-right: 0;
}

/*______________________________________________

GLOSSAR
BILDER
  Sidebox
  Bildbox (Galerie1)
  Dia
  Galerie2 (Sidepage)
TEXT
  Textbox
  Linkbox
  Zitat
  Thisway
  zitieren
POPUPS
  ______________________________________________
*/ 

/************* 
    GLOSSAR 
**************/

/*  Glossarseiten  */

table.glossar_table {
  border:1px solid #ccc ; 
  border-width: 1px 1px 0; 
  font-size: .8em;
  line-height:1.5em;
  } 
table.glossar_table th {
  border-bottom: 1px solid #ccc;
  line-height:3em; 
  background: #eee;
  }
.glossar_table td {
  border:1px solid #ccc; border-width: 0 0 1px ; 
  vertical-align:top; 
  padding: 1px 3px; 
  background:#fff
} 
.glossar_table.sanskrit td {
	padding-left: 1em; 
}
.glossar_table .jap {
 font-size:1.2em;
 padding-left:.5em;
 }

.glossar_table h2, 
.glossar_table h2 span,
.glossar_table h2 a {
  border: 0; margin: 0 !important; padding: 0;
}
.glossar_table h2 a {
  display: block; padding: .6em .1em; width: 2.3em
}
.glossar_list {
 border: 1px dotted #ccc;
 padding: .5em .2em;
 background: #f5f5f5;
 } 
.glossar_list li {
 font-size: .85em;
 line-height: 1.3em;
 list-style: none;
 text-indent: -2em;
 margin-left: 2em;
 margin-bottom: .7em;
 }
.glossar_list b {
font-family: carlito, calibri, arial;
font-size: 1.1em;
}
.g_thema {
 display: block;
 border: 1px solid #aaa;
 background-color: #f9f9f9;
 padding: 5px;
 margin-top: 1em;
 clear: both;
 }
/* Glossarliste Navigation*/
.glossar_nav {
    background: #f6f3ed; 
    border-radius: 5px;
    overflow: hidden;
}
.glossar_nav dl, 
.glossar_nav dt, 
.glossar_nav dd {
    margin: 0;
    padding: 0;
}
.glossar_nav dt { 
    padding: .5em .5em .2em;
    color: #666;_.5em
} 
.glossar_nav a,
.glossar_nav .selflink { 
    display: block;
    padding-left: 1.5em;
    color: #666; 
    font-weight: normal;
}
.glossar_nav a:hover,
.glossar_nav .selflink {  
    background: rgba(0,0,0,.08);
    color: #333;
    text-decoration: none;
}
.glossar_nav dd:last-child a,
.glossar_nav dd:last-child .selflink { 
    padding-bottom: .5em;
}
/* Glossarliste Info*/
#g_info .glossar {
 float: right;
 width: 1.5em;
 text-align: center;
 border: 1px solid #90A0DB;
 border-radius: 1em;
 margin: -0.2em 0 0 3em;
 background:#E7EEF5;
 font-family: carlito, calibri, arial;
 cursor: help;
 }
#g_info .glossar:hover { 
 background:#B6CADF;
 }
small.g_nav {
 display: block;
 padding: 0 2em;
 font-size: 1.2em; 
 font-weight: bold;
 color: #9FA9C8;
 }
small.g_nav a { 
 font-family: Arial black, Arial;
 }
small.g_nav i a {
 font-family: Georgia;
 font-weight: normal;
 font-style: normal;
 text-transform: uppercase;
 }
/*Fließtext*/

.glossar {
 cursor: url(/rel_jap/bilderneu/kanji26.cur), help;
 color:#124374; /*blau*/
 font-family: carlito, calibri, arial;
 font-family: "Trebuchet MS", Arial;
 font-weight:bold;
 position:relative;
 hyphens:manual; 
 -webkit-hyphens: manual;
 -moz-hyphens:  manual;
 }
.glossar:hover {
 background:#FFF8E7;
 }
.G_g_box, 
.g_box  {
 display: none; 
 position:absolute;
 z-index:1;  
 top:1.1em; 
 left: -2em;  
 left: calc(50% - 6.75em - 1px); 
 font-size: 1rem; 
 line-height: 1.3em;
 text-align:center; 
 font-family: calibri, arial;
 font-weight:normal; 
 width: 12em;
 padding: .75em; 
 border: #C0AD94 solid 1px; 
 border-radius: 8px; 
 box-shadow: 1px 1px 3px rgba(48, 37, 20, 0.5);
 cursor: default;
   z-index: 6;
 hyphens:auto; 
 -webkit-hyphens: auto;
 -moz-hyphens:  auto;
 }
.G_g_box {
 display:block;
 position:static;
 width: auto;
 font-size: 1em;
 padding: 1.5em 1em 1.5em;
 font-family: Georgia;
 } 
.glossar#show_Tooltip .g_box { 
 display: block; 
 }
.g_box big {
 font-size: 1.6em;
 padding: .3em 0;
 }
.g_term {
 display: block;
 font-size: .66em;
 hyphens:manual; 
 -webkit-hyphens: manual;
 -moz-hyphens:  manual;
 }
span.g_script {
 font-family: 'MS Mincho';
 line-height: 1.6em; 
 }
.G_g_text, 
.G_g_linkbox,
.g_text, 
.g_linkbox {
 display: block;
 text-align: left;
 margin: .2em .2em 0;
 padding: .7em .2em .5em;
 border-top: 1px solid #D3C3A3;
 }
.g_linkbox {
 margin: 5px .2em 0;
 padding: .2em;
 font-size: .85em;
 }
.g_linkbox b {
 display: block;
 font-size: 8px;
 line-height: 9px;
 text-align: center;
 margin: -7px auto 4px;
 width: 60px;
 color: #B1916F;
 background-color: #FFFBE7;
 text-transform: uppercase;
 font-style: normal;
 font-family: sans-serif;
 letter-spacing: 1px;
 }
.G_g_box big {
 font-size: 1.6em;
 padding: .3em 0;
 }
.G_g_stichwort {
 display: none;
 }
.G_g_text { 
 margin: 1em 2em .5em;
 padding: 1em 1em 0;
 }
.G_g_linkbox { 
 display: block;
 padding: 0 2em 0;
 text-indent: -1.5em;
 border:0;
 }
.G_g_box b,
.G_g_box big {
 font-family: 'Trebuchet MS', Arial ;
 }
.G_g_box b {
 padding: 1.3em 2em .5em;
 display: block;
 border-top: 1px solid #D3C3A3;
 margin-top: 1em;
 }
.G_g_linklist {
 display: block;
 text-align: left;
 font-size: .85em;
 -webkit-column-count: 2;
 -moz-column-count: 2;
 -ms-column-count: 2;
 -o-column-count: 2;
 column-count: 2;
}
.G_g_links {
 display: block;
 padding:  0 1.5em 0 3em;
 text-indent: -1.5em;
 font-size: small;
 }
#content .glossar .mw-editsection {
 position: absolute;
 right: 5px;
 top: 5em;
 }


/* Glossar Listen  */
.action-view a[href *="Glossar:"]:after, 
.action-view a[href *="Skt:"]:after {
 content: "G";
 color: #aad;
 font-size: .6em;
 position: relative; 
 top: -.8em; 
 font-weight: normal; 
 font-style: normal; 
 font-family: Arial, sans;
 font-family: carlito, calibri, arial;
 padding-left: .2em;
 } 
a[href *="Glossar:"]:hover,
a[href *="Skt:"]:hover {
 text-decoration: none;
 background: #FCFFBD;
 }
a[href *="Glossar:"]:hover:after, 
a[href *="Skt:"]:hover:after {
 color: #e00;
 }
#mw-head a[href *="Skt:"]:after {
 content: ""; 
 padding:.0em;
 }


/* Glossar Farben */

.glossar {
 color:#124374; 
 }
.glossar:hover {
 background:#f1f5ff;
 }
.G_g_box, 
.g_box {
  color: #135;
  background-color: #f3f8ff;
  border-color: #26a;
  border: 4px solid #9ab9db;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.g_box {
  background-color: #f4f8ff;
  border-color: #26a; 
  border: 1px solid #4694e2;
}
.G_g_text, 
.G_g_linkbox,
.g_text, 
.g_linkbox,
.G_g_box b  {
 border-color: #9FAFD8;
 }
.g_linkbox b {
 color: #8395C2;
 background-color: #f3f5ff;
 } 

/* Glossar Bilder*/
.b_liste { 
 margin: 0 auto;
 min-width: 580px;
 font-size: .9em;
 }
.b_liste ul {
  text-align: center;
  margin: 0 auto 1em;
 }
.b_liste li {
 margin: 4px;
 list-style: none;
 display: inline-block;
 width: 162px;
 height: 182px;
 text-align: center;
 vertical-align: top;
 } 
.b_bild {
 height: 160px;
 width: 160px; 
    display: flex;
    justify-content: center;
    align-items: center;
 overflow: hidden;
 padding:0;
 background:#eee;
 border:1px solid #ccc;
  border-radius: 50%;
 }
.b_genre, 
.b_small { 
 display: block;
 padding: 0 3px;
 line-height: 15px;
 font-size: 10px; 
 color: #aaa;
 height: 15px;
 overflow: hidden;
 text-align: center;
 margin: -3px 4px 4px;
 }
.b_small {
 text-align: right;
 margin: -15px 4px 4px;
 }
.b_genre a,
.b_genre a:visited {
 color: #999;
 }
.b_small a,
.b_small a:visited {
 color: #bbb;
 }
/*----  Sanskrit ----*/
.skt {
 font-family: Arial, 'Arial Unicode MS';
 }
.dvn {
 display: block;
 } 
span.skt {
 margin-bottom: .5em;
 } 
.glossar .skt,
.glossar2 .skt {
 font-size:12pt; 
 }

.ns-120 #firstHeading,
.ns-124 #firstHeading {
 display:none;
}

.G_glossar:before {
    content: 'Glossareintrag';
    display: block;
    background-color: #fff;
    position: relative;
    height: 42px; 
    text-align: center;
    padding-top: 80px;
    font: bold italic 24px Trebuchet MS, Arial;
    color: #135;
}
.markerwithlabel { /* GOOGLE */
 border: 0; 
 background-color: rgba(255, 255, 255, 0.7);
 padding: 3px 5px;
 text-shadow: 1px 1px 3px #fff;
 }
/***************************************
             LITERATUR
***************************************/

.literatur {
 padding: .4em  0 0 1.5em 
 }
.ns-4 .literatur {
 padding-left: 7em;
 }
.L_autor {
 margin-left: -1.5em;
 }
.ns-4 .L_autor {
 margin-left: -7em;
 }
.ns-4 .L_fam {
text-transform: uppercase;
}
.L_jahr:before {
 content: ", ";
 }
.ns-4 .L_jahr:before {
 content: "";
 }
.ns-4 .L_jahr  {
 display: block;
 position: absolute;
 left: 2em;
 } 
.ns-4 .L_jahr {
 display: block;
 position: static;
/* left: 2em; */
 margin: 0 0 -1.5em 1.5em;
}

/***************************************
				BILDER
***************************************/
/****** Floats ******/
.float_left {
 width:220px;
 float:left;
 margin:  .3em 2.5em 1em -2px;
 }
.float_right {
 width:220px;
 float:right;
 margin: .3em -2px 1em 2.5em;
 }
.float_left td {
 vertical-align:top;
 }

.box {
 margin: 1.5em 0;
 }
.bild img {
 border: 1px solid #aaa;
 padding: 1px;
 }
.bildtext { 
 font-size: .95rem; 
 line-height:1.2em;
 font-family: Arial;
 font-family: carlito, calibri, arial;
 color:#554; 
 text-align:center;  padding: 0 6px;
}
.bildtext p {
 text-align: left;
 padding-left: 10px;
 padding-right: 10px;
}
.bildbox .bildtext {
 padding:0; 
 }
/******* bildbox *******/

.bildbox {
	text-align:center;
	margin: 1.5em 0; padding: 0;
	}
table.bildbox {
	margin: 0 auto 1.5em; padding: 0;
	max-width: 640px;
	}
div .bildbox:first-child, 
div + .bildbox{
 margin-top:0;
 }
.bildbox +.bildbox {
 margin-top: -1em;
 }
.bildbox td,
.bild td, 
td.bildbox, 
td.bild {
 vertical-align:top;
 padding:0;
 }
	
.bildbox img {border:1px solid #aaa; padding: 1px; margin:.25em;}

.largebox {
   margin: 1em -3em;
}
.noborder img {
  border:0;
}
.nomargin {
  margin:0;
 padding:0; 
}

/******* dia *******/

.dia {
 margin: auto;
 }
.dia_aussen { 
 border: 3px solid #dbd0b5; 
 border-radius: 4px; 
 border-width: 3px;
 }
.noborder .dia_aussen { 
 border-color: transparent;
 }
.dia_aussen:hover,
.hell .dia_aussen:hover,
.hell .sbAussen:hover,
.hell {
 border-color: #EEA500;
 }
.dia_innen {   
 border: 1px solid #E4D7C4;
 overflow:hidden;
 background: #fff;
 border-width: 1px;
 }
.dia_innen a {
 cursor: url(/rel_jap/bilderneu/zoomin.cur), hand; 
}
.dia img {
 border:0;
 padding:0;
 margin:0
 }
	
.sbBody .dia {
 border: 1px solid #fafaf8;
 }

.noborder .dia_aussen,
.noborder .dia_innen {
  border-color: transparent; 
 }
.w500, w500x 
.w502,
.w502 td {
 position: relative;
}
.w500 .text1,
.w502 .text1 {
    background-color: rgba(0, 0, 0, 0.5);
    padding: .2em;
    margin: 0 4px 0;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    border-radius: 0 0 2px 2px;
    color: #E3E3CA;
}

.hell .text1,
.hell .imgX .bildtext,
.hell .dia + div,
.hell .sbAussen + div {
 color: #000;
 background: rgba(255, 255, 238, 0.7);
 }
.hell,
.hell .dia_aussen,
.hell .sbAussen {
 border-color: #bdb4a2;
 }
.hell span.reference a {
 color: #ffe;
 background: #6d6a65;
 }  

/**************
  w500x
**************/

.w500x { 
  margin: 1.2em auto 2em;
  width: 508px; 
  min-width: 75%; 
  max-width: 100%; 
  clear: both;
} 
div + .w500x {
    margin-top: 0;
}
p + .w500x, 
.w500x + p {
  margin-top: 1.5em; 
} 
.imgBorder {
  position: relative;
  background-color: var(--imgBorder);
  border-radius: 8px;
  border: 0px solid var(--imgBorder); 
  box-shadow: 0 0 4px 0px var(--imgBorder);
  overflow: hidden;
  z-index: 2;
}
.imgBorder:hover {
  border-color: var(--imgBorderHov);
  box-shadow: 0 0 0 4px var(--imgBorderHov);
}
.w500x .aussen,
.imgX .aussen {
  top: 0;  
  left: 0; 
  right: 0; 
  bottom: 0;
  position: relative; 
}
.aussen{
  position: relative; 
  border-radius: 4px; 
  overflow: hidden;
  background: #fff;
}
.innen { 
  top: 0;  
  left: 0; 
  right: 0; 
  bottom: 0;
  background: #fff;
} 
.w500x .bildtext,
.imgX .bildtext {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 4px .5em;
  line-height: 16px;
  background-color: rgba(0,0,0,0.5);
  color: #E3E3CA;
}
.w500x .bildtext.caption {
  position: relative;
  background: transparent;
  color: #333;  
 margin: auto;
 padding: .5em .6em 0;
 }

.static .bildtext {
  position: static;  
  background-color: rgba(0,0,0,0.05);
  color: #333;
}

.imgX img {
 width: 100%; 
 height: inherit; 
}

.w240x {
  width: 240px;
  min-width: 35%;
  max-width: 50%;
} 
.float_rightX {
  float: right; 
  clear: right; 
  margin: .35em 0 1.5em 1.5em;
}
.float_leftX {
  float: left; 
  clear: left;  
  margin: .35em 1.5em 1.5em 0;
}
.wFlex {
  display: flex; 
  justify-content: space-between;
}
.testbild {
  background: #eee;
  padding: 1em;
  max-width: 50em;
}
.sidebox3 {
border: 0; 
}
/******** credits ***********/	
.credits {
 font-size: xx-small;
 }
.credits a {
 display:inline !important;
 }

.credits2 {
 position: relative;
 margin:auto;
 }
.credits2 img {
 border:0 !important;
 position:absolute;
 bottom:2em;
 right:-3px;
 }
.credits2 img:hover {
 background:#fffccc;
 }

/************  Galerie **************/

.galerie1,
.galerie2 {
 margin: 2em auto; 
 text-align:center;
}
.galerie2 {
 background: #eeeee8;
 border: 1px solid #eeeee8;
}
div .galerie1:first-child,
div + .galerie1,
div .galerie2:first-child, 
div + .galerie2 {
 margin-top:0;
 }

/* galerie1 */

.galerie1 ul {
 margin:0; padding: 0; 
 list-style:none; 
 text-align: center;
 }
.galerie1 li {
 vertical-align: top; 
 margin:0 5px; padding: 0; 
 list-style:none; 
 display: inline-block;  
 }
.galerie1 img {
 vertical-align: top; 
 }

/* galerie2 */

.galerie2 .dia_innen {
 float:left; 
 width: 96px; 
 height:120px;
 border-collapse:separate;
 border-width: 1px; 
 }
.galerie2 .dia_innen:hover {border-color:#fc3;}
.galerie2 .bildtext {
 	clear:left;
	padding: .6em 0 .8em;
	}
.galerie2 .bildtext span {
	padding: 0 2em;
	background: url(/rel_jap/w/skins/common/images/lupe.gif) no-repeat right top;
	}	
.galerie2 h2,
.galerie2 .bildtext span span {
	padding: auto 0 ; margin: auto 0 ; 
	border:0; background:none;
	}
/************************************** 
			TEXTE
**************************************/

.firstHeading .hide {
display: none!important;
}

/****** zitat ******/
 
.zitat {
  margin: 0.8em 0;
  padding: 1.5rem 4rem 1rem;
  font-family: calibri,arial;
  background: #f0eee6;
  border-radius: 8px;
}
#mw-content-text > .zitat { 
 color: #444;
 }
.zitat::before {
    content: "„";
    font-size: 3em;
    font-family: Georgia,serif;
    line-height: 1em;
    float: left;
    position: absolute;
    margin-left: -.66em;
    margin-top: -.55em;
    opacity: 0.3;
    color: #008;
 }
div .zitat:first-child,
div + .zitat  {
 margin-top: 0;
 }
.quelle,
#bodyContent p.quelle {
 text-align: right;
 color:#888;
 font-size: .9em;
 }
.zitat p {
    text-align: justify;
}
.ppDiv .zitat { 
  background: inherit;
}
.textbox .zitat {
  background: rgba(255, 255, 255, 0.5);
}
/****** boxen******/

.textbox, 
.linkbox,
#catlinks,
.mw-references-wrap, 
.verweise {
 font-size: 1rem;
 }

/****** textbox ******/

.textbox { 
 margin: 1.5em 0;
 }
.textbox_body {
 padding: 1.5em 1.5em 1em; 
 border: 0px solid #ccc; 
 background-color:#f5f5f1;
 border-radius: 8px;
 }
#content .textbox h2, 
#content .textbox h3, 
#content .textbox h4 {
	margin:.5em 0 1em !important; 
	padding: 0  !important;
	font: bold 1.3em "Trebuchet MS"; 
	text-align: center; 
	border:none; background-image:none;
	} 
.textbox_body li,
.textbox_body p { 
   margin-bottom: 0.3em;
  text-align: left;
}
/****** linkbox, etc ******/

.linkbox {
	margin: 3em -1em 2em;
	padding: 0; color:#332;
}
#content .linkbox h2 {
	margin:0 !important ; 
	padding: 0 16pt .18em !important;
	text-align:left;
	border:0;
	color: #554 !important;
	font-style:normal;
}
.linkbox p, 
.linkbox li {line-height: 1.75em  !important;}

.linkbox ul { margin-bottom:0; margin-top:0; 
	padding-top:0; padding-bottom:0}
.linkbox p { 
  margin:1em 0;
}
.linkbox > div {
 margin: 0;
 padding: 1.5em 2em;
 border: 1px solid #eae5cb; 
 background: #f5f5ee;
 border-radius: 8px;
}
.linkbox .quelle,
.verweise .quelle {  
    margin-bottom: -2.8em;
    font: normal x-small calibri,Arial;
 } 
.mw-references-wrap, 
.verweise {
  margin: -1em -1em 1em;
  padding: 1.5em 3em 1em;
  border: 1px solid #eae5cb; 
  border-radius: 8px;
  background: #fbfbf7;
  color: #333;
  line-height: 1.75em;
}
.verweise {
 background: #f5f5ee;
 }
#content h2.verweise_ue {
 border-width: 2px 0 0;
 padding: 2em 0 0;
 }
#content h3 + .mw-references-wrap,
#content h3 + .verweise {
 margin-top: -1em;
 }
.mw-references-wrap p.titel {
 display: inline;
 clear: both;
 }
.mw-references-wrap li {
 clear: both;
 }

/***** thisway ******/

#thisway {	
 position: relative;
 margin: 3em 0 .5em; 
 text-align: right; 
 font-size: 1rem; 
 line-height: 35px; 
 color:#888;
 }
#thisway a { 
 display: inline-block;
 position: relative;
 text-decoration: none; 
 }
#thisway a::after {
    content: '';
    position: absolute;
    display: block;
    width: 9em;
    height: 35px; 
    background: url(//www.univie.ac.at/rel_jap/wikibilder/Thisway.gif) no-repeat right;
    right: -9em;
    top: 0;
}
#thisway.zurueck a::after { 
    background: url(//www.univie.ac.at/rel_jap/wikibilder/Wayback.png) no-repeat left;
    right: auto;
    left: -9em;
    top: 0;
}
#thisway.zurueck  { 
 text-align: left;
 right: auto; 
 } 
#thisway a:hover,
#thisway.zurueck a:hover { 
 background-color:#F5F5EE;
 text-decoration:underline;
 }

/****** zitieren ******/

.zitieren {
     position: relative; 
     font-size: .95em;
    line-height: 1.5em;
    font-family: calibri,arial;
    text-align: center;
    top: 2.5em;
 } 

#content .zitieren a.external, 
#content .zitieren a.external[href^="gopher://"], 
#content .zitieren a.external:visited, 
#content .zitieren a.external[href^="gopher://"]:visited {
 color: #666;
 padding: 0; 
 background: none;
 }

#zitieren  { 
  padding: .5em 2em;
  background: #f5f5ee;
  border: 1px solid #dbd0b5; 
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 5px 10px 2px rgba(0,0,0,.1);
}
#zitieren:hover {
background:#fffccc;
color:#333;
}
#zitieren:after  {
  content:'...';
}
#zitieren.zShow:after  {
  content:':';
}
#z_hide {
    position: relative; 
    background: #F9F9F0;
    background: #fffedf; 
    margin-bottom: -2em;
    padding: 1em 2em;
    display: none;
    cursor: auto;
    border: 4px solid #dbd0b5;
    border-radius: 8px;
    text-align: left;
    box-shadow: 0 0 20px 0px rgba(0,0,0,.1);
}
#z_X {
 position: absolute;
 display: block;
 top: 2px;
 right: 2px;
 padding: .5em;
 opacity: .5;
 cursor:pointer; 
 }
#z_X:hover {
 opacity: 1;
 }


/************************************* 
			POPUPS 
**************************************/

#ppScreen {
 position:fixed; 
 left:0px; 
 top:0px; 
 right:0; 
 bottom: 0; 
 z-index:19;
 display: none;
 background:#000; color:#777;
 opacity: .7;
 filter: alpha(opacity=70);
 }
#ppScreen:hover,
.ppDiv:hover,
.ppText:hover,
.ppClick:hover {
 cursor: help;
 cursor: url(/rel_jap/bilderneu/zoomout.cur),help; 
}
.ppDiv {
 position:absolute; 
 z-index:20; 
 left: 0;
 width: 100%;
 font-family: carlito, calibri, arial;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:.8em; line-height:1.2em;
 }
.ppFrame {	
 position:relative;
 float: left; 
 margin-right: 35px;
 padding:4px 4px 0;	
 text-align: center;
 border:1px solid #222;	
 border-radius: 3px;
 background: #6F6B65;
 color: #ccc;
 background:#cfc7bb; 
 background:#B1AAA0;
 color:#333;
 }	
.ppDiv img {
 padding:0px;
 border: 1px solid #555;	
 border-radius: 3px;
 }	
.ppIndex {
	padding: 3px;
	border-bottom:0px solid #999;	
	font-size:12px !important;
	}
.ppClick {
 position: absolute;
 right: -3px; top: -31px;
 height: 50px; width: 30em;  
 padding-right: 35px;
 color:#fff;
 text-align: right; 
 font-size:11px !important;
 /*background: url(/rel_jap/bg/help.gif) no-repeat right bottom;*/
 }
.ppClick:before {
    content: '\f00d'; /* fa-times */
    position: absolute;
    display: block;
    right: 1px; 
    bottom: 0;  
    color: #666;
    text-shadow: rgba(255,250,250,0.33) 2px 1px 2px;
    font-size: 15px;
    padding: 2px; 
    width: 15px;
    line-height: 15px;
    text-align: center;
    background: #C7C1B5;
    border: 1px solid #555;
    border-radius: 3px;
}
.ppClick span {
 visibility: hidden;
 }
.ppClick:hover span {
 visibility: visible;
 }
.ppText {
 min-width: 7em;
 color:#fff;
 border:0;
 text-align: left; 
 margin-left: 40%; 
 padding: 25px 15px 10px 20px;
 background:#444;
 }
.ppText p {
 text-align: left;
 }
.ppText a, 
.ppText a:visited {
 color: #eb8;
 color: #AACCF0;
 background:none;
 }
.ppText a:hover {
 color: #C5E1FD;
 background:#000;
 }
.ppText dl {
 margin-bottom: 1em; 
 }

.pp_text { display:none }

/*vorwärts rückwärts*/

.ppBack, .ppNext { 
 position: absolute;
 top: 0; bottom: 0; 
 width: 50%; 
 display: block;
 background:url(/rel_jap/bg/no.gif);
 }
.ppBack {
 left: 0; 
 }
.ppNext { 
 right: 0; 
 }
.ppBack:hover {
 background:url(/rel_jap/bg/no.gif) no-repeat bottom  left;
 }
.ppNext:hover {
 background:url(/rel_jap/bg/no.gif) no-repeat bottom right ;
 }
/**/
a.ppNext span,
a.ppBack span {
    display: none;
    position: absolute;
    top: 50%;
    padding: 4px;
    font-size: 16px;
    line-height: 1em;
    width: 1em;
    border-radius: 2em;
    color: #CC4B03;
    color: #C7C1B5; 
    background: #C7C1B5;
    background: #CC4B03;
    text-decoration: none; 
} 
.ppBack:hover span,
.ppNext:hover span {
 display: block;
 } 
a.ppBack span {  
    left: -10px;
    text-indent: -1px;
  }
a.ppNext span {  
    right: -9px;
    text-indent: 1px;
  }
.ppDiv .editsection  {
 margin-right: 0;
 float: right;
 color:#ddd; 
 font: normal 9px Arial; 
 width:8em;
 text-align: left;
 }
.ppDiv div.editsection  {
 float:left; 
 width: auto;
 margin-top: -2px;
 }

/**************
    Hauptseite

Bilder aus techn. Gründen hier, 
alles andere auf der Seite selbst
***************/

.page-Religion-in-Japan #mw-page-base {  /*für Head Farbe 1*/ 
  background: transparent;
  background-image: linear-gradient(rgb(17, 34, 68),rgba(17, 34, 68, 0.85)); 
}
/**********************
    Namespace Anpassungen
***********************/ 
body.ns-8.action-view,
body.ns-10.action-view {
padding: 0 ;
} 
.action-view.ns-8 #content, 
.action-view.ns-10 #content {
 margin: 15px 0 1.5em 160px; 
 border-color: #ace;
 border-width: 1px 0 2px 2px;
 } 
#mw-imagepage-upload-disallowed {
 display:none;
 }
.action-view.ns-6 #bodyContent, 
.action-view.ns-8 #bodyContent, 
.action-view.ns-10 #bodyContent { 
 padding: 0  3.5em 3.5em;
 } 
.action-view.ns-6 .mw-content-ltr, 
.action-view.ns-8 .mw-content-ltr, 
.action-view.ns-10 .mw-content-ltr, 
.action-view.ns-14 .mw-content-ltr {
 font-size: 1em; 
} 
.action-view.ns-8 #p-logo,
.action-view.ns-10 #p-logo, 
.action-view.ns-8 #mw-panel,
.action-view.ns-10 #mw-panel, 
.action-view.ns-8 #mw-head-base,
.action-view.ns-10 #mw-head-base {
 display: block;
}
/*  Tagline */ 
.action-view.ns-8 div[id^=siteSub],
.action-view.ns-10 div[id^=siteSub] {
	position: static;
	border: 0;
	background:none;
}
/* Navigation Containers */ 
.action-view.ns-8 #left-navigation, 
.action-view.ns-10 #left-navigation,  
.action-view.ns-8 #right-navigation, 
.action-view.ns-10 #right-navigation {
	display:block;
}

/*****************
      Bildseiten
******************/

.ns-6.action-view  img {
  border: 1px solid #ccc;
  }
.fullImageLink {
 text-align: center; 
 margin: 0; 
 padding: 2em 0 ; 
 background: #f6f6f6;
 border: 1px solid #aaa; 
 border-width: 1px 0;
 }
.mw-imagepage-linkstoimage a[title^=Metalog], 
.mw-imagepage-linkstoimage a[title^=Bild], 
.mw-imagepage-linkstoimage a[title^=Glossar], 
.mw-imagepage-linkstoimage a[title^=Skt] {
  color: #ccc;
 }
.mw-imagepage-linkstoimage a[title^=Vorlage],
.mw-imagepage-linkstoimage a[title^=Lektor] {
  display: none;
 }
#mw-imagepage-content {
 padding: 0 100px; 
 }
.ns-6 small, 
.fullMedia {
  font-size:.8em;
  } 
.fullMedia {
  text-align: center;
  } 
.ns-6 big {
  font-size:1.25em;
  }
.ns-6 p.titel {
 color:#333;
 margin:1.2em 0 0;
 }
.ns-6 .mw-content-ltr p, 
.ns-6 .mw-content-ltr dl, 
.ns-6 .mw-content-ltr ol, 
.ns-6 .mw-content-ltr ul {
  margin-left: 20pt;
  }
.ns-6 li {
  margin-left: 20pt;
  }
.ns-6 p {
  line-height:1.5em;
  }
.ns-6 #filelinks {
  height:0; overflow:hidden; color:#fff; padding:0; 
  }
/* ——— hide ———  */
#filetoc, 
#mw-imagepage-edit-external,
.ns-6 #metadata, 
.mw-imagepage-section-metadata,
#filehistory, 
#mw-imagepage-section-filehistory  {
  display:none;
  }

/*** Mobile ***/
  

/* mobile Boxen */

.mobile .bildbox {
 clear: both;
 }
.mobile #toc, 
.mobile .sidebox, 
.mobile .sidebox3,
.mobile .sidebox_Wrapper {
 position: relative;
 top: auto;
 right: auto;
 float: right;
 clear: right;
 margin: .4em 0 1em 2em;
 } 
@media only screen and (orientation: portrait), (max-width: 940px ) { 
 body, 
 #content  {
    padding-left: 0 !important;
    padding-right: 0 !important;   
 }
 body {  
   text-size-adjust: 200%;
}
#firstHeading {
  height: unset !important;
  padding: 1.5em 0 !important;
}
#firstHeading > span { 
  position: static; 
  display: inline;
}
 #bodyContent {   
   margin: auto !important;
   padding-top: 0 !important;
   padding-left: 32px !important;
   padding-right: 32px !important;
   overflow: hidden !important;
 }
 .bildbox {
 clear: both;
 }
 #toc, 
 .sidebox, 
 .sidebox3,
 .sidebox_Wrapper {
 position: relative;
 float: right;
 top: auto;
 right: auto;
 clear: right; 
     margin: .5em 0 1em 2em;  
 } 
 .sidebox_Wrapper .sidebox3 {
   float: none; 
   margin-left: 0;
  }
  .textbox {
    margin: 3px -16px 24px 24px;
 } 
 #toc  {
 margin-top: 0;
 }
.w500x .bildtext, 
.imgX .bildtext {
position: relative; 
color: #555;
background: transparent; 
}
/***** NAV *****/
 #content #nv { 
  top: 0;
  right: auto;
 }
 #nv::before {
  content: '\f0c9';
  display: block; 
  width: 10em;
  padding-left: .5em;
  color: #fffeee; 
  font-size: 1.3em;
 }
 #chapters {
  display: none; 
 }
 #nv:hover #chapters {
  left: 0;
  display: block;
 }
}

/***** NAV *****/
#tS {
  display: none; 
}
/***** MOBILE NAV *****/

#content.mobile #nv {
 left: 10px;
 top: 10px;
 }
#nv.nv_large {
 font-size: 2.5vw; 
 display: none; 
 }
.mobile #nv.nv_large { 
 display: block; 
 }
#content.mobile #chapters {
 display: none;
 }
#content.mobile #nv.nv_large #chapters {
 display: block;
 }

#tS {
 position: absolute;
 top: 0;
 font-size: 5vw;
 line-height: 1.6em;
 width: 1.6em;
 text-align: center;
 display: none; 
}
#tS,
#tF {
      color: #9f8655;
    background-color: #ffd63f; 
 border-radius: 1em;
 cursor: pointer; 
 }
#tS:hover, 
#tF:hover {
 background: #fcea80;
 }
.mobile #tS {
 display: block; 
}