/* Standard Stylesheet
www.leonberger-seite.de
Start: 10.12.2007
Letzte Änderung: 26.09.2009
*/

/* Reset all */
*{
	padding: 0;
	margin: 0;

}

/* Allgemeines */
body {   text-align:center;
	font-size: 80%;
	line-height: 1.6em;
	color: #333;
         background-color: #333333;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

a:link {
	color: #eee;
         text-decoration: none;
}

a:visited {
	color: #eee;
	text-decoration: none;
}

a:hover {color: orange;
	text-decoration: none;
}



/* Clear Class */
.clearfloat {
	clear: both;
}

img, a img {
	border: 0;
}

.keine-anzeige {
	display: none;
}

/* Absaetze */
p {
	font-size: 1em;
	line-height: 1.7em;
	margin-left: 1.7em ;
         clear: both;
}



/*  Text */
.textklein {
	font-size: 1.0em;
}

.textfett{font-weight:bold;
     }

/* Links- bzw. Rechtsausrichtung für Elemente */
.leftalign {
	float: left;
	margin: 0 0.5em 0 0;
}

.rightalign {
	float: right;

}

/* Überschriften */

h1 {

}

h2 {margin-bottom:0.8em;

}

h3 { color:#000;

}

h4 {  color:#333333;
    margin-bottom:5px;

}

hr {color:#fff;
    margin:5px 0 5px 0; }

/*tabellen*/

table {border:1px solid #fff;
       font-size:1.0em;
       }
       
  #memory {border:none;
       font-size:1.0em;
       }      
#memory tr td {padding:5px;}
       
#memory tr td img{text-align: center;}

td{padding-left:5px;}


/* Layout */



 /* äußere Box zum Aufnehmen eines Links oberhalb der inneren Box*/
#wrapper_outer{width:850px;
               margin:auto;
               margin-top:0px;
               border:none;
}



#wrapper_inner {width:800px;

          text-align:left;
          border:0;
          margin-top:20px;
          background-color: #333333;
}

#header {                                    /*background-image:url(../img/logo.jpg);  */
                                              /*  background-repeat:no-repeat;   */
         background-color: #333333;
         height:140px;
         border:0;
}


 #home{margin-left:50px;
       margin-top:20px;
      font-family: arial,geneva,verdana,sans-serif;   }

 #home h1{color:#fff;
         font-size:2.6em;
         font-weight:normal;}

 #home p{margin-left:85px;
         margin-top:30px;
         font-size:1.7em;
         line-height:25px;
         color:#383431;}

#topical{margin-left:50px;
         margin-top:20px;
         color:#fff;
         font-family: arial,geneva,verdana,sans-serif; }

#topical_sub_2{float:right;
              margin-right:90px;}

#topical_sub_1{float:left;
               width:250px;
               margin-top:20px;}

#topical_sub_1 h1{line-height:30px; }

#topical_sub_1 p{line-height:18px;
                 margin-top:20px;
                 font-size:1.3em;
                 color: #383431;}

#topical_sub_1 p a{
                   margin-left:-25px;
                   font-size:1.0em;
                   text-decoration:underline;
                   }







.logo{text-align:left;
      }

.dog_pic_left{float:left;
       width:120px;
       }

.dog_pic_left span {text-align:center;
                   }

.center{text-align:center;}

.dog_pic{float:left;
             margin-left:15px;
             width:120px;
             }

.dog_pic span{ text-align:center;
          }

.dog_pic .current_top_nav, .dog_pic_left .current_top_nav {color:orange;
                                                           font-weight:bold;}



/* Navigation*/
 ul {background-color: #333333;
   }



#navi {display:block;
       margin: 50px 5px 30px 0px;
       border: 0;
       background-color: #333333;
      }



#navi li .current {color:orange;
                   font-weight:bold;
                   margin-left:1.2em;
                   }

#navi li .current_flyout, #navi  #space_a   .current_flyout, #navi #space_b  .current_flyout{color:orange;
                          }


#navi  li ul{position: absolute;
             background-color:transparent;
	    width: 8em;
             margin-left : 5.4em;
	    margin-top : -1.50em;
             border-left:1px solid #fff;
	    left: -999em;
}

 /* Anpassung der Abstände des "In Erinnerung" Flyout zu den langen Link-Namen  */
 ul #space_b ul{
             margin-left : 7.4em;

}




#navi  li ul ul{ margin-left : 5.0em;
                 background-color:#333333;

}





 #navi li:hover ul ul {
	left: -999em;
}

#navi li:hover ul, #navi li li:hover ul {
       left: auto;
}





/*sidebar*/
#sidebar { float:left;
	  width:20%;
           background-color: #333333;
           margin-top:10px;
}

/*content*/
#content {float:right;
          margin-top:30px;
          padding:15px 5px 15px 10px;
	 width:75.9%;
          border:5px solid white;
          background-color: #808040;

}
#content ul {list-style:none;
             color:#333333;
	    background-color:#808040;}

#content ul li {padding:3px;}


#content .img{border:0;
	    padding: -15px,0,0,0;
             text-align:center;}

#content .img img{border:1px solid black;
		 margin-bottom:5px;}

#content .memory{border:0;
	    padding: -15px,0,0,0;
             text-align:center;}

#content .memory img{border:none;
		 margin-bottom:5px;
		 }

#content .rightalign{border:0;
             margin-left:20px; }


/*News scrollbarer container   */

#news{height: 400px;
      overflow:auto;
      scrollbar-face-color:#808040; // Farbe des Schiebebalkens + der Scroll up & down pfeile der der Scrollbalken
scrollbar-shadow-color:#404040; // Die Farbe des Schattens der Scrollbalken
scrollbar-highlight-color:#fff; // Die Lichtern (links) der Scrollbalken
scrollbar-3dlight-color:#fff; // 3D effekt Farbe
scrollbar-darkshadow-color:#000; // Farbe den Schattens der ganz rechts ist
scrollbar-track-color:#fff; // Farbe von der Laufleiste der Scrollbalken
scrollbar-arrow-color:#fff; // Pfeilfarbe von den Scrollbalken

       }


/*image gallery*/

.thumb{background-color:#333333;

       padding-top:5px;
       }

#content .thumb img {margin:5px 5px 5px 5px;
                    border:1px solid white;}


#picture{ text-align:center;
         margin-top:10px;
         margin-bottom:10px;

        }

 .border{border:1px solid #333;
        margin-top:10px;
        }

#picture  img{ padding:2px;
           background-color:#000;
          }



/*footer*/

#footer {  color: #fff;
           text-align:right;
           margin-bottom:10px;
           background-color:#333333;
           font-size:1.4em;
           width:800px;
           }


#footer .leftalign{text-align:left;
                    font-size:0.7em;
                    }