/*******************************************************************************************/
/*                   Allgemeine Formatierungen  (Tagdefinitionen)		                       */
/*******************************************************************************************/

body,
html {
  height: 100%;
  padding: 0;
  margin: 0;
  color: #4f4f4f;
}

body {
  background-color: #fff;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 19px;
}

/* Bilder randlos */
img {
  border: none;
}

/*******************************************************************************************/
/*                   Seitenlayout		                       */
/*******************************************************************************************/
/*zur Ausgabe von debug-infos*/
#debug {
  height: auto;
  bottom: 40px;
  width: 300px;
  left: 300px;
  border: solid 1px #aaa;
  position: absolute;
  background-color: #ffffcc;
  z-index: 100;
  display: none;
}

#container {
  height: 100%;
  width: 100%;
  position: relative;
}
#top-spacer {
  float: left;
  height: 50%;
  width: 100%;
  margin-bottom: -350px;
  background: #eee;
}
#bottom-spacer {
  /*float		: left;*/
  height: 50%;
  width: 100%;
  margin-top: -350px;
  background: #eee;
}
#page-vertical {
  clear: both;
  height: 700px;
  position: relative;
  background: #eee;
}

/*zentrierte Seite*/
#page {
  height: 700px;
  width: 1010px;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
  border: solid 1px #aaa;
  position: relative;
}

/*Container obere Leiste*/
#header {
  top: 0px;
  height: auto;
  width: 100%;
  /*background	: #fff;*/
  position: relative;
}

/*Container Seiteninhalt*/
#content-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/********************************************************************************************/
/*                   Fu�zeile		                  										*/
/********************************************************************************************/

/*Container untere Steuerungsleiste*/
#footer {
  bottom: 0;
  height: 39px;
  width: 100%;
  position: absolute;
  background-image: url("images/footer-background.gif");
  background-repeat: repeat-x;
}
#footer *:focus {
  /* Disable the browser focus highlighting. */
  outline: none;
}

/*Container Soundsteuerung*/
#sound-control {
  position: absolute;
  left: 275px;
  top: 8px;
  height: 30px;

  width: auto;
  /*	margin		: 0;
	padding		: 0;
*/
}
/*Container Seitennavigation in unterer Steuerungsleiste*/
#pager {
  position: absolute;
  left: 925px;
  top: 6px;
  height: 30px;
}

/*Trennlinie im audioplayer*/
/*.punktlinie { 
	padding: 0;
	margin: 0;
	position: relative;
	right:32px;
	top: 5px;
}
*/

/*******************************************************************************************/
/*                   Buttons		                       */
/*******************************************************************************************/
.myButton_next {
  background-image: url("images/next-page-active.png");
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.myButton_next:hover {
  background-image: url("images/next-page-hover.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.myButton_prev {
  background-image: url("images/prev-page-active.png");
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.myButton_prev:hover {
  background-image: url("images/prev-page-hover.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.myButton_hilfe {
  background-image: url("images/hilfe_active.png");
  background-color: #e2e2e2;
  background-repeat: no-repeat;
  background-position: center center;
  border: medium none;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  /*padding				: 0  0 20px 0;*/
  width: 48px;
  height: 30px;
  left: 10px;
  top: 6px;
}

.myButton_hilfe:hover {
  background-image: url("images/hilfe_hover.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.close_btn {
  background: url("images/controls.png") -26px -1px no-repeat;
  width: 26px;
  height: 26px;
}

/*******************************************************************************************/
/*                   Elemente		                       */
/*******************************************************************************************/

/*Links allgemein*/

a:link,
a:visited,
a:hover,
a:active {
  outline-style: none;
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Externe Links mit Symbol */
a.menu_link:link,
a.menu_link:visited {
  color: #0c599f;
  text-decoration: none;
  padding-left: 16px;
  background: url("images/link.gif") 0 4px no-repeat;
}
a.menu_link:hover {
  text-decoration: underline;
}

/********************************************************************************************/
/*                   Men�		                       										*/
/********************************************************************************************/

/*�u�erer Container des Inhaltsverzeichnisses*/
#menu {
  font-size: 0.9em;
  left: -255px;
  top: 130px;
  height: auto;
  overflow: hidden;
  width: 235px;
  background: #fff;
  border: solid 1px #aaa;
  position: absolute;
  z-index: 10;
  -moz-box-shadow: 4px 4px 10px #eee;
  -webkit-box-shadow: 4px 4px 10px #eee;
  box-shadow: 4px 4px 10px #eee;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
}

/*Innerer Container des Inhaltsverzeichnisses*/
#menu-content {
  padding: 0px 10px 0px 15px;
}

/*Schaltfl�che zum �ffnen des Inhaltsverzeichnisses*/
#menu-button {
  left: 0px;
  top: 130px;
  height: auto;
  width: auto;
  position: absolute;
  cursor: pointer;
}

/*Kopfzeile*/
#menu-head {
  height: 40px;
  width: 100%;
  top: 0;
  position: relative;
  border-bottom: thin #ccc;
  border-bottom-style: solid;
}

/*�berschrift*/
#menu h1 {
  color: #6f7171;
  font-style: italic;
  font-size: 1.1em;
  margin: 0;
  margin: 13px 0 0 0;
  float: left; /*sonst stimmen die Abst�nde nicht*/
}

#menu .close_btn {
  top: 8px;
  right: 0px;
  cursor: pointer;
  position: absolute;
}

/*Scrollbarer Bereich des Inhaltsverzeichnisses*/
#menu_list {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 10px 10px 0px;
}

/*alle listen*/
#menu ul {
  padding-left: 15px;
  margin: 0 0 0 0px;
  list-style: none;
  line-height: 1.3em;
  color: #717171;
}

/*alle listen au�er der ersten*/
#menu-list-0 ul {
  /*border-left:thin #666666;
	border-left-style:solid;*/
  display: none;
}

/*alle listeneintr�ge*/
#menu li {
  margin: 0 0 5px 0;
  padding-left: 0px;
}

/*aktuelle Seite*/
#menu li.toc-aktuell {
  color: #2f8de4 !important; /*bg blau*/
  font-weight: bold;
}

/*Knoten*/
#menu .node {
  list-style-image: url(images/node-inactive.png);
  cursor: pointer;
}

/*ge�ffneter Knoten*/
#menu .node-opend {
  list-style-image: url(images/node-active-black.png);
  /*color: #2f8de4 !important;*/ /*bg blau*/
  color: #000 !important;
  /*font-weight:bold;*/
  cursor: pointer;
}

/*Fu�zeile*/
#menu-footline {
  height: 40px;
  width: 100%;
  bottom: 0;
  border-top: thin #ccc;
  border-top-style: solid;
  position: relative;
}
/*Seite x/y*/
.page-counter {
  margin: 12px 0 0 0;
  font-style: italic;
  font-size: 0.9em;
  font-weight: bold;
  color: #6f7171;
  float: left; /*sonst stimmen die Abst�nde nicht*/
}

/*links inhaltsverzeichnis*/
a.toc-href:link,
a.toc-href:visited,
a.toc-href:active {
  outline-style: none;
  text-decoration: none;
  color: inherit; /*vom Parent*/
  /*	font-style:italic;*/
}

a.toc-href:hover {
  text-decoration: underline;
}

/*******************************************************************************************/
/*                  Querverweise		                       */
/*******************************************************************************************/

/*�u�erer container f�r die Querverweise*/
#querverweise-container {
  width: auto;
  height: auto;
  position: absolute;
  left: 33px;
  bottom: 70px;
  display: none;
}
#querverweise {
  width: auto;
  height: auto;
  position: relative;
  margin-bottom: 40px;
  display: none;
}

/*Button*/
#myButton_querverweise {
  background-image: url(images/querverweise.gif);
  position: absolute;
  width: 105px;
  height: 24px;
  left: 0;
  bottom: 0;
  text-indent: -999px;
  border: none;
  cursor: pointer;
}

/*Tabelle, in der die Querverweise stehen*/
.table_qv {
  width: 200px;
  border: 1px solid #777777;
}

.table_qv tr:hover {
  text-decoration: underline;
}

.table_qv td {
  font-size: 12px;
  color: #555555;
  padding: 0;
  background-color: #f1f1f1;
  width: 230px;
  height: 24px;
  line-height: 130%;
  padding: 0 5px;
  border-bottom: 2px solid #ffffff;
}

/*letzte Tabellenzeile hat keine border-bottom*/
.table_qv tr:last-child td {
  border-bottom: none;
  height: 22px;
}

/*Blauer Querverweis*/
.table_qv td.blue {
  background-color: #004995;
  width: 7px;
  padding: 0 5px 0 0;
}

/*Hellblauer Querverweis*/
.table_qv td.lightblue {
  background-color: #2f8de4;
  width: 7px;
  padding: 0 5px 0 0;
}

/*Oranger Querverweis*/
.table_qv td.orange {
  background-color: #bc7100;
  width: 7px;
  padding: 0 5px 0 0;
}

/*links inhaltsverzeichnis*/
a.querverweise:link,
a.querverweise:visited,
a.querverweise:active {
  outline-style: none;
  text-decoration: none;
  color: inherit; /*vom Parent*/
  /*	font-style:italic;*/
}

a.querverweise:hover {
  text-decoration: underline;
}

/*******************************************************************************************/
/*                  Sprechertext/Hilfe Fenster		                       */
/*******************************************************************************************/

/*�u�erer container */
#sprechertext-container,
#hilfe-container {
  background-color: #ffffff;
  -moz-box-shadow: 4px 4px 10px #eee;
  -webkit-box-shadow: 4px 4px 10px #eee;
  box-shadow: 4px 4px 10px #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #777777;
  padding-bottom: 50px;
  margin: 8px;
  overflow: hidden;
  z-index: 20;
  display: none;
}
#sprechertext-container {
  width: 250px;
  height: 350px;
  position: absolute;
  left: 33px;
  top: 70px;
}
#hilfe-container {
  width: 250px;
  height: 350px;
  position: absolute;
  left: 33px;
  top: 70px;
}
/*draggable header*/
#sprechertext-header,
#hilfe-header {
  border-bottom: thin #ccc;
  border-bottom-style: solid;
  background-color: #fff;
  /*width: 				100%;*/
  height: 30px;
  position: relative;
  margin: 0 12px;
  cursor: move;
}
#sprechertext-header .close_btn,
#hilfe-header .close_btn {
  top: 4px;
  right: -13px;
  cursor: pointer;
  position: absolute;
}

#sprechertext-header p,
#hilfe-header p {
  margin: 5px 5px 0 0px;
  font-size: 0.9em;
  float: left;
  font-weight: bold;
}

/*scrollbarer text*/
#sprechertext-content {
  width: auto;
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  display: inline-block;
}

/*text*/
.scrollbar {
  height: auto;
  position: relative;
  margin: 10px;
}

.help_frame {
  width: 100%;
}

/*******************************************************************************************/
/*                   Stile		                       */
/*******************************************************************************************/

.fett {
  font-weight: bold;
}