/* media screen,projection              */

/* NOTES: ------------------------------------------------------

Colors used:
schwarz #000000
weiß #FFFFFF
graugrün #BDCCC1
dunkelgrün #617C68

END NOTES --------------------------------------------------- */



/* common styles -------------------------------------------- */

  body, html {
    color:#FFFFFF;
    background-color:#151C0F;
    font-size:100.01%;
    font-family:Arial,sans-serif;
    margin:0;
    padding:2em 0 0 0;
    text-align:center;  /* Zentrierung im Internet Explorer */
  }


/* Page and layout------------------------------------------- */

  div#page {
    text-align:left;    /* Seiteninhalt wieder links ausrichten */
    margin:0 auto;
    width:760px;
    height:500px;
    padding:0;
    background-color:#161F10;
    background-image:url(../images/tdbg.jpg);
    background-repeat:no-repeat;
    background-position:right;
  }

  #layoutpic {
    background-image:url(../images/dragonfire.jpg); background-repeat:no-repeat;
    float:left;
    width:165px;
    height:500px;
    margin:0;
    padding:0;
    border:0;
  }

  div#container {
    margin:0;
    padding:0;
    background-color:transparent;
    border:1px solid #89985D;
    border-left:0;
    width:594px;
    height:498px;
    overflow:auto;
  }

  div#content {
    margin:0;
    padding:50px;
    background-color:transparent;
    border-left:0;
  }


  /* header --------------------------------------------------- */

  #header {
    margin:0px;
    padding:0px;
    text-align:right;
    height:10px;
    border:0;
    margin:0;
  }


  /* footer --------------------------------------------------- */

  #footer {
    clear:both;
    font-size:0.83em;
    width:760px;
    text-align:right;
    padding: 0;
  }

  #footer ul {
    list-style:none;
    padding:0px;
    margin:0;
    float:right;
  }

  #footer ul li {
    display:inline;
    list-style:none;
  }

  #footer ul a {
    font-size:9px;
    font-weight:bold;
    text-decoration:none;
    float:left;
    padding:0 10px;
    margin:0;
    background-color:transparent;
    border-right:1px solid #89985D;
    color:#89985D;
  }


/* navigation ----------------------------------------------- */

  ul#navigation {
    list-style:none;
    float:right;
    margin:10px;
    padding:10px;
    vertical-align:bottom;
    text-align:right;
    border-left:1px solid #89985D;
    border-bottom:1px solid #89985D;
  }

  ul#navigation li {
    list-style:none;
    margin:0;
    padding:0;
  }

  ul#navigation a {
    font-size:10px;
    font-weight:bold;
    display:block;
    padding:0.4em 0;
    margin:0;
  }

  ul#navigation a:link, #footer ul a:link {
    color:#89985D;
    text-decoration:none;
  }

  ul#navigation a:visited, #footer ul a:visited {
    color:#89985D;
    text-decoration:none;
  }

  ul#navigation a:hover, #footer ul a:hover {
    color:#FFFFFF;
    text-decoration:none;
  }

  ul#navigation a:active, #footer ul a:active {
    color:#89985D;
    text-decoration:none;
  }

  ul#navigation #current a, #footer ul #current a {
    color:#FFFFFF;
  }


/* content -------------------------------------------------- */


  #content ul {
    text-align:left;
    padding:0 0 0 12px;
    list-style-position:outside;
    list-style-type:square;
  }

  #content li {
    font-size:11px;
    margin:0.4em 0 0 0;
    color:#CFD6BC;
  }


  #content #note {
    border:1px dotted #89985D;
    float:right;
    width:100px;
    height:100px;
    margin:10px 0 10px 10px;
    padding:10px;
    font-size:10px;
    color:#FFFFFF;
    text-align:right;
  }

  #content #note a{
    font-size:10px;
    color:#FFFFFF;
  }

  #sep {
   border-bottom:1px dotted #89985D;
   margin:1em 0;
  }

  div#content h1 {
    font-size:1em;
    margin:1em 0 1em 0;
    color:#CFD6BC;
    padding:0;
  }

  div#content h2 {
    font-size:1em;
    margin:0.2em 0;
    color:#000000;
  }

  #content p, #content ul {
    font-size:11px;
    margin:1em 0 0 0;
    color:#CFD6BC;
    text-decoration:none;
  }

  #content ul a:link, #content ul a:visited, #content ul a:active, #content a:link, #content a:visited, #content a:active {
    font-size:11px;
    margin:1em 0 0 0;
    color:#CFD6BC;
    text-decoration:none;
    border-bottom:1px dotted #CFD6BC;
  }

  #content ul a:hover, #content a:hover {
    color:#89985D;
  }

  #content img {
  float:right;
/*  border:1px solid red;*/
  margin:10px 10px 10px 0;
  padding:0;
  }