/*========= SINGLE TAGS ==============*/
	

body { 
	font-size: 15px;
	line-height: 1.5em;
	font-family:  Georgia, Verdana, Arial, sans-serif;
	margin:0; padding: 0;
	background: #fff url(../bg/bg0.gif) fixed;
	}
a {	
	text-decoration:none; 
	color:#a9461b;
	border-bottom: 1px dotted #f1f1ea;
	}
a:hover {
	color:#9d4119;
	background-color:#f5f5ee;
	border-bottom: 1px solid #9d5d41;
	}
img {
	border: 1px solid #999;
	padding: 1px;
	}
	
h1 {
	font-size:2em;
	text-transform:uppercase;
	}
h2 {
	font-size:1.7em; 
	}
h1, h2 	{
	text-align:center;
	}
h2 img {
	float:right; margin:-1em 0 1em; 
	border: 0; padding:0;
	}	
h3 {
	font-size: 1.33em; 
	margin: 2.5em 0 0; 
	padding: 0 5% 2em ;
	text-align:center;	
	}
h3 {
	margin: 1.2em 0 .8em; 
	padding:.2em ;
	border-bottom:1px solid #aaa;
	}
h4 {
	font-style: italic;
	font-size: 1.2em; 
	margin: 1.2em 0 .8em; 
	padding: 0 5% .2em; 
	}
h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	}	
h5, h6  { /* v.a. für pageindex... */
	margin:2px 2px 5px; 
	font-size: 1em;
	padding: 0; 
	background-color: #F5F5E9;
	border: solid #bbb; border-width:1px 0;
	font-style:italic; 
	font-weight: normal;
	}
p  {
	margin: 0; 
	padding: 0 0 .8em; 
	}	
ul {
	list-style: square;
	}
ol, ul   {
	margin: 0; 
	padding: 0 0 .8em;
	}
li {
	margin: 0 1em .8em 2em; 
	padding-left: .5em; 
	}
blockquote { 
	font-family: "Courier New", Courier, mono !important;
	font-size:.87em !important; }

noscript p {
	background: #fff; border: 1px solid #bbb;  
	padding:1em; margin-top:3em;
	text-align:center;}
	
/*========= STRUKTUR ==============*/
	
#container { }
	
		   /******** head *******/
	
#head {
	text-align: center;
	}	
#head h1 {
	margin: 0;  
	padding:70px 10px 50px; 
	}
#head h2  {
	margin: 0; 
	padding: 55px 10px 40px;
	line-height:1.3em;
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
    /* topline */
	
#topline {	
	margin: 0; padding: 2px 1em;
	border: solid; border-width: 1px ; 
	text-align:right; 
	font-size:.87em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	}
#topline a {
	font-weight: bold; border:0;
	}
#topline a:hover { 
	text-decoration:underline; 
	background-color: transparent;
	}	
#topline strong {
	border: 1px solid; padding: 0 2px;
	}
#fontS {
	position: relative;
	float:left; 
	width:20em;
	text-align:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	}
		
#fontS div {
	position:absolute;
	left:0;	top: 1.4em;
	height: 36px; width:170px;
	background:#fff; color:#777;
	border: 1px solid #aaa;
	display:none;
	}
#fontS:hover div {
	display:block;
	}
		
#fontS a {
	position:absolute; display:block;
    width: 1.4em; height: 24px; line-height:22px;
	padding-top:2px;
	margin-top: 4px;
	overflow:hidden;
	text-align:center;
	color:#777 !important; font-weight:bold;
	border:0;
	border: 1px solid transparent;
	}		
#fontS a:hover {
	background:#eef; color:#039 !important;	
	border: 1px solid #039;
	text-decoration: none;
	}
	
	
				/******** main *******/
		
#main { 	
	margin: 0 100px;
	padding: 3em 120px;
	background-color: #fff; 
	border: dotted #aaa;
	border-width: 0 2px;
	}
#main p  {
	margin: 0 .7em;
	}


	/* innermain2*/

.innermain2 {
	margin: 1em .7em;
	padding: 0 ;
	border: 0;
	}
	
.innermain2 h3 {
	margin: 0 0 .8em; 
	padding:.2em ;
	border-bottom:1px solid #aaa;
	}
/*	
h3 + .innermain2 {
	margin-top: 0;
	}
*/
.innermain2 h4 {
	margin:.8em 0; 
	padding: 0 1.2em .2em;
	background:url(../bilderneu/hr_aaa.jpg) no-repeat bottom right;
	border-bottom:1px solid #fff;
	}
.innermain2 .hr { /*Gegenlinie erzeugen*/
	margin:0 0 1em; 
	padding: 0 1.2em 0;
	height:1px;
	background:url(../bilderneu/hr_aaa.jpg) no-repeat bottom right;
	border-bottom:1px solid #fff;
	}
#main .innermain2 p  {
	margin: 0 1.5em;
	}
	
.links ol, 
.links ul   {
	padding: 0 2.5em .5em 3.1em;
	}
.links ol li, 
.links ul li  {
	margin: 0 0 .5em;
	}
	
.innermain2 ol, 
.innermain2 ul   {
	padding: 0 2em 1em 4em;
	padding: 0 2.5em .5em 3.1em;
	}
.innermain2 ol li, 
.innermain2 ul li  {
	margin-left: 0;
	margin: 0 0 .5em;
	}

	/* links */
	
.links {
	margin: 2.5em 0 2em;
	padding: 0 0 1em;
	border: 1px solid #aaa;
	border-left:2px dotted #aaa;
	border-right:2px dotted #aaa;
	background: #fbfbf7;
	}	
.links h4 {
	margin:-1px -2px 1.5em; 
	padding-left: 1.8em;
	background:#fff;
	border-bottom:1px solid #aaa;
	color: #555 !important;
	font-style:normal;
	}
#main .links p, .links p  {
	margin: 0 2.1em;
	}	
.links ol, 
.links ul   {
	padding: 0 2.5em .5em 3.1em;
	}
.links ol li, 
.links ul li  {
	margin: 0 0 .5em;
	}

	
			/*  pageindex  */
	  
.pageindex {
	position: absolute;
	right: 0;
	width:200px; 
	margin: 0 0 1em; 
	padding: 0; 
	text-align: center;
	font-size: 13px;
	}
.pageindex div {
	margin: 0 15px 15px ;
	padding: 0 0 .5em; 
	border: solid #bbb 1px; 
	background:#fff;
	color:#554; 
	font-family:  "Trebuchet MS", Helvetica,  Arial, sans-serif;
	}
			
.pageindex a  {
	display:block; 
	margin:0 5px 2px ;
	padding: 0 .2em; 
	line-height:1.4em;
	border:0;
	font-style:normal; 
	color:#554;
	}		
.pageindex img  { 
	margin: 10px 0; 
	}	

	
				/* sidebox */
.sidebox { 
	position: absolute;
	right: 1px; top: auto; 
	width:200px ; 
	margin: 0 0 1em; 
	padding: 0 !important;
	text-align: center;
	font-family:  "Trebuchet MS", Helvetica,  Arial, sans-serif; 
	color:#333; 
	font-size: 12px !important;
	list-style: none !important;
	}

.sidebox li { 
	width: 170px; 
	min-height: 100px;
	background: #fff;
	margin: 0 auto  1em !important; 
	padding: 0   !important; 
	text-align: center; 
	border: 1px solid #bbb !important;
	}	
.sidebox a, 
.sidebox div  {
	display:block;  
	margin:0;
	border:0;
	padding:17px 15px 12px; 
	line-height:1.2em;
	color:#333; 
	}	
.sidebox img  { 
	margin: 0 auto 3px; 
	}
	/*  sidebox_left  */
	
.sidebox_left {
	position: absolute;
	left: 0;
	width:200px; 
	}
.sidebox_left .sidebox  {
	}
.innermain2 .left {
	position: absolute; left:3em;
	float:none;
	}

.white { 
	line-height:.8em;
	}
		
.sidebox h5  { /* v.a. für sidebox... */
	position:absolute;
	left:-2px; 
	width:6px;
	margin: 17px 0 0; 
	padding:2px 4px 5px; 
	font-size: 12px;
	line-height: 1em;
	text-transform:lowercase;
	font-family:"Courier New", Courier, mono;
	border: solid #bbb 1px;
	border-width: 1px 0 1px 1px;
	font-style: normal; 
	}

.sidebox_left .sidebox h5  { 
	left:auto;
	right:-2px; 
	border-width: 1px 1px 1px 0;
	}

	/*--- bildercenter  ---*/

.bildcenter, 
.bildright,
.bildleft {
	text-align:center;
	color:#554; 
	font-family:  "Trebuchet MS", Helvetica,  Arial, sans-serif;
	font-size: .87em ; line-height:1.2em;
	}		
.bildcenter {
	margin: 0 0 1em; 
	padding: 1em 0;
	}
.bildcenter img {  
	margin: 5px;
	}
.bildcenter a,
.bildleft a, a.bildleft,
.bildright a, a.bildright  {  
	border:0;
	}
	
.bildcenter a  img,
.bildleft  a  img, .bildleft  img,
.bildright a  img, .bildright img {  
	margin: 5px; padding: 1px; 
	}
	
.bildcenter a:hover  img, 
.bildleft  a:hover  img, 
.bildright a:hover  img {  
	margin: 1px;
	padding: 5px;
	background: #f5f5e9;
	} 
.bildcenter > a:hover, 
.bildleft > a:hover, 
.bildright > a:hover {  
	background: #fff;
	} 
.bildcenter p {
	margin: .5em 0;
	}
.bildcenter div {
	margin: .5em 5em 0;
	padding:0 2em;
	}			
			/*--- Bilder einzeln, gefloatet ---*/
					
					/* rechts */
.bildright { 
	display: inline; 
	float: right; 
	margin: 7px 0 15px 30px;
	}
#main .bildright {
	margin-right: -100px;
	}
#main .innermain2 .bildright {
	margin-right: 0;
	}

.bildleft { 
	display: inline; 
	float:left; 
	background-color: #fff;
	margin: 7px 20px 15px 0;
	}

#main .innermain2 a.bildleft {
	display:block;
	margin-left: -56px;
	border: 1px solid #999;
	padding:1em;
	}
			
			/*--- vokabel ---*/
	  	
.vokabel { 
	margin: 0 -220px 0 0;
	}
.vokabel div {
	float:right;
	width:370px; 
	width:330px; 
	margin: 0 15px 15px;
	padding: 1.5em 2em; 
	background: #f5f5e9;
	border: 1px solid #aaa; 
	}
.vokabel h4 {
	margin: 1em 0 0; padding:1em 0;
	text-align: center;
	color:#446;
	background-color: transparent;
	border:0;
	}
#main .vokabel p  {
	margin: 0 0 1em 0;
	padding: 0;
	}
.vokabel ul {
	list-style:none; 
	margin: 1em 0 1em 1.5em; 
	padding: 0; 
	}
.vokabel li {
	margin: 0; margin-bottom: .5em ; 
	padding:0; 
	}

		/******** foot *******/

#bottom, #foot {
	clear: both;
	padding: 2em; 
	text-align:center;
	border: 1px solid #aaa ; 
	border-width: 2px 0 1px;
	background: #fcfcf2;
	background: #fcfcec;
	font-size: .87em; 
	}		
#foot img {	
	position: absolute; right: 1em; 
	margin: .3em 0; padding:0;
	border: 0 ; 
	}
#foot a:hover { background: #eed; }
  
.update {color:#987; text-align:center; margin:0 auto;
	}
.update a {
	color: #987;
	border:0;
	}
.update a:hover {
	color: #876; text-decoration: underline;
	}



/*=========  Diverses ==============*/


.clear { clear:both; }


.top { 
	float: right; width: 3em;
	text-align: right; 
	font-size: .87em;
	}
.top a, a.top {
	color:#fff;
	display:block;
	padding:0 20px 0 0 ; 
	background: url(../bilderneu/top_blau.gif) no-repeat right;
	border:0; 
	}
.top a:hover, a.top:hover {
	color:#b5bbc7; 
	}

.links2 {
	padding: 0 7%;
	text-align:right; color:#999; 
	font-family:  "Trebuchet MS", Helvetica,  Arial, sans-serif;
	font-size:.75em; 
	clear:right;
	}
	
.small {
	font-size:.87em;
	}

.hide {display:none}
.show {display:block}


.popbild{ 
	padding-left:20px; padding-right:2px;
	background-repeat: no-repeat; 
	background-position: 2px 0px; 
	padding-left:20px;padding-right:2px;
	background-image:url(../bilderneu/lupe2.gif);
	}
.popbild:hover {
	background-repeat: no-repeat; 
	background-position: 4px 0px; 
	}
.statcounter { position:absolute; bottom:0; visibility:hidden}

/********** POPUP DIV ************/	

#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:.75em; line-height:1.5em;
	text-align:center;
	}
	
#ppImgDiv  p {
	text-align:left;
	padding: 1em 0;
	font-size: 1.1em;
	}
	
#ppImgDiv img {
	padding:2px;
	}
		
#ppImgDiv #ppIndex {
	padding: 1px 2px 1px;
	border-bottom:1px solid #999;	
	font-size:11px !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(../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;	}

/*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(../bg/larr.gif) no-repeat bottom left ;
	}
#bck1:hover {
	background:url(../bg/larr2.gif) no-repeat bottom  left;
	}
#nxt1 {
	text-align:right;
	background:url(../bg/rarr.gif) no-repeat bottom right ;
	}
#nxt1:hover {
	background:url(../bg/rarr2.gif) no-repeat bottom right ;
	}

/**********    GLOSSAR     ************/
	
.glossar {
	color:#048; cursor: help;
	cursor: url(../bilderneu/kanji26.cur), help;
	font-family: "Trebuchet MS"; font-weight:bold;
	}
.glossar:hover {
	background:#f3f5ff;
	}
#glossardiv {
	position:absolute; top:2em; left:-2em; 
	z-index: 10;
	}
#glossardiv div  {	
	position:absolute;
	border: #26a solid 1px;
	background: #f3f5ff;  color:#048;
	padding:.3em .5em .7em; 
	text-align:center;
	font-size: .75em; line-height:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	width:17em;   
	}
#glossardiv div.schatten  { 
	top:4px; left:4px; 
	background: #aeb2c2;
	background: #004;
	border-color: #d7dae9;
	opacity: .15;
	filter: alpha(opacity=15);	
	}
#glossardiv div  span {
	font-family:"Arial Unicode", "MS Mincho";  
	font-size: 1.5em; line-height:2em;
	}

/*********  PRINT **********/

@media print {
   /* Styles nur für die Ausgabe durch Drucker */
   body {
     background:#fff  !important; color:#000;
	 }
   #nav, #foot, .top {
     display:none !important
	 ;}
   #container, #head, #topline,
   #main, .links {
     background:#fff !important; border: 0 !important;
	 margin:0 !important; padding:1em !important; 
	 font-size:.87em !important;
	 }
	#main p, 
	#main > h3, 
	#main > h4, 
	#main ol li,
    .innermain2, 
	.vokabel, 
	.links, 
	.bildcenter {
	  margin-left:0 !important; 
      margin-right:0 !important;
	  } 
	.sidebox, .pageindex, .sidebox_left, #fontS {
	display:none;
	  }	
	.innermain2 {border: 1px solid #999}  
    .glossar {
	  font-weight: normal; font-family: inherit;
	 }
	a, .glossar,  h3, h4 { 
	  color:#000  !important; background:inherit  !important;
	  } 	  	
	.vokabel div{
    color:#000 !important; background:#fff !important;
	}
}