/*Seite allgemein*/
     @charset "UTF-8"; 


*{
  margin: 0;
  padding: 0;
 }

 html,body{
         height: 100%;
 }
body{
      background-color: #7268A9; /* Hintergrundfarbe*/
      color:#000000 ; /* Schriftfarbe*/
      font-family:Verdana, Arial, Helvetica, sans-serif; /* Schriftart*/
      font-size: small;   /* Schriftgröße (small=klein)*/
   
 }
 
 .seite{
        background-color: #FFFFFF; /*Hintergrundfarbe*/
        /*background-image: ;Hintergrund-Bild
        background-repeat: ;Wiederholung des Hintergrundbildes
        background-position: ; Position des Hitergrundbildes*/
        width:70%; /*Breite des div*/
        min-width: 960px; /*Mindestbreite des div*/
        /*height:;/*Höhe des div*/
        margin: 0 auto;/*Außenabstand des div */
        margin-top:1em; /*Außenabstand nach oben*/
        padding: 3px; /*Innenabstand aller Seiten gleich*/
       /*  border:; Rahmen um div (Dicke,Art(durchgehend,gestrichelt,gepunktet),Farbe)*/
        position: relative;/*Position des div*/ 
      }

.clearlinie {
	      width: 0;
	      height: 0;
	      font-size: 0;
	      line-height: 0;
	      visibility:hidden;    /*macht die Linie unsichtbar, aber mit Platzhalter!*/
				 clear: both;
	    }
	 
	 
	 
h1{
  font-size: 150%         /*Größe der Überschriften 1.Ordnung*/
 }

 

 h2{
     font-size: large;
     font-weight: bolder;
     text-align: center;
     padding: 30px 0;
     text-decoration: underline;
        }
        
  h3{ 
     font-weight: bolder;
     margin-top: 30px;
     margin-left: 30px;
      text-decoration: underline;
      text-align: center;
         }      
 
  h4{
     font-weight: bolder;
     margin-left: 30px;
     margin-bottom: 10px;   
      }
 
	h5{
			letter-spacing: 0.1em;
		 font-weight: 800;
     margin-top: 30px;
     margin-left: 30px;
      text-align: center;
	    }
	    
	 	.h_span{
					font-weight: normal;
					}   

/*Klassen*/
	    
	  
		 .groeser{
		      font-size: 20px;
		      }
		
		.gross{
		      font-size: 18px;
		      }
		
		.fett {
		      font-weight: bold;
				 }

		 .large{
		         font-size: 33px;
		         }
		 
		 .rotlila{
		      color: #FF0066;
		      }

		 .olila{
		      color: #8A40A0;
		      }

		 .yum_lila{
					color: #7368A7;    
					}
		 
		 .lila{
		      color: #9900CC;
		      }
		 .rot{
		      color:#FF0000;
		      }
		  .weiss{
			    color:#FFFFFF;
					} 
		 .schwarz{
			    color:#000000;
					} 			
					
          .gruen{
			    color:#00BB00;
					}              
		 .durchgestr{
		      text-decoration: line-through;
		      }

		.zwischenlinie{
					width: 85%;
          height: 2px;
          border: 1px solid black;
					margin: 20px 40px;
         }

        .center{
			text-align: center;
					}
		 
		 .news_linie{
           width: 150px;
           margin: 0 20px 0 20px;
         }

		 .strichel_linie{
		       border-bottom: 1px dashed;
		      }

			.unterstrichen_lila{
			     border-bottom: 2px solid #7268A9;
					}

			.unterstrichen_schwarz{
					border-bottom: 1px solid black;
					} 
					 
			.hintergrund_lila{
			    background-color: #7268A9; 
					}	
					
			.hintergrund_gruen{
			    background-color: #00FF00;
					}
                    
            .hintergrund_gelb{
			    background-color: #FFDE00;
					}        	
					
			.margin1{
			    margin-top: 70px;
					}
			
			.margin2{
			    margin-bottom: 30px;
					}
						
					
			.kleinbild{
			   width: 15px;
				 vertical-align: middle;
				 }

            .contactSubject{
		      font-size: 15px;
		      }

			 .contactFieldbig{
               margin: 10px 10px 10px 5px;
			   min-width: 250px;
			   max-width:548px;
			   min-height: 60px;
			 }			   
			  
			.contactField{
				margin: 10px 10px 10px 5px;
				min-width: 150px;
				min-height: 20px;
			}
			
			.doof{
				margin: 5px;
				min-width:150px;
			}
			
		    .dumm{
				margin: 5px;
				min-width:150px;
				min-height: 30px;
			}
			
			.margin3{
			    margin-top: 20px;
					}
					
					
					   
					
		
					}		
img{                       /*damit im IE keine blauen Rahmen um die Link-Bilder sind*/
         border: none;
     }

  

	/*Tooltip*/
	
	a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
  a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

 a.tooltip span.unsichtbar {
  display: none;  
  text-decoration: none; 
 }

a.tooltip:hover span.unsichtbar {
  display: block;
  position: absolute; 
  top: -15px; 
  left: 50px; 
  width: 250px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 12px Verdana, sans-serif; 
  text-align: center;
  padding: 8px;
  }
  
/* ========Formatierung Kopfzeile====== */
  
  
   #kopfbereich{

        height:150px;/*Höhe des div*/
        background-color: #ffffff; /*Hintergrundfarbe*/
      }

  #kopfzeile1{
        float: right;
				font-size: x-large;
        text-align: center;
        padding: 20px 20px 0 0;

      }

	 #kopfzeile_start{
	                text-align: center;
	                padding: 30px 0 30px 0;
	                 }

 .logo{
		  float: right;
		
			padding: 0px 20px 0 0;
		  }

 .logo2{
	 width: 0px;
	  text-align: center;
	 padding: 10px  0 0 40px;
	 }


 .logo3{
   width: 0px;
	 text-align: center;
	 margin: 30px 0 0 20px;
	 }
  
  .logo4{
   width: 170px;
	 text-align: center;
	 margin: 10px 0 0 15px;
	 }
  
			/* ========Formatierung Startseite====== */

   #start_huschu{
								background-color: #ffffff; /*Hintergrundfarbe*/
                color:#000000 ; /* Schriftfarbe*/
                font-family:Verdana, Arial, Helvetica, sans-serif; /* Schriftart*/
                font-size: small;   /* Schriftgröße (small=klein)*/
                }	
			
   .startlink1{
					  float: left;
						margin: 180px 0px;
						padding: 20px;			
						 }
	
	  .startlink1 img{
							 
							 margin-left: 60px;
	              }
						 
		 .startlink2{
	             float: left;
					     margin: 180px 0px 35px 310px;
						   padding: 21px;
						    }				         
     
		 .startlink2 a,
		 .startlink1 a{
		             text-decoration: none;
						      } 
		
		 #schriftzug{
             width: 600px;
             margin-top: 50px;
             }
		  
		 	.um_google {
		   margin:10px 0 10px 6px;
		               }
									 				
      /* ========Formatierung div navi====== */
      
      
   .navi a:hover,                  /*Maus auf Hyperlink*/
   .navi a:focus,                  /*Hyperlink mit Tastatur aktiviert*/
   .navi a:active{                 /*Hyperlink im Momemnt des Klicks*/
                color: #000000;      /* Schriftfarbe*/
                background-color: #CC99CC;  /* Hintergrundfarbe*/
                 }      
      
   #navigation{
             height: 50px;
             background-color: #8A40A0;
              } 
         

 
#navi li{
        max-width: 117px;
        min-width: 75px;
        margin: 9px;        
        border: 1px solid #111111;
        background-color: #ffffff;
        float: left;          /*  floatet die listenpunkte nach links*/
        list-style-type: none;
      }
 
   
      
  #navi a{
				display: block;
        text-decoration: none;
        padding: 5px;
				text-align: center;  
      }    

 .unternavi {
        /*background-color: #00FFFF;*/
        margin: 5px;
        min-height: 117px; /* ändern auf 117px ab Onlinekurs */
      }

  .unternavi li{
        float:left;
        list-style-type: none;
        padding: 2px;
      }
	  
	.wichtig li{
		list-style-type: disc;
		color: red;
		font-weight: bold;
	}
      
   #unternavi6 li{
					min-width:165px;
        text-align: center;
      }
   
    #unternavi6 .extra{
				 margin: 25px 0 0 225px;	       
			}	              
	    
   .unternavi a{
        display: block;
        text-decoration: none;
        padding: 8px;
        letter-spacing: 1px;
      }
 
     .dabin {
        background-color:#C0C0C0;
      }
     
     
     /* Navi Seite "vortraege"*/
     
     
			 .vortraegenavi1{
			    margin: 20px 0 10px 10px;
			    }
			
			
			   
			.vortraegenavi {
				padding: 10px 3px 10px 3px;
        letter-spacing: 1px;
        text-decoration: none;
      }

     
     .zurueck{
				margin: 20px;
				text-align: center;
     }
     
			 .zurueck a{
			   border: 1px solid black;
				 padding: 5px;
				 background-color:#CAB8FF;
			  }
     
       /*===== Ende Formatierung div navi =====*/
      
 
 
  /*========Bilder Seitenbereich "links"======*/
  
   .sponclearfix:after {
   content: ".";
   display: block;
   clear: both;
   font-size: 0;
  height: 0;
   visibility: hidden;
 }
  
   .sponbild2{
      display: block ;
	  padding: 10px 0px 10px 50px ;
	  float: left;}
  
  .sponbild1{
      display: block ;
	 padding: 45px 0px 10px 50px;
	  float: left;}
	  
	 .sponbild0{
      display: block ;
	 padding-top: 45px;
	  float: left;}  
  
  
	.parkbild{
   display: block;
   margin: 10px 80px 0px 80px;
           }
	
	.bild1{
       display: block;
       margin: 10px auto;
        }
  
  .bild2{
        display: block;
        margin:50px 210px 20px 210px;
        }
  
  .bild3{
        float: right;
        } 
  
  .bild4{
        text-align: center;
        margin: 30px 30px 0 30px;
        }    
  
   .bild5{
        float: right;
        margin-left:30px;
         }

  
  /* Ende Bilder Seitenbereich "links"*/
  
 /*-----------------------------------------------------------*/
 
 /* Texte Seitenbeich "links" */
	 
	 
		.vortraege{               /* für h1 auf der Serite vortraege.php */
     text-align: center;
		 margin: 30px 0;
 }
	  
   #sprichwort{
        font-style: italic;
        color: #666666;
        text-align: center;
      }
  
    #besuchertext1, 
    .newstext{
           text-align: center;
           padding: 10px;
         }
     
		 .newstext1{
					 text-align: center;
           padding: 10px;
					 letter-spacing: 0.1em;
					 font-weight: bold;
				   color:  #91198B;
		     }
		 
		 	  
		 
		 .vortragstext{
           font-weight: bold;
         }
   
   #philonebenschrift3{
        font-style: italic;
        font-weight: bold;
        text-align: center; 
      }
	
   #philonebenschrift2{
         margin-top: 65px;
      }
   
  
   #philonebenschrift2,
   #trainerunterschrift{
        font-style: italic;
        text-align: justify;
        color: #000000;
        margin: 30px;
      }   
  
  #seminartext1{
        font-style: italic;
        text-align: center;
        font-size: medium;
      }
	 #doggiefittext1,
   
	 #dogdancebildunterschrift{
        text-align: center;
        padding: 10px 20px;
      }
      
	 .vortragtext1{
	      text-align: justify;
        padding: 10px 20px;
				}
				   
	 #seminartext1,
	.vortragtext2{
      padding: 10px 20px;
      } 
  
  .texte1, 
  #clickertext2,
  #clickertext3{
        text-align: justify;
        margin: 30px;
      }
   
       
	 
	 #dummytext5{
				text-align: justify;
        margin: 30px 30px 0 30px;
      }
	 
	 #philotext1{
        text-align: justify;
        margin: 25px;
      }
  .vortragtext1 span,    
  #clickertext3 span,
  #clickertext2 span{
         font-style: italic;
       }
	#alltagshundtext0,
	#gifttext0,
	#antijagdtext0,
	#welpentext0,
	#dummytext0,
  #hometext2{
        text-align: center;
     }
  
   #preis{
           margin-top: 20px;
         }

    #preis span{
          font-size:x-large;
          margin-left: 40px;
          text-decoration: underline;
        }
   
   #terminpreistext1,
  #onlinetext5{
          font-size: large;
          text-align: center;
          margin-top: 30px;
        }
   
   
	 #tierheimtext4,
   #tierheimtext1,
   #angebotetext1,
   #unstext1{
         text-align: center;
         padding-top: 45px;
       }
   
   #tierheimtext4,
   #unstext1 span{
        font-weight: bold;
      }

   #preistext{
        font-weight: bold;
        padding-top: 45px;
       }

   #seminartext5,
   #seminartext3{
        font-size: medium;
        text-decoration: underline;
        margin: 30px;
      }
      
    #angebotetext1,
    #unstext1{
        font-size: medium;
        }  
   
    
    
    
    #tierheimtext1{
        font-size: 1.1em;
        }

    #tierheimtext2{
          font-size:medium;
          font-weight:500;
          font-style:oblique ;
          font-variant:small-caps;  /*  verändert (wird fett) aber zusätzlich auch noch den jeweils ersten Buchstaben eines großgeschriebenen Wortes*/
          word-spacing:0.6em;
         }

    #tierheimtext1 span{
         font-size:large;
        }

    #tierheimtext3{
        text-decoration:underline;
        }

    #kontakttext1{
         font-size: medium;
         text-align: center;
         padding: 20px;
       }
       
     #shoptext1{ 
				font-size: medium;
         text-align: center;
         padding: 10% 5%;
         }
         
     #shoptext2{
         text-align: center;
         padding-bottom:10px;
         }    
     
		 #trainertext2{
		     text-align: center;
		     }
		     
     #trainertext2 a{
		     padding: 20px;
				 }
			
			
			#fototext2,	 
			.fotoszuruecktext{
				 font-size: medium;
         text-align: center;
         padding-top: 20px;
			   }
			
			#termintext1{
				 font-size: large;
         text-align: center;
         padding: 10px;
         }
		 
		   #antijagdtext,
			 #schnueffeltext {
			   text-decoration: line-through;
				 }
			
				 
			 #schnueffeltext  span {
       display: none;}
		 
			 #schnueffeltext:hover span{
       display: block;
       position: absolute;top:330px;left:528px;
       width: ; height:;
       padding: 5px;
			 background-color:#FF00FF;
			 color: #000000}
			 
			 #dummytrainingtab,
			 #antigifttab{ 
			         text-decoration: underline;
			         font-size: medium;
			         font-weight: bold;
				}
			  
		  .fettunterstrichen{
				       text-decoration: underline;
				       font-weight: bold;
				} 
   /*Ende Texte Seitenbereich "links"*/
   
   /*-------------------------------------------------------------------*/
   
   /* Tabellen*/   
   
   #preistabelle td{
    vertical-align: top;    
         }
				 
	 #preistabelle span{
	                   font-style: italic;
										 }			  
            
      
  /* Tabelle shop*/
   
    #shop1{
          position: relative;
          text-decoration: none;
          margin-top: 20px;
        }
  
		 #untershop1{
				 position: relative;
				 text-decoration: none;
		    }
  
  .zelle1{       
       width:233px;
       height: 270px;
      }
  
  .zelle2{
        width: 466px;
				padding: 5px;
      }
  
	     
  .zelle1 img{
        display: block;
        width: 186px;
	    
      }
      
	
   img.shopbild{
         width: 180px ;
         padding-left:40px;

       }
       
        
	
  #zellbild1:hover img{ 
            width: 700px;
            padding: 0;
            position: absolute;top:0px; left: 241px;
            border: 2px solid #000000; 
          } 
          
  #zellbild2:hover img{
            width: 500px;
            padding: 0;
            position: absolute;top: 275px; left: 241px;
            border: 2px solid #000000;
          }  
          
  #zellbild3:hover img{
            width: 400px;
            padding: 0;
            position: absolute;top: 825px; left: 241px;
            border: 2px solid #000000;
          }
          
   #zellbild4:hover img{
            width: 400px;
            padding: 0;
            position: absolute;top: 1650px; left: 241px;
            border: 2px solid #000000;
          } 
          
   #zellbild5:hover img{
            width: 400px;
            padding: 0;
            position: absolute;top: 2195px; left: 241px;
            border: 2px solid #000000;
          } 
          
   #zellbild6:hover img{
            width: 600px;
            padding: 0;
            position: absolute;top: 0px; left: 241px;
            border: 2px solid #000000;
          }                                   
   #zellbild7:hover img{
            width: 500px;
            padding: 0;
            position: absolute;top:550px; left: 241px;
            border: 2px solid #000000;
          }
   
   #zellbild8:hover img{
            width: 350px;
            padding: 0;
            position: absolute;top:1100px; left: 241px;
            border: 2px solid #000000;
          }
   
   #zellbild9:hover img{
            width: 430px;
            padding: 0;
            position: absolute;top: 1375px; left: 241px;
            border: 2px solid #000000;
          }
   
   #zellbild10:hover img{
            width: 350px;
            padding: 0;
            position: absolute;top:2472px; left: 241px;
            border: 2px solid #000000;
          }
   
    #zellbild11:hover img{
            width: 350px;
            padding: 0;
            position: absolute;top:2490px; left: 241px;
            border: 2px solid #000000;
          }
    
		 
		/*#zellbild12:hover img{
            width: 350px;
            padding: 0;
            position: absolute;top: 0px; left: 241px;
            border: 2px solid #000000;
          } */
     #zellbild13:hover img{
            width: 500px;
            padding: 0;
            position: absolute;top: 275px; left: 241px;
            border: 2px solid #000000;
            z-index: 1;
          } 
		 	#zellbild14:hover img{
            width: 400px;
            padding: 0;
            position: absolute;top: 60px; left: 241px;
            border: 2px solid #000000;
          }		
          
      #zellbild15:hover img{
            width: 500px;
            position: absolute;top: 135px; left: 241px;
            padding: 0;
            border: 2px solid #000000;
          } 
					
			#zellbild16:hover img{
            width: 500px;
            position: absolute;top: 410px; left: 241px;
            padding: 0;
            border: 2px solid #000000;
          }	
					
					
			#zellbild18:hover img{
            width: 500px;
            position: absolute;top:680px; left: 241px;
            padding: 0;
            border: 2px solid #000000;
          }
					
			#zellbild19:hover img{
            width: 500px;
            position: absolute;top:955px; left: 241px;
            padding: 0;
            border: 2px solid #000000;
          }	
					
			#zellbild20:hover img{
            width: 500px;
            position: absolute;top:1230px; left: 241px;
            padding: 0;
            border: 2px solid #000000;
          }
					
			#zellbild21:hover img{
            width: 500px;
            position: absolute;top:1350px; left: 241px;
            padding: 0;
            border: 2px solid #000000;
          }
					
			/*#zellbild21:hover img{
            width: 500px;
            position: absolute;top:1480px; left: 201px;
            padding: 0;
            border: 2px solid #000000;
          }	*/											   
			
			#zellbild22:hover img{
            width: 400px;
           padding: 0;
            position: absolute;top: 280px; left: 242px;
            border: 2px solid #000000;
          }
			
			 #zellbild23:hover img{
            width: 600px;
            padding: 0;
            position: absolute;top: 555px; left: 242px;
            border: 2px solid #000000;
          }
			
			#zellbild24:hover img{
            width: 350px;
            padding: 0;
            position: absolute;top: 935px; left: 242px;
            border: 2px solid #000000;
          }
			
			#zellbild25:hover img{
            width: 500px;
            padding: 0;
            position: absolute;top:0px; left: 241px;
            border: 2px solid #000000;
          
          }	
          
      #zellbild26:hover img{
            width: 500px;
            padding: 0;
            position: absolute;top: 1920px; left: 241px;
            border: 2px solid #000000;

          }    
          
				#zellbild27:hover img{
            width: 350px;
            padding: 0;
            position: absolute;top: 1035px; left: 242px;
            border: 2px solid #000000;
          }	
          
        #zellbild28:hover img{
            width: 400px;
           padding: 0;
            position: absolute;top: 5px; left: 242px;
            border: 2px solid #000000;
          }
					
				#zellbild29:hover img{
            width: 400px;
           padding: 0;
            position: absolute;top: 2890px; left: 242px;
            border: 2px solid #000000;
          }	  
					 
   p.tabpreis{
         text-align: right;
         font-weight: 600;
       }
   
   #shop1 span{
          color: #9B0000;
          }
          
   #zelltext1{
	        font-weight: bold;
					}
		
			
		#zelltext2{
		      text-align: center;
		      }
		
		#geschenketabellenfuss{
					margin: 30px 0 30px 50px;
					line-height: 20px;
		      }			
				       
   /* Ende Tabelle shop */
        
      /*------------------------------------------------*/
  
  /* Tabelle Termine*/
  
    .termintabelle{
       width: 700px;
       table-layout: fixed;
       margin: 30px 0;
       position: relative;
       }

  .termintabelle th{
	   background-color: #CCCCCC;
       font-weight: bold;
       }

	  .termintabelle td{
			 padding:10px 5px;
       text-align: center;
       line-height: 1.4em;
       height: 50px;
	   
      }

		td.terminzelle{
		   height: 5px;
		   }

	 .terminzellenoberschrift_gruen{
	      color: #00E100;
	      }
	      
	  .terminzellenoberschrift_blau{
		    color: blue;
				}    
		
		.terminzellenueberschrift{
		    font-weight: bold;
		    line-height: 1.6em;
			  }
		
		.terminzelle2ueberschrift{
       font-weight:bold;
       color:#8A40A0;
       }
		
		.terminzellenueberschrift_unterstrich{
				font-weight: bold;
				text-decoration: underline;
				line-height: 1.6em;
				}
		
		.terminzellenueberschrift_lila{
		    font-family: trebuchet ms;
				font-size: large;
				font-weight: bolder;
		    color: #7268A9;
		    }
		     
				
		.terminzellenueberschrift_gruen{
		    font-family: trebuchet ms;
				font-size: large;
				font-weight: bolder;
		    color: #00FF00;
		    }
            
            
         .terminzellenueberschrift_gelb{
		    font-family: trebuchet ms;
				font-size: large;
				font-weight: bolder;
		    color: #FFDE00;
		    }    
            		
		 
		 #aktion{
		   width: 70px;
			 position: absolute; top:15px; left: -38px;
		   }
		   
		 #aktion2{
		   width: 70px;
			 position: absolute; top:35px; left: -38px;
		   } 





    /* Ende Tabelle Termine*/
    
  /*--------------------------------------------------------------------*/
  
       
     /* Listen*/
  
    ul#beschaeftigungliste{
		    text-align: center;
				}
				
		ul#beschaeftigungliste li{
		    list-style: none;
				float: left;
				margin: 5px;
				padding: 5px;
				border: 1px solid blue;
				}		    
				
				
				
				
				
				#clickerlist{
        margin: 0 30px 0 60px;
      }

    .vortragliste{

        padding: 0 0 50px 50px;
       }

    #verhaltenliste{
         margin-left: 40px;
         margin-top: -15px;
         list-style-type: none;
       }
		
		.vortragsliste1,	
		#vortragsliste1{
		     padding: 0 40px;
		     }

   .agblist{
        margin: 20px 30px 0 60px;
        text-align: justify;
      }
    
		#erste_hilfe_liste1{
				list-style-type: decimal;
				margin-left: 50px;	
		    }
		
		#erste_hilfe_liste2{
		    list-style-type: lower-alpha;
		    list-style-position: inside;
				}  
   
    
   
		ul#dummyliste,
    ul#antigiftliste1,
		ul#antijagdliste1{
				padding: 10px 50px;
		    }
		
		ul#antigiftliste1{
        list-style-type: none;
        }
        
     ul#antigiftliste1 li span{
        text-decoration: underline;
        } 
		    
		ul#antijagdliste2{
				list-style-position: inside;
		    }  
		 
		ul#antigiftliste2,
		ul#antigiftliste3,
		ul#antigiftliste4{
				padding-left: 25px;
		    }
		 
        ul.terminliste{
		
			display: block;
			list-style-type:none;
			margin: 10px 0 10px 0;
			 padding: 10px 20px;
			 text-align:center;
			 } 		 
		
        

		
		ul.terminliste1{
		   display:block;
			 list-style-type: none;
			 padding: 10px 20px;
			 } 
  
       
	   ul.terminliste2{
		   display:block;
			 list-style-type: disc;
			 padding: 10px 20px;
			 margin: 0 0 0 30px;
			 } 
  
		ul#terminliste2 li{
		   padding: 10px 0 ;
		   }
		  
			.fotostext1,
			.galerieliste { /* für galerieseiten ohne php-Galerie*/
				 margin-top: 10px;
				 padding: 10px;
				 border: 2px solid  #91198B;overflow: hidden;
			   }
                   
   .galerieliste li{
                  float: left; 
									color: #A2A2A2;   
									list-style-type: none;  
									text-align: center;
									
                   } 
   
   .galerieliste a{
                  text-decoration: none;
									color: #C4C4C4;
									float: left;  /* Textfarbe, evtl. Textgroese  */
                   }
	 
	 .galeriefoto{
	            border:4px ; 
              border-color: #B0B0B0;
              text-decoration: none;
              margin: 3px;
              min-height: 60px;
               }			
							 

								 						 	   
  /*-------------------------------------------------------*/
	 #links{
       min-height: 600px;
       margin: 0 20% 0 0;
       padding: 20px;
      }
      
  #rechts{
        float: right;
        width: 20%;
        min-height: 300px;
        margin: 20px;
        border: 1px solid #B0B0B0;
      }
    
	iframe{
		
		border: none;
	}
		   
	/*Elemente im div "rechts"*/	
      
  .fb-like{ 
        margin: 10px 0 10px 45px;
      }
	
	 #news{
          margin: 10% 20%;
        }
	
	/*-------------------------------------------------------------*/
	
	/*Elemente der Seite "links.php"*/
	
			
  .banner img{
        padding: 15px;
      }
  .bannerrand img{
        border: solid 1px #CCCCCC;
        margin: 15px;
       } 
  #links1,
  #links2,
  #links3{
        padding: 10px;
      }
  
 
  
  #links3 a{
         display: block; 
        }
	 /*------------------------------------------------------------*/
  
  
	
   
    #oberschriftagb{
         text-align: center;
         margin-top: 30px;
       }
   
   #agb h2{
         font-weight: lighter;
       }
											 
   
 
   
	 .galeriebild a{
               text-decoration: none;  
							 color: #C4C4C4;   
							 float: left;  
                }
  
   .galeriebild li{
                float: left; 
								color: #A2A2A2;   
								list-style-type: none;  
								text-align: center;
                 }    
  
    
        
		.galeriefotos{
			
         margin: 50px 30px 0 30px;
         }

    #galeriefotos a{
				 display: block;
				 float: left;
				 height: 120px;
				 width: 120px;
				 margin: 30px 15px;
				 padding: 0 5px;
				 border: 2px solid #91198B;
				 text-align: center;
         }
 
		#galeriefotos a span{
		      display: block;
				  padding-top: 59px;
		     }
 
     
 
 /*Fußbereich*/
 
 #fussbereich{
         /*clear: right;
       width:; Breite des div*/
        height:20px;/*Höhe des div*/
        /*background-color: ; Hintergrundfarbe*/
      }
 
  #fussbereich a:link,
   #fussbereich a:visited,
  .navi a:link,                         /* unbesuchter Hyperlink*/
  .navi a:visited {                 /* besuchter Hyperlink*/
      color: #000000;      /* Schriftfarbe */
    }
      

  
  /*-------------------------------------------------------------------------------------*/
  
  /*Player*/
  
     a#player{
          float: left;}
 /* container has a background image */
 a.player {
            display:block;
            width:450px; height:290px;
            text-align:center; color:#fff;
            text-decoration:none; cursor:pointer;
            background:#000 url(bilder_hu_schu/onlinebilder/h500.png) repeat-x 0 0;
            background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
            -moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
            }

 a.player:hover {
          background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));
          }

 /* splash image */
 a.player img {
          margin-top:125px;
          border:0;
          } a.player { margin-top:50px; }

/* general playlist settings, light gray */
.playlist {

    position:relative;
    overflow:hidden;
    height:285px !important;

}

.clips, .petrol {float:left;}

.playlist .clips {
    position:absolute;
    height:20000em;

}

.playlist, .clips {
    width:260px; margin-top: 50px;
}

.clips a {
    background:url(./bilder_hu_schu/onlinebilder/h80.png);
    display:block;
    background-color:#fefeff;
    padding:12px 15px;
    height:46px;
    width:195px;
    font-size:12px;
    border:1px outset #ccc;
    text-decoration:none;
    letter-spacing:-1px;
    color:#000;
    cursor:pointer;
}

.clips a.first {
    border-top-width:1px;
}

.clips a.playing, .clips a.paused, .clips a.progress {
    background:url(./bilder_hu_schu/onlinebilder/light.png) no-repeat 0px -69px;
    width:225px;
    border:0;
}

.clips a.progress {
    opacity:0.6;
}

.clips a.paused {
    background-position:0 0;
}

.clips a span {
    display:block;
    font-size:11px;
    color:#666;
}

.clips a em {
    font-style:normal;
    color:#f00;
}

.clips a:hover {
    background-color:#f9f9fa;
}

.clips a.playing:hover, .clips a.paused:hover, .clips a.progress:hover {
    background-color:transparent !important;
}
/* /general playlist settings, light gray */


/* petrol colored */

.clips.petrol a {
    background-color:#193947;
    color:#fff;
    border:1px outset #193947;
}

.clips.petrol a.playing, .clips.petrol a.paused, .clips.petrol a.progress {
    background:url(bilder_hu_schu/onlinebilder/dark.png) no-repeat 0px -69px;
    border:0;
}

.clips.petrol a.paused {
    background-position:0 0;
}

.clips.petrol a span {
    color:#aaa;
}

.clips.petrol a em {
    color:#FCA29A;
    font-weight:bold;
}

.clips.petrol a:hover {
    background-color:#274D58;
}

.clips.petrol a.playing:hover, .clips.petrol a.paused:hover,
.clips.petrol a.progress:hover {
    background-color:transparent !important;
}
/* /petrol colored */


/* low version */

.clips.low a {
    height:31px;
}

.clips.low a.playing, .clips.low a.paused, .clips.low a.progress {
    background-image:url(./bilder_hu_schu/onlinebilder/light_small.png);
    background-position:0 -55px;
}

.clips.low a.paused {
    background-position:0 0;
}


/* /low version */


/* go buttons */

a.go {
    display:block;
    width:18px;
    height:18px;
    background:url(./bilder_hu_schu/onlinebilder/up.png) no-repeat;
    margin:5px 0 5px 105px;
    cursor:pointer;
}

a.go:hover, a.go.down:hover {
    background-position:0px -18px;
}

a.go.down {
    background-image:url(./bilder_hu_schu/onlinebilder/down.png);
}

.petrol a.go {
    background-image:url(./bilder_hu_schu/onlinebilder/up_dark.png);
}

.petrol a.go.down {
    background-image:url(./bilder_hu_schu/onlinebilder/down_dark.png);
}

a.go.disabled {
    visibility:hidden;
}

/* /go buttons */


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



 /* brainbox 1.3*/

@charset "UTF-8";
/*
Theme Name:              Brainbox - High Performance Lightbox
Theme Author:            Andreas Hecht - http://www.the-netbrain.de
Last Change:             28.02. 2010
*/
@media screen, projection
{
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none;}
/*#lightbox img { border: 2px #fff solid; }*/
#outerImageContainer{ position: relative; /*background-color: #fff;*/ width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 0;}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 100px; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink { width : 49%; height : 100%; background : transparent url(./bilder_hu_schu/brainboxbilder/blank.gif) no-repeat; display : block; }
#prevLink { left : 0; float : left; }
#nextLink { right : 0; float : right; }
#prevLink:hover, #prevLink:visited:hover { background: url(./bilder_hu_schu/brainboxbilder/prev.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./bilder_hu_schu/brainboxbilder/next.png) right 15% no-repeat; }
#imageDataContainer{ font: 11px Verdana, Helvetica, sans-serif; color: #fff; background: #3e3939; margin: 0 auto;
line-height: 1.4em; padding-top: 5px; border: 1px solid #ccc; position: relative; top: 10px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;}
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 67px; float: right;  padding-bottom: 0.7em;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { height: 1%;}
}