/**************************************************************************/
/**                                                                      **/
/*  Homepage www.theaterwerkstatt-heidelberg.de   2008                    */
/*  Programm by: Andreas Gonell  mail@surium.de                           */
/*                                                                        */
/*  *id = "$Id: $"  */
/**                                                                      **/
/**************************************************************************/

/* body und allg. tags */

  body {
    margin:0px; 
    padding:0px; 
    border:0px;
    background-color:#F5F3EF;
    font-family:verdana, arial, sans-serif;
    font-size:12px;
    color:#635B52;  /* ori 796F63 */
  }
  img, form, p {
    margin:0px; 
    padding:0px; 
    border:0px;
  }
  p, h1, h2, h3, h4, h5, h6, img, form {
    margin:0px; 
    padding:0px; 
    border:0px;
    font-style:normal;
    font-weight:normal;
  }
  p, td, h1, h2, h3, h4, h5, h6 {
    font-family:verdana, arial, sans-serif;
    font-size:12px;
    color:#635B52;  /* ori 796F63 */
  }
  h1, h2 {
    height:28px;
    background-repeat:repeat-x;
    padding-top:7px;
    font-weight:bold;
  }
  h1 {
    background-image:url(pix/striche-h1.gif);   /* background-image für h2 siehe global_layout.lib*/
  }
  h3 {
    font-weight:bold;
    padding-top:0px;
    margin-bottom:3px;
  }
  h4 {
    font-weight:bold;
    padding-top:0px;
    margin-bottom:3px;
  }
  ul, ol {
    margin-top:0;
    margin-bottom:0;
  }
  li {  /* margin: siehe auch browserspezifisch */
    line-height:18px;
  }
  a {
    text-decoration:none;
  }
  a:hover {
    text-decoration:underline;
  }


/* allg. class */

  .fliess_block {
    margin-bottom:24px;   /* 20 */
  }
  .fliess_block_letzter_in_kat {
    margin-bottom:26px;   /* 32 */
  }
  .letzter_in_kat_hg {
    background-repeat:repeat-x;
    background-position:left bottom;
  }
  .fliess {
    line-height:18px;
    margin-bottom:6px; /* 18 */
  }
  .gruen {
    color:#13C4C5;
  }
  .clear {
    clear:both;
  }
  .fett {
    font-weight:bold;
  }

  .abstand_9 {
    height:9px;
    font-size:0px;
    line-height:0px;
  }
  .abstand_11 {
    height:11px;
    font-size:0px;
    line-height:0px;
  }


/* allg. layer */


  /* header */


  /* navi */
  

  /* content */

  #content_pos {
  }
  
    /* index */
    
    /* theater + kurse */
    
    .vera_block_uebersicht, .vera_block_uebersicht_ohne_bild, .vera_block_details {
      background-repeat:repeat-x;
      background-position:bottom left;
    }
    .vera_block_uebersicht, .vera_block_uebersicht_ohne_bild {
      margin-bottom:26px;   /* 33 */
    }
    .vera_block_uebersicht {
      height:150px;
    }
    .vera_block_uebersicht_ohne_bild {
      padding-bottom:11px;
    }
    .fliess_vera_nebentext, .fliess_vera_nebentext_ohne_bild {
      line-height:18px;
    }
    .fliess_vera_nebentext {
      margin-top:11px;
    }
    .fliess_vera_nebentext_ohne_bild {
      margin-bottom:6px;
    }
    .vera_bild {
      margin:4px 22px 11px 0;
    }

    .vera_ueber_r_outer, .vera_details_r_outer {
      margin-top:5px;
      overflow:hidden;
      position:relative;
      z-index:1;
      /*border:1px solid blue;*/
    }
    .vera_ueber_r_outer {
      height:100px;  /* 99 */
    }
    .vera_details_r_outer {
      height:199px;   /* 198 */
    }
    .vera_ueber_r_middle, .vera_details_r_middle {
      position:absolute;
      bottom:0px;
      z-index:1;
    }

    .vera_block_details {
      height:249px;
      margin-bottom:9px;
      background-image:url(pix/striche-grau.gif);
    }
    .vera_block_details_ohne_bild {
      margin-bottom:0px;
    }
    #vera_orte_besch {
      background-repeat:repeat-x;
      background-position:left bottom;
      margin-top:-3px;
    }
    #vera_orte {
    }
    #vera_besch {
    }
    #detail_zurueck {
      margin-top:9px;
    }


    /* kurse */
    
    
    /* karte */
    #google_map {
      height: 700px;
      width: 100%;
    }
    .info-marker {
      width: 370px;
    }
    .info-marker .bild {
      float: left;
      width: 100px;
    }
    .info-marker .text {
      float: left;
      font-family: arial, helvetica, sans-serif;
      font-size: 11px;
      line-height: 15px;
      width: 270px;
      
    }
    #google_map .tooltip  {
      background: white;
      padding: 3px;
      white-space: nowrap;
    }
    

    /*  kontakt formulare  */

    #kontakt_form {
      padding-bottom:33px;
    }

    .pflicht_feld {
      /*color:red;*/
    }

    .button_senden {
      border:1px solid #b1ada9;
      background-color:#f5f3ef;
      color:#FD5000;
      font-size:11px;
      font-family:verdana,helvetica,arial,sans-serif;
      cursor:pointer;
      /*text-transform:uppercase;*/
      margin-top:2px;
    }
    .button_abbrechen {
      border:1px solid #b1ada9;
      background-color:#f5f3ef;
      color:#635b52;    /* #333333 */
      font-size:11px;
      font-family:verdana,helvetica,arial,sans-serif;
      cursor:pointer;
      /*text-transform:uppercase;*/
      height:18px;
      padding-left:10px; padding-right:10px;
      padding-top:1px; padding-bottom:1px;
    }
    .button_senden_text {
      border:1px solid #C6C6C6;
      background-color:#F2F2F2;
      color:#FD5000;
      font-size:11px;
      /*font-family:"courier new",monospace;*/
      font-family:verdana,helvetica,arial,sans-serif;
      cursor:pointer;
      /*text-transform:uppercase;*/
      height:17px;
      padding-left:10px; padding-right:10px;
      padding-top:1px; padding-bottom:1px;
    }
    a.button_senden:hover, a.button_abbrechen:hover, a.button_senden_text:hover {
      text-decoration:none;
    }
    .input {
      border:1px solid #C6C6C6;
      font-family:"courier new",monospace;
      background-color:#ffffff;
      font-size:12px;
    }
    .form_trenner_h { width:15px; }
    .form_trenner_v {
      height:6px;
      font-size:1px;
      clear:both;
    }

    .tr_form {
      clear:both;
      width:380px;
      /*border:1px solid white;*/
    }
    .td_form_li {
      float:left;
      width:70px;
    }
    .td_form_re {
      float:right;
      width:310px;
    }


  /* link boxen */  
  
  .linkboxen-row {
    /* width 627 */
    padding-top: 1px; 
    background: url(pix/striche-grau.gif) repeat-x left top;
  }
  .linkboxen-row .last {
    margin-right: 0px;
  }
  .linkbox_pos {
    float: left;
    width: 205px;
    margin-right: 5px;
    /*background: #FAF8F5;  /* FAF8F5 */
    /*background: url(pix/striche-grau.gif) repeat-x left top;*/
  }
  .linkbox {
    /*padding: 6px;  /* mit hg farbe */
    padding: 4px 10px 6px 0;
  }
  .linkbox a {
    font-size: 11px;
  }
  

  /* footer */

  #footer_pos {
    clear:both;
    /*margin-top: 55px;*/ /* ohne linkboxen */
    /*margin-top: 20px;*/
    height:28px;
    background-image:url(pix/striche-h1.gif);
    background-repeat:repeat-x;
    padding-top:7px;
  }
  #copy_pos, #impressum_pos {
    /*margin-top:22px;*/
    /*font-size:11px;*/
    text-transform:lowercase;
  }
  #copy_pos {
    float:left;
  }
  #nach_oben_pos {
    float:right;
  }
  .aktualisierung {
    /*text-transform:none;*/
  }
  a.imp {
  }
  #footer_pos span.trenner {
    /*color:#1A1A1A;*/
    padding:0 8px 0 8px;
  }