/* Allgemeine Deklarationen ------------------------------------------------- */

* {
  margin  : 0;
  padding : 0;
}
html {
  font-family : "Trebuchet MS", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
  font-size   : 100.01%;
  line-height : 1.5;
  background  : url("images/html.jpg") repeat-y right top #FFF;
  color       : #000;
  height      : 100%;
}
body {
  font-size  : .9em;
  text-align : center;
  background : url("images/body.jpg") no-repeat 100% -20px fixed;
  min-height : 100%;
  position   : relative;
  padding    : 0 2em;
}
* html body {
  height : 100%;
}
a {
  text-decoration : none;
  outline         : 0px solid;
}

/* Container ---------------------------------------------------------------- */

#container {
  text-align : left;
  min-width  : 45em;
  max-width  : 60em;
  margin     : 0 auto;
}
* html #container {
  width      : 60em;
}

/* Kopfbereich -------------------------------------------------------------- */

#header {
  padding-top : 2em;
}
#header h1 {
  letter-spacing : .1em;
  float          : left;
  color          : #666;
  font-size      : .7em;
  font-weight    : normal;
  text-transform : uppercase;
  padding        : 0 5px .5em;
}
#header a {
  color       : #99151E;
  font-weight : bold;
}
#header a:focus, #header a:hover {
  color : #155399;
}

/* Navigation --------------------------------------------------------------- */

#navigation {
  text-align     : right;
  list-style     : none;
  font-size      : .7em;
  font-weight    : normal;
  text-transform : uppercase;
  padding        : 0 5px .5em;
}
#navigation li {
  display        : inline;
  margin-left    : 5px;
  letter-spacing : .1em;
}
#navigation strong {
  color : #666;
}

#submenu {
  font-size      : .7em;
  padding        : .5em 5px;
  border-top     : 1px dotted #C64528;
  text-align     : right;
  text-transform : uppercase;
  list-style     : none;
}
#submenu li {
  display : inline;
}

/* Brotkrumen --------------------------------------------------------------- */

#breadcrumbs {
  text-transform : uppercase;
  list-style     : none;
  color          : #666;
  font-size      : .7em;
  padding        : .5em 5px;
  border-top     : 1px dotted #C64528;
}
#breadcrumbs li {
  display        : inline;
  letter-spacing : .05em;
}
#breadcrumbs li a {
  color : #99151E;
}
#breadcrumbs li a:focus, #breadcrumbs li a:hover {
  color : #155399;
}
#breadcrumbs li a:after {
  content     : "\0020/";
  font-size   : 1.125em;
  line-height : 1;
  color       : #666;
}

/* Seitenüberschriften ------------------------------------------------------ */

h1.intro {
  font-size      : 2em;
  text-transform : uppercase;
  margin         : .25em 3px .125em;
  color          : #888;
  font-weight    : normal;
  letter-spacing : -.05em;
}
#content h2 {
  font-size      : 1.45em;
  margin         : 1.15em 5px 0;
  padding-top    : .95em;
  text-transform : uppercase;
  color          : #99151E;
  font-weight    : normal;
  border-top     : 1px dashed #E2CACC;
}
#content h3 {
  margin      : 1em 5px 0;
  font-size   : 1.25em;
  text-transform : uppercase;
}
#content h4 {
  margin      : 1em 5px .25em;
  font-size   : .9em;
  text-transform : uppercase;
}
#content h5 {
  font-family    : "Palatino Linotype", Georgia, serif;
  margin         : 0;
  padding        : .5em 5px 0;
  font-size      : .7em;
  text-transform : uppercase;
}
#content h6 {
  font-family    : "Palatino Linotype", Georgia, serif;
  margin         : 1em 0 0;
  padding        : 1em 5px .5em;
  font-size      : .7em;
  text-transform : uppercase;
  border-top     : 1px dotted #BBB;
}

/* Verweise ----------------------------------------------------------------- */

#content a {
  color         : #155399;
  display       : inline-block;
  padding       : 0 2px;
  border-bottom : 1px dotted #88A6C8;
  
}
#content a:visited {
  color : #0E396A;
}
#content a:focus, #content a:hover {
  background : #99151E;
  color      : #FFF;
  border-bottom : 1px solid #FFF;
}

/* Text --------------------------------------------------------------------- */

#content p {
  margin : 0 5px 1em;
}
#content em {
  color : #444;
}
#content em.translation {
  display : block;
  margin-bottom : .75em;
}
#content abbr {
  border-bottom : 1px dotted #CCC;
  cursor        : help;
}
#content abbr[lang="na"] {
  background : #F00;
}
#content abbr[lang="na"]:before {
  background : #F00;
  content    : "Title fehlt: "
}
#content blockquote {
  font-family : "Palatino Linotype", Georgia, serif;
  color       : #222;
  margin      : 1em 5px;
  padding     : 1em 20px;
  line-height : 1.5;
  background  : #F4F4F4;
  border      : 1px dotted #888;
}

/* Teil-Auszeichnungen ------------------------------------------------------ */

.delimiter {
  color : #4A7029;
}
code .delimiter {
  color : #5DB312;
}
.pattern {
  color : #702929;
}
code .pattern {
  color : #B31212;
}
.modifier {
  color : #706029;
}
code .modifier {
  color : #B38D12;
}

/* Codebereiche ------------------------------------------------------------- */

code {
  font-family : "Lucida Console", Courier, monospace;
}
code.block {
  font-size     : .9em;
  display       : block;
  border        : 1px dotted #DDD;
  padding       : 1em 10px;
  margin        : 1em 0;
  background    : #FCFCFC;
  white-space   : pre;
  line-height   : 1.2;
  overflow      : auto;
}
code.toohigh {
  max-height : 20em;
}
code.inline {
  font-size : .92em;
  padding   : 0 2px;
  color     : #666;
}
code.funcdef {
  font-size     : .8em;
  display       : block;
  border        : 1px dotted #DDD;
  padding       : 1em 10px;
  margin        : 1em 0;
  background    : #FCFCFC;
  white-space   : pre;
}

/* PHP-Highlight ------------------------------------------------------------ */

code .string {
  color : #800;
}
code .comment {
  color : #080;
}
code .keyword {
  color : #008;
}
code .bg {
  background : #DDD;
}
code .default {
  color : #000;
}
code .html {
}

/* Listen ------------------------------------------------------------------- */

#content ul {
  margin     : 1em 30px;
  list-style : outside disc;
}
#content ol {
  margin     : 1em 30px;
  list-style : outside decimal;
}
#content li {
  padding : .125em 0;
}

#content .enum {
  margin      : 0 5px 1em;
}
#content .enum dt {
  font-family : "Lucida Console", Courier, monospace;
  float : left;
  clear : left;
  width : 11em;
}
#content .enum dd {
}

/* Tutorial-Inhalt ---------------------------------------------------------- */

#content #tutorial {
  list-style  : decimal-leading-zero outside;
  margin-left : 35px;
}
#content #tutorial ul {
  list-style : decimal-leading-zero outside;
  margin     : .25em 32px;
}

/* Glossar-Picker ----------------------------------------------------------- */

#content #glossar {
  list-style : none;
  font-size  : .8em;
  margin     : 0 5px;
}
#content #glossar li {
  display : inline;
}

/* Verwandte Themen --------------------------------------------------------- */

#content #seealso {
  list-style : none;
  font-size  : .7em;
  margin     : 0 5px .75em;
}
#content #seealso li {
  display : inline;
  text-transform : uppercase;
}
#content #seealso li:before {
  content : ", ";
}
#content #seealso #first_seealso:before {
  content : "";
}
#content #seealso li a {
  padding       : 0;
  border-bottom : 1px solid #FFF;
}
#content #seealso a:focus, #content #seealso a:hover {
  background : transparent;
  color      : #99151E;
}

/* Tutrial-Navigation (Fuss) ------------------------------------------------ */

#content #tutnav {
  margin         : 0 5px;
  height         : 2em;
  list-style     : none;
  font-size      : .7em;
  text-transform : uppercase;
}
#content #tutnav li {
  display : inline;
}

#content #tutnav #prevpage a {
  float   : left;
  padding : 0;
  border-bottom : 0px solid;
}
#content #tutnav #prevpage a:before {
  content : "\00AB\0020";
  font-size : 1.2em;
}
#content #tutnav #nextpage a {
  float      : right;
  padding    : 0;
  border-bottom : 0px solid;
}
#content #tutnav #nextpage a:after {
  content : "\0020\00BB";
  font-size : 1.2em;
}
#content #tutnav a:focus, #content #tutnav a:hover {
  background : transparent;
  color      : #99151E;
}

/* Impressum ---------------------------------------------------------------- */

#content #impressum {
  list-style : none;
  margin : 1em 5px;
}
#content #impressum li {
  padding : 0;
}

/* Tabellen ----------------------------------------------------------------- */

#delimiters {
  margin          : 0 0 1em;
  border-collapse : collapse;
  width           : 100%;
}
#delimiters caption {
  font-size  : .8em;
  padding    : .5em 20px;
  text-align : right;
}
#delimiters th, #delimiters td {
  border-top    : 1px solid #EEE;
  border-bottom : 1px solid #EEE;
  padding       : .5em 20px;
  text-align    : right;
}
#delimiters tbody tr:hover td {
  color : #666;
}
#delimiters .l {
  text-align : left;
}

/* Eingabeformular ---------------------------------------------------------- */

#eingabe {
  line-height : 1.8;
}
#eingabe fieldset {
  border  : 0px solid;
  padding : 0 5px;
}
#eingabe fieldset fieldset {
  border-bottom : 1px solid #EEE;
  padding       : .5em 0;
}
#eingabe .field {
  font-size     : .9em;
  font-family   : "Lucida Console", Courier, monospace;
  width         : 40em;
  padding       : .125em 1px;
}
#eingabe .field.small {
  width         : 2em;
}
#eingabe .field.right {
  text-align : right;
}
#eingabe label {
  cursor : pointer;
}
#eingabe label.left {
  font-size    : 1em;
  clear        : left;
  float        : left;
  width        : 12em;
  margin-right : 1em;
  text-align   : right;
}
#eingabe label.error {
  margin-left : 13em;
  color       : #F00;
  display     : block;
  line-height : 1.4;
  padding     : .25em 0;
}
#eingabe select {
  font-size     : .9em;
  font-family   : "Lucida Console", Courier, monospace;
}
#eingabe .checkbox, #eingabe .radio {
  font-size   : 1em;
  margin      : .5em 1em 0 11em;
  width       : 1em;
  float       : left;
  clear       : left;
}
#eingabe .button {
  font-size : 1em;
  margin    : 1em 0 0 13em;
  padding   : .25em 5px;
  cursor    : pointer;
}

/* Seitenfuss --------------------------------------------------------------- */

#content ul#page_foot {
  font-size      : .7em;
  text-transform : uppercase;
  margin         : 3em 0px 0;
  border-top     : 1px dotted #99151E;
  border-bottom  : 1px dotted #99151E;
  padding        : .5em 5px;
  list-style     : none;
  color          : #666;
  text-align     : right;
}
#content ul#page_foot li {
  padding : 0;
  display : inline;
}
#content ul#page_foot #page_foot_first_item {
  float : left;
}
#content #page_foot a {
  border-bottom : 1px solid #FFF;
}
#content #page_foot a:focus, #content #page_foot a:hover {
  background : transparent;
  color      : #99151E;
}

/* Fussbereich -------------------------------------------------------------- */

#footer {
  text-align     : center;
  font-size      : .7em;
  text-transform : lowercase;
}
#footer ul {
  list-style : none;
}
#footer li {
  display : inline;
}
#own_sites {
  padding : .5em 5px;
  color   : #666;
}
#own_sites li:before {
  content : "/\0020";
}
#own_sites #first_own_item:before {
  content : "";
}
#own_sites a {
  text-decoration : none;
  color           : #99151E;
}

/* Färbung ------------------------------------------------------------------ */

.adsense {
  background : #FAFAFA;
  padding    : .5em 5px;
  text-align : center;
  margin     : 1em 0;
  border     : 1px solid #EEE;
}


/* That's all, Folks -------------------------------------------------------- */