/* ---------------------------------------------------------------------
  GLOBALE EINSTELLUNGEN  
     - Schriftart und -farbe
     - Anchor-Elemente
  
  Farbe1 : #63c3a5 (türkis)            - Hauptfarbe1
  Farbe2 : #<<f(türkis-hell)           - Hauptfarbe 2, Hintergrund, Menüschrift
  Farbe3 : #f7c75a (orange)            - Akzentfarbe 
  Farbe4 : #002e52 (dunkelblau)        - Schriftfarbe, Hintergrund Menüleiste

  --------------------------------------------------------------------- */

  /* Hintergrund und globale Schriftart */
  BODY { 
     background: #ceebe7 url('images/layout/see-background.png') 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: #5faad6; text-decoration: underline;}
  H1 A, H2 A, H3 A, H4 A  { color: #002E52; text-decoration: none;}
  A:link                  { color: #5faad6;} 
  A:visited               { color: #5faad6;} 
  A:hover                 { color: #002E52;}  
   
  A.title                 { background-color:transparent; color: #4C6C86; text-decoration: none;}
  A.title:link            { background-color:transparent; color: #4C6C86;} 
  A.title:visited         { background-color:transparent; color: #4C6C86;} 
  A.title:hover           { background-color:transparent; color: #5faad6;} 

  /* RD 2008-02-01 font-size: 9pt->8pt */
  A.titleSmall            { background-color:transparent; font-size: 8pt; color: #4C6C86; text-decoration: none;}
  A.titleSmall:link       { background-color:transparent; font-size: 8pt; color: #4C6C86;} 
  A.titleSmall:visited    { background-color:transparent; font-size: 8pt; color: #4C6C86;} 
  A.titleSmall:hover      { background-color:transparent; font-size: 8pt; color: #5faad6;} 

  I.titleSmall            { font-size: 8pt; }
  
  /* ---------------------------------------------------------------------
  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: #ceebe7;
    text-decoration:none;
    font-family:arial,sans-serif; 
    font-size:10pt;  /* RD 2008-02-01 font-size: 10pt->10pt */
    width:156px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:1px; 
    padding-top:1px; 
    margin:0px auto;
    background-color:transparent;
  }

  #navigation a.last {
      margin-bottom: 14px;
  } 

  #navigation a:visited { background-color:transparent; }
  #navigation a:active  { background-color:transparent; }
  #navigation a:hover   { background-color:#4C6C86; }
        
 
  /* ---------------------------------------------------------------------
  SEITENINHALT
  --------------------------------------------------------------------- */  
  DIV.body  { 
    left:170px;
    top:110px;
    width:620px;
    margin:0px;
    padding:0px;
    padding-bottom:40px;
    background-color:transparent;
    font-size:10pt; /* RD 2008-02-01 font-size: 10pt->10pt */
    position:absolute;
  }

  DIV.bodyAbendveranstaltung  { 
    left:170px;
    top:110px;
    width:620px;
    margin:0px;
    padding:0px;
    padding-bottom:40px;
    background: #f7f4d3 url('images/chinoise.jpg') no-repeat left top;
    font-size:10pt;  /* RD 2008-02-01 font-size: 10pt->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;
  }

  SPAN.news {
    background-color:white; 
    padding: 4px; 
    border: 1px inset #002e52; 
    position: absolute; 
    top: 35px; 
    left: 440px; 
    width: 160px; 
    font-size: 8pt;
  }

  SPAN.news P {
    margin: 0px;
    padding: 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; /* RD 2008-02-01 font-size: 10pt->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/layout/see-banner.png') no-repeat 0px 0px;
    margin:0px;
    padding:0px;
    font-size:10pt; /* RD 2008-02-01 font-size: 10pt->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:110px;
    background-color: transparent; 
    margin:0px;
    padding:0px;
    left:805px;
    width:169px;
    font-size:10pt;  /* RD 2008-02-01 font-size: 10pt->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; /* RD 2008-02-01 font-size: 16pt->16pt */
    text-align:left;
  }         
     
  H2 {
    margin-top:20px;
    margin-bottom:10px;
    font-size:14pt; /* RD 2008-02-01 font-size: 14pt->14pt */
    font-weight:normal;
    text-align:left;
  }  

  H3 {
    margin-top:10px;
    margin-bottom:5px;
    font-size:12pt;/* RD 2008-02-01 font-size: 12pt->12pt */
    font-weight:bold;
    text-align:left;
  } 

  H4 {
    font-size:10pt;/* RD 2008-02-01 font-size: 10pt->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; }


  /* Paragraph Menueleiste */
  P.invers { 
    color:#ceebe7; 
    font-size:9pt;
  }
    
  P.invers A         { color:#ceebe7 !important; text-decoration:none; }
  P.invers A:hover   { color:#ceebe7 !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; /* RD 2008-02-01 font-size: 10pt->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 TD.kaffeepause, 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;
  }  

  TD.session1 I, TD.session2 I, TD.session3 I {
    font-size: 8pt;
  }

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

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

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

  TABLE.agenda TD.session1 {
    background-color: #F0F8FF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
  }
  TABLE.agenda TD.session2 {
    background-color: #F5FFFA;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
  }
  TABLE.agenda TD.session3 {
    background-color: #FAEBD7;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
  }
  TABLE.agenda TD.kaffeepause{
    text-align: center !important;
    background-color: #EEEEEE;
    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;/* RD 2008-02-01 font-size: 10pt->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 */
/* CSS Document */