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

/**************  C S S  Modul :  Site - Technik  ***************/

table#demo
  {
  float: left;
  margin: 25px 15px 5px 0;
  width: 400px;
  border: 1px solid blue;
  background: #fff5e5;
  }
table#demo td
  {
  border: 1px solid #063;
  }
table#demo div
  {
  border: 1px solid red;
  }
table#demo p
  {
  text-align: center;
  }
table#demo code
  {
  font-size: 90%;
  }
div#demodivlogo
  {
  height: 40px;
  margin: 4px;
  padding-top: 22px;
  }
/* Demo Navitop */
p#demop
  {
  border: 1px solid orange;
  margin: 4px;
  padding: 5px;
  }
div#demonavileft
  {
  width: 120px;
  float: left;
  margin: 4px 0 4px 4px;
  height: 250px;
  border: 1px solid red;
  }
div#demodivmain
  {
  float: right;
  width: 253px;
  margin: 4px 4px 4px 0px;
  height: 250px;
  border: 1px solid red;
  }
div#demonavileft p,
div#demodivmain p
  {
  text-align: left;
  padding: 15px 0 0 15px;
  }
div#demodivmain p#color
  {
  color: #800000;
  }
td#demofooter
  {
  padding: 8px;
  }
p#pfooter
  {
  margin: 0;
  }
/****************************  HOVER  **********************************/

table#demo:hover
  {
  width: 460px;
  cursor: pointer;
  background: url("../img_css/icons/arrow_right.png") #fff5e5 no-repeat 393px 396px;
  }
table#demo:hover  div#demodivlogo
  {
  background: url("../img_css/icons/arrow_left.png") no-repeat 42px center;
  }
table#demo:hover  td#demologo
  {
  background: url("../img_css/icons/arrow_right.png") no-repeat 387px center;
  }
table#demo:hover p#demop
  {
  background: url("../img_css/icons/arrow_left.png") no-repeat 43px center;
  }
table#demo:hover td#demonavitop
  {
  background: url("../img_css/icons/arrow_right.png") no-repeat 387px center;
  }
table#demo:hover  div#demonavileft
  {
  background: url("../img_css/icons/arrow_left.png") no-repeat 42px center;
  width: 140px;
  }
table#demo:hover  div#demodivmain
  {
  background: url("../img_css/icons/arrow_right.png") no-repeat 238px center;
  width: 293px;
  }
table#demo:hover  td#demofooter
  {
  background: url("../img_css/icons/arrow_left.png") no-repeat 46px center;
  }

table#demo:hover p#color:after
  {
  content: " Fluide Layouts passen sich der Monitorauflösung an !";
  color: red;
  }

/******************  Allgemeine Inhalte  / Erläuterung  **********************/

div#blau
  {
  border: 1px solid blue;
  }
div#gruen
  {
  border: 1px solid green;
  }
div#gelb
  {
  border: 1px solid orange;
  }
div#rot
  {
  border: 1px solid red;
  }
div#blau, div#gruen, div#gelb, div#rot
  {
  text-align: center;
  padding: 6px;
  margin-bottom: 20px;
  background: #fff5e5;
  }
/* Erläuterung */
p#margintop
  {
  margin-top: 3em;
  margin-bottom: 25px;
  text-align: center;
  }
p#commentright
  {
  margin-top: 55px;
  }

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

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

/********************************  tablesorter  *****************************/

table#sorter
  {
  background-color: #CDCDCD;
  margin:30px 0 0 3px;
  font-size: 0.82em;
  width: 99%;
  color:#333;
  border:2px solid #ccc;
  text-align:left;
  }
table#sorter thead tr th, table#sorter tfoot tr th
  {
  border: 1px solid #FFF;
  padding: 5px 16px 5px 10px;
  }
table#sorter thead tr th.header
  {
  background: #e6EEEE url("../jscript/jquery/img/tablesorter/blue/bg.gif") no-repeat center right;
  cursor: pointer;
  }
table#sorter thead tr th.headerSortUp
  {
  background: #8dbdd8 url("../jscript/jquery/img/tablesorter/blue/asc.gif") no-repeat center right;
  }
table#sorter thead tr th.headerSortDown
  {
  background: #8dbdd8 url("../jscript/jquery/img/tablesorter/blue/desc.gif") no-repeat center right;
  }

table#sorter tbody td
  {
  padding: 5px 12px;
  background-color: #FFF;
  }
table#sorter tbody tr.odd td
  {
  background-color:#F0F0F6;
  }

table#sorter tbody td pre
  {
  text-align:center;
  }
table#sorter tbody td span
  {
  display:none !important;
  }
table#sorter tbody td img
  {
  height: 8px;
  }