@import url("format.css");
@import url("format_font.css");
@import url("format_menue.css");
@import url("plugin/tooltip.css");

/***********************  C S S  Modul : Barrierefrei ON  ********************/

a#csson                                         /* "barrierefrei"  mit C S S */
  {
  float: left;
  display: block;
  padding: 11px 15px 11px 60px;
  margin-right: 15px;
  background: url("../img_css/styleswitch/ohne_CSS_39x25.png") #fee6c0 no-repeat 10px 5px;
  font-size: 14px;
  border: 1px solid #350000;
  margin-top: 2px;
  }
a#csson:hover
  {
  background: url("../img_css/styleswitch/ohne_CSS_39x25.png")  #f08834 no-repeat 10px 5px;
  color: #666;
  }

/****************************  D E M O - DIV   *******************************/

div#relative-barriere
  {
  margin: 40px auto 30px auto;
  position: relative;
  height: 443px;
  width: 400px;
  border-left: 1px solid #606060;
  border-top: 1px solid #808080;
  border-right: 1px solid #505050;
  border-bottom: 1px solid #404040;
  }

/********************************  Table 1 Demo  *****************************/
/* Relative */
table#demo1
  {
  display: none;
  width: 400px;
  border: 1px inset #fff;
  background: #fff5e5;
  position: relative;
  left: -160px; top: -30px;
  }
table#demo1 a
  {
  text-decoration: underline;
  color: blue;
  }

/********************************  Table 2 Demo  *****************************/
/* N O R M A L */
table#demo2
  {
  width: 100%;
  height: 443px;
  background: #CFCFBA;
  }
table#demo2 a
  {
  color: #777;
  }
table#demo2 td
  {
  border: 1px outset #e2bf87;
  }
table#demo2 div
  {
  border: 1px inset #e2bf87;
  }
table#demo2 p
  {
  text-align: center;
  }
table#demo2 p, table#demo2 div, table#demo2 td
  {
  background: #fff5e5;
  }

/********************************   L O G O   ********************************/

div#demodivlogo2
  {
  height: 40px;
  margin: 4px;
  padding-top: 22px;
  }

/*****************************   Navitop   ***********************************/

td#demonavitop2 ul
  {
  border: 1px inset #e2bf87;
  padding: 5px;
  text-align: center;
  font-size: 80%;
  margin: 4px;
  }
td#demonavitop2 ul li
  {
  display: inline;
  }
td#demonavitop2 ul li a
  {
  padding: 4px 10px;
  }

/*****************************   Navileft  ***********************************/

div#demonavileft2
  {
  width: 120px;
  float: left;
  margin: 4px 0 4px 4px;
  height: 250px;
  padding-top: 15px;
  }
div#demonavileft2 ul
  {
  padding-left:11px;
  text-align: left;
  font-size: 80%;
  margin: 4px;
  }

/*****************************   Demo  Main   ********************************/

div#demodivmain2
  {
  float: right;
  width: 255px;
  margin: 4px 4px 4px 0px;
  padding-top: 15px;
  height: 250px;
  }
div#demonavileft2 p,
div#demodivmain2 p
  {
  text-align: left;
  padding-left: 15px;
  }
div#demodivmain2 p#green
  {
  color: #800000;
  }

/*****************************   Footer   ************************************/

td#demofooter2
  {
  padding: 8px;
  }
p#pfooter2
  {
  margin: 0;
  }

/*****************************  H O V E R  ***********************************/

div#relative-barriere:hover
  {
  border: 1px inset #fff;
  cursor: pointer;
  }
div#relative-barriere:hover table#demo1
  {
  display: block;
  }
div#relative-barriere:hover table#demo2
  {
  display: none;
  }

/*******************************  Hauptseiten   *****************************/

div#seitzeichen
  {
  margin: 15px 0 20px 1px;
  width:124px;
  }