/* CSS-Definitionsdatei, www.pferde-unser-leben.de */
/* $Revision: 1.13 $ $Date: 2009/07/17 16:44:58 $ */


body { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;  font-size: 9pt; 
       margin: 0 ; padding: 0 ;  background-color: rgb(249,243,225); 
       min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
     }
 
 /* ===========================       areas           =========================== */
 
 div#wrapper{ width: 995px; margin: auto; position:relative; z-index:0}
 
 div#header { border:rgb(249,243,225) solid 5px;  height:150px;
              background-color: rgb(200,215,180);
              position:relative; z-index: 3}
              
.menu     { position: absolute; left: 240px; top: 126px; z-index: 200}
 
 div#left   { position: absolute; top:150px; left: 0px;  width:200px; margin: 5px ; 
              font-size: 7pt; z-index: 2 }
 
 div#content{ position:absolute; top: 155px; left: 5px;  margin: 0px 0px 0px 0px; 
              border-left:200px solid rgb(200,215,180); 
              padding-left: 20px; padding-right: 5px; z-index: 1 }   
              
              
              
/* ===========================   area details         =========================== */              
 
 div#header #SideTitle  { font-family: Arial,Helvetica, Verdana,Tahoma,sans-serif;
                          font-size:16pt; font-weight:bold; color:rgb(204,51,0);
                          margin-top: 20px; margin-bottom: 0; text-align: center; padding-top: 15px}
 div#header #SideSubTitle  { font-family: Arial,Helvetica, Verdana,Tahoma,sans-serif; 
                             font-size:12pt; font-weight: bold; color: rgb(204,51,0);margin: 0;
                             padding-top: 10px;  text-align: center; padding-bottom: 36px}

                        

/*  ===================   Mustermenue     ==========================    */
  #nav img, img {border:0;}  /* Verhindert Rahmen um Rechts und Unten-Pfeil */
 
  
/* Definitionen für das Gesamtmenu, insbesondere die Breite der Menuleiste */
#nav, #nav ul { float:left; width: 55em; padding:0; margin:0; list-style:none; line-height: 1;} 
#nav a {display:block;  font-weight: bold; text-decoration:none; color: rgb(64,74,12);                                          
        padding: 0.5em 1em;}  /* oben+unten, rechts+links */   
#nav p {display:block;  font-weight: bold; text-decoration:none; color: rgb(64,74,12); margin:0;                                 
        padding: 0.5em 1em;}        
/* Dient der Anzeige des Pfeil unten, */
#nav p.daddy { background: transparent url(../Media/right.gif) no-repeat scroll 9em center }


#nav a:hover{ color: rgb(64,74,12);/* color:white; background-color:rgb(64,74,12);*/ background-color:rgb(248,255,215) }
/*#nav a:active{color:white;}
  #nav a:focus{color:white;}
 */ 
#nav li {float:left;  /*width: 10em;*/  padding: 0;}
  
#nav li li {padding-right: 1em; width: 9em; background-color: rgb(200, 215, 180) }
  
#nav li:hover, #nav li.sfhover {/*background-color:rgb(64,74,12)*/;background-color:rgb(248,255,215)  } 
  
#nav li ul {position: absolute; width: 8em; left: -999em; }  
  
#nav li ul a {font-weight:normal; font-size: 8pt; }
#nav li ul p {font-weight:normal; font-size: 8pt; } 
    
#nav li ul a.hover { color:black;} 
  
#nav li ul ul {margin: -1.8em 0 0 10em; } 
   
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
     left: -999em; }
     
#nav li:hover ul, #nav li li:hover ul,#nav li li li:hover ul, #nav li.sfhover ul, 
     #nav li li.sfhover ul, #nav li li li.sfhover ul {
     left: auto;  }


 
/* ===========================       left sidebar details      =========================== */
 div#left #Hopping  { margin-top:  10px; text-align: center;}
 div#left p#Contact { margin-top:  30px; margin-left: 5px}
 div#left #WRF_logo { margin-top: 140px; text-align: center;}
 div#left #VFD_logo { margin-top:  10px; text-align: center;}
 div#left #lastupd  { margin-top:  30px; text-align: center;}
 div#left .logo     { margin-top:   0px; padding: 0 5px}
 div#left #counter  { margin-top:  50px; margin-left:60px; 
                border: 1px solid silver; width: 80px; height: 20px}

/* ===========================      content details      =========================== */
 div#content .teaser {border: 1px solid rgb(51,102,51); padding:3px; font-size: 7pt; width: 420px; margin: 5px 0px}
 div.teaser h3 { font-weight: bold; }
 div.teaser a { font-size:7pt; }
 div.teaser p { padding:0; margin: 0; }
    


/* ===========================      footer          =========================== */
div#footer    { margin-top: 20px; clear:both; border: 0px solid blue}          
div#footer  a { font-size: 9pt; color: rgb(0,60,0) }   
 .copyright   { text-align:center; font-size:7pt;border: 0px solid blue}      
 .seitenlinks { text-align:center;}


 a         { font-size:9pt; color:black; text-decoration:underline; }      
 a:link    { color:black; text-decoration:underline; }
 a:visited { color:rgb(86,107,57); text-decoration:underline; }
 a:focus   { color:rgb(86,107,57); text-decoration:underline; }
 a:hover   { color:rgb(86,107,57); text-decoration:none; }
 a:active  { color:rgb(86,107,57); text-decoration:none; }

 h1 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
      font-size: 14pt; color: rgb(255,255,255); width:735px;
      font-weight: bold; background-color: rgb(64,74,12); padding: 12px;
      margin-top: 0px}      
 
 h2 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
      font-size: 11pt; color: black; font-weight: bold; 
      margin: 6px 0 3px 0}      
 h3 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
      font-size: 9pt; color: black; font-weight: bold; 
      margin: 6px 0 3px 0}   

.thumbs{width:80px; height:60px}
.noScreen{display: none}
.picturetitle {min-height: 70px}
.hinweis {font-size: 8pt; margin-top: 10px;}
.picDesc {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 8pt; text-align:center}
.thumblist{display: block; width: 210px; background-color: rgb(200, 215, 180); border: 2px solid rgb(64,74,12); 
              padding: 8px; margin-top: 15px; margin-bottom: 15px; }   



.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }


.TextSmall  {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 8pt;}
.TextNormal {font-family: Arial,sans-serif; font-size: 10pt; line-height: 10pt; 
              margin-top: 0pt; margin-bottom: 6px}
.TextXmas   {font-family: 'Comic Sans MS'; font-size:12pt; margin-top: 3px;}
.headerXmas {font-family: 'Comic Sans MS'; font-size:12pt; margin-top: 3px; margin-bottom: 6px; font-weight: bold;}
 
.TextBrief   {font-family: 'Comic Sans MS'; font-size:11pt; margin-top: 3px;}
 .headerBrief {font-family: 'Comic Sans MS'; font-size:11pt; margin-top: 3px; margin-bottom: 6px; font-weight: bold;}
 
 
.header { font-family: Verdana,sans-serif; font-size: 12pt; line-height: 12pt; font-weight: bold; 
          margin-top: 18px; margin-bottom: 6px;}
          
/*          
 .Erlebnisse { font-family: 'Times New Roman', Times, 'Times NewRoman', serif; font-size: 10pt;}
 .ErlebnisseHeader { font-family: 'Times New Roman', Times, 'Times NewRoman', serif; font-size: 10pt; font-weight: bold; 
         margin-top: 6px;}
 */
  
 .Erlebnisse { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 9pt;line-height: 130%;}
 .ErlebnisseHeader { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: bold; 
         margin-top: 6px;}
 
 
 
 .VeranstEinleitung{font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 9pt; 
        margin-top: 6px; padding-right: 20px; }
 .VeranstHeader{font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: bold; 
        margin-top: 40px; margin-left:50px;padding-right: 20px;}
 .VeranstSubHeader{font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 9pt;  
        margin-top: 5px; margin-left:230px;padding-right: 20px; }
 .Veranstaltung{font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 9pt;
        margin-top: 5px; margin-left:50px; padding-right: 20px;}
 .VeranstDetails1{font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 8pt;
       margin-left:100px; margin-top: 5px;padding-right: 20px;}   
 .VeranstDetailsff{font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 8pt;
        margin-left:140px; margin-top: 5px;padding-right: 20px; }        
        
        
 .buch {/*border: blue solid 1px*/; margin-bottom: 30px;clear:left}
 .buchbild {/*border: red solid 1px*/; width: 110px; float: left; margin-right:20px}
 .buchtext {/*border: red solid 1px*/; margin-left: 120px; display:inline; }
 .buchtitle {font-weight: bold;}
 .buchdesc {margin-top: 0px; margin-bottom:5px}
 .buchcomment {font-style: italic; font-size: 9pt;}