@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
  #logo { float:left; width:289px; margin-right:41px; }
  #butterfly { float:left; width:273px; margin-right:34px; }
  #ehft {float:left; width:102px; margin-right:2px; }
  #metanav {float:right; width:225px; margin-right:10px; }

  #cat { margin:80px 10px 0 10px;}
  
  .lm_pawframe { padding-left:33px; width:703px; background: url(../img/paw.gif) no-repeat left 4px; }
  .lm_frame { padding-left:33px; width:703px; }  
  
  .marker-layer {
    position:absolute; 
    width:238px;
    min-height:160px;
    z-index:20; 
    top:93px; 
    left:356px;
  }
  .marker-layer p { font-size:100%; color:#003F7F; margin:0; padding:5px 9px 10px 77px;}
   
  #form37 label {
    display: block;
    float: left;
    width: 100px;
  }
  
  #form37 input, #form37 textarea {
    width:238px;
  }
  
  #form37 .form_error { 
    border: 1px solid #E3001B;
  }
  
  #col1 .blog_image a,
  #col1 .blog_image a:focus,
  #col1 .blog_image a:hover,
  #col1 .blog_image a:active { border-bottom:0 none; }  
  #blog_list .lm_pawframe { background-position:0 12px; }
  #blog_list .lm_pawframe { margin-bottom:50px; }  
  .blog_date { padding-left:1px; font-size:0.8em;}
  .blog_content { padding-left:1px; margin:15px 0; }
  .blog_image { float:right; margin:0 10px 0 25px; }
  #col1 .blog_title a, #col1 .blog_content a, #col1 .blog_comments a,
  #col1 .blog_title a:focus, #col1 .blog_content a:focus, #col1 .blog_comments a:focus,
  #col1 .blog_title a:hover, #col1 .blog_content a:hover, #col1 .blog_comments a:hover,
  #col1 .blog_title a:active, #col1 .blog_content a:active, #col1 .blog_comments a:active { border:0 none; color: #003F7F; text-decoration:none; }
  .blog_technorati { padding-left:1px; margin-bottom:10px; font-size:0.8em;}
  .blog_comments { padding-left:1px; font-size:1.2em; }
    
  .tx-guestbook-field { margin-bottom:5px;}  
  .tx-guestbook-field label { width:100px; float:left;}
  .tx-guestbook-header { padding:5px; color:#fff; background-color:#E3001B; margin:0px; margin-right:67px;}
  .tx-guestbook-entry { border:1px solid #E3001B; padding:5px; margin-right:67px;}
  .tx-guestbook-left { float:left; height:100%; width:25%; }
  .tx-guestbook-right { float:right; width:75%; }
  .tx-guestbook-date { font-size:0.8em; }
}