/*
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 { 
  background-color:#EEEEEE;
  /*background-color:#FFFFFF;*/
  font-size:11px; /* 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: 11px; 
     background-color:#DDD;
}

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


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


.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 {
           text-align: center;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
        letter-spacing: 1px;
        /*font-variant: small-caps;*/
        padding-top:10px;
        /*text-transform: uppercase*/
 }
 
 h2 {
	font-family: courier, sans-serif;
	/*font-family: arial, sans-serif;*/
	font-size: 16px;
	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: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: #102850;
	font-family: sans-serif;
        letter-spacing: -1px;

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

}

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

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


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


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

a.navigProfLink{ 
  font-family: sans-serif;
  letter-spacing: -1px;
  font-size: 11px;
  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: 11px;
}

.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;
}




/* specifications for different "frame" columns
apply in html, e.g.: <div id="leftcontent"> (text) </div>
  float:left;
*/

/* comments see at "bodyContent" */

 #leftContent {
  /*Achtung: background-color,background-image
     border* alles DOS, da Trick mit "Height=0" */
  background-image: url(figsGeneric/logos/ProfessurBlau.gif);
  background:#FFFFFF;

  border-left:0px solid #EEF;
  margin:0px;
  left: 0%;
  width: 17%; /* DOS */
  font-weight: bold;
  position: relative;
  /*position: absolute;*/



/*  Falls position: relative;*/
  /*height: 0px; */
  top: 0px; 
/* Text wird bei height: 0px trotzdem bis zum Ende des 
  Brausers angezeigt 
  coole Moegl., ohne Nebeneffekte auf den bodyContent 
  (fuer endliche Hoehen muesste er ein top: -<height> haben!)
*/

/* Falls position: absolute: */

  /* nicht "top: 120px" wg. dem Javascript "anylink.css" */
  /*padding-top:120px;*/ 


 }

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

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

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

 #professurHeader{
  /*background:#102850;*/
  background-image: url(figsGeneric/logos/ProfessurBlau.gif);
  position: relative;

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

  padding-top: 5px; /* Abstand text von oberen Rand */
  padding-bottom: 6px;  /* Abstand text von unteren Rand */

  /* height: 40px;*/
  line-height: 15px; /*Linienabstand: dist. linkListe und "PROFESSUR.." */

  font-weight: bold; /* Link-fonts, Abstand und Farben => professurLink */

 }

 #hierarchieHeader{
  /*background:#102850;*/
  background-image: url(figsGeneric/logos/HierarchieBlau.gif);
  position: relative;

  /* left 0 px noetig wg. blauen Hintergrund 
  Verwende <span class="eingerueckt" ... </span> fuer eingerueckten text */

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

  line-height: 12px; /*Linienabstand */
  padding-top: 4px; /* Abstand text von oberen Rand */
  padding-bottom: 8px;  /* Abstand text von unteren Rand */
  color: #FFF; /* Text ausser links */

  /*height: 50px;*/  /* automatic ohne Angabe */


  }


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

}

/* bodyContent, falls Layout mit table */
#bodyContentTable{
  font-size:11px;
  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:11px;
  font-family: sans-serif;

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




/* example: 
<span class="logoTUPosition">
<img src="./figsGeneric/logos/TU_Logo_WS.gif" width="250">
</span>
*/

.logoTUPosition
{
position: absolute;
top:  16px;
left: 19px;
/*z-index:-1;*/

}

.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;
}

/* 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>*/
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('./figsGeneric/logos/Logo_3Dsep05_small.jpg')
}
ul.greenArrow
{
list-style-image: url('./figsGeneric/ballsArrows/arr_green.gif')
}