body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}


@media screen and (min-width: 800px){
    #top-background {
	height: 70px; 
	background-repeat: repeat-x;
	background-image: url("../../media/pict/bg_header.jpg");
	/* opc-adapt-url background-image: url("../media/pict/bg_header.jpg"); */
    }

}



@media screen and (max-width: 800px){
    #top-background { background-color: #B8860B; height: 60px; }
    #top-title {height: 60px; }
}


@media screen and (min-width: 800px){
    #flex-prosa { display: flex; justify-content: center; }
    #flex-prosa > div {padding: 0.5em;}
    #flex-prosa #side-nav { width: 15em; }
    #flex-prosa .prosa { max-width: 40em;}
}




dt { font-weight: bold; padding-top: 1em; padding-bottom: 0.5em; }
li {padding-bottom: 0.5em;}


a.link-wikipedia { color: #800000; }
tt { font-family: monospace; border: solid 1px #444; display: inline-block; background-color: #eee; padding: 0 0.25em; }
tt span  { background-color: yellow;}
a.xpe { font-family: monospace; text-decoration: none; display: inline-block; background-color: #AFEEEE; padding: 0 0.25em; }
i.xyz { color: #456292;}


pre { border: solid 1px #444; background-color: #eee; padding: 0 0.25em; }

div.width-XL { max-width: 80em; margin: 1em auto; padding: 0 2em;}
div.width-full { margin: 1em 2em; }




p.error { border: solid 1px black; border-left: solid 20px #FF0000; padding: 0.125em 0.5em;}
p.success { border: solid 1px black; border-left: solid 20px #008000; padding: 0.125em 0.5em;}
p.hint { border: solid 1px black; border-left: solid 20px #FF8C00; padding: 0.125em 0.5em;}









table.xpath { border-collapse: collapse;}
table.xpath td:first-child { background-color: #ddd; font-family: monospace;}
table.xpath td:nth-child(3) { white-space: nowrap; }
table.xpath td:nth-child(1) { white-space: nowrap; }

table.xpath th  {
    font-weight: bold; font-size: 150%;
    vertical-align: top;
    border-top: solid 2px black; border-bottom: solid 1px black; padding-top: 0.5em;
}

table.xpath td  {
    padding: 0.25em;
    vertical-align: top;
    border-bottom: solid 1px black;
}



span.node { display: inline-block; font-family: monospace; background-color: #E0FFFF;}


ol.xpath-result li { padding: 0.5em; }

.node { margin-bottom: 0.25em;}
.node-tag  { background-color: #FAEBD7; }
.node-attr { background-color: #FFFFE0; }
.node-text { background-color: #E0FFFF; }
.node-rem  { background-color: #F8E1FF; }


a.xml-goto { display: inline-block; text-decoration: none; border: solid 1px black; background-color: #eee; color: #000; padding: 0 0.5em;}
a.xml-search { display: inline-block; text-decoration: none; border: solid 1px black; background-color: #eee; color: #000; padding: 0 0.5em; font-size: 80%;}

pre.xmldata { margin-left: 11em;}
pre a { display: inline-block; border: solid 1px black; background-color: yellow; padding: 0 0.5em; margin: 0 0.25em 0 1em; }
#index { border: solid 1px #666; padding: 0.25em; position: fixed; width: 7em; text-align: center; line-height: 175%; background-color: #FFFFF0;}
#index h4 { margin: 0.25em;}
#index a { border: solid 1px black; background-color: yellow; padding: 0 0.5em; margin: 0.125em;  text-decoration: none; }



.shell  { display: inline-block; font-family: monospace; border: solid 1px #888; background-color: #FFFFE0; padding: 0 0.5em; }




table.blocks { display: flex; flex-direction: row;}
table.blocks tr { display: inline-block; min-width: 15em;}
table.blocks th { display: inline-block; min-width: 4em; text-align: left;}
table.blocks td { display: inline-block; min-width: 7em;}

table.em-keymap td.sep { height: 1em;}

table.em-keymap td { font-family: monospace;}
table.em-keymap th { font-family: monospace; font-size: 125%; text-align: left; padding-right: 0.5em;}
span.cursor { background-color: #F0E68C; text-decoration: underline;}


/* ================================================================================
   Code layout
================================================================================ */


.code { display: inline-block; font-family: monospace; border: solid 1px #888; background-color: #E0FFFF; padding: 0 0.5em; }
.code > i  { color: #1E90FF; border: none; background: transparent;}
.code > tt { color: #B22222; border: none; background: transparent;}

/* Tabelle mit code in der 2. Spalte -------------------------------------------------- */

table.code2 th { padding: 0.2em 0.5em; vertical-align: top; text-align: left;}
table.code2 td { padding: 0.1em 0.3em; vertical-align: top; text-align: left;}
table.code2 tr td:nth-child(2) {
    font-family: monospace;
    border: solid 1px #888;
    background-color: #E0FFFF;
    white-space: nowrap;
    vertical-align: top;
    font-size: 120%;
}
table.code2 tr td:nth-child(2) > i  { color: #1E90FF; border: none; background: transparent;}
table.code2 tr td:nth-child(2) > tt { color: #B22222; border: none; background: transparent;}