/* --- Bildergalerien Startseite + 'Seiten fuer ...' ---- */
/* Stand: 27.10.2009 */
/* Ergaenzung 11.11.11: VR-Startseite */
/* 30.1.12: Bildergalerie umgestrickt */
@media screen {
/* -- Bildergalerie Zielgruppen -- */
.bildergalerie { 
	width:100%; margin:1em 0 0 0.1em;
} 
.bildergalerie ul, .bildergalerie ul p {
	margin:0 0 -1px 0; padding:0; list-style-type:none;
 } 
.bildergalerie ul li { 
	display:inline; 
} 
.bildergalerie li a{display:inline-block !important;}
.bildergalerie li a {display:block !important;}
.bildergalerie ul li a { 
	margin:3px; float:left; padding:0; width:269px; border:1px solid #ccc; text-decoration: none;
	} 
.bildergalerie ul span { 
	text-align:center; padding:2px 0 2px 0; 
	/* float: left; */
	position: relative;
	display: block;
	width: 270px;
	padding:0;
	background-color: #444;
	color:#fff;
	font-weight:600;
	margin-top: -26px;
	 filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
	}
.bildergalerie a:hover span {
	background-color:#fff;
	color:#444;
	opacity:0.8;
}

/* -- nicht mehr im Einsatz, da nicht stabil! -- */
div.inner {
  padding: 10px;
  height:auto;
  width:520px;
  min-width:430px;
  max-width:520px;
  font-family:Arial, Helvetica, sans-serif;
 /* font-size:10pt; */
  color:#ddd;
  margin: 0 0 0 20px;
}
  
#menulist img {width:210px; height:170px; padding: 1px; margin:0; overflow:hidden; }
#menulist {padding:0; margin:0; }
/* #menulist ul li {list-style-type:none!important; background:transparent;} */
#menulist li.left {float:left; margin-right:5px; padding:3px; border:3px solid #eee; margin-bottom:10px;list-style:none!important;}
#menulist li.right {float:right; padding:3px; border:3px solid #eee; margin-bottom:10px;list-style:none!important;}
#menulist li.current {border-color:#e60;}
#menulist li a img {border:0; display:block;}
#menulist li a {text-decoration:none; color:#8f8f8f; font-weight:bold; padding:5px;}
#menulist li a:hover b {text-decoration:underline;}
/* Bilder kleiner */
.inner_small {
       height:auto;
       min-width:430px;
       max-width:480px;
       font-family:Arial, Helvetica, sans-serif;
      /* font-size:10pt; */
       color:#ddd;
	 width:480px;
	 margin:0 0 0 5px;
	 text-align:left;
	 padding:2px;
       overflow:hidden;
	}
#menulist_small img {width:190px; height:110px; padding: 2px; margin:0; }
#menulist_small {padding:0; margin:0; list-style:none !important;}
#menulist_small li.left {float:left; margin-right:5px; padding:5px; border:3px solid #eee; margin-bottom:8px; list-style-type:none !important;}
#menulist_small li.right {float:right; padding:5px; border:3px solid #eee; margin-bottom:8px; list-style-type:none !important;}
#menulist_small li a img {border:0; display:block; padding:0; margin:0;}
#menulist_small li a {text-decoration:none; color:#8f8f8f; font-weight:bold; padding:5px;}
#menulist_small li a:hover b {text-decoration:underline;}
/* ------- Kleine Bildergalerie mit Thumbnails zum Anklicken ------- */
/* ------- Scrollbalken bei mehr als 6 Bildern ---- */
#gallery {
	width:520px;
	height:536px;
        margin:5px auto 12px 2px;
	position:relative;
        border: 1px solid #d3d3d3; 
        background:#fff;
        -webkit-box-shadow: 3px 3px 2px 2px #a5a5a5;
        -moz-box-shadow: 3px 3px 2px 2px #a5a5a5;
        box-shadow: 3px 3px 2px 2px #a5a5a5; 
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#a5a5a5', Direction=135, Strength=6); /* IE-CSS3 2 seiten */
        /* progid:DXImageTransform.Microsoft.Shadow(color='#606060', Direction=225, Strength=4); */ /* IE-CSS3 3 Seiten */
 }
#gallery div#thumbcontainer {
      height:80px;
      width:518px;
      overflow-x:hidden; 
     overflow-y:no-display; 
     border: 1px solid #d3d3d3; 
     /* overflow:auto; */
     top:428px;
     position:absolute;
}
ul#thumbnails {
	padding:0;
        margin:3px;
/*	width:520px; */
        height:1%;
        background:#efefef;
}
ul#thumbnails li {
	float:left;
	position:relative; 
      /* top:3px; */
        list-style-type:none;
        background:transparent;
        }
ul#thumbnails li a {
 	width:68px;
/*        height:65px; */
        padding:0;
      display:block;
	text-decoration:none;
     	background:transparent; 
}
ul#thumbnails li a img {
     width:68px; 
     height:65px; 
     border:0;
     margin: 3px 0;
     padding:3px;
    border: 1px solid #d3d3d3;
    background:#fff;
  }
ul#thumbnails li a:hover {
        margin:0;
        padding:0;
   } 
ul#thumbnails a:hover{
	 overflow:visible;
	 z-index:1000;
	}
	
ul#thumbnails a:hover img {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
         }	            
#gallery #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:426px;
	width:520px;
	overflow:hidden;
  }
#gallery #fullsize div {width:520px; height:426px; padding-top:5px;}
#gallery #fullsize div img {display:block; margin:0.4em auto; border:0; width:500px; padding:0;}
#gallery #fullsize div.description {height: 25px; padding:1.7pt; margin: 8px;}
#gallery hr {border-bottom: 1px #000 solid; background:transparent;} 
#g_comment {margin: 8px; }
/* --- Menue zum seitenweisen Anklicken --- */
.menuecontainer {
  clear:both; float:left; width:100%; overflow:hidden;}
#gallery#menu1 {
  width:408px;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  }
#gallery#menu1 li {
  float:left;
  width:100px;
  border:1px solid #fff; 
  }
#gallery#menu1 a {
  display:block;
  width:100px;
  color:#000; 
  background:#d4d4d4; 
  text-align:center; 
  padding:4px 0; 
  text-decoration:none; 
  float:left; 
  }
#gallery#menu1 a:hover {
  color:#fff; 
  background:#08c;
  }
/* --  newgallery: Liste fuer Startseite Visualisierung mit Hover-Effekt -- */
/* ------------------------------------------------------------------------------------------ */
/* newgallery */
	div#newgallery {
		margin:0;
		padding:20px 60px;
		background:#fff;
		font:70% Arial, Helvetica, sans-serif;
		color:#555;
		line-height:180%;
		width:620px;
	}
  
	div#newgallery a {
		color:#f20;
		text-decoration:none;
	}
	div#newgallery img {
                margin:0;
                padding:0;
		border:none;
	}
/* thumbnail list */
	ul#thumbs, ul#thumbs li {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li {
		float:left;
		margin-right:1px;
		padding:1px;
	}
	ul#thumbs a {
		display:block;
		float:left;
		width:160px;
		height:128px;
		line-height:128px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img {
		float:left;
		position:absolute;
		top:-1px;
		left:0;	
	}
      ul#thumbs li span {
       float:left;
       position:relative;
       display:block;
       width:146px;
       padding:5px;
       background:#494949;
       color:#fff!important;
       margin:104px 0 5px 2px;
       font: 600 12.5px/1 proxima-nova, helvetica, arial, sans-serif;
	filter:alpha(opacity=70);
       -moz-opacity:0.7;
       -khtml-opacity: 0.7;
       opacity: 0.7;
      }
	
	/* mouse over */
	
	ul#thumbs a:hover{
	 overflow:visible;
	 z-index:1000;
	/* border:1px solid #fff; */		
	}
	
	ul#thumbs a:hover img{
	border: solid 1px #CCC;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;
         }	            
            
     ul#thumbs a:hover span {
     top: 0;}
     
     ul#thumbs a:hover span {
    	position:relative;
        background:#fff;
	color:#000!important;
        font: 600 12.5px/1 proxima-nova, helvetica, arial, sans-serif;
        z-index:10;
        background-color:#fff;
    	border-width:1px;
    	border-style:solid;
    	border-bottom-color:#aaa;
    	border-right-color:#aaa;
    	border-top-color:#ddd;
    	border-left-color:#ddd;
	filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity:1;
        opacity:1;
     }
/* // mouse over */
	/* clearing floats */
	
	ul#thumbs:after, li#thumbs:after{
		content:"."; 
            /*  content: attr(title); */
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	ul#thumbs, li#thumbs{
		display:block;
	}
	/*  \*/
	ul#thumbs, li#thumbs{
		min-height:1%;
	}
	* html ul#thumbs, * html li#thumbs{
		height:1%;
	}	
	
	/* // clearing floats */
/* // thumbnail list */
}