/* margin: top right bottom left */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: #fdfffd; margin-left: auto; margin-right: auto; }

/*
@media (min-width: 27em) {
  body {
    background-image: url(files/logo-bg.png);
    background-position: bottom right;
    background-repeat: no-repeat;
  }
}

@media handheld {
  body {
    background-image: none;
  }
}
*/

a { color:#617d0b; }
a:hover, a:active { color:#90a454; }
img { border: none; }
#logo { width: 100%; margin-top: 10px; }
#logo img { float: left; margin-left: 1em; margin-right: 10px; }

dfn {
  font-style: normal;
  font-variant: small-caps;
}

#logo .title,
#logo .expansion,
#logo .subtitle {
  display: block;
}

#logo .title::before,
#logo .expansion::before,
#logo .subtitle::after {
  font-weight: bold;
  font-family: sans-serif;
}

#logo .expansion::before {
  font-weight: normal;
  font-variant: small-caps;
  display: none;
}

#logo .title::before {
  font-size: 2em;
  content: "The Standard-Sitemap Protocol";
}

#logo .subtitle::after {
  font-size: 1.4em;
  font-style: italic;
  content: "Easily through the Web";
}

#logo .subtitle:lang(de)::after {
  content: "Einfach durchs Web";
}

#logo .cell {
  display: block;
}

#logo .cell + .cell {
  margin-left: 0.5em;
  clear: left;
}

@media (min-width: 26em) {
  #logo .row {
    display: table-row;
  }

  #logo .cell {
    display: table-cell;
    vertical-align: middle;
  }

  #logo .cell + .cell {
    clear: none;
    margin-left: 0;
  }
}

.code { border: 1px solid #617D0B; padding-left: 10px; padding-right: 5px; margin-top: 10px; margin-bottom: 10px; }
code { line-height: 1.3em; }

.green { color:#617D0B; }
.deleted { text-decoration: line-through; }
.small { font-size:0.7em; font-weight:normal; }
.smallmargin { margin-bottom:5px; }
.nomargin { margin-top:0px; }

#navigation { float: left; margin: 20px 1em 0.3em 1em; background: #a1d010; }
#navigation ul { float: left; padding-left: 15px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
#navigation li { float: left; list-style: none; font-size: 1.1em; }
#navigation a { float: left; padding: 5px 8px 5px 8px; font-weight: bold; color: #000; text-decoration: none; }
#navigation a:hover, #navigation a:active	{ color: #617D0B; background: #fff; }
#navigation .aktuellerbutton { padding: 5px 8px 5px 8px; font-weight: bold; color: #000; color: #617D0B; background: #fff; }

body.sitemap-over-29 #navigation { display:none; }

#sprachlinkde a, #sprachlinkde a:hover { margin-left: 20px; padding-left: 17px; background: url(files/fahnedeutsch.gif) no-repeat 0px center; }
#sprachlinken a, #sprachlinken a:hover { margin-left: 20px; padding-left: 17px; background: url(files/fahneenglish.gif) no-repeat 0px center; }

input#search { border:1px solid #000; width: 5em; margin-left:20px; }
input#searchbutton { padding:0; }

.inhalt { clear:left; max-width: 51.388em; margin:1em auto 0px; padding: 0 1em; }
.inhalt li { margin-left:0px; }

.inhalt h1 { font-size: 1.4em; color:#617D0B; margin-top: 2em; }
.inhalt h2 { font-size: 1.2em; }
.inhalt h3, .inhalt h4, .inhalt h5, .inhalt h6 { font-size: 1.0em; }
.inhalt h4, .inhalt h5, .inhalt h6 {
    font-weight: normal;
    text-decoration: underline;
}
.inhalt h4 {
    font-style: italic;
}

.inhalt h6 {
    text-decoration: none;
    font-variant: small-caps;
}

.inhalt > h1:first-child,
.inhalt > div + h1,
.inhalt > div + div + h1 { margin-top: 0.3em; }

/*
h2 { margin-top:30px; margin-bottom: 0px; color:#617D0B; font-size:1.2em; }
h3 { font-size:1em; }
*/
h2.examples { margin-top:30px; margin-bottom: 0px;color:#000; font-size:1.2em; }

#ValidHTML { text-align: center; margin-top:150px; }
#ValidHTML a { margin-left:3px; margin-right:3px; }

table {  border-collapse:collapse; }
th, td { border:1px solid #000; padding:2px 3px 2px 3px; }

.foto { float:left; margin-right:10px; margin-bottom:20px; }

.download { display: block; margin: 0 auto; text-align:center; }
.download h1 { font-size:1.6em; margin-top:0; padding-top:0; line-height:1em; }
.download a { text-decoration: none; }

.download > div {
  display: inline-block;
  margin: 1ex auto;
  background-color: #ccffcc;
  border: outset 2px #ccffcc;
  max-width: 20em;
  padding: 1ex;
}

@media (min-width: 29em) {
  .download.right > div {
    display: block;
    max-width:12em;
    float:right;
    margin:0 0 10px 10px;
  }
}

.red { color:red; }

td ul { margin-left:15px; padding-left:0; }

.strained {
  font-size: xx-small;
}

@media (min-width: 30em) {
  .strained {
    font-size: 100%;
  }
}

.odd { background:#eee; }
.even { background:#fff; }

/* Wizard: */
#wizard tr:hover, #searchdetails tr:hover { background:#ecf6cf; }
.keyword { font-weight:bold; }
.question { padding:10px; }
.answer { margin:5px 20px 20px 20px; }
#wizard tr.error td { color:red; }
#wizard tr.error td.question { font-weight:bold; }
#searchdetails table { margin:0 10px 10px 10px; }
#searchdetails caption { font-weight:bold; font-size:1.1em; border:1px solid black;
	background:#ecf6cf; margin-top:20px; }

pre {
  white-space: pre;
  white-space: pre-wrap;
}

/* Program output and traces */
pre.httpheader {
  border: ridge 3px #aaa;
  color: #ddd;
  background-color: #222;
  padding: 0.2em;
}

pre.httpheader::outside {
  border: solid 2px red;
}

/* Source code */
pre.javascript,
pre.html,
pre.xml,
pre.css,
pre.htaccess {
  -o-border-radius: 0.8em;
  -ms-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  padding: 0 0.4em 0.4em 0.1em;
  border: solid 1px #617d0b;
  background-color: #eed;
}

pre.javascript::before,
pre.html::before,
pre.xml::before,
pre.css::before,
pre.htaccess::before {
  border-style: none none solid none;
  border-width: 1px;
  border-color: #ccc;
  display: block;
  font-family: serif;
  font-size: x-small;
  margin-bottom: 0.4em;
}

pre.javascript::before {
  content: "\2003" "Javascript";
}

pre.html::before {
  content: "\2003" "HTML";
}

pre.xml::before {
  content: "\2003" "XML";
}

pre.css::before {
  content: "\2003" "CSS";
}

pre.htaccess:lang(en)::before {
  content: "\2003" "Apache HTTPd configuration";
}

pre.htaccess:lang(de)::before {
  content: "\2003" "Apache HTTPd Konfiguration";
}

/* syntax-highlight: */
.tag        { color:#f60; }
.attribute  { color:#00f; }
.value      { color:#090; }
.comment    { color:#888; }
.instruction{ color:#000; }
.tag a      { color:#f00; }
.tag a:hover, .tag a:active { background: #f00; color: #fff; }

/* validator: */
div#validator form dd { 
	margin:0px; 
	margin-bottom: 1em; 
	padding: 0px; }
div#validator form dt { 
	font-weight: bold; 
}
div#validator form .invisible { 
	display:none; 
}
div#validator fieldset { 
	width: 30em; 
	border: 1px solid #000000; 
}
div#validator div.ok { 
	color: green; 
}
div#validator div.nok { 
	color: red;
}
#xmlfile, #xmlurl { width:25em; }
/* end validator */

/* search */
ol li { margin-bottom:10px; }

.faq {
  clear: both;
}

.faq .q::before {
  content: "\25c0";
  float: right;
  font-size: xx-large;
  text-decoration: blink;
  color: rgb(255,0,0);
  visibility: hidden;
}

.faq:target .q::before {
  visibility: visible;
}

.faq > .q {
  -o-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(0,0,0);
  margin: 1em 2em 0.4em 0;
  padding: 0.4em;

  -o-box-shadow: 4px 4px 4px rgb(0,0,0);
  -ms-box-shadow: 4px 4px 4px rgb(0,0,0);
  -moz-box-shadow: 4px 4px 4px rgb(0,0,0);
  -webkit-box-shadow: 4px 4px 4px rgb(0,0,0);
  box-shadow: 4px 4px 4px rgb(0,0,0);

  font-family: sans-serif;
}

.faq > .a {
  margin: 0.4em 0 1em 2em;
  font-family: serif;
}

.aside {
  display: block;
  font-size: small;
  font-family: sans-serif;
  text-align: right;
  padding: 3px;
  -o-border-radius: 1ex;
  -ms-border-radius: 1ex;
  -moz-border-radius: 1ex;
  -webkit-border-radius: 1ex;
  border-radius: 1ex;
  -o-box-shadow: 0 0 10px rgb(0,0,0);
  -ms-box-shadow: 0 0 10px rgb(0,0,0);
  -moz-box-shadow: 0 0 10px rgb(0,0,0);
  -webkit-box-shadow: 0 0 10px rgb(0,0,0);
  box-shadow: 0 0 10px rgb(0,0,0);
}

@media (min-width: 27em) {
  .aside {
    float: right;
    max-width: 16em;
    margin: 0.2em 0 0.5em 0.7em;
  }
}

.aside .backup {
  display: none;
}


.defn {
  padding: 0;
  margin: 15px 1ex;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(0,0,0);
  -o-border-radius: 1ex;
  -ms-border-radius: 1ex;
  -moz-border-radius: 1ex;
  -webkit-border-radius: 1ex;
  border-radius: 1ex;
  -o-box-shadow: 10px 10px 10px rgb(0,0,0);
  -ms-box-shadow: 10px 10px 10px rgb(0,0,0);
  -moz-box-shadow: 10px 10px 10px rgb(0,0,0);
  -webkit-box-shadow: 10px 10px 10px rgb(0,0,0);
  box-shadow: 10px 10px 10px rgb(0,0,0);
}

.defn > .title,
.defn > .qualities,
.defn > .desc {
  margin: 0;
}

.defn > .title {
  padding: 0 1em;
  border: 1px rgb(0,0,0);
  border-style: none none solid none;
  background-color: rgb(240,221,86);
  -o-border-radius: 1ex 1ex 0 0;
  -ms-border-radius: 1ex 1ex 0 0;
  -moz-border-radius: 1ex 1ex 0 0;
  -webkit-border-radius: 1ex 1ex 0 0;
  border-radius: 1ex 1ex 0 0;
}

.defn > .qualities {
}

.defn > .desc {
  font-family: serif;
  padding: 0 0.5em;
}

.dir {
  -o-column-width: 7em;
  -ms-column-width: 7em;
  -moz-column-width: 7em;
  -webkit-column-width: 7em;
  column-width: 7em;
}

.foot {
  margin: 3em auto;
  clear: both;
  max-width: 51.388em;
  font-family: cursive, sans-serif;
  font-size: large;
}



.ornament {
  display: block;
  text-align: center;
  margin: 1ex;
}

.ornament img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.ornament.right img,
.ornament.left img {
  float: none;
}

.ornament.framed img {
  border: inset 2px #cccccc;
  margin: 0;
}

.ornament.captioned::after {
  content: attr(title);
  display: block;
  font-size: x-small;
  font-family: sans-serif;
  font-weight: normal;
  font-style: italic;
}

.ornament.clear {
  clear: both;
}

@media (min-width: 25em) {
  .ornament.right.clear {
    clear: right;
  }

  .ornament.right {
    float: right;
    max-width: 50%;
    margin-right: 0;
    margin-left: 1em;
  }

  .ornament.left.clear {
    clear: left;
  }

  .ornament.left {
    float: left;
    max-width: 30%;
    margin-right: 1em;
    margin-left: 0;
  }
}

body > div {
  margin: 0 auto;
  max-width: 80em;
}

#logo > div {
  margin-left: auto;
  margin-right: auto;
}

#logo {
  text-align: center;
}

#logo > div {
  text-align: left;
  display: inline-block;
}

.config > samp {
  font: small-caption;
}

.number::before {
  border: inset 1px rgb(200,200,200);
  content: "\a0" "30↕";
  margin-right: 1ex;
}

.option::before {
  content: "\2611\2002";
}

.choice > samp {
  display: inline-block;
}

.choice > samp::before {
  content: "\274d\2002";
}

.choice > samp::after {
  content: "\2003";
}

.choice > .sep {
  display: none;
}