/* CSS Document */
/* =============================================================================
   1. Kalibrierung und allgemeines Styles
   =============================================================================*/ 
* { padding: 0; margin: 0; }
body { /* Gestalte das HTML-Element mit dem Namen body */
      color: black; /* Schriftfarbe */
	  background-image: url(grafik/body_backround.jpg); /* Hintergrundfarbe */
	  background-repeat: repeat;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;/* Schriftgröße */
	  font-weight: normal; 
	  }		   
/* =============================================================================
   2. Styles für die Layoutbereiche
   =============================================================================*/	 
#wrapper {
      position:relative;
      width: 760px; /* Breite des Inhaltsbereiches */
	  margin-right: auto;
	  margin-top: 0px;
	  margin-left: auto;
	  }
#kopfbereich {
      float: left;
      width: 760px;
	  height: 175px;
	  background-image:url(grafik/banner.jpg);
	  background-repeat:no-repeat;
	  }	  
#navibereich {
      float: left;
      width: 145px;
	  padding-top: 25px;
	  background-image: url(grafik/deko_navi.jpg);
	  background-repeat: no-repeat;
	  text-align:right;
	  font-size:13px;
	  font-weight: normal;
	  line-height:2.1em;
	  }
#navibereich li {
			list-style: none;  /* ohne Aufzählungspunkte */
			padding-right: 0px;
			}
#navibereich a { color: #003300; }
#navibereich a:focus { color: #FAFBFF; }
#navibereich a:hover { color: #336633; }
#eurasier_home #navi01, #eurasier_ueberuns #navi02, #eurasier_ahnen #navi03, #eurasier_grundfarben #navi04, #eurasier_rueden #navi05, #eurasier_huendinnen #navi06, #eurasier_welpen #navi07, #eurasier_aktuelles #navi08, #eurasier_veranstaltungen #navi09, #eurasier_kontakt #navi10 {
         color: #003300;
         list-style: square;
		 font-weight: bold;
         }
							 						  
#news {
       position:relative;
	   top: 35px;
	   float: right;
	   width: 125px;
	   border-color: #003300;
	   border-width: 2px;
	   border-style: solid;
	   text-align: center;
	   line-height: normal;
	   padding:5px;	   
      }	
.image_news {
		   margin-top: 10px;
		   margin-bottom: 5px;
		   margin-left: 1px;
	       width: 115px;
		   }	  
.dropcap span {
               float: left;
			   font-family: Georgia, "Times New Roman", Times, serif;
			   font-size: 230%;
			   line-height: 1;
			   text-transform: uppercase;
			   padding: 0 5px;
			   border: 1px solid #003300;
			   margin-right: 5px;
			   margin-top: 4px;
			   }     
/* =============================================================================
      Styles für Home
   =============================================================================*/			  
      .container_rechts_home_1 {
	       float: right;
		   height: 295px;
	       width: 600px;
		   margin-bottom: 20px;
	       }
	   .container_rechts_home_2 {
	       float: right;
		   height: 295px;
	       width: 600px;
		   margin-bottom: 20px;
	       }  
		 .home_text_1 {
		   float: right;
		   width: 470px;
		   height: 295px;
		   font-size: 12px;
		   line-height: 1.5;
	       } 
		 .home_text_2 {
		   float: right;
		   width: 470px;
		   height: 295px;
		   font-size: 12px;
		   line-height: 1.5;
	       }
/* =============================================================================
      Styles für Über uns
   =============================================================================*/	
   		 .container_rechts_ueberuns_1 {
	       float: right;
		   height: 325px;
	       width: 600px;
		   margin-bottom: 20px;
	       }
	   .container_rechts_ueberuns_2 {
	       float: right;
		   height: 273px;
	       width: 600px;
		   margin-bottom: 20px;
	       } 
		 .container_rechts_ueberuns_3 {
	       float: right;
		   height: 273px;
	       width: 600px;
		   margin-bottom: 20px;
	       }     
		 .home_ueberuns_1 {
		   float: right;
		   width: 470px;
		   height: 325px;
		   font-size: 12px;
		   line-height: 1.5;
	       } 
		 .home_ueberuns_2 {
		   float: right;
		   width: 470px;
		   height: 273px;
		   font-size: 12px;
		   line-height: 1.5;
	       }
		 .home_ueberuns_3 {
		   float: right;
		   width: 470px;
		   height: 273px;
		   font-size: 12px;
		   line-height: 1.5;
	       }                          
/* =============================================================================
      Styles für Ahnen
   =============================================================================*/			     	      
        .container_rechts_1 {
	       background-image: url(grafik/container_rechts_1.jpg);
		   background-repeat:no-repeat;
		   float: right;
		   height: 245px;
	       width: 600px;
		   margin-bottom: 20px;
	       }
		.container_rechts_2 {
	       background-image: url(grafik/container_rechts_2.jpg);
		   background-repeat:no-repeat;
		   float: right;
		   height: 245px;
	       width: 600px;
		   margin-bottom: 20px;
	       }        
		.image_links {
		   position: absolute;
		   margin-top: 0px;
		   margin-left: 0px;
		   width: 110px;
		   height: 245px;
		   }
	    .text_container {
		   position: absolute;
		   margin-top: 10px;
		   margin-left: 125px;
		   width: 235px;
	       height: 200px;
	       }  
	     .image_rechts_quer {
		   position: absolute;
		   margin-top: 42px;
		   margin-left: 370px;
	       width: 220px;
	       height: 165px;
		   } 
	     .image_rechts_hoch {
		   margin-top: 25px;
		   margin-left: 415px;
	       position: absolute;
	       width: 150px;
	       height: 200px;
		   }
	     .nach_oben {
		   position: absolute;
		   margin-left: 125px;
	       margin-top: 230px;
		   width: 80px;
		   height: 15px;
		   }
/* =============================================================================
      Styles für Grundfarben; Rueden; Huendinnen; Welpen
   =============================================================================*/			   
          .grundfarbe_oben_quer {
           position: absolute;
		   margin-left: 120px;
		   margin-top: 40px;
	       }
          .grundfarbe_unten_quer {
           position: absolute;
		   margin-left: 115px;
		   margin-top: 194px;
		   width: 250px;
		   text-align:right;
		   font-size:11px;
		   font-weight: normal;
		   color: #003300;
	       }
          .grundfarbe_oben_hoch {
           position: absolute;
		   margin-left: 120px;
		   margin-top: 25px;
	       }
          .grundfarbe_unten_hoch {
           position: absolute;
		   margin-left: 155px;
		   margin-top: 213px;
		   width: 250px;
		   text-align:right;
		   font-size:11px;
		   font-weight: normal;
		   color: #003300;
	       }
		   .deko_1 {
		   position: absolute;
		   margin-left: 125px;
		   margin-top: 74px;
		   width: 235px;
		   height: 116px;
		   }
		   .deko_2 {
		   position: absolute;
		   margin-left: 145px;
		   margin-top: 74px;
		   width: 235px;
		   height: 116px;
		   }	
/* =============================================================================
      Styles für Aktuelles
   =============================================================================*/	
          .container_rechts_aktuelles_3 {
		   float: right;
		   height: 242px;
	       width: 600px;
		   margin-bottom: 20px;
		   }	
          .text_container_aktuelle_3 {
		   position: absolute;
		   margin-top: 10px;
		   margin-left: 125px;
		   width: 465px;
	       height: 460px;
	       } 
          .container_rechts_aktuelles_2 {
	   	   background-image: url(grafik/container_rechts_2.jpg);
		   background-repeat:no-repeat;
		   float: right;
		   height: 215px;
	       width: 600px;
		   margin-bottom: 20px;
		   }	
          .text_container_aktuelle_2 {
		   position: absolute;
		   margin-top: 10px;
		   margin-left: 125px;
		   width: 465px;
	       height: 460px;
	       } 
		  .container_rechts_aktuelles_1 {
		   background-image: url(grafik/container_rechts_2.jpg);
		   background-repeat:no-repeat;
		   float: right;
		   height: 295px;
	       width: 600px;
		   margin-bottom: 20px;
		   }	
          .text_container_aktuelle_1 {
		   position: absolute;
		   margin-top: 10px;
		   margin-left: 125px;
		   width: 465px;
	       height: 75px;
	       } 
		  .image_rechts_aktuelles_quer_1 {
		   position: absolute;
		   margin-top: 100px;
		   margin-left: 370px;
	       width: 220px;
	       height: 165px;
		   }
		  .image_rechts_aktuelles_quer_2 {
		   position: absolute;
		   margin-top: 100px;
		   margin-left: 125px;
	       width: 220px;
	       height: 165px;
		   }
		   .aktuelles_unten_1 {
           position: absolute;
		   margin-left: 125px;
		   margin-top: 273px;
		   width: 200px;
		   font-size:11px;
		   font-weight: normal;
		   color: #003300;
		   }  
		   .aktuelles_unten_2 {
           position: absolute;
		   margin-left: 370px;
		   margin-top: 273px;
		   width: 200px;
		   font-size:11px;
		   font-weight: normal;
		   color: #003300;
		   } 
		   .text_container_aktuelle_1 a { color: #003300; }
		   .text_container_aktuelle_2 a { color: #003300; }
		   .text_container_aktuelle_3 a { color: #003300; }
/* =============================================================================
      Styles für Veranstaltungen
   =============================================================================*/	
           .container_rechts_veranstaltungen_1 {
	       float: right;
		   height: 434px;
	       width: 600px;
		   margin-bottom: 20px;
	       }
		  .container_rechts_veranstaltungen_2 {
	       float: right;
		   height: 373px;
	       width: 600px;
		   margin-bottom: 20px;
	       } 
		  .veranstaltungen_text_1 {
		   float: right;
		   width: 470px;
		   height: 434px;
		   font-size: 12px;
		   line-height: 1.5;
	       } 
		  .veranstaltungen_text_2 {
		   float: right;
		   width: 470px;
		   height: 373px;
		   font-size: 12px;
		   line-height: 1.5;
	       }
		   .veranstaltungen_text_1 a { color: #003300; }
		   .veranstaltungen_text_2 a { color: #003300; }
		   .veranstaltungen_text_1 li { line-height: 2.6em; }
		   .veranstaltungen_text_2 li { line-height: 2.4em; }
/* =============================================================================
      Styles für Kontakt
   =============================================================================*/			     	  		        	    		    			   	 	 .container_rechts_kontakt_1 {
	       float: right;
		   height: 430px;
	       width: 600px;
		   margin-bottom: 20px;
	       }
		  .container_rechts_kontakt_2 {
	       float: right;
		   height: 430px;
	       width: 600px;
		   margin-bottom: 20px;
	       } 
		  .kontakt_text_1 {
		   float: right;
		   width: 470px;
		   height: 430px;
		   font-size: 12px;
		   line-height: 1.5;
	       } 
		  .kontakt_text_2 { 
		   float: right;
		   width: 470px;
		   height: 430px;
		   font-size: 12px;
		   line-height: 1.5;
	       }
		   .kontakt_text_1 a { color: #003300; }	
		   .kontakt_text_2 a { color: #003300; }	   	 		   	   
/* =============================================================================
      Styles für Fussbereich
   =============================================================================*/		
#fussbereich {
           background-image:url(grafik/banner_fuss_1.jpg);
		   background-repeat:no-repeat;
		   float: right;
		   margin-right: 16px;
		   height: 70px;
	       width: 585px;
		   padding-bottom: 20px;
           }
#w3c a { color: #003300; }		   
#w3c a:hover { color: #336633; } 
#w3c {
      position: absolute;
	  margin-left: 440px;
	  margin-top: 55px;
     }
#copyright {
      position: absolute;
	  margin-left: 385px;
	  margin-top: 55px;
	  color: #003300;
     } 			  		   
/* =============================================================================
      
   =============================================================================*/			   
h3 { font-size: 12px; }
h3 { color: #990000; }
h3 { line-height: 1.9; }
h3 { font-weight: bold; }

h4 { font-size: 13px; }
h4 { color: #003300; }
h4 { line-height: 1.9; }
h4 { font-family: "Courier New", Courier, mono; }
/* =============================================================================
   3. Sonstige Styles
   =============================================================================*/			  	  	  	     
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images_js/loading.gif)/* no-repeat center*/;
	background-position: center;
	background-repeat: no-repeat;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images_js/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images_js/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 113px;
	height: 22px;
	background: transparent url(images_js/closelabel.gif) /*no-repeat center*/;
	background-position: center;
	background-repeat: no-repeat;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}