MediaWiki:Common.css: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 122: Zeile 122:
 
padding-right: 0;
 
padding-right: 0;
 
}
 
}
 +
 +
/*______________________________________________
 +
 +
GLOSSAR
 +
BILDER
 +
  Sidebox
 +
  Bildbox (Galerie1)
 +
  Dia
 +
  Galerie2 (Sidepage)
 +
TEXT
 +
  Textbox
 +
  Linkbox
 +
  Zitat
 +
  Thisway
 +
POPUPS
 +
  ______________________________________________
 +
*/
 +
/***************************************
 +
GLOSSAR SMALL
 +
****************************************/
 +
 +
#glossarSmall {
 +
border: 1px solid #ccc;
 +
border-radius: 5px;
 +
background-color: #f9f9f9;
 +
clear: both;
 +
padding: 0 30px;
 +
margin: 5em -13px 0;
 +
font-family: Arial, 'Arial Unicode MS';
 +
font-size: 12px;
 +
line-height: 1.5em;
 +
}
 +
#glossarSmall div {
 +
margin: 6px 0;
 +
padding: 0;
 +
font-size: 10px;
 +
color: #999;
 +
text-align: right;
 +
}
 +
#glossarSmall .hide {
 +
height: 1.5em;
 +
cursor: pointer;
 +
overflow: hidden;
 +
}
 +
#glossarSmall .hide:before {
 +
content: "… anzeigen …";
 +
}
 +
#glossarSmall .show {
 +
height: auto;
 +
cursor: pointer;
 +
}
 +
#glossarSmall .show:before {
 +
content: "… schließen …";
 +
}
 +
#glossarSmall .show:after {
 +
content: " ";
 +
}
 +
.action-view #bodyContent #glossarSmall p {
 +
margin : -11px 0 0;
 +
padding: 2px 5px;
 +
text-align:center;
 +
border: 1px solid #ccc;
 +
border-radius: 3px;
 +
background: #eee;
 +
color: #666;
 +
font: normal 12px/16px Arial;
 +
}
 +
.action-view #bodyContent #glossarSmall p.ueSkt {
 +
margin: 1em 0 .6em;
 +
}
 +
#glossarSmall small {
 +
display: list-item;
 +
list-style: square;
 +
font-size: 12px;
 +
line-height: 1.5em;
 +
margin: 0 15pt 2px;
 +
padding: 0 5pt;
 +
border-bottom: 1px solid #eee;
 +
text-align: left;
 +
color: #444;
 +
cursor: auto;
 +
}
 +
#glossarSmall span:after {
 +
content: " ";
 +
}
 +
/***************************************
 +
BILDER
 +
***************************************/
 +
.box { margin: 1.5em 0;}
 +
 +
.bild img { border: 1px solid #aaa; padding: 1px;}
 +
 +
.bildtext {
 +
font-size: 12px;
 +
font-family: Arial;
 +
color:#554;
 +
text-align:center;  padding: 0 6px;
 +
}
 +
.bildtext div { }
 +
.bildtext p {text-align: left; padding-left: 10px;  padding-right: 10px;}
 +
 +
/******* 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 td,
 +
.bild td,
 +
td.bildbox,
 +
td.bild {vertical-align:top;}
 +
 +
.bildbox img {border:1px solid #aaa; padding: 1px; margin:.25em;}
 +
 +
.largebox {margin-left: -3em; margin-right: -3em; }
 +
.noborder img {border:0;}
 +
.nomargin {margin:0; padding:0}
 +
 +
/******* dia *******/
 +
 +
.dia {
 +
  border: 1px solid #fff;
 +
  margin: auto;
 +
}
 +
.dia_aussen {
 +
  background: #f5f5ee;
 +
  border: 1px solid #999;
 +
  margin:4px;padding:0;
 +
}
 +
.noborder .dia_aussen {
 +
  border: 1px solid #fff;
 +
}
 +
.dia_aussen:hover {
 +
  background: #eeeee8;
 +
  border: 1px solid #ccc;
 +
  margin: 0; padding:4px;
 +
}
 +
 +
.dia_innen {
 +
  border: 1px solid  #f5f5ee;
 +
  overflow:hidden;
 +
  background: #fff;
 +
}
 +
.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: 1px solid #fff;
 +
}
 +
 +
/************  credits **************/
 +
.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;
 +
}
 +
.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
 +
**************************************/
 +
 +
/****** zitat ******/
 +
 +
.zitat {
 +
margin:1.5em 0 ;
 +
padding: 0 1.5em 0 2.2em;
 +
}
 +
div .zitat:first-child,
 +
div + .zitat  {
 +
margin-top: 0;
 +
}
 +
.quelle,
 +
#bodyContent p.quelle {text-align: right; color:#888; font-size: .9em;}
 +
 +
 +
/****** boxen******/
 +
 +
.textbox,
 +
.linkbox,
 +
#catlinks,
 +
.references {
 +
font-size: .9em;
 +
}
 +
 +
/****** textbox ******/
 +
 +
.textbox {
 +
float: right; width: 22em;
 +
margin: .2em -222px 2em 2em;
 +
}
 +
.textbox_body {
 +
padding: 1em; border: 1px solid #ccc;
 +
background-color:#f5f5f1;
 +
}
 +
.textbox h2,
 +
.textbox h3,
 +
.textbox h4 {
 +
margin:.5em 0 1em !important;
 +
padding: 0  !important;
 +
font: bold 1.3em "Trebuchet MS";
 +
text-align: center;
 +
border:none; background-image:none;
 +
}
 +
 +
/****** linkbox ******/
 +
 +
.linkbox {
 +
margin: 3em -1em 2em;
 +
padding: 0; color:#332;
 +
}
 +
.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-color: #aaa;
 +
border-style: solid dotted;
 +
border-width: 1px 2px;
 +
background: #f3f3ea;
 +
background: #f5f5ee;
 +
}
 +
.linkbox .quelle {
 +
margin-top: 2.5em; margin-bottom:-4.2em;
 +
font: normal x-small Arial;
 +
}
 +
 +
.references {
 +
margin:  -2em -1em 1em;
 +
padding: 2em 3.5em 2em;
 +
border-color: #aaa;
 +
border-style: solid dotted;
 +
border-width: 1px 2px;
 +
background: #fbfbf7;
 +
color:#333;
 +
line-height: 1.75em;
 +
}
 +
 +
/****** Schlagworte ******/
 +
 +
#catlinks {
 +
border-color: #aaa;
 +
border-width: 1px 2px;
 +
border-style: solid dotted;
 +
background-color: #f9f9f9;
 +
clear: both;
 +
padding: 0 30px 12px;
 +
margin: 5em -1em 0;
 +
}
 +
#catlinks div {
 +
font: normal 1px/1px Arial;
 +
color: #f5f5f5;
 +
}
 +
#catlinks ul {
 +
margin:0; padding:0;
 +
}
 +
#catlinks a, 
 +
#catlinks .new,
 +
#catlinks a:visited {
 +
font: normal 12px/16px Arial;
 +
color: #777;
 +
}
 +
#catlinks a {
 +
display: block;
 +
margin : -.8em 0 .6em;
 +
text-align:center;
 +
border: 1px solid #aaa;
 +
background: #eee;
 +
}
 +
#catlinks li {
 +
list-style:none;
 +
display: inline; 
 +
margin:0; padding:0;
 +
}
 +
#catlinks li:after {
 +
content: " ";
 +
}
 +
#catlinks ul a {
 +
display: inline;
 +
margin: 0; padding:0 .7em 0 0;
 +
border: 0;
 +
background: none;
 +
}
 +
 +
 +
/***** thisway ******/
 +
 +
#thisway {
 +
position: absolute; bottom:40px; right:20px;
 +
text-align: right;
 +
font-size: .8em;
 +
line-height: 35px;
 +
color:#888;
 +
}
 +
#thisway a {
 +
display: inline-block;
 +
text-decoration: none;
 +
background: url(/rel_jap/w/images/5/5f/Thisway.gif) no-repeat right;
 +
padding-right:10em;
 +
}
 +
#thisway.zurueck  {
 +
text-align: left; right: auto; left:20px;
 +
}
 +
#thisway.zurueck  a {
 +
background: url(/rel_jap/w/images/b/b8/Wayback.png) no-repeat left;
 +
padding:0 0 0 10em;
 +
}
 +
#thisway a:hover,
 +
#thisway.zurueck a:hover {
 +
background-color:#F5F5EE;
 +
text-decoration:underline;
 +
}
 +
 +
 +
/*************************************
 +
POPUPS
 +
**************************************/
 +
 +
#ppScreen {
 +
position:fixed; left:0px; top:0px; 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: Verdana, Arial, Helvetica, sans-serif;
 +
font-size:.8em; line-height:1.2em;
 +
}
 +
.ppFrame {
 +
position:relative;
 +
float: left;
 +
margin-right: 20px;
 +
padding:2px;
 +
text-align: center;
 +
border:1px solid #777;
 +
background:#cfc7bb; 
 +
color:#333;
 +
}
 +
.ppDiv img {
 +
padding:2px;
 +
border: 1px solid #999;
 +
}
 +
.ppIndex {
 +
padding: 2px;
 +
border-bottom:1px 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 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 a,
 +
.ppText a:visited {
 +
color: #eb8;
 +
background:none;
 +
}
 +
.ppText a:hover {
 +
color: #eb8;
 +
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/larr2.gif) no-repeat bottom  left;
 +
}
 +
.ppNext:hover {
 +
background:url(/rel_jap/bg/rarr2.gif) no-repeat bottom right ;
 +
}
 +
.ppDiv .editsection  {
 +
margin-right: 0;
 +
}
 +
.ppDiv div.editsection  {
 +
float:left;
 +
width: auto;
 +
margin-top: -2px;
 +
}

Version vom 11. Februar 2012, 14:44 Uhr

#googlesearch {
    text-align:left;
	background-color:#f5f5ee ;
	padding: 9px 0 ;
}
#googlesearch input {
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	font-size: 12px;
	line-height: normal;
	padding: 0;
	margin:0;  
	margin-left:19px;  
	border: 1px solid #bbb;
    border-radius: 2px;
}
#googlesearch #suchtext {
	width: 116px; 
	padding: 2px 3px; 
	padding-right: 20px;
}
#googlesearch #button {
	margin-left: -18px;	
	border:0;
}

#content .editlink {
 text-align:right;
 font-size:x-small;
 margin-top:-.3em;
}
/******** credits ***********/	
.credits {font-size: xx-small;}
.credits a {display:inline !important;}

/******** Schlagworte ***********/	

.ns-14  a[href *="Glossar:"], 
.ns-14  a[href *="Skt:"], 
.ns-14  a[href *="Lektoren:"], 
.ns-14  a[href *="Metalog:"] 
  {font-size: x-small; }
.ns-14 h3 {font-size: 1em; background:none; }

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

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

/*******************/	
.anmToc {font-size: .9em; color:#555; padding: .2em .5em; margin:2px 0 0; border: 1px solid #aaa;}

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

/********** Anmerkungen*************/
sup.reference {font-size: .8em; line-height: 1em; vertical-align:text-top; }
.bildtext sup.reference {font-size: .9em; }

/******* Einzelseiten *******/

.page-Alltag_Matsuri #p-logo{
	background: url(/rel_jap/wikibilder/matsuri23.gif) no-repeat bottom right;
	}
.page-Ikonographie_Glücksgötter #toc {margin-top:-60px
	}
.page-Ikonographie_Glücksgötter #toctitle {
	background: #fff url(/rel_jap/wikibilder/Takarabune.gif) no-repeat top;
	padding-top: 200px; 
	}
.page-Mythen_Geister #toc h2 {
	background: url(/rel_jap/wikibilder/yurei_kyosai_kl.gif) no-repeat bottom left;
	padding-top: 96px;}
.page-Mythen_Tengu #toc h2 {
	background: url(/rel_jap/wikibilder/tengu_kurama.gif) no-repeat top left;
	padding-top: 77px;}

.page-Mythen_Symboltiere_Namazue #toc {margin-top:-100px
	}
.page-Mythen_Symboltiere_Namazue #toctitle {
	background: #fff url(/rel_jap/wikibilder/Namazu_shamisen.png) no-repeat top;
	padding-top: 194px; 
	}
.page-Geschichte_Amidismus #toc h2 {
	background: url(/rel_jap/wikibilder/kuya3.gif) no-repeat 50px 0;
	padding-top: 77px;}
.page-Grundbegriffe #toc h2 {
	background: url(/rel_jap/wikibilder/Charms2.jpg) no-repeat top;
	padding-top: 80px;}

/*********** WIKI GADGETS *****************/
a.toparrow {
  color:#aaa; 
  font-weight: normal; font-style:normal; font-size:9px; line-height: 1.2em; 
  text-align: center;
  float: right; width:2.5em; 
  padding:0;
  margin: 0 -6pt 0 0; 
  text-decoration:none; }
a.toparrow:hover {color:#555;}
#showtalk a.toparrow {display:none;}
a.toparrow, .editsection {margin-top:9px;}
.noborder a.toparrow {display:none;}

div#content a.external[href^="http://www.univie.ac.at/rel_jap/an"],
div#content a.external[href^="http://www.univie.ac.at/rel_jap/w"],
#mw_content a.external[href^="http://www.univie.ac.at/rel_jap/w"],
#mw_content a.external[href^="http://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
POPUPS
  ______________________________________________
*/ 
/*************************************** 
			GLOSSAR SMALL
****************************************/

#glossarSmall {
 border: 1px solid #ccc;
 border-radius: 5px;
 background-color: #f9f9f9;
 clear: both;
 padding: 0 30px; 
 margin: 5em -13px 0;
 font-family: Arial, 'Arial Unicode MS';
 font-size: 12px;
 line-height: 1.5em;
} 
#glossarSmall div {
 margin: 6px 0;
 padding: 0;
 font-size: 10px;
 color: #999;
 text-align: right;
}
#glossarSmall .hide { 
 height: 1.5em; 
 cursor: pointer;
 overflow: hidden; 
}
#glossarSmall .hide:before {
 content: "… anzeigen …";
}
#glossarSmall .show {
 height: auto;
 cursor: pointer;
}
#glossarSmall .show:before {
 content: "… schließen …";
}
#glossarSmall .show:after {
 content: " ";
}
.action-view #bodyContent #glossarSmall p {
 margin : -11px 0 0;
 padding: 2px 5px;
 text-align:center; 
 border: 1px solid #ccc;
 border-radius: 3px;
 background: #eee;
 color: #666;
 font: normal 12px/16px Arial;
} 
.action-view #bodyContent #glossarSmall p.ueSkt {
 margin: 1em 0 .6em;
}
#glossarSmall small {
 display: list-item;
 list-style: square;
 font-size: 12px; 
 line-height: 1.5em;
 margin: 0 15pt 2px;
 padding: 0 5pt; 
 border-bottom: 1px solid #eee; 
 text-align: left;
 color: #444;
 cursor: auto;
 }
#glossarSmall span:after {
 content: " ";
 }
/***************************************
				BILDER
***************************************/
.box {	margin: 1.5em 0;}

.bild img { border: 1px solid #aaa; padding: 1px;}

.bildtext { 
 font-size: 12px; 
 font-family: Arial;
 color:#554; 
 text-align:center;  padding: 0 6px;
}
.bildtext div { }
.bildtext p {text-align: left; padding-left: 10px;  padding-right: 10px;}

/******* 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 td,
.bild td, 
td.bildbox, 
td.bild {vertical-align:top;}
	
.bildbox img {border:1px solid #aaa; padding: 1px; margin:.25em;}

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

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

.dia {
  border: 1px solid #fff;
  margin: auto;
}
.dia_aussen {
  background: #f5f5ee; 
  border: 1px solid #999; 
  margin:4px;padding:0;
}
.noborder .dia_aussen {
  border: 1px solid #fff; 
}
.dia_aussen:hover { 
  background: #eeeee8; 
  border: 1px solid #ccc; 
  margin: 0; padding:4px;
}

.dia_innen {
  border: 1px solid  #f5f5ee; 
  overflow:hidden;
  background: #fff; 
}
.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: 1px solid #fff; 
}

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

/****** zitat ******/

.zitat {
 margin:1.5em 0 ; 
 padding: 0 1.5em 0 2.2em;
 }
div .zitat:first-child,
div + .zitat  {
 margin-top: 0;
 }
.quelle,
#bodyContent p.quelle {text-align: right; color:#888; font-size: .9em;}


/****** boxen******/

.textbox, 
.linkbox,
#catlinks,
.references {
 font-size: .9em;
 }

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

.textbox {
 float: right; width: 22em;
 margin: .2em -222px 2em 2em; 
 }
.textbox_body {
 padding: 1em; border: 1px solid #ccc; 
 background-color:#f5f5f1;
 }
.textbox h2, 
.textbox h3, 
.textbox h4 {
	margin:.5em 0 1em !important; 
	padding: 0  !important;
	font: bold 1.3em "Trebuchet MS"; 
	text-align: center; 
	border:none; background-image:none;
	} 

/****** linkbox ******/

.linkbox {
	margin: 3em -1em 2em;
	padding: 0; color:#332;
}
.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-color: #aaa;
	border-style: solid dotted;
	border-width: 1px 2px;
	background: #f3f3ea;
	background: #f5f5ee;
}
.linkbox .quelle { 
 margin-top: 2.5em; margin-bottom:-4.2em; 
 font: normal x-small Arial;
 }

.references {
 margin:  -2em -1em 1em;
 padding: 2em 3.5em 2em;
 border-color: #aaa;
 border-style: solid dotted;
 border-width: 1px 2px;
 background: #fbfbf7;
 color:#333;
 line-height: 1.75em;
 }

/****** Schlagworte ******/

#catlinks {
 border-color: #aaa;
 border-width: 1px 2px;
 border-style: solid dotted; 
 background-color: #f9f9f9;
 clear: both;
 padding: 0 30px 12px; 
 margin: 5em -1em 0;
 } 
#catlinks div {
 font: normal 1px/1px Arial;
 color: #f5f5f5; 
 }
#catlinks ul {
 margin:0; padding:0;
 } 
#catlinks a,  
#catlinks .new, 
#catlinks a:visited {
 font: normal 12px/16px Arial;
 color: #777;
 }
#catlinks a {
 display: block; 
 margin : -.8em 0 .6em;
 text-align:center; 
 border: 1px solid #aaa;
 background: #eee;
 } 
#catlinks li {
 list-style:none; 
 display: inline;  
 margin:0; padding:0;
 }
#catlinks li:after {
 content: " ";
 }
#catlinks ul a { 
 display: inline; 
 margin: 0; padding:0 .7em 0 0; 
 border: 0; 
 background: none;
 }


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

#thisway {	
 position: absolute; bottom:40px; right:20px; 
 text-align: right; 
 font-size: .8em; 
 line-height: 35px; 
 color:#888;
 }
#thisway a { 
 display: inline-block;
 text-decoration: none; 
 background: url(/rel_jap/w/images/5/5f/Thisway.gif) no-repeat right;
 padding-right:10em; 
 }
#thisway.zurueck  { 
 text-align: left; right: auto; left:20px; 
 }
#thisway.zurueck  a { 
 background: url(/rel_jap/w/images/b/b8/Wayback.png) no-repeat left;
 padding:0 0 0 10em; 
 }
#thisway a:hover,
#thisway.zurueck a:hover { 
 background-color:#F5F5EE;
 text-decoration:underline;
 }


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

#ppScreen {
 position:fixed; left:0px; top:0px; 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: Verdana, Arial, Helvetica, sans-serif;
 font-size:.8em; line-height:1.2em;
 }
.ppFrame {	
 position:relative;
 float: left; 
 margin-right: 20px;
 padding:2px;	
 text-align: center;
 border:1px solid #777;	
 background:#cfc7bb;  
 color:#333;
 }	
.ppDiv img {
 padding:2px;
 border: 1px solid #999;
 }	
.ppIndex {
	padding: 2px;
	border-bottom:1px 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 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 a, 
.ppText a:visited {
 color: #eb8;
 background:none;
 }
.ppText a:hover {
 color: #eb8;
 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/larr2.gif) no-repeat bottom  left;
 }
.ppNext:hover {
 background:url(/rel_jap/bg/rarr2.gif) no-repeat bottom right ;
 }
.ppDiv .editsection  {
 margin-right: 0; 
 }
.ppDiv div.editsection  {
 float:left; 
 width: auto;
 margin-top: -2px;
 }