MediaWiki:Common.css: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 122: Zeile 122:
 
padding-right: 0;
 
padding-right: 0;
 
}
 
}
 +
/*______________________________________________
 +
 +
BILDER
 +
  Sidebox
 +
  Bildbox (Galerie1)
 +
  Dia
 +
  Galerie2 (Sidepage)
 +
TEXT
 +
  Textbox
 +
  Linkbox
 +
  Zitat
 +
  Thisway
 +
POPUPS
 +
GLOSSAR
 +
  ______________________________________________
 +
*/
 +
 +
#toc,
 +
.sidebox,
 +
.sidebox_Wrapper,
 +
.left_Wrapper  {
 +
position: absolute;
 +
right:-7em; left:auto;
 +
font: normal normal 1em Arial;
 +
margin:0 0 1em 0;
 +
padding: 0;
 +
border:0;
 +
width: 14em;
 +
}
 +
.top12 {top:13.3em;}
 +
.left_Wrapper  {
 +
right: auto; left:-7em; top: auto;
 +
 +
.sidebox_Wrapper .sidebox,
 +
.left_Wrapper .sidebox,
 +
.sidebox_Wrapper #toc {
 +
position:static; margin-bottom:1em;
 +
}
 +
 +
 +
/*********************************************
 +
TOC
 +
**********************************************/
 +
 +
#toc {}
 +
#toc li.toclevel-1 .toctext {display:none;}
 +
#toc li.toclevel-2 .toctext {display: block;} 
 +
 +
 +
/***************************************
 +
BILDER
 +
***************************************/
 +
.box { margin: 1.5em 0;}
 +
 +
.bild img { border: 1px solid #aaa; padding: 1px;}
 +
 +
.bildtext {
 +
font-size: .91em;
 +
font-family: Arial;
 +
color:#554;
 +
text-align:center;
 +
padding: 0 6px;
 +
}
 +
 +
/******* sidebox *******/
 +
 +
.sidebox {
 +
overflow: visible; top:auto;
 +
padding-top:.3em;
 +
}
 +
 +
.sbUe {
 +
position:absolute; left:-1.3em;
 +
width:.6em; z-index:4;
 +
margin: 1.2em 0 0; padding:0 .3em;
 +
line-height: 13px;
 +
text-transform:uppercase; text-align:left;
 +
text-transform:lowercase;
 +
font-size:12px;
 +
font-family: Typewriter, Courier, mono;
 +
background:#eeeee8; color:#555;
 +
border: solid #bbb 1px;
 +
border-width: 1px 0 1px 1px;
 +
overflow:visible;
 +
}
 +
.sbUe a{
 +
display:block; padding:6px 0 0;
 +
background: url(../../../w2/skins/newCSS/no.gif);
 +
width:15em; height:112px;
 +
color:#333;
 +
}
 +
.sbUe a:hover {
 +
background: url(../../../w2/skins/newCSS/no.gif); color:#C33;
 +
text-decoration:none;}
 +
 +
.left_Wrapper .sbUe { left:auto; right:-1.3em; border-width: 1px 1px 1px 0;}
 +
.left_Wrapper .sbUe a {
 +
position:relative; text-align: right; left:-14.4em;
 +
}
 +
 +
.sbBody {
 +
position:relative; z-index:2;
 +
background-color: #fafaf8;
 +
border: 1px solid #aaa;
 +
padding: .8em 0;
 +
overflow:hidden;
 +
}
 +
.sidebox .bildtext a  {
 +
  display:block;  color:#555; }
 +
.sidebox .bildtext a:hover  {
 +
  color:#000;  background:#eeeee8; }
 +
 +
/******* bildbox *******/
 +
 +
.bildbox {
 +
text-align:center;
 +
margin: .5em 0; padding: 1em 0;
 +
}
 +
table.bildbox {
 +
margin: 0 auto 1.5em; padding: 0;
 +
max-width: 640px;
 +
}
 +
.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 img {border:0; padding:0; margin:0}
 +
 +
.sbBody .dia {
 +
  border: 1px solid #fafaf8;
 +
}
 +
 +
.noborder .dia_aussen,
 +
.noborder .dia_innen {
 +
  border: 1px solid #fff;
 +
}
 +
/************  Galerie 2, Sidepage **************/
 +
 +
.galerie2 {
 +
margin: 3em auto 2em;
 +
text-align:center;
 +
background: #eeeee8;
 +
border: 1px solid #eeeee8;
 +
}
 +
.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
 +
**************************************/
 +
 +
/****** textbox ******/
 +
 +
.textbox {
 +
float: right; width: 22em;
 +
margin: .2em -18em 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;
 +
}
 +
 +
/***** thisway ******/
 +
 +
#thisway {
 +
margin: 3em 0 0;
 +
text-align:right;  color:#888;}
 +
#thisway ul {text-align: left; float: left; width: 12em;}
 +
#thisway li {padding: 0; line-height: 1.1em;
 +
font-size: 11px; }
 +
#thisway div {
 +
padding: 0;
 +
margin: 0 -10em 1em ;
 +
text-align: right;
 +
background:#fff;
 +
font-size: .9em;
 +
line-height: 35px;}
 +
#thisway span {
 +
white-space:nowrap;
 +
padding:.5em 2em;
 +
border: 1px solid #aaa;
 +
border-width: 0;
 +
}
 +
#thisway img { float:right;}
 +
#bodyContent #thisway a {text-decoration: none; background:none; color:#a9461b; padding:0;}
 +
#bodyContent #thisway a:hover {color:#9d4119; background-color:#f5f5ee; }
 +
/* Kommentare */
 +
 +
#showtalk {
 +
margin: 4em -1em 0;
 +
color:#332;
 +
}
 +
 +
#showtalk .show {display:block;}
 +
#showtalk .hide {display:none;}
 +
 +
#showtalkUe h2 {
 +
font-size: 1em;
 +
padding: .2em .5em;
 +
margin: 0;
 +
background: none;
 +
border-bottom: 1px solid #ccc;
 +
text-align:left;
 +
clear:none;
 +
color:#003;
 +
font-family:Georgia, "Times New Roman", Times, serif;
 +
}
 +
#showtalkUe span.show {
 +
float: right;
 +
cursor: pointer;
 +
font-size: .9em;
 +
color:#888;
 +
}
 +
 +
#showtalk span.show:hover { 
 +
text-decoration: underline;
 +
}
 +
 +
#talkText {
 +
padding: 1em 2em; background:#f5f5ff;
 +
border: 1px solid #ccc;
 +
border-top: 0;
 +
}
 +
#talkFooter {
 +
border-top: 1px solid #ccc;
 +
margin: 2em 0 0;
 +
text-align: center;
 +
display:block;
 +
font-size: .9em;
 +
cursor: pointer;
 +
}
 +
#talkFooter:hover { background:#e5e5ff;}
 +
 +
 +
.writeTalk {
 +
text-align: center;
 +
margin:5em 0 3em;
 +
font-size: .91em;
 +
border-top: 1px solid #ccc;}
 +
.writeTalk a {
 +
position:relative; top:-.9em;
 +
border: 1px solid #ccc;
 +
padding: .4em 1.2em !important;
 +
background: #e9e9ee !important;
 +
color:#000 !important;
 +
font-weight: bold;
 +
}
 +
.writeTalk a:hover {
 +
border: 1px solid #aaa;
 +
text-decoration:none;
 +
background: #d5d5ff !important;
 +
color:#003 !important;
 +
}
 +
 +
/*************************************
 +
POPUPS
 +
**************************************/
 +
 +
#ppScreen {
 +
position:absolute; left:0px; top:0px; z-index:19;
 +
display: none;
 +
background:#000; color:#777;
 +
opacity: .7;
 +
filter: alpha(opacity=70);
 +
}
 +
 +
#ppImgDiv {
 +
position:absolute; z-index:20;
 +
margin:auto; padding:2px;
 +
border:1px solid #777;
 +
background:#cfc7bb; 
 +
color:#333;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
font-size:1.27em; line-height:1.2em;
 +
text-align:center;
 +
}
 +
 +
#ppImgDiv  p {
 +
text-align:left;
 +
padding: .5em 0;
 +
font-size: 1em;
 +
}
 +
 +
#ppImgDiv img {
 +
padding:2px; border: 1px solid #999;
 +
}
 +
 +
#ppImgDiv #ppIndex {
 +
padding: 2px;
 +
border-bottom:1px solid #999;
 +
font-size:12px !important;
 +
}
 +
.ppFloat {
 +
position: absolute; color:#fff;
 +
border:0;
 +
text-align: left; padding: 40px 15px 10px;
 +
}
 +
.ppClick {
 +
position: absolute; color:#fff;
 +
border:0;
 +
text-align: right; padding: 5px 85px 5px 10px; font-size:11px !important;
 +
background: url(/rel_jap/bg/help.gif) no-repeat right;
 +
}
 +
.ppClick span { visibility: hidden; }
 +
.ppClick:hover span { visibility: visible; }
 +
 +
#ppImgDiv a { color: #eb8;
 +
border:0;}
 +
#ppImgDiv .ppFloat a:hover { color: #eb8; background:#000; }
 +
 +
.pp_text { display:none }
 +
 +
/*vorwärts rückwärts*/
 +
 +
#bck1, #nxt1 {
 +
position: absolute; top:0;
 +
display: block;
 +
padding: 0; margin: 0;
 +
text-align:center;
 +
}
 +
#bck1 {
 +
left: 0;
 +
background:url(/rel_jap/bg/larr.gif) no-repeat bottom left ;
 +
}
 +
#bck1:hover {
 +
background:url(/rel_jap/bg/larr2.gif) no-repeat bottom  left;
 +
}
 +
#nxt1 {
 +
text-align:right;
 +
background:url(/rel_jap/bg/rarr.gif) no-repeat bottom right ;
 +
}
 +
#nxt1:hover {
 +
background:url(/rel_jap/bg/rarr2.gif) no-repeat bottom right ;
 +
}
 +
 +
/***************************************
 +
GLOSSAR
 +
****************************************/
 +
 +
.glossar {
 +
color: #666;
 +
font-family: "Trebuchet MS"; 
 +
}
 +
.glossar2 {
 +
color:#124374;
 +
font-family: "Trebuchet MS", Arial;
 +
font-weight:bold;
 +
cursor: help;
 +
cursor: url(/rel_jap/bilderneu/kanji26.cur), help;
 +
position:relative;
 +
}
 +
.glossar2:hover {background:#f3f5ff;
 +
}
 +
 +
.glossar2 span { display: block; }
 +
 +
.glossar2 .g_body {
 +
position:absolute;
 +
top:1.4em; left:-8em;
 +
text-align:center;
 +
font: normal 9pt/12pt Arial;
 +
z-index:1;
 +
}
 +
.textbox .glossar2  {font-weight:bold;}
 +
.glossar2#showTooltip { position:relative;}
 +
 +
.glossar2 .g_body { display: none; }
 +
 +
.glossar2#showTooltip .g_body,
 +
.glossar2:hover .g_body { display: block; }
 +
 +
 +
.glossar2 .g_schatten,
 +
.glossar2 .g_tooltip {
 +
width:17em; position:absolute; 
 +
border: #26a solid 1px;
 +
background-color: #f3f5ff;  color:#048;
 +
padding:.5em;
 +
cursor: default;
 +
filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666677,direction=135);
 +
-webkit-box-shadow: 1px 1px 3px #667;
 +
-moz-box-shadow: 1px 1px 3px #667;
 +
box-shadow: 1px 1px 3px #667;
 +
}
 +
.glossar2 .g_schatten {
 +
margin: 4px; position:absolute;
 +
background: #004;
 +
border-color: #d7dae9;
 +
opacity: .15;
 +
filter: alpha(opacity=15);
 +
}
 +
.g_romaji,
 +
.g_text,
 +
.g_kanji { padding: 0 1em; }
 +
.glossar2 .g_kanji {font-size: 1.6em; line-height:1em; padding-bottom:.3em;}
 +
.glossar2 .g_romaji,
 +
.glossar2 .g_romaji i {
 +
font:normal normal x-small/1em Arial; 
 +
padding-bottom:.5em; text-transform:uppercase;
 +
}
 +
.jap {font-family:"MS Mincho", "MS PGothic" }
 +
.g_link { }

Version vom 11. Februar 2012, 14:35 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;
}
/*______________________________________________

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

#toc,
.sidebox,
.sidebox_Wrapper,
.left_Wrapper  {
	position: absolute; 
	right:-7em; left:auto;
	font: normal normal 1em Arial;
	margin:0 0 1em 0; 
	padding: 0;
	border:0;
	width: 14em;
}
.top12 {top:13.3em;}
.left_Wrapper  {
	right: auto; left:-7em; top: auto;
}  
.sidebox_Wrapper .sidebox,
.left_Wrapper .sidebox,
.sidebox_Wrapper #toc {
	position:static; margin-bottom:1em;
	}


/*********************************************
				TOC 
**********************************************/

#toc {}
#toc li.toclevel-1 .toctext {display:none;}
#toc li.toclevel-2 .toctext	{display: block;}  


/***************************************
				BILDER
***************************************/
.box {	margin: 1.5em 0;}

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

.bildtext { 
	font-size: .91em; 
	font-family: Arial;
	color:#554; 
	text-align:center; 
	padding: 0 6px;
}

/******* sidebox *******/

.sidebox {
	overflow: visible; top:auto;	
	padding-top:.3em;
}

.sbUe {
	position:absolute; left:-1.3em; 
	width:.6em; z-index:4; 
	margin: 1.2em 0 0; padding:0 .3em; 
	line-height: 13px;
	text-transform:uppercase; text-align:left;
	text-transform:lowercase; 
	font-size:12px;
	font-family: Typewriter, Courier, mono;
	background:#eeeee8; color:#555; 
	border: solid #bbb 1px;
	border-width: 1px 0 1px 1px;
	overflow:visible;
} 
.sbUe a{
	display:block; padding:6px 0 0; 
	background: url(../../../w2/skins/newCSS/no.gif);
	width:15em; height:112px;
	color:#333;
	}
.sbUe a:hover { 	
	background: url(../../../w2/skins/newCSS/no.gif); color:#C33;
	text-decoration:none;}

.left_Wrapper .sbUe { left:auto; right:-1.3em; border-width: 1px 1px 1px 0;}
.left_Wrapper .sbUe a { 
	position:relative; text-align: right; left:-14.4em;
	}

.sbBody {
	position:relative; z-index:2;
	background-color: #fafaf8;
	border: 1px solid #aaa;
	padding: .8em 0; 
	overflow:hidden;
}
.sidebox .bildtext a  {
  display:block;  color:#555; }
.sidebox .bildtext a:hover  {
  color:#000;  background:#eeeee8; }

/******* bildbox *******/

.bildbox {
	text-align:center;
	margin: .5em 0; padding: 1em 0;
	}
table.bildbox {
	margin: 0 auto 1.5em; padding: 0;
	max-width: 640px;
	}
.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 img {border:0; padding:0; margin:0}
	
.sbBody .dia {
  border: 1px solid #fafaf8;
}

.noborder .dia_aussen,
.noborder .dia_innen {
  border: 1px solid #fff; 
}
/************  Galerie 2, Sidepage **************/

.galerie2 {
	margin: 3em auto 2em; 
	text-align:center;
	background: #eeeee8;
	border: 1px solid #eeeee8;
}
.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
**************************************/

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

.textbox {
	float: right; width: 22em;
	margin: .2em -18em 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;
}

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

#thisway {	
	margin: 3em 0 0; 
	text-align:right;  color:#888;}
#thisway ul {text-align: left; float: left; width: 12em;}
#thisway li {padding: 0; line-height: 1.1em;
	font-size: 11px; }
#thisway div {
	padding: 0; 
	margin: 0 -10em 1em ; 
	text-align: right; 
	background:#fff;
	font-size: .9em; 
	line-height: 35px;}
#thisway span {
	white-space:nowrap; 
	padding:.5em 2em; 
	border: 1px solid #aaa; 
	border-width: 0; 
	}
#thisway img { float:right;}
#bodyContent #thisway a {text-decoration: none; background:none; color:#a9461b; padding:0;}
#bodyContent #thisway a:hover {color:#9d4119; background-color:#f5f5ee; }
 /*		Kommentare		*/

#showtalk {
	margin: 4em -1em 0;
	color:#332;
	}

#showtalk .show {display:block;}
#showtalk .hide {display:none;}

#showtalkUe h2 {
	font-size: 1em; 
	padding: .2em .5em;	
	margin: 0;
	background: none; 
	border-bottom: 1px solid #ccc;
	text-align:left;
	clear:none;
	color:#003;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#showtalkUe span.show { 
	float: right;
	cursor: pointer;
	font-size: .9em;
	color:#888;
	}
	
#showtalk span.show:hover {  
	text-decoration: underline;
	}

#talkText {
	padding: 1em 2em; background:#f5f5ff;
	border: 1px solid #ccc;
	border-top: 0;
}
#talkFooter {
	border-top: 1px solid #ccc;
	margin: 2em 0 0;
	text-align: center; 
	display:block;
	font-size: .9em;
	cursor: pointer;
}
#talkFooter:hover { background:#e5e5ff;}
	

.writeTalk { 
	text-align: center; 
	margin:5em 0 3em;
	font-size: .91em;
	border-top: 1px solid #ccc;}
.writeTalk a { 
	position:relative; top:-.9em;
	border: 1px solid #ccc; 
	padding: .4em 1.2em !important;
	background: #e9e9ee !important;
	color:#000 !important;
	font-weight: bold;
	}
.writeTalk a:hover { 
	border: 1px solid #aaa; 
	text-decoration:none;
	background: #d5d5ff !important;
	color:#003 !important;
	}

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

#ppScreen {
	position:absolute; left:0px; top:0px; z-index:19;
	display: none;
	background:#000; color:#777;
	opacity: .7;
	filter: alpha(opacity=70);
	}

#ppImgDiv {
	position:absolute; z-index:20;
	margin:auto; padding:2px;	
	border:1px solid #777;	
	background:#cfc7bb;  
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.27em; line-height:1.2em;
	text-align:center;
	}
	
#ppImgDiv  p {
	text-align:left;
	padding: .5em 0;
	font-size: 1em;
	}
	
#ppImgDiv img {
	padding:2px; border: 1px solid #999;
	}
		
#ppImgDiv #ppIndex {
	padding: 2px;
	border-bottom:1px solid #999;	
	font-size:12px !important;
	}
.ppFloat {
	position: absolute; color:#fff;
	border:0;
	text-align: left; padding: 40px 15px 10px;
	}
.ppClick {
	position: absolute; color:#fff;
	border:0;
	text-align: right; padding: 5px 85px 5px 10px; font-size:11px !important;
	background: url(/rel_jap/bg/help.gif) no-repeat right;
	}
.ppClick span { visibility: hidden;	}
.ppClick:hover span { visibility: visible;	}

#ppImgDiv a { color: #eb8;	
	border:0;}
#ppImgDiv .ppFloat a:hover { color: #eb8; background:#000;	}

.pp_text { display:none }

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

#bck1, #nxt1 { 
	position: absolute; top:0;
	display: block;
	padding: 0; margin: 0;
	text-align:center;
	}
#bck1 {
	left: 0;
	background:url(/rel_jap/bg/larr.gif) no-repeat bottom left ;
	}
#bck1:hover {
	background:url(/rel_jap/bg/larr2.gif) no-repeat bottom  left;
	}
#nxt1 {
	text-align:right;
	background:url(/rel_jap/bg/rarr.gif) no-repeat bottom right ;
	}
#nxt1:hover {
	background:url(/rel_jap/bg/rarr2.gif) no-repeat bottom right ;
	}

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

.glossar {
	color: #666; 
	font-family: "Trebuchet MS";  
}
.glossar2 {
	color:#124374; 
	font-family: "Trebuchet MS", Arial;
	font-weight:bold;
	cursor: help;
	cursor: url(/rel_jap/bilderneu/kanji26.cur), help; 
	position:relative;
}
.glossar2:hover {background:#f3f5ff; 
	}

.glossar2 span { display: block; }

.glossar2 .g_body { 
	position:absolute; 
	top:1.4em; left:-8em;
	text-align:center;
	font: normal 9pt/12pt Arial;	 
	z-index:1;
	}
.textbox .glossar2  {font-weight:bold;}
.glossar2#showTooltip { position:relative;}

.glossar2 .g_body { display: none; }

.glossar2#showTooltip .g_body,
.glossar2:hover .g_body { display: block; }


.glossar2 .g_schatten, 
.glossar2 .g_tooltip { 
	width:17em; position:absolute;  
	border: #26a solid 1px;
	background-color: #f3f5ff;  color:#048;
	padding:.5em; 
	cursor: default;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666677,direction=135);
	-webkit-box-shadow: 1px 1px 3px #667;
	-moz-box-shadow: 1px 1px 3px #667;
	box-shadow: 1px 1px 3px #667;
}
.glossar2 .g_schatten {
	margin: 4px; position:absolute;
	background: #004;
	border-color: #d7dae9;
	opacity: .15;
	filter: alpha(opacity=15);
	}
.g_romaji,
.g_text,
.g_kanji { padding: 0 1em; }
.glossar2 .g_kanji {font-size: 1.6em; line-height:1em; padding-bottom:.3em;}
.glossar2 .g_romaji, 
.glossar2 .g_romaji i {
	font:normal normal x-small/1em Arial;  
	padding-bottom:.5em; text-transform:uppercase;
}
.jap {font-family:"MS Mincho", "MS PGothic" }
.g_link { }