BODY { 
  margin: 0;
  background-image: url('images/TidK-back.jpg');
  height:100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: bottom center;
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-size: 3.5mm;
  
}

A:link { font-style:normal; font-weight:normal; text-decoration:none; color:#CC3300; }
A:visited { font-style:normal; font-weight:normal; text-decoration:none; color:#CC3300; }
A:hover { font-style:normal; font-weight:normal; text-decoration:underline; color:#CC3300; }
A:active { font-weight:normal; color:CC3300; background-color:#000000; }



.bold {
  font-weight: bold;
}

P, OL, UL, DIV, TD, H1, H2, H3 {
  font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
  font-size: 11.5px;
  /* font-size: 11px; bis 20180530 */
  margin: 2px 2px 1px 2px;
}

P {
  text-align: justify;
}

/* PL {
  text-align: left;
} */

H1 { font-size: 1.3em; 
  color: #CC3300;
  margin: 0px 0em 6px 0em;
   }

H2 { font-size: 1.3em; 
  color: #CC3300;
  margin: 20px 0em 6px 0em;
   }

H3 { 
  font-size: 1em;
  color: #CC3300;
  margin: 10px 0em 3px 0em;
   }

H4 { 
  font-size: 1em;
  margin: 5px 0em 3px 0em;
  color: #666666;
  /* font-weight: 700; */
   }

H5 { 
  /* graue Seitenuebeschrift */
  font-size: 1em;
  color: #666666;
  margin: 0px 0em 10px 0em;
  text-align: left;
   }

#wholepage {
  /* fixed kann IE nur im body-Tag */
  /* background-repeat: no-repeat; */
  /* background-position: top center; */
  /* background-attachment: fixed; */
  /* background-image: url('images/io.jpg'); */
  max-width:80em;
  /* and now for crappy IE */
  width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "80em":
        "auto" );
}

#headertable {
  width: 90%;
  height: 90px;
  text-align: left;
  border-bottom: dotted 1px #999999;
  }

#middle {
  width: 100%;
  }

#footer {
  /* border-top: dotted 1px #999999; */
  width: 90%;
  text-align:center;
  }
#footer P {
  font-size: 10px;
  text-align: center;
}

#leftside {
  vertical-align: top; 
  width: 200px;
  }
#center {
  vertical-align: top; 
  }
#rightside {
  vertical-align: top; 
  width: 1px;
  }
#rightcolumnof2 {
  vertical-align: top; 
  width: 1px;
  }

#leftcontent {
  width: 100%;
  padding-left: 10px;
  padding-right: 5px; /* 10px 20180214 */
  padding-top: 5px;
}

#leftcontentshared {
  width: 100%;
  /* Uncomment the following line to visually identify the shared content area */
  /* background-image: url(images/shared.gif); */
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  }

#rightcontent {
  
  /* width: 100%; */
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  /* padding-top: 5px;   */
  }

#rightcontentshared {
  width: 100%;
  /* Uncomment the following line to visually identify the shared content area */
  /*background-image: url(images/shared.gif); */
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  padding-top: 5px;  
  }

#bordercontent {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;  
  }

#bordercontentshared {
  width: 100%;
  /* Uncomment the following line to visually identify the shared content area */
  /*background-image: url(images/shared.gif); */
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;  
  }

/* Content column */
#normalcontent {
  padding-left: 10px;
  padding-right:10px;
  padding-top: 0px;
  padding-bottom: 15px;

  max-width:40em;/* 40em bis 20180530*/
  /*max-width:40em;*/ /* bis 20180530*/
  /* and now for crappy IE */
  width:expression(
    document.body.clientWidth > (500/12) *
    parseInt(document.body.currentStyle.fontSize)?
        "40em": /* 40em bis 20180530*/
        "auto" );
  
  /* background-color: yellow; */
}

/* #normalcontent {
  padding-left: 10px;
  padding-right:10px;
  padding-top: 0px;
  padding-bottom: 15px;

  
  max-width:40em;
  /* and now for crappy IE */ /*
  width:expression(
    document.body.clientWidth > (500/12) *
    parseInt(document.body.currentStyle.fontSize)?
        "40em":
        "auto" );
  
  /* background-color: yellow; */ /*
} */

#normalcontentshared {
  /* Uncomment the following line to visually identify the shared content area */
  /* background-image: url(images/shared.gif); */
  padding-left: 10px;
  padding-right:10px;
  padding-top: 15px;
  width: 100%;
}

/* Menu 1 column */
#menu_1 {  
  vertical-align: top;
  width: 100%;
  height: 200px; /*250px orig */
  /* background-image: url(images/menubackground.jpg); */
  /* background-repeat : no-repeat; */
  /* Uncomment the following line to visually identify the shared content area */
  /*background-image: url(images/shared.gif); */
  padding-top: 0px;
}
#menu_1 DIV {
  width: 95%;
}
#menu_1 DIV A {
  color: #CC3300;
  text-decoration: none;
}
#menu_1 DIV A:hover {
  text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
#menu_1 DIV.menu1-level1-no {
  border-bottom: 1px dotted #999999;
  font-size: 11px;
  padding-top:10px;
  padding-left:5px;
  padding-bottom:2px;
}
/*  MENU 1, level 1, active state (ACT) */
#menu_1 DIV.menu1-level1-act {
  border-bottom: 1px solid #999999;
  font-weight:bold;
  font-size: 11px;
  padding-top:10px;
  padding-left:5px;
  padding-bottom:2px;

  background-color: #eeeeee;
  filter:alpha(opacity='70', style='0');
}
#menu_1 DIV.menu1-level1-act A {
  color:#663300;
  /* font-weight:bold; */
}
#menu_1 DIV.menu1-level2-act A {
  color:#663300;
  font-weight:bold;
}
#menu_1 DIV.menu1-level3-act A {
  color:#663300;
  font-weight:bold;
}


/*  MENU 1, level 2, normal state (NO) */
#menu_1 DIV.menu1-level2-no {
  font-size: 10px;
  padding-top:3px;
  padding-left:20px;
}
/*  MENU 1, level 2, active state (ACT) */
#menu_1 DIV.menu1-level2-act {
  font-size: 10px;
  font-weight:bold;
  padding-top:3px;
  padding-left:20px;}

/*  MENU 1, level 3, normal state (NO) */
#menu_1 DIV.menu1-level3-no {
  font-size: 10px;
  padding-left:30px;

  padding-top:3px;
}
/*  MENU 1, level 3, active state (ACT) */
#menu_1 DIV.menu1-level3-act {
  font-size: 10px;
  font-weight:bold;
  padding-top:3px;
  padding-left:30px;
}
/*  MENU 1, level 4, normal state (NO) */
#menu_1 DIV.menu1-level4-no {
  font-size: 10px;
  padding-top:3px;
  padding-left:40px;
}
/*  MENU 1, level 4, active state (ACT) */
#menu_1 DIV.menu1-level4-act {
  font-size: 10px;
  font-weight:bold;
  padding-top:3px;
  padding-left:40px;
}

/* Style for Header */

#header-left {
  width: 150px;
  background-image: url(images/logo2007smalls.jpg);
  background-repeat : no-repeat;
  background-position: top left;
}
#header-middle {
  background-image: url('images/logo.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
/* #header-right {
  background-image: url('images/simplicite2.jpg');
  background-repeat: no-repeat;
  background-position: top right;
} */

/* Style for the Path-menu: */

#platzhalter {
}

#pathplace {
  width: 600px;
}
#sitepath {
  width: 100%
  white-space: nowrap;
 /*  background-color: #F8F8EC; */

  font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 1px 1px 5px 5px;
}
#sitepath A {
  text-decoration: none;
  color: 666666;
}
#sitepath A:hover {
  text-decoration: underline;
}

leftquote {
  margin: 0 0 0 0px;
  padding: 0px 0px 0 0px;
  font-size: 88%;
  line-height: 1.5em;
  text-align:left;
  }

leftquote p {
  margin-top: 0;
  text-align:left;
  }

/* blockquote {  test leftalign noquote
  margin: 0 0 0 0px;
  padding: 0px 0px 0 0px;
  font-size: 88%;
  line-height: 1.5em;
  text-align:left;
  }

blockquote p {
  margin-top: 0;
  text-align:left;
  } */

blockquote {
  margin: 0 0 0 30px;
  padding: 10px 10px 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url(images/quotes.gif) no-repeat top left;
  }

blockquote p {
  margin-top: 0;
  }