/* ---------------------------------------------------------------------
  GLOBALE EINSTELLUNGEN  
     - Schriftart und -farbe
     - Anchor-Elemente
  --------------------------------------------------------------------- */

  /* Hintergrund und globale Schriftart */
  BODY { 
     background:#FFFFFF url('images/see-back-small-1.gif') repeat-y left top;
     font-family:verdana,sans-serif; color:#002E52;
  }
        

  /* Globale Textfarbe */       
  P, H1, H2, H3, H4, H5, H6, OL, UL, LI, TD {
      color:#002E52; 
  }
  

      
  /* Standardlinks auf den Seiten */
  A                       { color: #5FAAD9; text-decoration: underline;}
  H1 A, H2 A, H3 A, H4 A  { color: #002E52; text-decoration: none;}
  A:link                  { color: #5FAAD9;} 
  A:visited               { color: #5FAAD9;} 
  A:hover                 { color: #4C6C86;}  
   
      
  
  /* ---------------------------------------------------------------------
  MENUELEISTE
     - Menueleiste muss ein Element mit ID #navigation haben (z.B. TABLE oder SPAN)
     - Innerhalb von #navigation definierte Anchors haben spezielle Formatierung
     - Ausserhalb von #navigation Formatierung nach "Globaler Vorlage"
  --------------------------------------------------------------------- */
  
  DIV.menu {  
    left:0px;
    top:110px;  
    width:170px;
    margin:0px;
    padding:0px;
    padding-top:0px;
    background-color: transparent;
    font-size:10pt;
    position:absolute; 
  } 
 
  /* Bei faehigen Browsers: halten des Menues am linken Rand */
  /* BODY>DIV.menu { position: fixed; } */
  
  /* Container der Navigationselemente enthaelt (z.B. TABLE) */
  #navigation {
    background-color:transparent;
    margin:0px;
    padding:0px;
  }
  
    
  /* Spezielles Anchor-Markup fuer Menueleiste */
  #navigation a {
    display: block;
    color:#002E52;
    text-decoration:none;
    font-family:arial,sans-serif; 
    font-size:10pt; 
    width:156px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:3px; 
    padding-top:3px; 
    margin:0px auto;
    background-color:transparent;
  }

  #navigation a:visited { color:#002E52; background-color:transparent; }
  #navigation a:active  { color:#002E52; background-color:transparent; }
  #navigation a:hover   { color:#002E52; background-color:#D4CD77; }
        
 
  /* ---------------------------------------------------------------------
  SEITENINHALT
  --------------------------------------------------------------------- */  
  DIV.body  { 
    left:170px;
    top:110px;
    width:620px;
    margin:0px;
    padding:0px;
    padding-bottom:40px;
    background-color:transparent;
    font-size:10pt;
    position:absolute;
  }
  

  DIV.body P, DIV.body H1, DIV.body H2, DIV.body H3, DIV.body H4, DIV.body OL, DIV.body UL, DIV.body FORM {
      padding-left:15px;
      padding-right:15px;
  }
  
  DIV.body P {
    margin:0px;
    padding-top: 3px;
    padding-bottom: 3px;
  }


  /* ---------------------------------------------------------------------
  SEITENBANNER (ganz oben, Abstandshalter zu .banner)
     - Definition ist nicht notwending, ausser wenn Inhalt ueber dem Banner erscheinen soll
  --------------------------------------------------------------------- */    
  DIV.pagetop  { 
    top:0px;
    width:790px;
    height:10px;
    margin:0px;
    padding:0px;
    left:0px;
    font-size:10pt;
    position:absolute;
  }
  

  /* ---------------------------------------------------------------------
  SEITENBANNER (100px hoch und 830px breit), 
     - Logo als Hg, nicht als IMG, wegen untersch. Positionierung IE/Mozilla
     - ImageMap: durchsichtiges GIF mit Hoehe 96px als IMG
     - url des Bildes in index.html als Anchor in einem HTML-Kommentar wg. Exporttool
  --------------------------------------------------------------------- */    
  DIV.banner  { 
    top:10px;
    left:0px;
    width:830px;
    height:100px;
    background:#FFFFFF url('images/see-logo.png') no-repeat 0px 0px;
    margin:0px;
    padding:0px;
    font-size:10pt;
    position:absolute;
  }
  
  DIV.banner P {
      padding:0px;
      margin:0px;
      padding-right:55px;
  }


  /* ---------------------------------------------------------------------
  RECHTE SEITE (zus. Banner, Infos, etc.)
     - Definition nicht notwendig, ausser wenn Information rechts des Randes benoetigt wird.
  --------------------------------------------------------------------- */    
  /*DIV.rechts  { 
    top:0px;
    background-color: #5FAAD9; 
    margin:0px;
    padding:0px;
    left:830px;
    width:50px;
    font-size:10pt;
    position:absolute;
  }
        
   DIV.rechts P, DIV.rechts H2, DIV.rechts H3, DIV.rechts H4, DIV.rechts OL, DIV.rechts UL {
      padding:4px;
  } */  
 


  /* ---------------------------------------------------------------------
  STANDARD FORMATVORLAGEN
  --------------------------------------------------------------------- */    
  H1 {
    margin-top:30px;
    margin-bottom:10px;
    font-size:16pt;
    text-align:left;
  }         
     
  H2 {
    margin-top:20px;
    margin-bottom:10px;
    font-size:14pt;
    font-weight:normal;
    text-align:left;
  }  

  H3 {
    margin-top:10px;
    margin-bottom:5px;
    font-size:12pt;
    font-weight:bold;
    text-align:left;
  } 

  H4 {
    font-size:10pt;
    font-weight:bold;
    text-align:left;
  }         

  /* Rechtsbuendiger Paragraph (als class)*/      
  .right P, P.right {
      text-align:right !important;
  }


  /* ---------------------------------------------------------------------
  SPEZIELLE FORMATVORLAGEN
  --------------------------------------------------------------------- */
  
  /* Paragraph mit Rahmen */              
  P.liste {
    border: 1px #4C6C86 solid;
    margin:10pt;
    padding:2pt;
    display:block;
  }
        
  /* Paragraph mit Rahmen, spezielle Hervorhebung */
  P.hinweis {
    border: 1px #4C6C86 solid;
    background-color:#EDF4FA;
    margin:10pt;
    padding:4pt;
    display:block;
    text-align:center;
  }

  /* Paragraph fuer Fussnoten */
  P.tools   { 
    color:#808080; 
    font-size:7pt;
    margin-bottom:20px !important;  
    margin-top:2px !important;
  }
    
  P.tools A         { color:#808080 !important; text-decoration:none; }
  P.tools A:hover   { color:#404040 !important; }

  /* Elemente werden nur beim Ausdruck eingeblendet */
  .onlyprinted {
    visibility: hidden;
  }

   
  HR {
     color: #000000;
     height: 1px;

  }


  /* ---------------------------------------------------------------------
  TABELLEN
  --------------------------------------------------------------------- */
   
  TD, TH { vertical-align: top; }
      
  TD, TH, TD P, TH P {
    margin: 0px !important;
    font-size: 10pt;
    padding-right:  2px !important;
    padding-left:   2px !important;
    padding-top:    1px !important;
    padding-bottom: 1px !important;
    min-width: 0px;
    text-align: left !important;
  }

  TH.center P, TD.center P {
    text-align: center !important;
  }

  TABLE.agenda {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
  }

  TABLE.agenda A {
    text-decoration:none;
  }

  TABLE.agenda TR.programm, TABLE.agenda TR.pause, TABLE.agenda TD.session1, TABLE.agenda TD.session2, TABLE.agenda TD.session3 {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
  }

  TABLE.agenda TR.pause {
    background-color: #EEEEEE;
  }

  TABLE.agenda TR.programm {
    background-color: #FFFFFF;
  }

  TABLE.agenda TD, TABLE.agenda P {
    padding: 5px 7px 5px 7px !important;
    vertical-align: center;
  }

  TABLE.agenda TD.session1 {
    background-color: #F0F8FF;
    /*text-align: center !important;*/
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
  }
  TABLE.agenda TD.session2 {
    background-color: #F5FFFA;
    /*text-align: center !important;*/
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
  }
  TABLE.agenda TD.session3 {
    background-color: #FAEBD7;
    /*text-align: center !important;*/
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
  }

        
  /* ---------------------------------------------------------------------
  LISTEN
  --------------------------------------------------------------------- */
            
  OL, UL {
    margin-left: 40px;
  }
      
  OL OL, OL UL, UL OL, UL UL, UL P, OL P {
    margin-left: 10px;
    margin-right: 0px;
  }
        
  LI {
    font-size:10pt;
    margin-top: 4px;
    margin-bottom: 4px;
  }
        
        
  /* ---------------------------------------------------------------------
  BILDER
     - .frame      : statisches Bild mit Rand und Rahmen
     - .th         : statisches Bild (kleine Bilder) ohne Rahmen, wenig Rand
     - .left       : Bild im Fliesstext, linksbündig, ohne Rahmen
     - .floatLeft  : Bild im Fliesstext, linksbündig, mit Rahmen
     - .right      : Bild im Fliesstext, rechtsbündig, ohne Rahmen
     - .floatRight : Bild im Fliesstext, rechtsbündig, mit Rahmen
  --------------------------------------------------------------------- */      

  IMG.frame {
    border: thin #4C6C86 solid;
    padding: 1px;
    margin:5px;    
  }
      
  /* Bilder im Text, mit Umrandung */
  IMG.floatLeft, IMG.floatRight {
    border: thin #4C6C86 solid;
    padding: 3px;
    margin-top:3px;
    margin-bottom:3px;    
  }

  /* Bilder auf linker Seite */
  IMG.floatLeft, IMG.left  { 
    float:left; 
    margin-right:6px;
    margin-left:0px;
  }
    
  /* Bilder auf rechter Seite */
  IMG.floatRight, IMG.right { 
    float:right; 
    margin-right:0px;
    margin-left:6px;
  }
    
  /* Kleine Bilder mit zusaetzlichem Rand */
  IMG.th {
    margin:2px;
  }
    

  /* ---------------------------------------------------------------------
  FORMULARE
  --------------------------------------------------------------------- */
    
  FIELDSET {
    width:500px;
    border: 1px #4C6C86 solid;
  }

  FIELDSET FIELDSET {
    width:460px;
    border: 1px #4C6C86 solid;
  }

  INPUT.right {
    float:right;
  }
	


  /* ---------------------------------------------------------------------
  EINSTELLUNGEN FUER DRUCK
  --------------------------------------------------------------------- */

@media handheld {
  BODY { 
     background: #FFFFFF left top !important; 
  }
}    


@media print {

  BODY                           { 
    background: #FFFFFF left top !important; 
  }
  
  H1, H2, H3, H4, H5, H6, LI, P  { 
    color: #000000 !important; 
  }
  
  P.hinweis { 
    border: 0px !important; 
    text-align: center !important; 
  }
  
  .onlyprinted {
    visibility: visible;
    padding: 5px;
  }

  DIV.body, P.liste, DIV.banner  { 
    border: 0px !important; 
    text-align: left !important; 
  }
  
  DIV.menu, DIV.pagetop, DIV.banner   { 
    visibility: hidden !important; 
  }
  
  DIV.body   { 
    left:0px;
    top:0px;
    position:relative; 
    margin:2px !important; 
    width:auto !important;
  }
  
}
        
 /* Ende */