/*
   Heraldic red  - #CA0000
   Cream yellow  - #FFFFEA
   Heraldoc Grey - #E8E8E8
*/


body {
   background-image: url("img/background/md_bakg1.jpg");
   background-repeat: repeat;
   color: #201000;
}

p {
   margin: 0.1em;
}

p.note {
   font-size: smaller;
   margin-left: 3em;
}

p.setup {
   margin-top: 0.1em;
   margin-bottom: 0.8em;
   font-weight: bold;
}

p.video {
   margin: 2em 1em;
}

h1 {
   margin-top: 0.7em;
   margin-bottom: 0.7em;
   font-family: sans-serif;
   font-weight: normal;
   text-align: center;
   font-size: 1.5em;
}

h2 {
   margin-top: 0.7em;
   margin-bottom: 0.5em;
   font-family: sans-serif;
   font-weight: normal;
   text-align: left;
   font-size: 1.1em;
}

h4 {
   text-align: center;
}

dt {
   font-weight: bold;
}

dl.def dt {
   float: left; /* keep on same line as following dd */
   margin-left: 1em;
   margin-right: 1em;
}

dl.dance {
   margin-top: 0.8em;
}

dl.dance dt {
   float: left; /* keep on same line as following dd */
   margin-left: 5em;
   margin-right: 1em;
}

dl.dance dt.comment {
   margin-left: 0;
   margin-right: 0;
   width: 5em;
}

dl.dance dt.add {
   margin-left: 0em;
}

dl.def dd {
   margin-left: 7em;
}

dl.dance dd {
   margin-left: 9em;
}

dt.comment, dd.comment {
   font-weight: normal;
   font-style: italic;
}


.red {
   color: #CA0000;
}

.l { text-align: left; }
.r { text-align: right; }

.left { float: left; }
.right { float: right; }

/* does not work in IE6 */

.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid black;
}

ul {
   list-style: outside;
}

li.a {
   list-style-image: url("img/bullets/paw_blk.gif");
   padding-left: 0.5em;
}

li.b {
   list-style-image: url("img/bullets/paw_red.gif");
   padding-left: 0.5em;
}


div.text-box {
   width: 35%;
   margin-right: 10px;
   margin-top: 10px;
   margin-bottom: 0px;
   border: 1px solid black;
   padding: 5px;
   color: white;
   background-color: #BC5543; /* #803030; */
}

table {
   border: 1px solid black;
   border-collapse: collapse;
}

th, td {
   border: 1px solid black;
   padding: 0.1em 0.5em;
   text-align: right;
}

.newspaper td {
   border: 1px solid black;
   padding: 0;
}

.newspaper img {
   border: 0;
}

table.hdr {
   width: 100%;
   border: 1px solid black;
   border-collapse: collapse;
}

td.hdr {
   border: 0;
   padding: 0;
   text-align: center;
   font-size: 25pt;
}

td.hdr-side {
   width: 0%;
}

td.hdr-center {
   width: 100%;
   padding: 0 10px;
}

img.illustration {
   margin-top:    7px;
   margin-bottom: 0px;
   margin-left:   7px;
   margin-right:  7px;
   border: 1px solid black;
}

img.anfang {
   float: left;
   margin-top:   3px;
   margin-bottom: 0px;
   margin-left:  4px;
   margin-right: 7px;
   border: 0;
}

hr {
   border: 1px solid #B0B0B0;
}


a {
   color: #CA0000;
}

div.nav_end {
   margin: 0;
   border: 0;
   padding: 0;
   clear: both;
}

#nav_menu {
   width: 100%;
   float: left;
   margin: 0;
   border: 0;
   padding: 0;
   list-style-type: none;
   list-style-image: none;
   display: inline;
}

#nav_menu li {
   display: inline;
   float: left;
}

#nav_menu a {
   margin-bottom: 0;
   margin-top: 3px;
   margin-right: 3px;
   margin-left: 0; 
   border: 1px solid black;
   line-height: 1.7em;
   height: 1.7em;
   /* width: auto; */
   padding: 0 0.5em; /* vert horiz */
   text-align: center;
   position: relative;
   display: block;
   float: left; /* auto width on IE, too */
   /*  IE 5 Hack \*/ overflow: hidden;

   font-weight: bold;
   text-decoration: none;
   color: #CA0000;
   background-color: #E8E8E8;
}

#nav_menu a:hover {
   background-color: #F0F0F0;
   text-decoration: underline;
}

#nav_menu a.nav_active {
   background-color: #FFD000;
   text-decoration: none;
}

#nav_menu a.nav_active:hover {
   color: #CA0000;
   background-color: #FFD000;
   text-decoration: none;
}