body{
  background:#062A4E;
  margin:0em 0% 0em 0%; padding:0em 0% 0em 0%;
  font-family:Verdana,Arial,"Arial Unicode MS",Helvetica,Geneva,SunSansRegular,sans-serif;
  }
a img {
  text-decoration:none;
  border:none;
  }
/* ### navigation ############################################ */
.nav {
  position:fixed; left:0%; 
  z-index:4;
  width:100%;
  background:transparent;
  margin:0em 0% 0em 0%; padding:0em 0% 0em 0%;
  }
  .nav li a{
    display:inline-block;
    }
  .nav li a:link{
    color:#0C3E6F; text-decoration:none;
    }
  .nav li a:visited{
    color:#0C3E6F; text-decoration:none;
    }
  .nav li a:active{
    color:#0C3E6F; text-decoration:none;
    }
  .nav li a:hover{
    color:#0C3E6F; text-decoration:none;
    }
.nav:hover {
   z-index:6;
   }
#nav-main {
  top:0em;
  }
#nav-meta {
  bottom:0em;
  font-size:.82em;
  }
.nav ul {
  width:80%;
  margin:0em 0% 0em 0%; padding:0em 0% 0em 20%;
  }
.nav ul li {
  display:inline-block;
  width:auto;
  margin:0em 0% 0em 0%; padding:0em 0.5% .1em 0.5%;
  background:#669998;
  
  opacity:1;
  color:#888;
  line-height:1em; font-variant:small-caps;
  }
.nav ul li:hover {
   background:#E8B834;
   }

/* ### wortbildmarke ############################################ */
  #wbm {
    position:fixed; left:1%; top:0em;
    width:18%;
    }
  #wbm img {
    display:block;
    z-index:1;
    width:100%;
    margin:0em 0% 0em 0%;
    opacity:1;
    }
  #wbm:hover {
    z-index:3;
    opacity:1;
    }
  #wbm:hover img{
    opacity:1;
    }

/* ### doc ############################################ */
  div#doc {
    position:absolute; left:20%; top:1.3em;
    z-index:2;
    width:75%;
    background:#0C3E6F;
    border-left:5px solid #669998;
    margin:0em 0px 0em 0%; padding:0em 0% 0em 0%;
    }
  div#doc:hover {
    z-index:5;
    }
  h1 {
    margin:-2em 0% 1.2em 0%; padding:0em 0% 0em 0%;
    font-size:.82em; font-weight:bold;
    color:#ff8000;
    }
  ul {
    display:block;
    position:relative; left:0%; top:0em;
    width:99%;
    margin:0em 0% 0em 1%; padding:0% 0em 0% 0em;
    font-size:.82em; font-weight:bold;
    }
  ul li {
    display:block;
    list-style-type:none;
    width:98%;
    background:url("/icons/LI-marker_8.png") .1% .4em no-repeat;
    margin:0em 0% .5em 0%; padding:0% 0em 0% 2%;
    color:#96C8CF; line-height:1.4;
    }
  ul li ul{
    display:block;
    position:relative; left:0%; top:0em;
    width:100%;
    margin:0em 0% 0em 0%; padding:0% 0em 0% 0em;
    font-size:.82em; font-weight:bold;
    }
  ul li ul li {
    display:block;
    list-style-type:none;
    width:98%;
    background:url("/icons/LI-marker_8.png") .1% .3em no-repeat;
    margin:0em 0% .5em 0%; padding:0em 0% 0em 2%;
    color:#96C8CF;
    }

  ul li a:link{
    color:#96C8CF; text-decoration:none;
    }
  ul li a:visited{
    color:#96C8CF; text-decoration:none;
    }
  ul li a:active{
    color:#fff; text-decoration:none;
    }
  ul li a:hover{
    color:#ff8000; text-decoration:none;
    }
  
  div.object{
    width:425px; height:344px;
    border:1px solid #ff8000;
    margin:.5em auto .5em auto; padding:0% 0em 0% 0em;
    }
  span.file-type{
    display:block;
    font-weight:normal; color:#96C8CF;
    }

  #doc h2 {
    width:99%;
    margin:-.25em 0% 0em 0%; padding:0em 0% 0em 1%;
    font-size:1.6em; font-weight:bold; color:#ff8000;
    text-align:left;
    }
  #doc h3 {
    width:99%;
    border-top:1px solid #669998;
    margin:-.25em 0% 0em 0%; padding:0em 0% 0em 1%;
    font-size:1.3em; font-weight:bold; color:#ff8000;
    text-align:left;
    }
  #doc h4 {
    width:99%;
    margin:0em 0% 0em 0%; padding:0em 0% 0em 1%;
    font-size:1.1em; font-weight:bold; color:#ff8000;
    text-align:left;
    }
  #doc p{
    width:98%;
    margin:0em auto .72em auto; padding:0em 0% 0em 2%;
    font-weight:bold; font-size:.78em; line-height:1.4em; color:#96C8CF;
    }
  #doc ul li p {
    width:100%;
    margin:0em auto .72em auto; padding:0em 0% 0em 0%;
    font-size:1em;
    }
  #doc ul li p.title {margin:0em auto 0em auto;}
  
  #doc ul li div.meta p.author {font-weight:normal; margin:0 0 0 0;}
  #doc ul li div.meta p.pub {font-weight:normal;}
  
  p a:link{
    color:#3366dd; text-decoration:none;
    }
  p a:visited{
    color:#3366dd; text-decoration:none;
    }
  p a:active{
    color:#fff; text-decoration:none;
    }
  p a:hover{
    color:#ff8000; text-decoration:none;
    }
  p span#rw {
    display:block;
    width:10%; 
    float:left; clear:none;
    background:#062A4E;
    margin:0 1% 0 0; padding:0 0 .15em 0;
    font-size:1.6em; text-align:center; line-height:.8em;
    cursor:pointer;
    }
  p span#fw {
    display:block;
    width:10%; 
    float:left; clear:none;
    background:#062A4E;
    margin:0 0% 0 1%; padding:0 0 .15em 0;
    font-size:1.6em; text-align:center; line-height:.8em;
    cursor:pointer;
    }
  p span#imgMeta {
    display:block;
    width:78%; 
    float:left; clear:none;
    background:#062A4E;
    margin:.25em 0 0 0; padding:0 0 .15em 0;
    text-align:center; line-height:.8em;
    }
  p span#imgMeta span.file-type {display:inline;}
  p span#fw:hover, p span#rw:hover {color:#ff8000;}

#schedule table {
  display:table; table-layout:auto;
  position:relative;
  float:none; clear:both;
  margin:.2em 0 1.2em 2%;
  border-collapse:collapse; border-spacing:0;
  border:none;
  width:auto;
  color:#fff;
  }
#schedule table td {text-align:left; font-size:.72em; padding:.2em .3em .2em .3em; margin:0 0 0 0;}
.brdR1 {border-right:1px solid #669998;}
.brdT1 {border-top:1px solid #669998;}

#schedule table td.center {text-align:center;}