/* overall specification */

/* Specialized items. call, e.g., with <table class="BodyTable"> ... </table>
 or <ul class="disc"> ... </ul> 
or (if toplevel) <span class="redTextColor"> ... </span>
*/

body { 
  background-image: url(../figsGeneric/backgrounds/routes.gif);
  /*background-color:#EEEEEE;*/
  font-size:14px; /* DOS innerhalb table elementen, 
                                     auch wenn nicht ueberschrieben*/
  font-family: sans-serif; /* DOS innerhalb table elementen, 
                                     auch wenn nicht ueberschrieben*/
  border: thin #FF0000;  /* DOS */
  padding-left: 0px; /* nicht vergroessern! sonst Bug in glob Positionierung!*/
  margin: 7px;
}

/* <span class="redTextColor"> ... </span> */
.redTextColor {  color: #F03;
  font-weight:bold;
  font-style: italic;
                }
/* <span class="important"> (text) </span>  (nicht div!)) */

.important {  color: #F50;
  font-weight:bold;
}


/* Headings appearance (Text: body{ }oder p1{  } )*/

h1 {
      font-family: sans-serif;
      font-size: 20px;
      font-weight: bold;
      color: #000;
      letter-spacing: 1px;
      padding-top:10px;
     /* text-transform: uppercase*/
 }
 
h2 {
   font-family: courier, sans-serif;
   /*font-family: arial, sans-serif;*/
   font-size: 18px;
   font-weight: bold;
   letter-spacing: 1px;
   /*font-variant: small-caps;*/
   color: #556;
   padding-top:7px;
   /* text-transform: uppercase */
 }

 h3 {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
   /* font-style: italic;*/
    color: #556;
    padding-top:2px;
 }


/*Remove the margin of images (whether they have links or not)*/

.image {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

/* necessary as well ! */
img {
	border-width: 0;
}



/* Link specification */

a {
	color: #000099;
	font-weight: bold;
 }
a:link {
	color: #000099;
	text-decoration: none;
}
a:visited {
	color: #660099;
	text-decoration: none;

}
a:active {
	text-decoration: underline;
	background-color: #F80;
}
a:hover {
	text-decoration: underline;
	background-color: #FA5;
}


.comment {
	font-weight: bold;

}

/* List items appearance. call, e.g., with <ul class="disc"> ... </ul>*/
ul.disc 
{
list-style-type: disc
}

ul.circle 
{
list-style-type: circle
}

ul.square 
{
list-style-type: square
}
ul.red
{
list-style-image: url('../figsGeneric/ballsArrows/red-bullet-transp.png')
}
ul.blue
{
list-style-image: url('../figsGeneric/ballsArrows/blue-bullet-transp.png')
}
ul.traffic
{
list-style-image: url('../3Dtraffic_logo.jpg')
}
ul.greenArrow
{
list-style-image: url('../figsGeneric/ballsArrows/arr_green.gif')
}



/* ========================================
Layout: Unfortunately, the elegant .css layout functionality 
has incompatibilities, so, partly, the dirty old table layout is used ;-) 
=========================================== */

/* ========================================
Typical usage:
<body>
  <div id="topContent"> 
     Hier der Inhalt der waagerechten Top-Leiste
  </div>
  <table border="0" cellspacing="0" cellpadding="10" width="100%">
    <tr valign="top"><!-- einzige Reihe der Layout-Tabelle -->

       <td><div id="leftContentTable">
          Hier die  linke Link-Leiste 
       </div></td> <!-- Ende der linken Navigationsleiste -->

       <td><div id="bodyContentTable">
          Hier h1-Titel und Haupt-Inhalt 
       </div></td>    <!-- Ende bodyContentTable, Hauptinhalt -->

    </tr> <!-- der einzigen Zeile der Layout-Tabelle-->
  </table> <!-- der Layout-Tabelle -->
</body> 
=========================================== */

/* Usage: <div id="topContent">  ... </div>  */
 
 #topContent {
  background:#E8E8F0;
  /*background-image: url(../figsGeneric/backgrounds/routes.gif);*/

  position: relative;

  left: -8px;  /* positioning of element itself */
  padding-left: 20px;  /* of text within element */
  width:99.5%;

  top: -8px;
  padding-top: 20px;  /* of text within element */
  height: 72px;


  font-family: sans-serif;
  font-weight: bold;
  font-size:14px;
  color: #000
 }


/* <div id="leftContentTable"> ... </div> */

#leftContentTable{
  background:#E8E8F0;

  position: relative;

  left: -20px;  /* positioning of element itself; necessary minus number=bug*/
  padding-left: 20px;  /* of text within element */
  width:150px;

  padding-right: 20px;  /* of text within element */

  top: -20px;
  padding-top: 20px;  /* of text within element; necessary minus number=bug */
  height: 100%;

  bottom: -20px;
  padding-bottom: 20px;  /* of text within element; necessary minus number=bug */

  font-family: sans-serif;
  font-size:14px;
  color: #000
}



/* <div id="bodyContentTable"> ... </div> */

#bodyContentTable{
  font-size:14px;
  font-family: sans-serif;
  background-image: url(../figsGeneric/backgrounds/routes.gif);
  padding-left: 0px;
  margin: 7px;
  /*background: #FAA; */
}




/* <span class="logo1Position"><img src=".."> </span> */

.logo1Position{
  position: absolute;
  top:  10px;
  right: 10px;
  /*z-index:-1;*/
}


/* <span class="eingerueckt"> */

.eingerueckt  /* relative to content frame denoted by div */
{
  position: relative;
  top:  2px;
  left: 68px;
  padding-right: 80px; /* da sonst einige Worte zu spaet umgebrochen */
  /*z-index:-1;*/
}

.titlePosition{
  position: absolute;
  top: 5px;
  left: 35%;
  right: 120px;
}


/* <span class="keyword"> (text) </span>  (nicht div!)) */
.keyword {
  color: #004;
  font-weight:bold;
  font-style: italic;
}


/* <span class="important"> (text) </span>  (nicht div!)) */

.important {  color: #F50;
  font-weight:bold;
}

