/*Gesamt*/
body 
{
font: normal normal normal 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: transparent url(../pics/gesamt.gif);
background-color:#000;
text-align:center;
margin:0px;
}

 /*Logo*/
#title {
height:104px;
padding-left: 15px;
font: normal normal bold 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #555D6B;
letter-spacing:1pt;
background: transparent url(../pics/logo.gif) no-repeat;
}

#title600 {
height:118px;
padding-left: 15px;
font: normal normal bold 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #555D6B;
letter-spacing:1pt;
background: transparent url(../pics/logo600.gif) no-repeat;
}

h1{
padding-left: 5px;
font: normal normal bold 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #555D6B;
letter-spacing:1pt;
}


h2{
padding-top:4px;
font: normal normal bold 15px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #BB8717;
letter-spacing:2pt;
}

h3{
font-weight: bold;
margin-top:30px;
margin-bottom:8px;
font-size: 9pt;
color: #555D6B;
letter-spacing:2pt;
}

h4{
font-weight: bold;
margin-top:24px;
margin-bottom:8px;
font-size: 9pt;
color: #7B695D;
letter-spacing:1pt;
}

h5{
font-weight: bold;
margin-top:4px;
margin-bottom:4px;
font-size: 9pt;
color: #DE9324;
letter-spacing:1pt;
}

hr {
width:90%;
border:none;
height:2px;

background-color:#ADA78B;
}

/*td-wappen-tabelle*/
.tdtab {
text-align: center;
background:#fff url(../pics/papier-04.jpg);
}



/*diverse Text-Hervorhebungen*/
i {
	color: #4B4B4B;
    font: normal normal normal 14px/16px Times New Roman,Times,serif;
}
tt {
	color: #8C6239;
	font: normal normal normal 14px/16px Times New Roman,Times,serif;
}
em {
	color: #656565;
	font: normal normal bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
span.italic {
font: italic normal normal 14px/16px Times New Roman,Times,serif;
}

.gedicht {
text-align:center;
font: italic normal normal 14px/16px Times New Roman,Times,serif;
margin: 20px 10px 10px 10px;
}

.zitat {
text-align:left;
font: italic normal normal 14px/16px Times New Roman,Times,serif;
margin: 20px 10px 10px 10px;
}

/*Navigation*/

ol.navi {
	padding: 3px 0px 0px 3px;
	margin: 0px;

	text-align: center;
	list-style-type:none;
}
li.navi {
display:inline;
}

/*Listen*/

ol.listintext {
	font: normal normal normal 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left:25px;
	text-align: left;
	list-style-type:dezimal;
	list-style-position:outside;
	display: block;
}

ul.listintext {
	font: normal normal normal 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left:25px;
	text-align: left;
	list-style-type:disk;
	list-style-position:outside;
	display: block;
}

.hinweis{
    font: normal normal normal 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3A4740;
}
.hinweis a{
    font: normal normal normal 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0054A6;
	text-decoration: underline;
}

.text{
    font: normal normal bold 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0054A6;
    text-decoration: underline;
}

a{
    font: normal normal bold 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
    text-decoration: none;
}
/*Hervorhebung der Links*/
a:hover{color:#FF0000;}
a:active{color:#ABA000;}


.button a {
    font: normal normal bold 9px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:transparent url(../pics/button.gif) 0px 10px no-repeat;
	letter-spacing:1px;
	width: 88px;
	height: 22px;
display: block;
	float: left;
	text-align: center;
	padding-top: 13px;
	border:0px solid red;
}

.button a:hover{
    font: normal normal bold 9px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:transparent url(../pics/button.gif) 0px -34px no-repeat;
	letter-spacing:1px;
	width: 88px;
	height: 22px;
display: block;
	float: left;
	text-align: center;
	padding-top: 11px;
	border:0px solid red;
}

.button-active a {
    font: normal normal bold 9px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
    background:transparent url(../pics/button.gif) 0px -75px no-repeat;
	letter-spacing:1px;
	width: 88px;
	height: 22px;
display: block;
float:left;
	text-align: center;
	padding-top: 13px;
margin-top: 4px;
	border:0px solid red;
}

/*Stadt-links*/
.xtralink{
font: normal normal normal 12px/15px Times New Roman,Times,serif;
}

#extra1 {
position:absolute;top:148px;left:4px;z-index:3;
width:93px;
height:17px;
background:transparent url(../pics/extra.gif) top right no-repeat;
padding:4px 4px 4px 8px;
font: normal normal normal 9px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
border-top:0px solid #000;
}
#d0 {
position:absolute;top:162px;left:-12px;z-index:2;display:block;
filter:alpha(opacity=80);
opacity:0.80;
 -moz-opacity: 0.8;
width:130px;
padding:10px 8px;
margin:0;
background:#EBEBEB url(../pics/ausklapp-bg.jpg);
font: normal normal bold 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:black;
border-top:1px solid #fff;
border-left:1px solid #E6E6E6;
border-right:1px solid #6C6C6C;
border-bottom:1px solid #6C6C6C;
}

#d0 a {
font: normal normal bold 10px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#extra1 a {
	font-size:9px;
	color:#000;
}
#extra1 a:hover{
	font-size:9px;
	color:#F26522;
}


/*Navigation-Hintergrundleiste*/
#leiste {
height:38px;
padding:0 0 0 4px;
background:transparent url(../pics/leiste.gif) no-repeat;
border-bottom:0px solid #000;
}


/*style-des-such-buttons*/
.sub-button {
padding-bottom:0px;
font: normal normal bold 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: black;
text-decoration: none; 
background:transparent url(../pics/paper.jpg);
height:22px; 
width:110px; 
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #5E5E5E;
border-bottom:1px solid #5E5E5E;
cursor:pointer;
 }
 
#box1{
margin-left:20px;
padding-top:5px;
padding-left:5px;
background: transparent url(../pics/paper.jpg);
width:116px;
}

/*Hintergruende*/
#back-newsletter{
position:relative;
 width:600px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/secret.gif);
 border:1px solid #212121;
}



#back-00{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/secret.gif);
 border:1px solid #212121;
}


 /*Hintergrund-Einleitung*/
#back-01{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/flower01.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Geschichte*/
#back-02{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/kozakura.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Religion*/
#back-03{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/bamboo.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Kultur*/
#back-04{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/hebikago.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Krieger*/
#back-05{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/bushido-bg.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Waffen*/
#back-06{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/futatsuwa.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Ruestung*/
#back-07{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/zeni.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Zeittafel*/
#back-08{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/tsuyushiba.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Karte*/
#back-09{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/karten-bg.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Edo*/
#back-10{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/seikaiha.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Himeji*/
#back-11{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/hanabishi.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Kamakura*/
#back-12{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/ryukyu.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Kyoto*/
#back-13{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/kaede.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Nara*/
#back-14{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/fukiyose.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Osaka*/
#back-15{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/igeta-gasuri.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Nagasaki*/
#back-16{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/flower.gif);
 border:1px solid #212121;
}

 /*Hintergrund-Info*/
#back-17{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/libelle.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Gesellschaft*/
#back-18{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/bishamon.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Provinzen*/
#back-19{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/ricebk.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Helden*/
#back-20{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/ricebk.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Imjin*/
#back-21{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/imjin.jpg);
 border:1px solid #212121;
}
 /*Hintergrund-Sekigahara*/
#back-22{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/feder.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Mongolen*/
#back-23{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/mongol.jpg);
 border:1px solid #212121;
}
 /*Hintergrund-Kontakt*/
#back-24{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/kontakt.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Adams*/
#back-25{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/adams-bg.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Gaestebuch*/
#back-26{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/waves.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Glossar*/
#back-27{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/kagoju-gasuri.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Pferde*/
#back-28{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/pferde.gif);
 border:1px solid #212121;
}
 /*Hintergrund-Kalender*/
#back-29{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/kalender-bg.gif);
 border:1px solid #212121;
}

 /*Hintergrund-Shinobi*/
#back-30{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/shinobi-bg.gif);
 border:1px solid #212121;
}

 /*Hintergrund-Ise*/
#back-31{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/ise.gif);
 border:1px solid #212121;
}

 /*Hintergrund-Film-Infos*/
#back-32{
position:relative;
 width:980px;
 margin:0px auto;
 padding-bottom:10px;
 text-align:left;
 background: #dadada url(../pics/strauch.gif);
 border:1px solid #212121;
}

/*Text-container*/
#left {
position:relative;
padding:0px;
margin:0px 20px;
background-color:transparent;
width:470px;
float:left;
text-align:left;
clear:both;
}

#left a {
color: #000;
}

#left a:hover{
color: #ED1C24;
}


/*Text-container-rahmen*/

#rahmen-top {
position:relative;
height:30px;
width:510px;
padding:0px;
margin:40px 0px 0px 20px;
background: transparent url(../pics/rahmen-top.gif) no-repeat;
float:left;
text-align:center;
border:0px solid green;
clear:both;
}
#rahmen {
position:relative;
padding:0px 0px 0px 0px;
margin:0px 0px 45px 20px;
background: transparent url(../pics/rahmen-mitt.gif) repeat-y;
float:left;
text-align:center;
border:0px solid black;
clear:both;
}

#rahmen-bott {
position:relative;
height:30px;
width:510px;
padding:0px;
margin:0px 0px -30px 0px;
background: transparent url(../pics/rahmen-bott.gif) no-repeat;
border:0px solid blue;
float:left;
clear:both;
}


/*Text-container-breit*/

#breit-02{
padding:0px;
margin:0px auto;
background-color:transparent;
width:877px;
text-align: center;
border:0px solid black;
}

#rahmen-top-02 {
position:relative;
height:30px;
width:940px;
padding:0px;
margin:40px 0px 0px 20px;
background: transparent url(../pics/rahmen-top-02.gif) no-repeat;
text-align:center;
border:0px solid green;
clear:both;
}
#rahmen-02 {
position:relative;
width:940px;
padding:0px 0px 0px 0px;
margin:0px 0px 45px 20px;
background: transparent url(../pics/rahmen-mitt-02.gif) repeat-y;
text-align:center;
border-bottom:1px dashed #F7F7F7;
clear:both;
}

#rahmen-bott-02 {
position:relative;
height:30px;
width:940px;
padding:0px;
margin:0px 0px -25px 0px;
background: transparent url(../pics/rahmen-bott-02.gif) no-repeat;
border:0px solid green;
clear:both;
}

/*Grafik-container*/
#content {
position:relative;
font: normal normal normal 9px/14px  Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
margin: 20px 0px;
padding:0px;
border:0px solid #efeff7;
background-color:transparent;
width:410px;
float:right;
border: 0px solid red;
}

/* filter:alpha(opacity=60); -moz-opacity: 0.60;*/

.bildtext {
background: url(../pics/bildtx-bg.gif);
background-color:transparent;
text-align: justify;
width:340px;
color:#fff;
font: normal normal normal 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #e4e4e4;
margin: 5px auto 0 auto;
padding: 5px;
}

.bildtext i {
color:#fff;
font: normal normal normal 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style: italic;
}

#karte{
margin-left: 0px;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
}


#content img {
margin-bottom:4px;
}


#content a {
font-size: 10px;
text-decoration: underline;
}



#backlinks{
margin:20px auto;
width:845px;
padding:15px;
background: transparent url(../pics/paper.jpg);
}

.bild-film {
text-align: left;
border:0px solid #C8C8C8;
float:right;
margin:10px 20px 5px 10px;
padding:0px;
clear:both;
}

/*formular*/
fieldset {
 background:transparent url("../pics/field-bg.gif") no-repeat;
 width:33em; height:60em;
 color:#003471;
 border:2px solid black;
}
fieldset.fieldset-kl {
background:transparent url("../pics/field-bg-kl.gif") no-repeat;
width:350px; height:270px;
color:#003471;
}

legend {
width:194px;
height:30px;
color:#fff;
font-size:1.4em;/* edit */
padding-left:0.5em;
margin-left:100px;/* edit */
position:relative;
padding-top:5px;
padding-bottom:10px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:-1px;
white-space:pre;  /*erlaubt normale leerzeichen und umbrüche*/

}

label {
margin-left:10px;
text-transform:uppercase;
}

.br {display:none;}  
  
.textfield {
font:1em  Verdana, Arial, Helvetica, sans-serif ;
color:#003471;
margin:0 0 -5px 0;
height:20px;
padding: 4px 8px 2px 8px;
background: transparent url("../pics/textfeld-kl.gif") no-repeat;
width:187px;
border: 0px solid black;
}

.auswahl {
font:1em  Verdana, Arial, Helvetica, sans-serif ;
color:#003471;
margin:0px 0 0px 13px;
height:18px;

border:solid 0px #fff;
padding: 3px 3px 0px 18px;
background: transparent;
width:88px;
}
.auswahl-kl {
font:1em  Verdana, Arial, Helvetica, sans-serif ;
color:#003471;
margin:0px 0 -6px 10px;
height:24px;
border:solid 0px #fff;
padding: 0px 4px 8px 18px;
background: transparent;
width:90px;
}

.radio {
font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
width:30px;
margin-bottom:10px;
height:18px;
border:solid 1px #fff;
}
.check {
font:0.9em  Verdana, Arial, Helvetica, sans-serif ;
width:15px;
margin-bottom:0px;
height:24px;
border:solid 0px #fff;
}

textarea {
font:1em Verdana, Arial, Helvetica, sans-serif;
color:#003471;
margin:0px;
height:153px;
border:solid 0 #fff;
padding:4px 0 8px 8px;
background: transparent url("../pics/textfeld-gr.gif") repeat-y;
width:190px;
}

.submit {
padding:0 0 3px 0;
margin:0 0 0 80px;
background: transparent url("../pics/submit.gif") no-repeat;
height:21px;
border:solid 0 #fff;
width:80px;
font: normal normal bold 9px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#666;
text-transform:uppercase;
cursor:pointer;
 }

.submit:hover{
color:#dead63;
}
 
/*code-container*/
#code{
background-color:#b4b4b4;
border:1px solid #818181;
padding:10px;
}

#footer{
text-align:center;
padding: 0px;
font: normal normal normal 9px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#footer a{
font: normal normal normal 9px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*suchmaske*/

.such{
font: normal normal bold 12px/12px Geneva, Helvetica, Verdana, Arial, sans-serif;
color:#CE8C4A;
}

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	background: transparent url(../pics/bildtx-bg.gif);
	color: #fff;


}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:left;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}


.textfield-2 {
font:1em  Geneva, Helvetica, Verdana, Arial, sans-serif;
width: 133px;
height:15px;
padding:0px;
color:#000;
}

.submit-2 {

font: normal normal bold 10px/12px Geneva, Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-transform:uppercase;
cursor:pointer;
 }
 
.submit-2:hover{
color:#dead63;
}

/*map-info-box*/
.map-info{
display: none; border:0px solid black; position:absolute; top:435px; left:345px; width:435px; height:109px; z-index:2; padding:15px;
font: normal normal normal 12px/14px Times New Roman, Times, serif;
background: url(../pics/karte-info-bg.gif) no-repeat;
text-align:left;
}

.map-info i {
font: normal normal normal 12px/14px Times New Roman, Times, serif;
color:#603913;
}

.map-info h5 {
font: normal normal bold 14px/14px Times New Roman, Times, serif;
margin-bottom:7px;
color:#F7941D;
}