/* Stylesheet for sintext.de. (c) 2013 Philipp Franck, paflow(at)titelfrei.de */


html, body {
	/*background: blue;*/
	margin: 0px; 
	padding: 0px;
	border: 0px;
	min-height:100%;
}


html, body, div, ul, li, p, h1, h2, h3, h4, h5, table, ul, ol {
	margin: 0px; 
	padding: 0px;
	border: 0px;
	font-family: 'arial', sans-serif; 
	
}

#mainmenu {
	width: 100%;
	padding: 0.6em 0px 0.2em 0px;
	margin: 0px; 
	font-size: default;
	background: white; 
	border-bottom: 1px solid silver;
	color: black; 
	/*font-weight: bold; */
	position: fixed;
	top: 0px;
	text-align: center
}

#mainmenu li {
	padding:  0.7em;
	display: inline
}

#mainmenu li a, #mainmenu li a:link, #mainmenu li a:focus, #mainmenu li a:visited {
	color:black;
	text-decoration: none;
}


#mainmenu li a:hover {
	color: red
}

#mainmenu li a.active {
	color: #96311D
}

#mainmenu li a.active:hover {
	color: red;
}

#content {
	margin-top: 4em;
	margin-right: 13%;
	margin-bottom: 0em;
	margin-left: 13%;
	background: white; 
	color: black; 
}

#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content table, #content ul, #content ol, #content form, #content dl, #content div.result {
	margin: 3px;
	padding: 1px;
	font-weight: normal;
	font-size: medium;
}


#content dt { 
	float: left;
	clear: left; 
	width: 49.5%; 
	margin-bottom: 5px;
	text-align: left; 
	font-weight: bold; 
	text-align: right
} 


#content dd { 
	margin: 0 0 5px 50.5%; 
	padding: 0 0 0.5em 0; 
}

#content ol,
#content ul,
#content dl{
	/*list-style-type:upper-roman*/
	list-style-position: inside;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#content li {
	margin-bottom: 0.2em;
	margin-left: 0.5em
}

#content h1 {
	font-size: x-large;
	font-weight: bolder;
	padding-bottom: 7px;
	padding-top: 17px;
	text-align: center;
}


#content h2 {
	color: black;
	font-weight: bold;
	font-size: large;
	margin-top: 1.2em;
	/*border-bottom: 1px dotted black*/
	
}

#content h3 {
	font-size: large;
}

#content h4 {
	font-weight: bold;
}

#content h5 {
	color: #fdb95d;
}

#content a, #content a:link, #content a:active, #content a:focus {
	color: red;
}

#content a:hover {
	color: #96311D
}

.wikilink {
	font-size: 0.6em;
	vertical-align: top;
	padding-left: 0.6em;
	letter-spacing: 50%;
}

#content iframe {	
	width: 100%;
	min-height: 550px;
	border: none;
}

#content p.warning {
	background: black;
	color: white;
	font-size: small
}

#content img {
	max-width: 100%
}

#content table {
	border-collapse:collapse;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#content td {
	border: 1px solid silver;
	padding: 3px
}

#content td.rb {
	border-right: 1px solid black;
	padding-right: 1.5em
}

#content hr {
	border: 0px;
	border-top: 1px solid silver;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	
}

#content thead td {
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center
}


#content p {
	text-align: justify;
	line-height: 1.4
}

#content p.paf {
	/*font-style: italic;*/
}

#spacer {
	margin: 2em;
	height: 3em;
	clear: both;
}

#footer {
	clear: both;
    position: fixed;
    bottom: 0px;
	width: 100%;
	
	padding: 0.4em 0px 0.4em 0px;
	margin: 0px; 
	border-top: 1px solid silver;
	
	text-align: center; 
	font-size: default;
	
	background: white
}

#footer li {
	padding:  0.7em;
	display: inline
}

#footer li a, #footer li a:link, #footer li a:focus, #footer li a:visited {
	color: black;
	text-decoration: none;
}

#footer li a:hover {
	color: red;
}

#footer li a.active {
	color: #96311D;
}

#footer li a.active:hover {
	color: red;
}


/* SINTEXT */

#content h2.resultheadline {
	margin-left: 100px;
	border-bottom: 1px solid silver
}

#content table.result_table {
	width: 100%
}



#content table.result_table td {
	border: 0px;
	min-height: 100px;
}


#content table.result_table thead tr > td {
	padding-bottom: 0px;
	font-weight: normal;
	color: silver;
}

#content table.result_table td.glyphcell {
	width: 90px;
}

#content table.result_table td div.moredata {
	margin-top: 20px;
}
#content table.result_table td.glyphcell img{
	margin-top: 15px;
}

#content table.result_table tr  > td{
	padding-bottom: 35px;
	text-align: center;
}

#content table.result_table tr  > td:last-child{
	text-align :right;
}

#content table.result_table tr  >  td.glyphcell,
#content table.result_table tr  > td.resulttext {
	text-align: left;
}
	
#content table.result_table td div.reshead {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 130%;
}

#content table.floatleft {
	margin-left: 100px;
}

#content table.floatleft ,
#content table.floatleft2 {
	float:left
}


#content table.result_table .highlight {	background: silver; }


/* wurzelübersicht. */

#rootoverview {
	background: cyan;
	width: 100%
}


#content span.subroot {
}


.mainresultphrase {


}

.phrase,
.symbol {
	float:left;
}

.symbol {
	pmargin-top: 2em
}

.rootresult .symbol {
	margin-top: 0px
}

#content td.rootbox {
	padding-top: 1em
}

#content td.rootbox_text {
	padding-bottom: 1em
}
	

#content td.rootbox, 
#content td.rootbox_text {
	background: white;
	border: 0px;
	text-align: center;

	vertical-align: bottom;
	
	/*word-break: break-all;*/
}


/* poem */


#poem  {
	min-height: 100%;
	/*background: yellow;*/
	margin: 0 auto; 
}

#poem div.poem_l {
	float: right;
	margin-top: 3em;
	text-align: center;
	/*border: 1px solid blue;*/
	width: 50%
}

#poem div.poem_r {
	max-width: 60%;
	min-height: 100%;
	/*border: 1px solid red;*/
	width: 50%
}

#poem p.poem_text {
	text-align: center;
	line-height: 140%;
}

#poem .poem_h {
	text-align: center;
}

#poem p.poem_author {
	font-variant: small-caps;
	padding-top: 2em;
	margin-bottom: 1em;
	text-align: center;
}

#poem p.poem_expl {
	font-style: italic;
	margin-top: 2em;
	margin-bottom: 2em;
}

#poem table {
	width: 100%;
}

#poem td {
	border: 0px;
	/*border: 1px solid green;*/
}

#poem .pt_m {
	text-align: right
}

#poem .pt_t {
	vertical-align: top;
	text-align: left;
	padding-top: 10px
}

#poem .pt_b {
	vertical-align: bottom;
	text-align: left;
	padding-bottom: 12px
}



/* text */

#content div.illustration {
	/*float: right;*/
	margin:1em;
	text-align:center
}

#content div.illustration img {
}

#content div.illustration p {
	font-size: 85%;
	font-style:italic;
	text-align:center
}


/* starting page */

#content div.page_startseite h1 {
	font-size: 250%;
	letter-spacing: 1px;
	font-family: "Times", "Times New Roman", serif;
	font-weight: normal;
	text-transform: uppercase
}
	
	
#content div.page_startseite {
	text-align: center
}

#content div.page_startseite img {
	margin: 3%;
	max-height: 50em;
}


#content .centered {
	text-align: center;
	line-height: 1.5
}

#content .left {
	text-align: left;
}


#content div.page_home div.imagebox {
	min-width: 950px;
}

#content div.page_home img.fu {
	padding-bottom: 94px;
}

/* news */
#content div.article {
	/*border-bottom: 1px solid silver;*/
	padding-bottom: 1.2em;
	padding-top: 1.2em;
}

#content p.date {
	margin-bottom: 0px;
	color: silver;
	font-size: 85%
}

#content div.article h2 {
	margin-top: 0px;
	margin-bottom: 0.6em;
}


/* search */
#mainsearchbox {
	height: 2em;
	width: 100%;
	border: 1px solid silver;
	box-sizing: border-box;
    -webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	font-size: 115%;
	padding-left: 0.5em
}

#undermainsearchbox {
	width: 100%;
	margin: 0px 0px 40px 0px;
	clear: both;
	
}

#undermainsearchbox div {
	
}
	
#undermainsearchbox #sa_l1,
#undermainsearchbox #sa_l2 {
	float: left;
	height: 2em;
	padding-top: 7px
}

#undermainsearchbox #sa_l1 {

}

#undermainsearchbox #sa_l2 {
	margin-left: 1.5em;
}

#undermainsearchbox #sa_r2 {
	float: right;
	height: 2em;
	
}

#undermainsearchbox #sa_r1 {
	float: right;
	margin-left: 1.5em;
}


#undermainsearchbox #mainsubmit ,
#undermainsearchbox #searchoptions
{
	border: 0px;
	height: 2em;
	color: red;
	cursor: pointer;
	font-size: medium;
	margin: 0px;
	background: white;
	width: 9em;
}

#undermainsearchbox #mainsubmit {
	background: silver;
}

#undermainsearchbox #mainsubmit:hover,
#undermainsearchbox #searchoptions:hover {
	color: #96311D;
	background: white
}


.pinyinbox_letter {
	font-family: 'monospace';
	width:30px;
	padding-right: 3px;
	color: red;
	text-decoration: underline;
	cursor:pointer
}

#searchoptions_div {
	float: right;
	display: none;
	width: 37em;
	margin-left: 25%;
	margin-top: 10px;
	padding-top: 10px;
}

#searchoptions_div label {
	font-weight: normal;
}

#searchoptions_div  dt {

}

#searchoptions_div  dd {
}


/* sonstige */

.debug,
div.separator {
	clear: both;
}

#splash {
	color: white !important;
}