/* Klappt einwandfrei bei NNavigator und IE6; trotzdem wegen anderer Browser lieber
    mit <link rel="stylesheet type="text/css" />

  @import url(menu.css);

 */
 
@import url(framediv.css);

/*
15.2.2 CSS2 font-family:
Authors are encouraged to offer a generic font family as a last alternative,
for improved robustness.
*/
body{
  margin-top:0px;
  background-color:#ffffff;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 11pt;
  line-height: 1.2;
  color: #000000;     
}

img {
  border:0;
}

  div.Root{
    width:980px;
    padding:5px;
    margin-left: auto;
    margin-right: auto;
  }

  div.Root div.Header{

  }

  div.Root div.Main{
    border-top: 10px solid #ddddff;  
    border-bottom: 10px solid #ddddff;   
    background-color: #eeeeff;
  
    background-image:url(../images/mainbg.gif);
    background-repeat:repeat-y;
    background-position: 190px top;
  }

  div.Main div.MenuPart{
    width:190px;
    float:left;
    overflow: auto;
    padding-top: 10px;
  }

 div.MenuPart div.Menu{

 }


  div.Main div.BodyPart{
    margin-left:10px;
    width:535px;
    margin-right:10px;    
    float:left;
    padding:10px;
    
    background-color: #ffffff;    
  }

  /*
    220px (Restbreite bzgl width of containing block,
    der letztendlich durch die Root festgelegt ist) stehen zur Verfuegung.
    Damit klappts auch bei IE und Firefox (ansonsten wuerde ein part wohl nach unten
    rutschen). Um sicher zu sein, nutze ich diese nicht voll aus
  */
  div.Main div.SpecialPart{
    width:205px;
    float:right;
    padding-right:5px;
    padding-top: 10px;   
  }

  /*
     clear:both wegen NS7.1, Firefox, CSS2 wohl auch
  */
  div.Root div.Footer{
     clear:both;
  }

  div.Root div.w3cIcon{
    margin-top: 10px;
    text-align: center;
  }
  
  /*
   Fuer float and image ganz wichtig:
   Sollte diese div als container fuer nested
   divs mit float:left (logo.gif) und float:right (abstract logo)
   verwendet werden, ist 
   padding-bottom:1px;
   oder vergleichbares (border-bottom) notwendig.
     
    Nachteil Lösung mit Hintergrundbild: kein link wie be a href, Notebook
    plus eingestellter Streckung zeichnet nur teilweise in IE
    (Firefox umgeht diese stets)
    
    background-image: url(../images/logozv.gif);
    background-position: top left;
    background-repeat: no-repeat;      

    Logo positioniert Loesung
  */
  div.Root div.Header div.Logo{

  }
  
  div.Root div.Header div.headerIconBar{
    margin-top: 5pt;
    margin-bottom: 5pt;   
  }    

  /* Fuer logo als img
  div.Logo div.logoStart{
    width: 390px;
    float:left;
  } */
  
  /* Fuer logo als img tabelle */
  div.Logo div.logoStart{
    width: 385px;
  }
  


 /*   
   border: 1px solid #cc0000; 
    width:250px; 
    text-align: center; 
    padding-left:0 (der default)  ;
   height:64px;    
   overflow:auto|hide|scroll
   
   Laut CSS2 10.8.1:User agents center glyphs vertically in an inline box, adding half-leading on the
   top and bottom. leading = calculated line-height minus font-size.
   
      padding-left: 1em; statt text-align: center
      
      logo als background-image:
      margin-left: 390px;
      width: auto;   
                  
      
      logo als img:
      width: 590px;
      float: right;      
      
      logo als tabelle:
      width: 590px;
      margin-left: auto;
  */
 div.Logo div.headerText{
   line-height:64px;
   font-size:22pt;   
   font-family:Times New Roman, serif, Arial,  Verdana;   

   color:#ffffff;  
   font-weight: bold;    
   text-align:center;
   
   background-color: #ff0066;
   background-image:url(../images/abstractlogo.gif);
   background-repeat:repeat-x;
   background-position:top left;   

   width: 590px;
   margin-left: auto;

 }



/* vertical-align ist nicht inherited */
table.MainTable td.logoEnd {
   background-color: #ff0066;
   background-image:url(../images/abstractlogo.gif);
   background-repeat:repeat-x;
   background-position:top left;
   vertical-align:top;  
} 
 
 
div.footerSeparator{
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  line-height:1.0;
  font-weight: bold;
}

a.seitenanfang{
  color: #ff0066;
  text-decoration:none;
}

a.seitenanfang:hover{
}



div.footerDiv {
  border-top:1px solid #333399;
  border-bottom: 1px solid #333399;
  margin-bottom: 5px; 
  padding-bottom:5px;
  padding-top:5px;
  margin-top: 5px;
  background: url(../images/germsmal.gif);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 100px;
  
}



/*
img.footerImage{
  border-style: none;
  float: right;
  position:absolute;
  top:5px;
  right:0px;
  
}
*/

/* footer */
.footer {
  font-size: 8pt;
  line-height:9pt;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  color: #000000
}

 
  /*
    background-color: #ffffff;
    background-image:url(../images/abstractmenu.gif);
    background-repeat:repeat;
    background-position:top left;
  */
  td.menu {
   vertical-align: top;  
  }
 

  
  div.special {
    margin-left:10px;
  }   
 

 
 /* line-height ist das minimum.
    line height = (proz oder factor) mal font-size;
    oder absolute in pt etc.
  */
 div.footerMiniLinks, div.headerMiniLinks{
  line-height:10pt;  
  background-color: #eeeeff;
  font-size:9pt;
 }

 div.headerMiniLinks{
   margin-top:3pt;
 }
 

 
 /*

   color:#dddddd;
   color:#eeeeee;  
   color:#ffffff;    
 */
 div.headerText span.headerText{
 }
 

  /* Überschriften, Paragraph, ... */
  
  h1, h2, h3, h4, h5 {
    font-size: 1.6em;
    color: #333399;
    font-weight: bold;
  }
  h2 {
    font-size: 1.3em;
  }
  h3 {
    font-size: 1.1em;
  }
  /* Ueberschreibe das Browser default stylesheet */
  h4, h5 {
    font-size: 1em;    
  }
  
  /* line-height: 1.1; ist ziemlich eng  */
  p {

  }


/* Hauptüberschrift des "body" 
   Gleiche margin unterschiede an td Grenze zwischen browsern aus.
*/
h1.bodyCaption {
  margin-top:0;
}

.standard, .link, .important, .advertising {
  line-height: 1.3;
  color: #000000
}

.important, .advertising {
  color:#333399;
}

.advertising {
  font-weight: bold;
  margin-bottom: 1.3em;
  margin-top: 1.3em;
}

p.standard {}
p.important {}
p.advertising {}

/* für zB span*/
.bold {font-weight: bold}
.nowrap {white-space: nowrap } 

/* link im text */
a.link {color: #0000FF}


.bulletItem{
  padding-left: 25px;
  background-image: url(../images/squareblue.gif);
  background-position: 0.5ex 0.5ex;
  background-repeat: no-repeat;
}



/*
  Wichtige Voraussetzung: geschuetztes Leerzeichen
  background-repeat: repeat reicht, aber sicher ist sicher
  overflow ist ueberfluessig; 
  width ist ueberfluessig; 
  background-position ist ueberfluessig , d. h.

div.hLine{
  background-image: url(../images/pix3.gif) ;
  line-height:1px;
}   

reicht eigentlich
*/

div.hLine{
  background-image: url(../images/pix3.gif) ;
  background-repeat: repeat-x;
  background-position: center;
  line-height:1px;
  overflow:hide;
  width:100%;
}

 /* TODO: Eventuell  background-color:  #eeeeff;    */
 div.iconBar{
   font-size: 9pt;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   padding-left: 5px ;
   padding-right: 5px ;
   padding-top: 2px;
   padding-bottom:2px;

   white-space:nowrap;
   overflow:visible;
   
   background-color:  #eeeeff;  

   border: 1px solid #ccccff
 }



 div.iconBarOver{
   border-top-color:#ff0066;
   border-bottom-color:#ff0066;
   
   border: 1px solid #0000ff
 }

/*
 Problem: Diese beste Loesung klappt nicht,
 weil IE5.5 padding fuer img tag ignoriert
 img.iconImage {
   padding:2px;
   vertical-align: middle;
   background-color:#ccccff;  
 }

 img.iconImageOver {
   border: 1px solid #0000ff;
   padding: 1px;
   background-color:#ccccff;

 }


 */

 /* border: 1px solid transparent klappt nicht; schwarz
    wird dann von IE angenommen
  */
 img.iconImage {
   padding:1px;
   vertical-align: middle;
   border: 1px solid #333399;
   background-color:#ffffff;   
 }

 img.iconImageOver {
   border: 1px solid #0000ff;
   padding: 1px;
   background-color:#ccccff;

 }


 /*
 span.iconImageOver {
   border-width:1px;
   border-style:solid;
   border-left-color:#ffffff;
   border-top-color:#ffffff;
   border-bottom-color: #666666;
   border-right-color: #666666;
   padding: 1px;

 }   */

span.iconImageLabel {
  padding-left: 2px;
  font-size: 9pt;
  font-family:   Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #333399;
  padding-right: 2em;
  vertical-align: middle;

}

span.iconBarDate {
  font-size: 9pt;
  font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: #333399;


  padding-left:50px;
}

table.iconBarHr{
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#eeeeee;
  margin-top: 5px;
  margin-bottom:10px
}

/*
  kontakt
*/

table.contactData {

}

table.contactData td.email {

}


table.contactData td.email a.email, a.Kontaktformular{
  font-size: 9pt;
  line-height: 10pt;
  font-family: Verdana, Tahoma, Arial;   
  font-weight:bold;
  color:#ff0066;  
  text-decoration:none;
}

table.contactData td.email a.email:hover, a.Kontaktformular:hover {
  color:#ff0066;  
  background-color: #ffff00;    
}