/*----------------------------- CSS Hundezentrum Pfalz ------------------------*/
*{
   margin: 0;
   padding: 0;
   }

html {
   height: 100%;
   }

body { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 0.8em;
   color: #666;
   line-height: 1.5em; 
   background-image: url(../bilder/container/hintergrund.gif); 
   background-repeat: repeat;
   min-height: 101%;
   }

h1 { 
    color: #369; 
    font-size: 1.15em; 
    font-weight: bold; 
    padding-bottom: 20px; 
    }
    
h2 { 
    color: #666; 
    font-size: 1em; 
    font-weight: bold;
    padding: 20px 0 0 1px; 
    }
 
h3 { 
    color: #693; 
    font-size: 1em; 
    font-weight: bold;
    padding-top: 20px; 
    }  
  
a { 
   color: #fff; 
   font-weight: bold; 
   text-decoration: none; 
   }
   
a#current {
   color: #360;
   }

.ohnepadding {
    padding: 0;
    }

.paddingtop {
    padding-top: 12px;
    }

.paddingbottom {
    padding-bottom: 50px;
    }

 .datumeintrag {
    border-top: 1px #693 dotted;
	border-bottom: 1px #693 dotted;
	}

    
/*----------------------------- Layout ------------------------*/

#container { 
	width: 850px; 
	height: auto; 
	margin: 20px auto 0 auto;
	}

#containergalerie { 
	width: 850px; 
	height: auto; 
	margin: 20px auto 0 auto;
	}       
            
#header {
	background-color: #9c3; 
	width: 850px; 
	height: 135px; 
	}
	         
#headerbild a {
	display: block;
	background-image: url(../bilder/container/header.jpg); 
	background-repeat: no-repeat; 
	height: 90px; 
	}
	
#headerbildpfalz a {
	display: block;
	background-image: url(../bilder/container/pfalz.gif); 
	background-repeat: no-repeat; 
	background-position: right top; 
	width: 170px; 
	height: 43px; 
	float: right; 
	}

#header_print{ 
	display: none;
	} 
	
.print{ 
	display: none;
	} 
			 	                 
#content { 
	background-image: url(../bilder/container/hg.gif);
	background-repeat: repeat; 
	width: 850px; 
	float: left; 
	border-top: 2px solid white; 
	}

#contentgalerie { 
	background-image: url(../bilder/container/hg_galerie.gif); 
	background-repeat: repeat; 
	width: 850px; 
	float: left; 
	border-top: 2px solid white; 
	}
                    
#inhalt { 
	padding: 14px 0 25px; 
	width: 454px;
	height: auto; 
	float: left; 
	margin: 0 33px; 
	}
         
#inhaltgalerie { 
	padding: 7px 0 25px;
	width: 640px; 
	float: left; 
	margin-left: 33px;
	min-height: 350px;	
    }         
                
#logo { 
    background-image: url(../bilder/container/logo_pfalz.gif); 
    background-repeat: no-repeat;
    clear: both;
    position: relative; 
    width: 75px; 
    height: 100px; 
    bottom: 135px;
    left: 80px;
    }
                    
#footer { 
    background-image: url(../bilder/container/footer.jpg); 
    height: 25px; 
    width: 850px; 
    clear: both;
    border-top: 2px solid white; 
    }
                 
/*----------------------------- Subnavigation im Header ------------------------*/

#headernavicont { 
   font-size: 12px; 
   text-align: right; 
   width: 667px;
   }
             
#headernavi li { 
	padding-left: 14px; 
	list-style-type: none; 
    display: inline; 
    }

#headernavi a:hover { 
    color: #360; 
    }            
                                
/*----------------------------- Hauptnavigation links ------------------------*/

#hauptnavicont { 
   letter-spacing: 0.5px; 
   width: 165px; 
   float: left;
   background-color: #b9b985;
   }

#subnavicont { 
   padding: 3px 0;
   border-bottom: 2px solid white;
   }
                        
#hauptnavi li { 
   list-style-type: none; 
   }
                
#hauptnavi a { 
   font-size: 1.125em; 
   text-transform: uppercase;
   border-bottom: 2px solid white; 
   display: block;  
   padding: 3px 0 3px 12px;
   }
               
#hauptnavi a:hover{ 
   background-color: #693; 
   }

#hauptnavi a#hncurrent {
   color: #fff;
   background-color: #693;
   }
           
#hauptnavi ul ul { 
   padding: 3px 0;
   border-bottom: 2px solid #fff;
   }

#hauptnavi li li a { 
   font-size: 0.875em; 
   text-transform: capitalize; 
   padding-left: 12px; 
   display: block;
   border: none;
   }
         
#hauptnavi li li a:hover{ 
   color: #360; 
   background-color: #b9b985;
   }   
                                                
/*----------------------------- Subnavigation 3. Ebene oben ------------------------*/

#navi3leiste { 
	font-size: 0.87em;  
	float: left;
	width: 481px; 
	height: 1.35em;
	min-height: 20px; 
	border-right: 2px solid #fff; 
	border-left: 2px solid #fff; 
	white-space: nowrap;
	}
             
#navi3 li { 
   padding-right: 12px;
   list-style-type: none; 
   display: inline; 
   }

#navi3 a#nlcurrent {
   color: #360;
   }

#navi3 a:hover { 
   color: #360;  
   }
                     
.navi3leistefarbe { 
   background-color: #b9b985;
   padding: 2px 4px 4px 31px; 
   margin-bottom: 18px;
   }
                       
/*----------------------------- Inhalt ------------------------*/
  
#inhalt ul { 
      padding: 6px 0; 
      list-style-image: url(../bilder/container/listenpunkt.gif); 
      list-style-position: inside; 
      }   
     
#inhalt ol {
     padding: 6px 0;
     margin-left: 24px; 
     list-style-type: decimal; 
     }
      
#inhalt a { 
     color: #360;
     font-weight: normal; 
     text-decoration: underline; 
     }

#inhalt a:hover { 
     color: #369; 
     }   
     
#map { 
	margin: 20px 0;
	width: 454px; 
	height: 400px;
    }   

.linkposrechts {
    text-align: right;
    display: block;
    }  
    
.pressequelle {
    font-size: 0.9em;
    text-align: right;
    }
        
.clear { 
	clear: both;
	}
	
.disclaimer {
    font-size: 0.8em;
    line-height: 1.25em;
    }
    

/*----------------------------- Newsbox ------------------------*/

#newscontainer {
    float: right;
    width: 165px;
    height: 511px;
    padding: 0;
    margin: 0;
    }
        
#newstitel {
	color: #fff;
	font-size: 1.12em;
	font-weight: bold;
	height: 25px;
	min-height: 26px;
	width: 165px;
	padding: 0px;
	margin: 0px;
	background-color: #693;
	border-bottom: 2px solid #fff;
	}

#newstitel p {
    padding: 3px 0px 0px 10px;
    margin: 0px;
    }

#news { 
    width: 165px; 
    color: #fff; 
    height: 484px; 
    padding: 0px; 
    margin: 0px;
    display: none;
    }

#news h4 { 
    color: #fff; 
    font-size: 0.95em; 
    font-weight: bold; 
    padding-top: 14px; 
    padding: 12px 10px 0px 10px;
    margin: 0px;
    }
    
#news p { 
    padding: 0px 10px 0px 10px;
    margin: 0px;
    }

#news a { 
    font-weight: normal; 
    text-decoration: underline;
    padding-left: 10px; 
	}
         
.newsfarbe { 
    background-color: #498ec7; 
    }

.newsinhalt { 
	width: 454px; 
	height: auto;
	margin-bottom: 50px;
    }
    
    
/*----------------------------- Tabellen ------------------------*/
table {
	 width: 450px;
     font-size: 1em;
	 }

td {
	 padding: 10px 0px;
	 }
	 
th {
     font-weight: normal;
     text-align: left;
     vertical-align: top;
     width: 130px;
     padding: 10px 0 0 5px;
     }
     
/*----------------------------- Formulare ------------------------*/

.border {
     border: #693 dotted 1px;
     margin: 10px 0;
     padding-left: 5px;
     }
     
.tdtextfeld
	{width: 130px;
	}
	
.fehler { 
    color: red; 
    background: inherit; 
    }

.checkbox {
    vertical-align: top;
    padding-top: 2px;
    }
  
.agb { 
    font-size: 0.9em; 
    padding: 0 0 5px 10px;
    }
  
/*----------------------------- Kursinformationen ------------------------*/       

.kursinformation {
     border: 1px dotted #693;
     line-height: 1.25em; 
	 padding: 10px 0;
	 margin: 0 0 25px 0;
	 }

.kursinfo {
    font-size: 0.95em;
	border: none;
	margin: 0;
	}

.kursinfo td {
    padding: 0 0 0 5px;
    }

.kursinfo th { 
     font-weight: bold; 
     padding: 0 0 0 5px;
     }
     
.kursinfotitel {
    font-size: 0.95em;
    padding: 0 0 10px 6px; 
    }

.datum th{
    padding: 10px 0 0 0;
    }
 
 
/*----------------------------- Sitemap ------------------------*/

ul#sitemap {
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	margin-top: 5px;
    }

ul#sitemap ul {
	margin: 8px 0 12px 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	width: 200px;
    }

.abstand{
	margin-bottom: 10px;
    }

ul#sitemap li a {
	font-weight: bold;
	font-size: 0.95em;
	color: #fff;
	text-decoration: none;
	display: block;
    background-color: #669933;
    padding-left: 6px;
    }

ul#sitemap li a:hover {
	background-color: #369;
	color:#ffffff;
    }

ul#sitemap li li a {
	background-color: #b9b985;
	}

ul#sitemap li li a:hover {
	background-color: #369;
    }

ul#sitemap li li li a { 
    font-weight: lighter; 
    background-color: #fff; 
    color: #693; 
    padding:0 20px; 
    text-decoration: underline; 
    }

ul#sitemap li li li a:hover { 
	background-color: #fff; 
	color: #369;	 
    }
	

	
/*----------------------------- Gaestebuch und Fotogalerie ------------------------*/

.gaestebuch { 
	width: 454px; 
	height: auto;
	padding-bottom: 50px;
	}
  
.gaestebucheintrag { 
    padding-top: 12px; 
    } 

#seitenzahloben {
    text-align: right;
    font-size: 0.95em;
    }

#seitenzahloben a { 
    text-decoration: none; 
    padding-right: 2px;
    }

#seitenzahloben a:hover { 
    background-color: #360;
    color: #fff;
    }
    
#seitenzahlunten {
    text-align: right;
    font-size: 0.95em;
    border-top: 1px #693 dotted;
    }

#seitenzahlunten a { 
    text-decoration: none; 
    padding-right: 2px;
    }

#seitenzahlunten a:hover { 
    background-color: #360;
    color: #fff;
    }

.current { 
    background-color: #360; 
    color: #fff; 
    padding: 0 2px 0 5px;
    }

.schriftkleinerundborder {
    font-size: 0.9em;
    border-bottom: 1px #693 dotted;
    } 
.schriftkleiner {
    font-size: 0.9em;
    }
  
input, textarea, select {
	border: 1px #693 solid;
	padding: 0;
	margin: 0;
	}

input:focus, input:hover, textarea:focus, textarea:hover, select:hover {
	background-color: #ccff99;
	}

select:hover {
	background-color: #fff
	}	

br clr{
	clear:left;
	}

.mitmargin{
	margin-top: 10px;
	}    
	
/*----------------------------- Fotogalerie Lightbox ------------------------*/

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ 
    border: none; 
    }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }
    
#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
    
#hoverNav{
    position: absolute;
    top: 0;
    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(../ueberuns_galerie/images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
    
#prevLink { 
    left: 0; 
    float: left;
    }
    
#nextLink { 
    right: 0; 
    float: right;
    }
    
#prevLink:hover, #prevLink:visited:hover { 
    background: url(../ueberuns_galerie/images/prev.gif) no-repeat left 15%; 
    }
    
#nextLink:hover, #nextLink:visited:hover { 
    background: url(../ueberuns_galerie/images/next.gif) no-repeat right 15%; 
    }

#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100% 
    }

#imageData{ 
    padding:0 10px; color: #666; 
    }
    
#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: 66px; 
    float: right;  
    padding-bottom: 0.7em;  
    }   
        
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #99cc33;
    }

.thumb {
	margin-bottom: 8px;
	margin-right: 8px;
	border: 1px solid #999966;
    }