* {      /* das * gilt für alle, erstmal kein innerer und kein äußerer Rahmen */
  padding: 0;
  margin: 0;
  }

body {
  font-family: arial, Helvetica, "Trebuchet MS", tahoma, verdana;
  font-size: 0.9em;
    background-image: url("../images/hint.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;
    background-color: #DAE1FF;
}

/* Formatierung für alle div#  aus index.php */
div#all { 
  width: 820px;   /* 820px muss unverädert bleiben! */
  height: auto;
  vertical-align: top;
  overflow: hidden;
  background-image: url("../images/hintcontent.jpg");
  background-repeat: no-repeat;
}
  
div#head { 
  width: 820px;   /* 820px muss unverädert bleiben! */
  height: 200px;
  vertical-align: top;
  background-image: url("../images/head.jpg");
  background-repeat: no-repeat;
}

div#footer { 
  width: 820px;   /* 820px muss unverädert bleiben! */
  height: 70px;
  overflow: hidden;     /*kein scroll bei Übergröße*/
  vertical-align: top;
  background-image: url("../images/hintfooter.jpg");
  background-repeat: no-repeat;
}

div#nav { 
  text-align: left;
  width: 220px;    /* #nav + #content = 700 */
  height: auto;
  overflow: hidden;
  /* border-bottom: dotted 2px black;
  border-top: dotted 2px black; */
  float: left;      /*linker Innenrand=linker Außenrand, also ganz links*/
  margin: 50px 20px 50px 35px;
}

div#content { 
  width: 480px;  /* #nav + #content = 700 */
  height: auto;
  float: right;    /*rechter Innenrand=rechter Außenrand, also ganz rechts*/
  margin: 0px 55px 0px 0px;
  overflow: hidden;
}
 
/* Schriftenformatierung */
p,  h1, span, td {
  color: black;     /*wird von span (s.u.) überschrieben*/
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: arial, Helvetica, "Trebuchet MS", tahoma, verdana;
  text-align: left;
  margin: 10px 0 10px 0     /*oben rechts unten links*/
}

h1 {
  font-size: 20px;    /*15*/
  letter-spacing: 1px;
  color: #202C7A;
  font-weight: bold;
  padding: 1px 0px 1px 22px;
  line-height: 18px;
  background-image: url("../images/h1.jpg");
  background-repeat: no-repeat;
}

.table {
  background-color: #FBD45D;
  /* border: 2px dotted; */
  border-color: white;
  padding: 10px 10px 10px 10px;
}

span {
  color: black;    /*#995F37;*/
}

td {
  margin: 20px 20px 20px 20px;
  text-align: left;
}

form table td {
  text-align: left;
}

input, textarea {
  width: 330px;
}

.klein, .bildunterschrift {
  font-family: arial, Helvetica, "Trebuchet MS", tahoma, verdana;
  color: black;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  text-align: left;
  margin: 10px 0 10px 0
}

.bildunterschrift {
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
}


a:link, a:active, a:visited {
  text-decoration: underline;
  color: black;
}

a:hover {
  color: white;
}


/* Die Formatierung der Module */
table.moduletable  {
  width: 95%;
  padding-left: 2px;
  text-align: left;
  font-size: 0.8em;
}

/* Ueberschrift der Module */
table.moduletable.th {
  text-align: left;
  font-weight: bold;
  font-size: 0.8em;
  text-indent: -5000px;
}

/* Inhalte der Module */
table.moduletable.td {
  font-size: 0.6em;
  font-weight: lighter;
}

/* All internal headings, including the contact page */
.contentheading, .componentheading {
  font-weight: bold;
  font-size: 1em;
}

.pathway {
  font-family: arial, Helvetica, "Trebuchet MS", tahoma, verdana;
  font-size: 0.7em;
  color: #552021;
}

.button {
  font-size: 0.8em;
  background-color: #D3A485;
  color: #ffffff;
  border: 1px solid;
  width: 100px;
}

.inputbox {
  font-size: 0.8em;
  color: #282E73;
  background: #FEEAC5;
  border: 1px solid;
}

/* Navigation */
/* a, ul.menu a:hover, li.current a, li.parent li.current a, #bottom li a:hover, a.mainlevel-nav:hover, a#active_menu.mainlevel-nav */
ul.menu a {
  font-family: tahoma, arial, verdana, Helvetica, "Trebuchet MS";
  color: black;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  display: block;
  padding: 1px 0px 16px 22px;  /*äußerer Abstand: oben rechts unten linls*/
  margin: 1px 0 0 0;
  width: 220px;   /* wie #nav */
  border: none;
  list-style: none;
  background-image: url("../images/nav_norm.jpg");
  background-repeat: no-repeat;
  letter-spacing: 1px
}

li  a:hover{
  color: #FFD11C; 
}

li.current a{
  color: white;
  background-image: url("../images/nav_active.jpg");
  background-repeat: no-repeat;
}

/* Navigation 2. Ebene fuer Untermenus*/
a.sublevel, a.sublevel#active_menu {
  font-family: tahoma, arial, verdana, Helvetica, "Trebuchet MS";
  color: #8ABF04;
  font-size: 10px;
  line-height: 12px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  display: block;
  padding: 3px 0px 3px 15px;
  margin: 0px 0 0 0;
  width: 172px;
  border: none;
  list-style: none;
}

a.sublevel#active_menu, a.sublevel:hover {
  color: black;
}