html {
 background-color: white;
 color: black;
 font-family: sans-serif;
 line-height: 1.3em;
}
body {
 margin: 1em;
 padding-bottom: 30px;
 background: url(/img/roehre-unten.png) no-repeat bottom center;
}
#menu {
 margin-left: 0;
 padding-left: 2em;
}
#menu li, #menu li a {
 white-space: nowrap;
}
.galerie > li {
 display: block;
 float: left;
 padding: 1em;
 padding-top: 0.125em;
}
.galerie ul, .galerie ul li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
.galerie ul li {
 margin-top: 0.5em;
}

h1 {
 margin-left: 1.25em;
}
h1 img {
 padding-right: 1em;
}

strong.code {
 white-space: nowrap;
}
#table {
 display: table-row;
}
#breadcrumb {
 list-style-type: none;
}
#breadcrumb li, #menu, #content {
 display: table-cell;
 padding-right: 1em;
}

#content p, #content td, #content li {
 max-width: 35em;
 text-align: justify;
}
#content dt {
 margin-top: 0.75em;
 margin-bottom: 0.25em;
}

a, #menu strong {
 background-color: white;
 color: black;
 display: block;
 padding-left: 0.25em;
 padding-right: 0.25em;
 text-decoration: none;
}
#menu a {
 padding-left: 15px;
 background: url(/img/kugel.png) no-repeat center left;
}
#menu strong {
 padding-left: 15px;
 background: url(/img/kugelaktuell.png) no-repeat center left;
}
#menu a:hover, #menu a:visited {
 background-image: url(/img/kugeltrans.png);
}
#menu a:hover {
 color: #ff8540;
}

#menu strong, #content a:hover, #content a:visited {
 border-color: #FF8540;
}
#content a, #ergebnisse a {
 border-right: none;
 border-top: none;
 border-bottom: 2px solid #FF5C00;
 border-left: none;
 color: #FF5C00;
 background-color: white;
 padding-left: 0;
 padding-right: 0;
 display: inline;
}
#content a:visited, #content a:hover {
 color: #FF8540;
 background-color: white;
}
#menu li, #menu ul {
 padding-bottom: 0.125em;
 padding-top:    0.125em;
 margin-bottom:  0.125em;
 margin-top:     0.125em;
 list-style-type: none;
}
#content a {
 display: inline;
}
#content {
 background: url(/img/roehre.png) no-repeat top right;
 padding-top: 20px;
 padding-right: 50px;
 min-height: 343px;
 min-width: 450px;
 display: block;
}
#content ul {
 list-style-type: none;
}
#formmailer dt:after {
 content: ":";
}
#formfehler {
 border: 0.35em solid red;
}
#content:first-child {
 padding-top: 0;
 margin-top: 0;
}
#suche {
 list-style-type: none;
}
#download a {
 white-space: nowrap;
}
.phpdigHighlight {
 font-weight: bold;
}
#navbar a {
 display: inline;
 padding: 0.125em;
 text-decoration: underline;
}
#ergebnisse ul {
 padding-left: 0;
 margin-bottom: 1em;
 list-style-type: none;
}
#ergebnisse .path {
 color: #008000;
 background-color: white;
}
.wuergaround {
 display: none;
}
#suchfeld {
 position: absolute;
 top: 3em;
 right: 1em;
}
#suchfeld input[type="text"] {
 width: 11em;
}

code {
 background-color: white;
 color:#0000C0;
 display: block;
 margin-bottom: 1em;
 margin-top:    1em;
 white-space: pre;
}
.tag                   { color: rgb( 90,  90,   0); }
.cdata                 { color: rgb( 90,   0,  90); }
.comment               { color: rgb( 90,  90,  90); }
.name                  { color: rgb( 10,  10,   0); }
.attribute             { color: rgb(161, 161,   0); }
.value                 { color: rgb( 90,   0,  90); }
.entity                { color: rgb(240,   0, 240); }
.entityinvalid         { color: rgb(255,   0,   0); }
.at-rule               { color: rgb( 90,  90,   0); }
.parenthesis-value     { color: rgb(  0,  90,  90); }
.at-media-rule         { color: rgb( 90,  90,   0); }
.mediatype             { color: rgb( 48,  48,   0); }
.empty-tag             { color: rgb( 10,  10,   0); }
.string                { color: rgb( 90,   0,  90); }
.escaped               { color: rgb(240,   0, 240); }
.keyword               { color: rgb( 90,  90,   0); }
.known-methods         { color: rgb( 64,  64,   0); }
.operator              { color: rgb(255,   0,   0); }
.hexnumber             { color: rgb(  0,  51, 102); }
.number                { color: rgb(  0,  51, 102); }
.heredoc               { color: rgb( 90,   0,  90); }
.element-selector      { color: rgb( 90,  90,   0); }
.property-value        { color: rgb( 90,   0,  90); }
.property              { color: rgb( 64,  64,   0); }
.unknown-property      { color: rgb(255,   0,   0); }
.known-object          { color: rgb( 64,  64,   0); }
.known-attribute       { color: rgb( 64,  64,   0); }
.octnumber             { color: rgb(  0,  51, 102); }
.preprocessor          { color: rgb(255,   0, 255); }
.function              { color: rgb( 64,  64,   0); }
.prop-function         { color: rgb(255,   0,   0); }
.prop-quoted           { color: rgb(255,   0,   0); }
.shebang               { color: rgb( 48,  48,  48); }
.variable              { color: rgb(  0,  90,  90); }
.id-selector           { color: rgb(  0,  90,  90); }
.pseudo-class-selector { color: rgb(  0,  90,  90); }
.attribute-selector    { color: rgb(  0,  90,  90); }
.apache-known-option   { color: rgb( 64,  64,   0); }
.apache-directive      { color: rgb( 90,  90,   0); }
.apache-region         { color: rgb(  0,  90,  90); }
.apache-method         { color: rgb(  0,   0, 255); }
.class-selector        { color: rgb(  0,  90,  90); }
.compiler-instruction  { color: rgb(255,   0, 255); }
.datatype              { color: rgb(  0,  90,  90); }