body {
  color: black; background-color:#FF8000 ;
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0; padding: 10px;
}


div#seite {
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 100%;
    padding: 10px;
 }
   
   .logo{
    /*font-size: 1.5em;*/
    margin: 0 0 0 35em ;padding:0; 
   /* text-align: center; */
    background-image:url(bilder-fuer-hundehaltertraining/web-logo1.png);
     background-repeat:no-repeat;
    width:90px;height:90px;
   /*border: 2px ridge silver; */
    position:relative;
    /*visibility:; versteckt das Logo */
  }  
    
ul#steuerung {
  font-size: 0.91em;
  float: left; width: 15em; height: auto;
  margin: 0; padding: 0;
  border: 1px solid silver;
}
ul#steuerung li {
  list-style: none;
  margin: 0; padding: 0.5em;
}
ul#steuerung a {
  display: block;
  padding: 0.2em;
  font-weight: bold;
}
                /* verhalten steuerung */
               a.navi:link { color: black; background-color: #00FF00;}
               a.navi:visited { color: black; background-color: #ffff00;}
               a.navi:focus { color: black; background-color:  #0000FF;}
               a.navi:hover { color: black; background-color: #ff0000;}
               a.navi:active { color: black; background-color: #808080;}


   #banner {
       width:1000px;height:178px;
       position:absolute; top:130px;left:260px;
       }

   a.bubi{
        text-decoration:none;
        /*background-color:#ff8000*/
      }

    #impress{
  clear:left;
      position:relative;top:-210px;left:480px;
      text-align:center;
      padding:5px 0 20px;
      border:solid 2px;
      width:300px;
      background-color:#ff9900;
  }
  
  
  
   div#inhalt {
  margin-left: 14em;
  margin-top: 0.2em;
  padding: 0 1em;
  border: 1px dashed  #C0C0C0;
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
  background-color:#ff9900;
}
  
  
  div#inhalt p {
  font-size:1em;
  margin: 1em 0;
}
ul#paragraph {
    list-style: none outside
     }
ol#unterparagraph {
     list-style: decimal outside
     }
     
    .galerie{
        position:relative;
        padding:5px;
        width:800px;height:480px;
        margin:0 0 0 250px;
        border:solid 1px;
        }
      .horizontal{
          position:relative;
          z-index:1;
          width:68px;height:auto;
         /* border:solid 2px; */
      }

      .vertical{
          position:relative;
          z-index:2;
          top:-160px;
          width:48px;height:auto;
          /*border:solid 2px;*/
          float:right;
      }
     
      
     
     
     
     .bild-navi a img.quer{
         width:60px;
         margin:3px;
      

         }

      .bild-navi a img.hoch{
          height:60px;width:40px;
          margin:2px;
          }

       

        .vertical a:hover span{
       display: block;
       position: absolute;top:10px;right:120px;
       width: 400px; height:450px;
       padding:5px;
       margin: 1px;
       
        /* hintergrund*/
       background-repeat: no-repeat;
       }
       
       .horizontal a:hover span{
       display: block;
       position: absolute;top:80px;left:190px;
       width: 400px; height:400px;
       padding:5px;
       margin: 1px;
       
        /* hintergrund*/
       background-repeat: no-repeat;
       }

      
        div#vorschaubild a img{
           position:absolute; top:150px;left:280px;
           width:280px;height:auto;

           border: solid 1px;
       }


      

     a#bild1:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-bert-legen.png)}
     a#bild2:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-bert-blick-oben.png)}
     a#bild3:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-bert-ruecken.png)}
     a#bild4:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-bert-allee-wand.png)}
     a#bild5:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-bert-sprung.png)}
     a#bild6:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-bert-mitte.png)} 
     a#bild7:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-mei-li-mit-rose.png)}
     a#bild8:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-winterbild.png)}
     a#bild9:hover span{background-image:url(bilder-fuer-hundehaltertraining/web-prof-yuko.png)}
      
      
      
      
  /*Anfang fuer Flowplayervideos*/
  
   #videogalerie{
     position:absolute;
     top:90px;
 left:450px;

 }
  
  /*Leiste unter dem Playerbild*/
  #pl {
    margin:10px 0 0 -130px;
	height:180px;
	background:#f5fbfb /*url(bilder-fuer-hundehaltertraining/h150.png) repeat-x*/;
	border:1px solid #ddd;
	width:720px;
	position:relative;
	/*overflow:hidden;*/
	padding:0px 0;
	float:left;
}

#pl div.entries {
	height:80px;
	position:absolute;
	width:45em;     /* Größe des Rahmens der Verschaubilder*/
}

#pl div.entries a {
/*	background:transparent url(bilder-fuer-hundehaltertraining/entry2.png) no-repeat scroll 0%;*/
	color:#666;
	float:left;
	font-family:"bitstream vera sans","lucida grande","verdana";
	font-size:11px;
	height:60px;
	margin:0px 4px;
	padding:10px;
	text-decoration:none;
	width:150px;

}

#pl div.entries a:hover {
	background-position:-140px 0;
	color:#000;
}

/*#pl div.entries a.playing {
	background-position:-280px 0;
	color:#000;
}

#pl div.entries a.paused {
	background-position:-420px 0;
	color:#000;
}*/  



#pl div.entries em {
	float:right;
	margin-top:15px;
	color:blue;
	font-style:normal;
}

a.nextPage, a.prevPage {
	display:block;
	width:18px;
	height:18px;
	background:url(bilder-fuer-hundehaltertraining/left.png) no-repeat;
	margin:30px 10px;
	cursor:pointer;
	float:left;
}

a.nextPage:hover, a.prevPage:hover {
	background-position:0px -18px;
}

a.nextPage {
	background-image:url(bilder-fuer-hundehaltertraining/right.png);
}

a.nextPage.disabled, a.prevPage.disabled {
	visibility:hidden;
}

 /* player-container has a background image */
a.player {
	margin:0 0 20px 40px;
	display:block;
	background:#cccccc;
	width:400px;
	height:300px;
    padding:10px 10px 10px 10px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}

 /* play button */
#player img {
	margin-top:130px;
	border:0px;
}
/*Ende Flowplayervideos*/