body {
background-color: rgb(204,204,000); font-family: Helvetica,Arial,serif; font-size: 10pt; font-style: normal; font-weight: lighter; background-image: url(./bilder/bg.gif); background-repeat:repeat-y; padding:0px
}

.orange { background-color: rgb(255,153,000); padding:4px; margin:0px;}
.gelb { background-color: rgb(255,255,000) ;padding:0px; margin:0px;}

p, ul, h1, h2, h3, h4, h5, h6, td	{ font-family:verdana, arial, helvetica, geneva, sans-serif;; color: rgb(0,0,0);}
p 			{line-height:14pt; font-size:10pt; color: rgb(0,0,0); margin-left:20pt; margin-top:10pt; margin-bottom:10pt}
p:first-letter {font-weight:bold}
h1           { font-size:12pt; line-height:14pt; color: rgb(0,0,0); margin-left:20pt; margin-top:10pt; margin-bottom:10pt}
h2           { font-size:12pt; line-height:14pt; color: rgb(0,0,0); margin-left:20pt; margin-top:20pt}
h3           { color: rgb(153,0,0); font-size: 14pt;}
h4           { font-size: 12pt}

.online		 { margin-top:10pt; font-size:12pt; line-height:0pt; color:rgb(0,0,0); }
.navline	 { margin-left:0px; margin-top:10pt; font-size:10pt; line-height:0pt; color:rgb(0,0,0); }		
.smallmargin {line-height:14pt; font-size:10pt; color: rgb(255,255,254); margin-left:0pt; margin-top:10pt; margin-bottom:10pt}
.pfeillist {list-style-image:url(./bilder/pfeil.gif); list-style-position:inside}
a:link  {color: rgb(51,153,0); text-decoration:none; font-weight:bold}
a:visited { color: rgb(51,153,0); text-decoration:none; font-weight:bold }
a:hover { color:rgb(153,0,0); text-decoration:none; font-weight:bold }
a:active { color: rgb(51,153,0); text-decoration:none; font-weight:bold }
a:focus { color: rgb(51,153,0); text-decoration:none; font-weight:bold }

.content:link  {color: rgb(153,0,0); text-decoration:none;  font-size:100%; }
.content:visited { color: rgb(153,0,0); text-decoration:none; font-size:100%;}
.content:hover { color: rgb(255,253, 00); text-decoration:none;  font-size:100%;  }
.content:active { color: rgb(153,0,0); text-decoration:none;  font-size:100%; }
.content:focus { color: rgb(153,0,0); text-decoration:none;  font-size:100%;}

ul			{line-height:14pt; font-size:10pt; color: rgb(0,0,0); margin-left:20pt; margin-top:10pt; margin-bottom:10pt}
li			{margin-bottom:5px;}

ol			{line-height:14pt; font-size:10pt; color: rgb(0,0,0); margin-left:20pt; margin-top:10pt; margin-bottom:10pt}

.bildschatten {
  background: url(./bilder/bildschatten.png) no-repeat bottom right;
  padding: 0px 4px 14px 0px;
}
/*galerie css*/ 

#container {
	background:#fff;
    position:relative; 
    width:620px; 
    height:520px; 
    margin:5px auto 0 auto; 
    border-width:3px; 
	border-color:#FF9900; 
	border-style:double; 
	padding:10px
    }

#galerie_right {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
#galerie_top {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }



/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:35px; 
    left:30px; 
    overflow:hidden; 
    background:#fff;
    }
    
  
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border-width:1px; 
	border-color:#FF9900; 
	border-style:groove ; 
	
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
	
#container a.slidea {
    background:url(./bilder/gsgalerie/thumbnails/jugendliche_1.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }
#container a.slideb {
    background:url(./bilder/gsgalerie/thumbnails/jugendliche_2.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }
#container a.slidec {
    background:url(./bilder/gsgalerie/thumbnails/jugendliche_3.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }
#container a.slided {
    background:url(./bilder/gsgalerie/thumbnails/jugendliche_4.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }


	
#container a.slidee {
    background:url(./bilder/gsgalerie/thumbnails/senioren_1.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }
	


#container a.slidef {
    background:url(./bilder/gsgalerie/thumbnails/senioren_2.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }

#container a.slideg {
    background:url(./bilder/gsgalerie/thumbnails/kinderfarm_1.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }
#container a.slideh {
    background:url(./bilder/gsgalerie/thumbnails/essen_1.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }



#container a.slidei {
    background:url(./bilder/gsgalerie/thumbnails/basteln_3.jpg) no-repeat; 
    height:49px; 
    width:75px;
    }
#container a.slidej {
    background:url(./bilder/gsgalerie/thumbnails/basteln_2.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }	
	

#container a.slidek {
    background:url(./bilder/gsgalerie/thumbnails/anerkennung_1.jpg) no-repeat; 
    height:56px; 
    width:75px;
    }

#container a.slidel {
    background:url(./bilder/gsgalerie/thumbnails/anerkennung_2.jpg) no-repeat; 
    height:56px; 
    width:75px;
	}
#container a.slidem {
    background:url(./bilder/gsgalerie/thumbnails/anerkennung_3.jpg) no-repeat; 
    height:56px; 
    width:70px;
	}
#container a.sliden {
    background:url(./bilder/gsgalerie/thumbnails/basteln_1.jpg) no-repeat; 
    height:75px; 
    width:56px;
    }

#container a.slideo {
    background:url(./bilder/gsgalerie/thumbnails/museum_1.jpg) no-repeat; 
    height:75px; 
    width:56px;
    }
#container a.slidep {
    background:url(./bilder/gsgalerie/thumbnails/museum_2.jpg) no-repeat; 
    height:75px; 
    width:56px;

    }

/* set the size of the unordered list to neatly house the thumbnails */
#galerie_right {
    margin-top:0px;
	width:180px; 
    height:300px;
    }

#galerie_top {
    margin-top:20px;
	width:100%; 
    height:75px;
    }

#galerie_right li {
    float:left;
    }

#galerie_top li {
    float:left;
    }
	
/* move the thumbnails into the correct position */
#galerie_right {
    
	
    float:right;
    }

#galerie_top {
    
	
    
    }		

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid rgb(204,204,000); 
    }

/* styling the :hover span */
#container a.gallery:hover span {
    background: url(./bilder/bildschatten.png) no-repeat bottom right;
  	padding: 0px 10px 20px 0px;
	text-align:center;
	position:absolute; 
    width:370px; 
    height:400px; 
    top:100px; 
    left:10px; 
	color:rgb(255,153,000); 
    
    }