MediaWiki:Common.css

/*************************
Hier befinden sich im Wesentlichen css-Befehle, die direkt oder indirekt Einfluss auf das Seitenlayout und die Seitenproportionen haben.

Siehe auch: 
* MediaWiki:Vector.css (Farben, spezielle Einzelseiten, Glossar, etc.)
* MediaWiki:Print.css 

Hier: 
* Änderungen am Standardlayout
* TOC
* Navigationsmenü
* Sidebox

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

/*  Aktuelles  */

*::before, 
*::after {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Framework */

html,
body {
 margin: 0;
 padding: 0;
 font-size: 100%;
 background: #eeeee5 url(/rel_jap/bg/bg0.gif);
 color: black;
 font-family:  Arial, sans-serif; 
}
body.action-view {
 padding: 0 6.8em;
 }

/* Content */

div#content  {
 position:relative;
 z-index:1;
 margin: 1em 0 0 10em; 
 padding:0 ;
 line-height: 1.5em;
 font-family: Georgia, serif, Times ; 
 background:#fff;
 border-color: #ace;
 border-style: solid;
 border-width: 1px 0 2px 2px;
 } 
.action-view div#content  {
 max-width: 78em;
 min-width: 640px;
 } 
.action-view div#content {
  margin: 0 auto 0; 
  padding-top: 1em;
  border:0;
  border-radius: 0 0 5px 5px;
  box-shadow: 0px 4px 15px rgba(145, 142, 117, 0.5);
 } 
.ns--1.action-view div#content,
.ns-6.action-view div#content {
 max-width: 90em;
 }
.ns-8.action-view div#content {
 max-width: none;
 }
/****  bodyContent  ****/

#bodyContent { 
 position:static;
 padding: 0 3.5em 3.5em;
 width: auto;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
 }
.action-view #bodyContent {
 padding: 3.5em 10em 2em;
 max-width: 48em;  
 margin:auto; 
 } 
.ns--1.action-view #bodyContent {
 max-width: 70em;
 }
.ns-6.action-view #bodyContent,
.ns-8.action-view #bodyContent,
.ns-14.action-view #bodyContent {
 max-width: none; 
 } 	 
.action-view .mw-content-ltr { 
 font-size:1.1rem;
}

/***   Head   ***/

#mw-page-base, 
#mw-head-base, 
#mw-head {
 position:absolute;
 z-index:4;
}
#mw-page-base {
 height: 9em;
 position:absolute;
}
#mw-head-base { 
 top:-1px; left:0; right:0;
 height: 5em;
 margin:0;
 border-bottom: 1px solid #def;
 background: #f5f5ee url(/rel_jap/wikibilder/logo_head3.jpg) top left repeat-x ;
}
#mw-page-base {
 z-index:0;
 top: 0;
 right: 0;
 width: 100%;
 background: #bbb url(/rel_jap/bg/bg_head0.gif);
 border-bottom: .3em solid #aaa;
 }
/* Code am Seitenende */
#mw-head {
 top: 0;
 right: 0;
 width: 100%;
 background: #f5f5ee url(/rel_jap/wikibilder/logo_head3.jpg) top left repeat-x ;
 }
div#mw-head h5 {
 margin: 0;
 padding: 0;
 }
/* Navigation Containers */
.action-view #left-navigation, 
.action-view #right-navigation,
#ca-unwatch {
 display:none;
 } 
/* Logo */
#p-logo {
 position: absolute;
 z-index:4;
 top: -160px;
 left: 0;
 width: 10em;
 height: 10em;
 background: #f5f5ee url(/rel_jap/wikibilder/logo_head3.jpg) top left repeat-x ;
}
#p-logo a {
 display: block;
 width: 10em;
 height: 10em;
 background-repeat: no-repeat;
 background-position: center center;
 text-decoration: none;
 }
#mw-panel { 
 z-index:4;
 background: #f5f5ee;
 border-bottom: 1px solid #def;
 }
.action-view #p-logo,
.action-view #mw-panel,
.action-view #mw-head-base  {
 display: none;
}

	/*  Tagline */
	
/* Hide */

#jump-to-nav, 
span.subpages,
#siteNotice,
#contentSub,
#catlinks {
 display: none;
 }

#bodyContent div[id^='siteSub'] {
 position:absolute; 
 z-index:3;
 right: 0;
 left: 0;
 top: 0;
 margin:0 0 2.5em; 
 padding: .35em 1em;
 text-align: right;
 border-style: solid; 
 border-width: 0 0 4px;
 text-align: right; 
 font-style: italic;
 font-size: 1em;
 line-height: 1.2em; 
 font-family: Calibri;
 text-transform: lowercase;
 display:none; 
 }	 
#bodyContent div[id^='siteSub'] b {
 font-weight: nomal; 
 }
.action-view #bodyContent div[id^='siteSub'] {
 display:block; 
 }
#contentSub a, 
#contentSub2 a {
 color: #ccc;
 }

/** Wiki-Navigation **/
#p-personal li {
 line-height: 1.125em;
 padding: 0 .75em 0 0;  
 margin:0;
 float: left;
 font-size: 0.75em;
 white-space: nowrap;
 }
	
.action-view #p-personal {
 display: none;
 }	
.action-view.ns-8 #p-personal, 
.action-view.ns-10 #p-personal {
 display: block;
 left: auto; 
 }

/* hide */	

#p-personal li#pt-mytalk,
#p-personal li#pt-anontalk,
#p-personal li#pt-watchlist,
#p-personal li#pt-mycontris {
 display: none;
 }
.action-view #p-tb, 
.action-view #p-personal li#pt-mytalk,
.action-view #p-personal li#pt-preferences,
.action-view #p-personal li#pt-logout,
.action-view #p-personal li#pt-anontalk,
.action-view #p-personal li#pt-watchlist,
.action-view #p-personal li#pt-mycontris,
.action-view #p-personal li#pt-login,
#mw-clearyourcache {
 display: none;
 }

/* Panel */
div#mw-panel {
 position: absolute;
 top: 10em;
 padding-top: 1em;
 width: 9.5em;
 left: 0;
}

/****************************************
			FOOTER
*****************************************/

div#footer {
 position: relative;
 height: 2em;
 padding: 0 0 1.5em;
 background: transparent;
 text-align: center;
 margin: 3.5em auto 0; 
 max-width: 80em;
 }
div#footer ul {
 list-style: none;
 list-style-image: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 }
div#footer ul li {
 list-style: none; 
 line-height: 2em ;
 margin:0 ; padding:0 ;
 }
div#footer #footer-places li {
 float: left;
 margin-right: 1em;
 line-height: 1.2em;
 }

#footer a,
#footer a:visited { 
 color:#016;
 } 
div#footer #footer-info-copyright a,
div#footer #footer-places a {
 position: absolute;
 left:20px;  
 font-size: .9rem !important;
   font-family: calibri, arial;
 }
#footer-places a{
  top: 0;
}
#footer-info-copyright a {
  top: 1.2em;
}
#footer-icons { 
 position: absolute;
 right:0; top:5px;
 width: 6.8rem;
 }
#f-poweredbyicooo {
 margin: 5px;
 }
#footer-info-disclaimer,
#footer-places-privacy {
 display:none;
 }


.printfooter {
	display: none;
}

/****************************************
		BASIC TAGS
*****************************************/

/* CODE Maske */
q {
 font-family: Times, "Times New Roman", serif;
 font-style: italic;
 }
code {
 background-color: #f9f9f9;
 }
pre {
 padding: 1em;
 border: 1px dashed #2f6fab;
 color: black;
 background-color: #f9f9f9;
 line-height: 1.3em;
 font-size: 10pt; 
 }
textarea {
 font: normal 1em/2em Verdana;
 background:#ffe;
 color:#005;
 }

/* Structural Elements */

#mw-content-text > p, 
#mw-content-text > ul li,
#mw-content-text > ol li,
#mw-content-text > dl dd {
 text-align: justify;
 line-height: 1.6em;
 }

div#content p {
 margin:.8em 0;
}
div#content p {
 margin: 0 0 .8em;
}
 
p img {
 margin: 0;
 }
.mw-content-ltr ul,
.mw-content-ltr ol {
 line-height: 1.6em;
 text-align:justify;
 margin: 0; 
 padding: .3em 1.5rem .8em 2rem;
 }
.mw-content-ltr > ul, 
.references  ul,
.verweise ul,
.linkbox ul,
.zitat ul {
 list-style-type: none;
 list-style-image: none;
 }
.mw-content-ltr > ul li::before, 
.references ul li::before, 
.verweise ul li::before, 
.linkbox ul li::before, 
.zitat ul li::before {
   content:  '\f111' ;/* fa-circle  */
   font-size: .5em;
   float: left; 
   margin-left: -1.3rem;
   color: #0e5892;
 }

li {
 margin-bottom: .7em;
 }
dt {
 font-weight: bold;
 margin-bottom: .1em;
 }
dl {
 margin-top: .2em;
 margin-bottom: .5em; 
 }
.mw-content-ltr dd {
 line-height: 1.6em;
 margin-left: 1.5rem;
 margin-bottom: .1em;
 }
.mw-content-ltr dd ul,
.mw-content-ltr dd ol {
 margin-left: 0;
 padding-left: 0;  
 }

i i { 
 font-style: normal;
 }

/* Tables */

table {
 font-size: 100%;
 }

/* Emulate Center */

.center {
 width: 100%;
 text-align: center;
 }
*.center * {
 margin-left: auto;
 margin-right: auto;
 }

/* Small for tables and similar */

.small {
 font-size: 94%;
 }

/**************************
        Headings 
***************************/

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 margin: 0;
 padding-top: .5em;
 padding-bottom: .17em;
 overflow: visible;
 color:#333;
 border: 0 solid #D7D5BC;
 position: relative;
 }
/* 		firstHeading		 */

div#content #firstHeading {
 position: relative; 
 margin: 0 6.8rem;
 padding: 3.8em 0 .2em;
 text-align: left;
 font-weight: bold;
 font-size: 1.8em; 
 line-height: 1.2em; 
 font-family: "Trebuchet MS"; 
 border: 0;
 text-align:center;
 }
.action-view div#content #firstHeading {
height: 8.5rem;
padding: 0 ; 
overflow: visible;
}
#firstHeading > span {
 position: absolute; bottom: 0; left: 0; 
 display: block; width: 100%;
 padding: 0; margin: auto;
 vertical-align: bottom;
}
#firstHeading span  span {
 display:block;
 font-weight: normal;
 font-size: .75em; line-height:2em;
}
#firstHeading span span.bottom {
 line-height: 1.2em;
 padding-top:.18em;
 margin-bottom: -.3em;
}

 	
/*	H2, H3,... 	*/

h2 { 
 border-width: 0 ;
 }
h3 { 
 border-width: 0 ;
 } 

div#content h2 { 
	font: bold 1.65rem/1.2em "Trebuchet MS";
	text-align: center;
	margin: 1.2em -.5rem 1em; 
	padding: .5em .5rem .17em;
	clear:both;
}
div#content h2.noborder {
	padding-bottom:0; 
	border:0;
}

div#content h3 { 
	font: bold italic 1.3rem/1.2em "Trebuchet MS";
	text-align: left;
	margin: 1em -.5rem;
	margin-bottom:.8rem; 
	padding: .5em .5rem 0em;
}
div#content h4 { 
  font-family:"Trebuchet MS"; 
  font-weight:bold; 
  font-size: 1.2em;
  line-height:1.5em; 
  color:#333;
}

	/* Edit section links */
.mw-editsection { 
 color:#ddd; 
 font: normal 9px Arial;  
 text-align: left;
 position: absolute;
    margin: 0;
    right: 3em;
    top: 3em;
    width: 3em;
 } 
.mw-editsection a,
.mw-editsection a:visited { 
 color: #ddd; 
 font-size:9px;
 }
.mw-editsection a:hover { color: #555; text-decoration:none;}

h1 .mw-editsection { display:none;}

/*   Ende Headings    */

/*******************************
			Randelemente rechts
********************************/

#toc,
.top12, 
.sidebox {
 position: absolute; 
 top: 11.5rem;
 } 
#toc, 
.sidebox, 
.sidebox3 {
 background-color: #dbd0b5;
 border-radius: 8px;  
 border: 4px solid  #dbd0b5; 
 box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
#toc, 
.sidebox, 
.sidebox3,
.sidebox_Wrapper { 
  position: absolute;
  width: 11.5em;
  width: 17%; 
  right: -5.75em; 
  right: -8.5%;
  font: normal normal 1rem Calibri;
 } 
.sidebox_Wrapper .sidebox3,
.sidebox_Wrapper .sidebox,
.sidebox_Wrapper #toc { 
    position: relative; 
    width: 100%; 
    margin-bottom: 4em; 
    top: 0;
    right: auto; 
    left: 0;
/* Randausgleich */
    margin-left: -4px;
 }

@media only screen and (max-width: 1082px ) {   
  #toc, 
  .sidebox, 
  .sidebox3,
  .sidebox_Wrapper, 
  .left_Wrapper {
    width: 184px; 
    right: -92px;
  } 
}
/*******************************
				TOC
********************************/

/* Table of Contents */
 
.toclevel-3,
.toclevel-4,
.toclevel-5,
.toclevel-6,
.tocnumber, 
.toctoggle {
 display: none;
 }

#toc { 
 left:auto;
 margin:0 0 4em 0; 
 padding: 0;
 overflow:hidden;
 }
#toctitle h2 { 	
 background-color: #788099;
 background-repeat: no-repeat;
 color:#FFF;
 border: 0;
 }
div#content #toctitle h2 { 	/* override div#content h2 */
 font-size: 1em;
 line-height: 2em; 
 display:block;
 text-align: center;
 margin:  0px; 
 padding: 0 .3em;
 }	
#toc ul,
#toc li {
 list-style-type: none;
 list-style-image: none;
 margin: 0  !important;
 padding: 0 !important;
 text-align: left;  
 background: #f7f6e6;
} 	 
#toc ul ul {
 margin: 0  !important;
 }
#toc a {
 display: block; 
 line-height:1.3em;
 padding: 1px 5px;
 padding-left: 20px; 
 text-indent: -10px; 
 color: #666;
 }
#toc a:hover  { 
 text-decoration: none; 
 color: #000;
 background:#E8E7CA;
 }
 
#toc li.toclevel-1:first-child > a { 
 padding-top: 5px;
 } 
#toc li:last-child > a { 
 padding-bottom: 5px;
 } 
#toc li li { 
 font-size: .94em;  
 }
#toc li li a { 
 margin-left: 12px; 
 }    	

/*******************************
		Sidebox3
********************************/
  
.sidebox3:hover  { 
 border-color: #EEA500;
 } 
.sidebox3 {
  position: absolute;
 z-index: 2;
 overflow: visible;  
  font: normal normal 1rem Calibri; 
  margin-bottom: 4em; 
}
.aussen{
  position: relative; 
  border-radius: 4px; 
  overflow: hidden;
  background: #fff;
}
.innen { 
  background: #fff;
}
.sidebox3 img, 
.w500x img {
  width: 100%; 
  height: inherit;
}
.sidebox3:hover  {
 border-color: rgb(238,165,0); 
}
.sidebox3:hover .sbUeText {
  background: rgb(238,165,0);
  color: #fff;
}
.sidebox3 .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;
    border-radius: 0 0 4px 4px;
}
.sidebox3.hell .bildtext {
 color: #333;
 background: rgba(255, 255, 238, 0.7);
} 
.sidebox3.hell:hover .bildtext {
  background-color: #fff;
  color: #000;
}

/** sbUe, **/

.sbUe2 { 
}
.sbUe2 a  {
    position: absolute;
    display: block; 
    top: 0; 
    right: 0; 
    left: 0;
    bottom: 0;   
    z-index: 0;
    background: rgba(255, 255, 255, 0);
} 
.sidebox3:hover .sbUe2 a {
    z-index: 4; 
    background: rgba(255, 255, 255, .5);
}
.sbUeText {
  display: block;
  float: left;
  margin-top: -16px;
  margin-left: -16px;
  transform: rotate(-3deg);
  padding-left: 1.2em;
  padding-right: .6em;
  letter-spacing: .6em;
  color: #615539;
  text-transform: uppercase;
  font-family: Courier,mono;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  background: #dbd0b5;
}
.sidebox3:hover .sbUeText {
    background: rgb(238, 165, 0);
    color: #fff; 
}
/********************************************
	 	NAVIGATION
**********************************************/

/**** Position *******/

#nv {
 position: absolute;
 left: 0;
 top: 11.5rem;
 right: 0;
 font-size: 1rem;
 z-index: 4;
 color:#555;
 } 
.mobile #nv {
 position: absolute; 
 top: 24px;  
 }
#nv.fixed #nv_content {  
    position: fixed;
    top: 30px;
 }
#chapters {
 position: absolute;
 width: 12.5em;
 left: -6.25em;
 }
.mobile #chapters {
 left: 0px;
 }

/* nav fixieren (pfeil nach oben)  */
#tF {
 display:none;
 }
#nv.fixed #tF {
 display:block;
 position: absolute;
 top: 0;
 left: 0; 
 z-index: 10;
 }
#tF { 
    font-size: 1.2rem;
    width: 2rem;
    line-height: 2rem;
    font-weight: bold;
    text-align: center;
 } 

/**************
Search
**********/

#search2 {
 padding: .6em 1.2em;
 background-color:#FBFBF7; 
 border-top: 1px solid  #ddd;
   border-radius: 0 0 3px 3px;
 }
div#simpleSearch {
 width:auto;
 margin:0;
  border-color: #ddd;
  border-radius: 3px; 
 font-size: 1em;
 }
div#simpleSearch #searchInput { 
 font-size: .9em; 
}

/****** Nav, Fine tuning   ******/

#nv a { color: #016;}
#nv ul { list-style: none;}

#chapters {
 margin: 0 0 1px; 
 padding: 4px;
 font-family: Calibri, Arial;  
 border-radius: 5px;
 background-color: #dbd0b5;
     border: 0; 
     box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
}

#chapters dl, 
#chapters dd {
 margin:0;
 padding:0;
 font-size: 1em; 
 }
#chapters a,
#chapters strong.selflink {
 display: block; 
 background-color:#fff;
 color:#333;
 font-weight: normal;
 }
#chapters a:hover,
#chapters .hover a  {
 background-color:#eee;
 text-decoration: none;
 }
#chapters dl a,
#chapters dl strong.selflink { 
 text-transform: lowercase;
 text-align:center;
 margin: 0 1.2em;
 padding: 0 .1em;
 line-height: 2em;
 }


#chapters ul {
 font-size: .95em;
 margin: 0; 
}
#chapters div > ul,
#chapters li ul:hover { 
    background: #dbd0b5;
    padding: 4px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
    z-index: 4;
}

#chapters li {
  position: relative;  
  margin: 0;
  padding: 0;
  text-indent: .5em;
  list-style: none; 
   text-align: left;
}
#chapters li:first-child {
  border-radius: 3px 3px 0 0;
}
#chapters li:last-child { 
  border-radius: 0 0 3px 3px;
}

#chapters li a,
#chapters li strong.selflink { 
  border: 0;
  line-height: 1.1em;
  padding-top: .2em;
  padding-bottom: .3em; 
  padding-left: 2em;
  text-indent: -1em;
 }
#chapters li:last-child a {
  padding-bottom: .5em;
}
#chapters li strong.selflink:before {
  content: "\f00c"; /* fa-check */  
  font-size: .9em; 
  width: 1em; 
  margin-left: -1em;
  margin-right: .2em;
  opacity: .8;
} 
 
#chapters li ul {
    position: absolute;
    font-size: 1em;
    top: -1.7em;
    left: 12.5em;
    display: block;
}
#chapters li ul::after {
    width: 2.5em;
    position: absolute;
    left: -2em;
    top: 2.4em;
 display: block; 
 content: "\f04b"; /* fa-play */
 font-size: .7em;
 color: rgba(0, 0, 0, 0.33);
 }
#chapters li ul:hover::after,
#chapters li ul.hover::after,
#chapters li.self_parent ul:after {
 color: #DA3400; 
 }

#chapters li ul li {
    display: none; 
    }
#chapters li ul:hover li {
    display: block; 
    }
/* ***** Nav > Show, hide, position *********/

#chapters div[id] > ul {  
    position: absolute;
    width: 12.5em;
    top: -2em;
    left: 13.45em; 
    display: none;
 }
#chapters div[id]:hover > ul,
#chapters div[id].hover > ul { 
 display: block; 
 }
#chapters li {
 position: relative;
 }

#chapters ul::before  {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: -5px;
    right: -10px;
    bottom: -10px;
}
#chapters li ul:hover::before {
    left: 0;
    width: 13.5em;
    }
#chapters li ul {
    position: absolute;
    font-size: 1em;
    width: 12.5em;
    top: -1.7em;
    left: 12.5em;
    display: block;
 }
#chapters li ul:before {
  width: 2.5em; 
  position: absolute;  
  left: -2em;
  top: 2.4em;
}
#chapters li ul:hover,
#chapters li ul.hover {
 z-index:10;
 }
#chapters li ul li { 
 display: none;
 }
#chapters li ul:hover li,
#chapters li ul.hover li {
 display: block; 
 }
#chapters #p-Wiki > ul { 
 top: 12.5em;
 }

/* ***** NAV-FARBEN *********/

#chapters #p-Home  {
 background-color: #D0CAB0; 
     border-radius: 3px 3px 0 0;
 }
#chapters #p-Home li a { 
 color:#554;
 background-color:#F9F6EB;
 border-color:#D9D6B6;
 }
*[class*=Religion-in-Japan] #toc li,
*[class*=Religion-in-Japan] #toc li a {
     background: rgb(236, 240, 244);
     color: #346;
}
*[class*=Religion-in-Japan] #toc li a:hover {
     background: rgb(217, 223, 228); 
}
*[class*=Religion-in-Japan] #chapters #p-Home dl a,
*[class*=Konzept] #chapters #p-Home dl a,
*[class*=Benuetzung] #chapters #p-Home dl a,  
#chapters #p-Home strong.selflink, 
#chapters #p-Home:hover dl a, 
#chapters #p-Home li:hover > a,
#chapters #p-Home .self_parent > a,
#chapters #p-Home a:hover  {
  background-color:#EAE5CB; 
  border-color: #D0CAB0;
  }
#chapters #p-Home li  {  
 background-color: #BDB796;
 color: #EFEDDA;
 border-color: #D0CAB0;
 }

#chapters #p-Meta  {
 background-color:#cecbad;
 }
*[class*=page-Meta] #toc li a:hover,
.ns-4 #chapters #p-Meta dl a,
#chapters #p-Meta a:hover,  
#chapters #p-Meta:hover dl a, 
#chapters #p-Meta li:hover > a,
#chapters #p-Meta .self_parent > a,
#chapters #p-Meta strong.selflink {
  color:#555; 
  background-color:#E8E7CA; 
  border-color:#cecbad;
  }
#chapters #p-Meta li  { 
 background:#aaa787;
 color:#f7f6e6;
 border-color:#cecbad;
 }
*[class*=page-Meta] #toc li,
*[class*=page-Meta] #toc li a,
#chapters #p-Meta li a { 
 color:#554;
 background:#f7f6e6;
 border-color:#d9d8b6;
 }

#chapters #p-Grundbegriffe {
  background-color:#334;
 }
*[class*=page-Grundbegriffe] #toc li a:hover,
*[class*=page-Grundbegriffe] #chapters #p-Grundbegriffe dl a,
#chapters #p-Grundbegriffe a:hover,  
#chapters #p-Grundbegriffe:hover dl a, 
#chapters #p-Grundbegriffe li:hover > a,
#chapters #p-Grundbegriffe .self_parent > a,
#chapters  #p-Grundbegriffe strong.selflink {
 background-color:#b0b0bb;
 color:#113;
 border-color:#667;
 }

#chapters #p-Grundbegriffe li {
 background-color:#445;
 color:#dadade;
 border-color:#667;
 }
*[class*=page-Grundbegriffe] #toc li,
*[class*=page-Grundbegriffe] #toc li a,
#chapters #p-Grundbegriffe li a { 
 background-color:#CBCBD7;
 color:#113;
 border-color:#889;
 }

#chapters #p-Bauten {
  background-color:#ae3711;
  }
*[class*=page-Bauten] #toc li a:hover,
*[class*=page-Bauten] #chapters #p-Bauten dl a,
#chapters #p-Bauten a:hover,  
#chapters #p-Bauten:hover dl a, 
#chapters #p-Bauten li:hover > a,
#chapters #p-Bauten .self_parent > a,
#chapters #p-Bauten strong.selflink {
 background-color:#f7c69e;
 color:#720;
 border-color:#ae3711;
 }
#chapters #p-Bauten li {
 background-color:#9b4024;
 color:#ffebce;
 border-color:#ae3711;
 } 
*[class*=page-Bauten] #toc li,
*[class*=page-Bauten] #toc li a,
#chapters #p-Bauten li a { 
 background-color:#ffe5cb;
 color:#720; 
 border-color:#d7764e;
 }

#chapters #p-Alltag {
 background-color:#A6A66F;
 }
*[class*=page-Alltag] #toc li a:hover,
*[class*=page-Alltag] #chapters #p-Alltag dl a,
#chapters #p-Alltag a:hover, 
#chapters #p-Alltag:hover dl a, 
#chapters #p-Alltag li:hover > a,
#chapters #p-Alltag .self_parent > a,
#chapters #p-Alltag strong.selflink {
 background-color:#dfdfa8;
 color:#331;
 border-color:#A6A66F;
 }
#chapters #p-Alltag li {
 color:#ffe;
 background-color:#9E9E6A;
 border-color:#A6A66F;
 }
*[class*=page-Alltag] #toc li,
*[class*=page-Alltag] #toc li a,
#chapters #p-Alltag li a { 
 background-color:#efefc2;
 color:#442; 
 border-color:#B8B885;
 }

#chapters #p-Ikonographie {
 background-color:#3C325B;
 }
*[class*=page-Ikonographie] #toc li a:hover,
*[class*=page-Ikonographie] #chapters #p-Ikonographie dl a,
#chapters #p-Ikonographie a:hover,  
#chapters #p-Ikonographie:hover dl a, 
#chapters #p-Ikonographie li:hover > a,
#chapters #p-Ikonographie .self_parent > a,
#chapters #p-Ikonographie strong.selflink {
 background-color:#a19cb6;
 background-color:#b7b3c7;
 color:#103;
 border-color:#4F466D;
 }
#chapters #p-Ikonographie li  { 
 background-color:#4F466D;
 color:#eef;
 border-color:#4F466D;
 } 
*[class*=page-Ikonographie] #toc li,
*[class*=page-Ikonographie] #toc li a,
#chapters #p-Ikonographie li a { 
 background-color:#c1bcd6;
 background-color:#dedbef;
 color:#103; 
 border-color:#766E90;
 }

#chapters #p-Mythen {
 background-color:#B1BBA6;
 }
*[class*=page-Mythen] #toc li a:hover,
*[class*=page-Mythen] #chapters #p-Mythen dl a,
#chapters #p-Mythen a:hover,   
#chapters #p-Mythen:hover dl a, 
#chapters #p-Mythen li:hover > a,
#chapters #p-Mythen .self_parent > a,
#chapters #p-Mythen strong.selflink  {
 background-color:#DEE4CF;
 color:#333;
 border-color:#bbc6b0;
 }
#chapters #p-Mythen li  { 
 background-color:#A9B29E;
 color:#f0f4e0;
 border-color:#CCD3BF;
 border-color:#bbc6b0;
 }
*[class*=page-Mythen] #toc li,
*[class*=page-Mythen] #toc li a,
#chapters #p-Mythen li a { 
 background-color:#f0f4e0;
 color:#333; 
 border-color:#CCD3BF;
 }

#chapters #p-Geschichte {
 background-color:#357;
 }
*[class*=page-Geschichte] #toc li a:hover,
*[class*=page-Geschichte] #chapters #p-Geschichte dl a,
#chapters #p-Geschichte a:hover,  
#chapters #p-Geschichte:hover dl a, 
#chapters #p-Geschichte li:hover > a,
#chapters #p-Geschichte .self_parent > a,
#chapters #p-Geschichte strong.selflink {
 background-color:#A9CBDB;
    background-color: #b2dbec;
 color:#012;
 border-color:#5C7E94;
 }
#chapters #p-Geschichte li { 
 background-color:#357;
 color:#D5EFF9;
 border-color:#5C7E94;	
 } 
*[class*=page-Geschichte] #toc li,
*[class*=page-Geschichte] #toc li a,
#chapters #p-Geschichte li a { 
 color:#135;
 background-color:#c0e1ee;
   background-color: #d1eef8;
 border-color:#7C9EB4;
 }

#chapters #p-Texte {
 background-color:#ac9a5b;
 }
*[class*=page-Texte] #toc li a:hover,
*[class*=page-Texte] #chapters #p-Texte dl a,
#chapters #p-Texte a:hover,  
#chapters #p-Texte:hover dl a, 
#chapters #p-Texte li:hover > a, 
#chapters #p-Texte .self_parent > a,
#chapters #p-Texte  strong.selflink  {
 background-color:#E8DFA7;
 color:#5c5033;
 border-color:#CAB776;
 }
#chapters #p-Texte li  { 
 background-color:#ac9a5b;
 color:#ffe;
 border-color:#CAB776;
 }
*[class*=page-Texte] #toc li,
*[class*=page-Texte] #toc li a,
#chapters #p-Texte li a { 
 color:#5c5033;
 background-color:#F3EEC7;
 border-color:#DECA87;
 }

#chapters #p-Wiki {
 background-color:#444;
 }
#chapters #p-Wiki a:hover,  
#chapters #p-Wiki:hover dl a, 
#chapters #p-Wiki li:hover > a,
#chapters #p-Wiki .self_parent > a,
#chapters  #p-Wiki strong.selflink {
 background-color:#bbb;
 color:#222;
 border-color:#777;
 }
#chapters #p-Wiki li {
 background-color:#555;
 color:#ddd;
 border-color:#777;
 } 
#chapters #p-Wiki li a { 
 background-color:#ddd;
 color:#222; 
 border-color:#999;
 }


  /********  Suchmaske ***********/	

#mw-searchoptions > table {
 width:35%;
 }

#mw-search-ns1, 
#mw-search-ns3, 
#mw-search-ns5, 
#mw-search-ns7, 
#mw-search-ns9, 
#mw-search-ns11,
#mw-search-ns13,
#mw-search-ns15,
#mw-search-ns101,
#mw-search-ns103,
#mw-search-ns105,
#mw-search-ns107,
#mw-search-ns109,
#mw-search-ns111,
#mw-search-ns113,
#mw-search-ns121,
#mw-search-ns123,
#mw-search-ns125 {
  display: none;
}
#mw-search-ns1 + label,
#mw-search-ns3 + label,
#mw-search-ns5 + label,
#mw-search-ns7 + label,
#mw-search-ns9 + label,
#mw-search-ns11 + label,
#mw-search-ns13 + label,
#mw-search-ns15 + label,
#mw-search-ns101 + label,
#mw-search-ns103 + label,
#mw-search-ns105 + label,
#mw-search-ns107 + label,
#mw-search-ns109 + label,
#mw-search-ns111 + label,
#mw-search-ns113 + label,
#mw-search-ns121 + label,
#mw-search-ns123 + label,
#mw-search-ns125 + label {
  color:#eee; 
  display: block; 
  width: .1em; 
  height: .1em; 
  overflow: hidden;
}

/*** 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, 
 #content,
.mw-content-ltr { 
   font-size: 3vw !important;
}
 #bodyContent {  
   max-width: 100% !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: .8px 0 16px 24px;
  font-size: 2.5vw;
  width: 12em;
 } 
 .sidebox_Wrapper .sidebox3 {
   float: none; 
   margin-left: 0;
  }
  .textbox {
    margin: 3px -16px 24px 24px;
 } 
 #toc  {
 margin-top: 0;
 }

/***** NAV *****/
 div#content #nv {
 left: 10px !important;
 top: 10px !important;
  display: none; 
 }
}

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

div#content.mobile #nv {
 left: 10px;
 top: 10px;
 }
#nv.nv_large {
 font-size: 2.5vw; 
 display: none; 
 }
.mobile #nv.nv_large { 
 display: block; 
 }
div#content.mobile #chapters {
 display: none;
 }
div#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; 
}