/*
Class naming identical to TUD css; rendering may be somewhat different
For test development of TUD websites
 }
 */

/* 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 often DOS; even w/o tables, "main text" on main text field 
  controlled by TR attribute!! */
/* Why? bcause I "faked" the layout with tables! */
/* body attribute only applies for last text in header, e.g.,
  Vorlesung Methoden Verkehrs&ouml;konometrie Master (12px OK) */

body { 
  background-color:#FFFFFF;
  font-size:12px; /* 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;
  margin: 7px;
} 

/* bug: geht nur fuer ALLE Tabellen, obwohl ich es nur fuer die BodyTable will! */

TH { text-align: center; 
     font-weight: bold; 
     font-size: 12px; 
     background-color:#DDD;
}

/*bug: innerhalb tables wird 
NICHT die allgemeine Vorgabe von body verwendet !!!
*/
TR{
     font-size: 15px; 
}


table.BodyTable{ 
     font-size: 12px; 
     background-color:#F6F6F6;
}

/* <span class="redTextColor"> ... </span> */

.redTextColor {  color: #F03;
  font-weight:bold;
  font-style: italic;
                }


/* Absatzeinrueckung zwischen <p> ... </p>
Aufruf: <p class="noMargin" ... </p>
*/

p{margin-left: 0mm}
p.noMargin {margin-left: 0mm}
p.margin {margin-left: 10mm}

/* Test, Beispiele 
<h1 class="hinterlegt">H1 knallgelb hinterlegt</h1>
<h2>H2 ganz normal, <span class="hinterlegt"> aber <b class="extra">auch</b> hinterlegt</span></h2>
<h3 class="extra hinterlegt">H3, extra hinterlegt</h3>
*/


/* 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: 16px;
    font-weight: bold;
    font-style: italic;
    color: #556;
    padding-top:4px;
 }

h1.hinterlegt { background-color:#FFFF00 }
*.hinterlegt { background-color:#00FFFF }
.extra { background-color:#FF99FF }
.extra.hinterlegt { background-color:#FF0000 }


/* Link specification */

/* Link auf Professur "PROFESSUR FUER ..." */
a.professurLink{ 
        color: #209;
	font-family: sans-serif;
        letter-spacing: -0px;

	font-size: 20px;
	font-weight: bold;

}

a.professurLink:link{ 
  color: #209;
  text-decoration: none; 
}

a.professurLink:hover{ 
  color: #209;
  text-decoration: none; 
}


a.professurLink:visited{color: #209; }


/* weitere Links in der Professur-Leiste  (drop-down) */

a.navigProfLink{ 
  font-family: sans-serif;
  letter-spacing: -1px;
  font-size: 12px;
  font-weight: normal;
}

a.navigProfLink:link{color: #102850; text-decoration: none;}
a.navigProfLink:hover{color: #102850; text-decoration: none;}
a.navigProfLink:visited{color: #102850; }

/* Link-Stil der Hierarchie-Linkliste (oberhalb Professsurlink) */

a.hierarchieLink{ 
  font-family: sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  font-size: 12px;
}

.hierarchieLink:link{color: #C6D6E0; text-decoration: none;}
a.hierarchieLink:visited{color: #C6D6E0; text-decoration: none;}
a.hierarchieLink:hover{color: #C6D6E0; text-decoration: underline;}


  text-decoration: underline; 
}




/* general link */


a {
	color: #07A;
	font-weight: normal;
 }
a:link {
	color: #07A;
	text-decoration: none;
}
a:visited {
	color: #957;
	text-decoration: none;

}
a:active {
	text-decoration: underline;
	background-color: #F80;
}
a:hover {
	text-decoration: underline;
	color: #07A;
	/*background-color: #EEF;*/  /* side effects on img links */

}

/* suppresses borders on images used as links */

img {
        border-width: 0;
}


/* Menu link specification */

.menu a{

 font-weight: bold;
 text-decoration: none;
}




/* TU logo img IN THE html Files! Example: 
  <span class="logoTUPosition">
  <a href="http://tu-dresden.de" border-width="0">
  <img src="../figsGeneric/logos/TU_Logo_2025_grab.png">
  </a>
 </span>
*/

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

 #topContent {
  background-image: url(figsGeneric/logos/TUDblau_2025.gif);
  position: relative;

  border-left: 0px; /* DOS */
  left: 0px;
  width:100%;

  top: 0px;
  height: 65px;
  font-weight: bold;
  color: #FFF
 }

 #professurHeader{ /* ACHTUNG: Fonts in a.professurLink*/
  background:#FFF;
  position: relative;

  left: 0px;
  width:100%;
  top: 0px;

  padding-top: 15px; /* Abstand text v. ob. Rand (font in a.professurLink) */
  padding-bottom: 15px;  /* Abstand text von unteren Rand */

 }



/* Layout des Inhalts-Teils der Seite */
/* falls Tabellen-Layout: bodyContentTable */
/* falls Inhalt auf ganze Seite ohne Navi-Teile  bodyContentSingle */
 #bodyContent {

/* (mai06) */

/* 

Global positioning attribute: "position"
 attributes for "position": static,relative,absolute,fixed 

 absolute: positioning mit top etc moeglich aber bug beim Printen 
 static: positioning nur links moeglich, print OK 
 fixed: positioning mit top etc moeglich aber bug beim Printen 
 relative: positioning top mit pixel (!) moeglich +Printen OK! 
           am besten alles mit "relative" 
*/

 position: relative;
 /*position: fixed;*/
 /*position: absolute;*/

/* 
transversal positioning attributes:

mit position:relative reicht width in % alleine. 
 Solange < (100-<Prozentangabe leftContent>) mittig im verbleibenden
Raum (Schwerpunkt (50+0.5*<Prozentangabe leftContent>)%)
!! jede zusaetzl. "left" Angabe, egal ob absolut oder relativ,
egal ob Weite reichen sollte oder nicht, 
fuehrt zu horiz. Scrollbalken! => mit padding oder margin-left
*/ 
  background-color:#FFFFFF;

  width: 83%;  /* DOS */
  min-width: 500px;
  margin:0px; /* DOS */
  float:right;
  padding-left: 1%;
  padding-top: 0%;

    /* top nur mit pixel, nie %, da offens. unsinnig 
Falls parent frame (Element darueber relatives positioning, 
schmiegt es sich mit 0 px natuerlich untereinander (mit +Pixel 
drunter, -pixel drueber).
Bei absoluten Werten muss man auch hier (obwohl relative 
Positionierung!) die ab. Pixel angeben!
*/
  
  top: -0px;    

}

/* ========================================
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> 
          Hier die  linke Link-Leiste 
       </td>
       <div id="bodyContentTable"> <td bgcolor="FFFFFF"> 
          Hier h1-Titel und Haupt-Inhalt 
       </td></div>    <!-- bodyContentTable-->
    </tr> <!-- der einzigen Zeile der Layout-Tabelle-->
  </table> <!-- der Layout-Tabelle -->
</body>
=========================================== */

#bodyContentTable{
  font-size:10px; DOS
  font-family: sans-serif;

  padding-left: 0px;
  margin: 7px;
/*  background-color: #FFF;*/ /* Text ausser links */
}


/* bodyContent, falls dieser auf ganzer Seite ohne Navi-Leiste*/

#bodyContentSingle{
  font-size:12px;
  font-family: sans-serif;
  color: #F00; /* DOS */
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  background-color: #FFF; /* Text ausser links */
}




/* TU logo img IN THE html Files! Example
(width optional; globally change by scaling the image):
<span class="logoTUPosition">
<img src="./figsGeneric/logos/TU_Logo_WS.gif" width="180px">
</span> 
*/

.logoTUPosition /*works*/
{
position: absolute;
top:  5px;
left: 29px;
/*z-index:-1;*/

}


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

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

/*z-index:-1;*/

}

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

/* example: 
<span class="logo3DPosition">
<img src="./figsGeneric/logos/3Dtraffic_logo.jpg" width="100"">
</span>
*/

.logo3DPosition
{
position: absolute;
top: 165px;
right: 20px;
/*z-index:1;*/

}

.signPosition
{
position: absolute;
bottom: 10px;
left: 20%;
width: 70%;
z-index:0;
}

/* <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;
}




/* List items appearance. call, e.g., with <ul class="disc"> ... </ul>
   WATCH OUT! list-style-image bug: 
  - not overridable in inner lists when  using
    ul.blue css with  <ul class="blue">
  - overridable in inner lists when  using
    #ulblue css with  <ul id="ulblue">
*/

ul.disc 
{
    list-style-image: none;
    list-style-type: disc
}

ul.circle 
{
    list-style-image: none;
    list-style-type: circle
}

ul.square 
{
    list-style-image: none;
    list-style-type: square
}
ul.red
{
    list-style-image:
    url('./figsGeneric/ballsArrows/red-bullet-transp_small.png')
}
ul.blue
{
    list-style-image:
    url('./figsGeneric/ballsArrows/blue-bullet-transp_small.png')
}
#ulblue {
    list-style-image:
    url('./figsGeneric/ballsArrows/blue-bullet-transp_small.png');
    list-style-type: circle;
}

ul.traffic
{
list-style-image: url('./figsGeneric/logos/Logo_3Dsep05_small.jpg')
}
ul.greenArrow
{
list-style-image: url('./figsGeneric/ballsArrows/arr_green.gif')
}
 
ol.normal {
    list-style-image: none;
    list-style-type: decimal;
}
ol.roman {
    list-style-image: none;
    list-style-type: upper-roman;
}
ol.i {
    list-style-image: none;
    list-style-type: lower-roman;
}