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,
#nv.fixed #nv_content { /* content Struktur f. nav emulieren */
 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 9em 7.5em;
 max-width: 48em; 
 min-width: 500px;  
 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.06rem;
}

/*** Mobile ***/

div#content.mobile { /* s.a. div#content.mobile #nv */
 margin: 1em -6.8em 0;  
 }
#content.mobile div#bodyContent {
 max-width: 100%; 
 padding-left: 4em;
 padding-right: 4em;
 }

/* mobile Boxen */

.mobile .bildbox {
 clear: both;
 }
.mobile #toc, 
.mobile .sidebox,
.mobile .sidebox2,
.mobile .sidebox_Wrapper {
 position: relative;
 top: auto;
 right: auto;
 float: right;
 clear: right;
 margin: .4em 0 1em 2em;
 }
.mobile .sidebox_Wrapper .sidebox2 {
 float: none; 
 margin-left: 0;
 }
.mobile .textbox {
 margin: .2em -1em 2em 2em;
 } 
.mobile #toc  {
 margin-top: 0;
 }

/***   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 2px;
 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-Navigantion **/
#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: 1.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;
 }
#footer-info {
 margin: 0 6.8rem;
 }
#footer-places {
 position: absolute;
 left:20px;
 top:5px;
 width: 6.8em;
 font-size: 1.5rem;
 }
#footer-icons { 
 position: absolute;
 right:0; top:5px;
 width: 6.8rem;
 }
#f-poweredbyicooo {
 margin: 5px;
 }
#footer-info-copyright,
#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;
 }
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 .7em;
 }
.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: -1rem;
   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;
 }
h2 {
 border-width: 0 0 2px;
 }
h3 {
 border-width: 0 0 1px;
 }

/* 		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,... 	*/

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:.8em; 
	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    */

/*******************************
			LEFT & RIGHT
********************************/

#toc,
.top12  {
 position: absolute; 
 top: 11.5rem;
 } 
#toc, 
.sidebox,
.sidebox_Wrapper, 
.left_Wrapper {
 position: absolute; 
 width: 11.5rem ;
 right: -5.75rem;
 font: normal normal .95rem Calibri ;
 } 
.left_Wrapper {
 left:-5.75rem;
 right:auto;
}
.sidebox_Wrapper .sidebox,
.sidebox_Wrapper .sidebox2,
.left_Wrapper .sidebox,
.sidebox_Wrapper #toc { 
    position: relative;
 top: 0;
    right: -2px;
    margin-bottom: 4em;
 }

.sidebox_Wrapper .sidebox,
.sidebox_Wrapper .sidebox2,
.left_Wrapper .sidebox,
.sidebox_Wrapper #toc { 
    position: relative;
    right: -2px;
    margin-bottom: 2em;
 }
/*******************************
				TOC
********************************/

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

#toc { 
 left:auto;
 background-color: #f9f9f9;
 margin:0 0 1.1em 0; 
 padding: 0;
 border:1px solid #aaa; 
 border-radius: 3px 3px 0 0;
    border: 1px solid #cac8b2;
    border-radius: 3px;
 border-spacing: 0;
     border: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1), 0px -5px 20px rgba(0, 0, 0, 0.1);
 }
#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;
 border-radius: 3px 3px 0 0;
 }	
#toc ul,
#toc li {
 list-style-type: none;
 list-style-image: none;
 margin: 0 ;
 padding: 0;
 text-align: left;
 overflow:hidden;  
     border-radius: 3px;
 }
#toc > ul {
   padding: .1em .2em .4em;
}
#toc ul ul {
 margin: 0 0 0 0.5em !important;
 }
#toc a:hover  {
 background:none;
 text-decoration: none;
 }
#toc a .toctext {
 color: #666;
 }
#toc a:hover .toctext {
 color: #000;
 background:#eeeee8;
 text-decoration:none;
 }

#toc li.toclevel-1 {
 margin:0;
 padding:1px ;
 }
#toc li.toclevel-1 li { 
 font-size: .94em; 
 margin:0 !important;
 }
#toc li .toctext { 
 display: block;  
 line-height:1.3em;
 padding: .2em 0;
 }
#toc li.toclevel-1 .toctext { 
 padding-left: 1.5em; 
 text-indent: -1em; 
 border-bottom: 1px solid #e5e5e5;
 border: 0; 
 margin:0;
 }
#toc li.toclevel-2 .toctext { 
 display: block;  
 padding-left: 2em; 
 text-indent:-1em; 
 font-size: .94em; 
 }

/********************************************
	 	NAVIGATION
**********************************************/

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

#nv, 
#nv.absolute {
 position: absolute;
 left: 0;
 top: 11.5rem;
 right: 0;
 font-size: 1rem;
 z-index: 4;
 color:#555;
 }
#nv.fixed { /* s. body */
 position: fixed;  
 left: 6.8rem;
 right: 6.8rem;
 top: 1.5em;
 }
.mobile #nv {
 position: absolute; 
 top: 24px;  
 }
#nv.fixed #nv_content { /* s.a. #content */
 margin: auto;
 position: relative;
 border: solid 2px transparent;
 border-width: 0 2px;
 }
#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;
 } 

/***** 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;
 }S
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; 
}

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

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

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

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

#chapters {
 margin: 0 0 1px; 
 padding: 0;
 font-family: Calibri, Arial; 
    border: 1px solid #bcbaa1;
    border: 0;
    border-radius: 3px;
 background-color: #eee;
     border: 0; 
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1), 0px -5px 20px 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;
 padding: 1em;
 width: 12.5em;
 overflow: visible;
 background: url(/rel_jap/bg/no.gif);  
 border: 0;
 z-index: 4;
 } 
#chapters li { 
 margin: 0;
 padding: 0; 
 text-indent: .5em;
 list-style: none; 
 border-style: solid;
 border-width: 0 1px 1px;
} 
#chapters li:first-child { 
 border-width: 1px 1px 1px;
 }
#chapters li:last-child { 
 border-width: 0 1px 5px;
 }
#chapters li a,
#chapters li strong.selflink { 
 padding: 0 1em; 
 border-style: solid;
 border-width: 0 .4em ;
 line-height: 1.5em;
 text-align:left;
 background-color:#fff;
 text-indent:0;
 }
#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 {
 font-size: 1em; 
 background-image:none; 
 width:12.5em;
 margin:0;
 padding: 0 1em 1em 0;  
 } 
#chapters li ul:before {
 display: block; 
 content: "\f04b"; /* fa-play */
 font-size: .7em;
 color: rgba(0, 0, 0, 0.33);
 }
#chapters li ul:hover:before,
#chapters li ul.hover:before,
#chapters li.self_parent ul:before {
 color: #DA3400; 
 }

/* ***** Nav > Show, hide, position *********/

#chapters div[id] > ul { 
 position: absolute;
 top: -2.3em;
 left: 12.2em; 
 display: none; 
 }
#chapters div[id]:hover > ul,
#chapters div[id].hover > ul { 
 display: block; 
 }
#chapters li {
 position: relative;
 }
#chapters li ul {
 position: absolute;
 font-size: 1em;  
 top: -1.7em;
 left: 12em; 
 }
#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-top: 1px solid #cac8b2;
     border-radius: 3px 3px 0 0;
 }
#chapters #p-Home li a { 
 color:#554;
 background-color:#F9F6EB;
 border-color:#D9D6B6;
 }
*[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;
 }
.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;
 }
#chapters #p-Meta li a { 
 color:#554;
 background:#f7f6e6;
 border-color:#d9d8b6;
 }

#chapters #p-Grundbegriffe {
  background-color:#334;
 }
*[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;
 }
#chapters #p-Grundbegriffe li a { 
 background-color:#CBCBD7;
 color:#113;
 border-color:#889;
 }

#chapters #p-Bauten {
  background-color:#ae3711;
  }
*[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;
 } 
#chapters #p-Bauten li a { 
 background-color:#ffe5cb;
 color:#720; 
 border-color:#d7764e;
 }

#chapters #p-Alltag {
 background-color:#A6A66F;
 }
*[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;
 }
#chapters #p-Alltag li a { 
 background-color:#efefc2;
 color:#442; 
 border-color:#B8B885;
 }

#chapters #p-Ikonographie {
 background-color:#3C325B;
 }
*[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;
 color:#103;
 border-color:#4F466D;
 }
#chapters #p-Ikonographie li  { 
 background-color:#4F466D;
 color:#eef;
 border-color:#4F466D;
 } 
#chapters #p-Ikonographie li a { 
 background-color:#c1bcd6;
 color:#103; 
 border-color:#766E90;
 }

#chapters #p-Mythen {
 background-color:#B1BBA6;
 }
*[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;
 }
#chapters #p-Mythen li a { 
 background-color:#f0f4e0;
 color:#333; 
 border-color:#CCD3BF;
 }

#chapters #p-Geschichte {
 background-color:#357;
 }
*[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;
 color:#012;
 border-color:#5C7E94;
 }
#chapters #p-Geschichte li { 
 background-color:#357;
 color:#D5EFF9;
 border-color:#5C7E94;	
 } 
#chapters #p-Geschichte li a { 
 color:#135;
 background-color:#c0e1ee;
 border-color:#7C9EB4;
 }

#chapters #p-Texte {
 background-color:#ac9a5b;
 }
*[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;
 }
#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;
 }


/********************************************
	 	SIDEBOX  
**********************************************/

.sidebox {
 overflow: visible; 
 top: auto;	
 }
.sbBody {
 position: relative;
 z-index: 2;
 background-color: #fafaf8;
 border: 1px solid #aaa;
 padding: 1em 0; 
}

.sidebox .bildtext {
 margin-bottom: -.2em;
 }
.sidebox .bildtext a  {
 display:block;
 color:#555;
 }
.sidebox .bildtext a:hover  {
 color:#000; 
 background:#eeeee8;
 }

/********  Sidebox2 ***********/	

.sidebox2 {
 position: absolute; 
 top:auto;	
 right:-92px; 
 width: 180px;
 overflow: visible; 
 } 
.sidebox2 .sbBody { 
 margin: 0;
 padding: 0; 
 border: 0;
 border-radius: 3px; 
 background-color: #ccc;
 overflow: hidden;  
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1), 0px -5px 20px rgba(0, 0, 0, 0.1);
 }
.sidebox2 .sbAussen  {
 background-color: #fff;
 overflow: hidden;  
 border: 3px solid #ccc;
 border-radius: 3px ; 
 }
.sidebox2 .sbAussen:hover { 
 border-color: #EEA500;
 }
.sidebox2 .sbInnen  {
 background-color: #fff;
 }
.sidebox2 .bildtext {
    margin: -27px 3px 3px;
    padding: 4px .5em;
    line-height: 16px;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    color: #E3E3CA;
    border-radius: 0 0 2px 2px;
 }
/** 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);
}
.sidebox2: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: #fff; 
    text-transform: uppercase; 
    font-family: Courier,mono;
    line-height: 22px;
    font-size: 12px; 
    font-weight: bold; 
    background: rgba(238, 165, 0, 0.85);
}
.sidebox2:hover .sbUeText{
    background: rgb(238, 165, 0);
    color: #fff; 
}
  /********  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;
}