@charset "UTF-8";/* CSS Document */            bodyslider {                background: #72C2E7;                text-align: center;            }                                    h1slider {                color: #FBF6FD;                font-size: 60px;                text-shadow: #272229 2px 2px 4px;            }            /* Bild 1 */            #galleryslider {                height: 240px;                width: 320px;                margin-left: auto;                margin-right: auto;                overflow: visible;                        }          		              #galleryslider ul{               /* This position the ul content in the middle of the gallery*/               margin-left:-12px;             }                          #galleryslider ul li {                /* In order to create the proper effect with hover we should use display inline-table                    This will display the big picture right next to its thumbnail                */                list-style:none; display:inline-table; padding:10px;            }                                              /* This is the pic to display when the hover action occur over the li that contains the thumbnail  */            #galleryslider ul li .pic{	/* Animation with transition in Safari and Chrome */	-webkit-transition: all 0.6s ease-in-out;	/* Animation with transition in Firefox (No supported Yet) */	-moz-transition: all 0.6s ease-in-out;	/* Animation with transition in Opera (No supported Yet)*/	-o-transition: all 0.6s ease-in-out;	/* The the opacity to 0 to create the fadeOut effect*/	opacity: 0;	visibility: hidden;	position: absolute;	margin-top: 10px;	margin-left: -20px;	border: 1px solid black;	/* box shadow effect in Safari and Chrome*/	-webkit-box-shadow: #272229 2px 2px 10px;	/* box shadow effect in Firefox*/	-moz-box-shadow: #272229 2px 2px 10px;               /* box shadow effect in IE*/               filter:progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5);	/* box shadow effect in Browsers that support it, Opera 10.5 pre-alpha release*/	box-shadow: #272229 2px 2px 10px;	left: 466px;	top: 757px;            }                        #galleryslider ul li .mini:hover{                cursor:pointer;            }                                    /* This create the desired effect of showing the imagen when we mouseover the thumbnail*/           #galleryslider ul li:hover .pic {                /* width and height is how much the picture is going to growth with the effect */                opacity:1;                 visibility:visible;                 float:right;            }/* Bild 3 */            #galleryslider3 {                height: 213px;                width: 320px;                margin-left: auto;                margin-right: auto;                overflow: visible;                        }          		              #galleryslider3 ul{               /* This position the ul content in the middle of the gallery*/               margin-left:-12px;             }                          #galleryslider3 ul li {                /* In order to create the proper effect with hover we should use display inline-table                    This will display the big picture right next to its thumbnail                */                list-style:none; display:inline-table; padding:10px;            }                                              /* This is the pic to display when the hover action occur over the li that contains the thumbnail  */            #galleryslider3 ul li .pic{	/* Animation with transition in Safari and Chrome */	-webkit-transition: all 0.6s ease-in-out;	/* Animation with transition in Firefox (No supported Yet) */	-moz-transition: all 0.6s ease-in-out;	/* Animation with transition in Opera (No supported Yet)*/	-o-transition: all 0.6s ease-in-out;	/* The the opacity to 0 to create the fadeOut effect*/	opacity: 0;	visibility: hidden;	position: absolute;	margin-top: 10px;	margin-left: -20px;	border: 1px solid black;	/* box shadow effect in Safari and Chrome*/	-webkit-box-shadow: #272229 2px 2px 10px;	/* box shadow effect in Firefox*/	-moz-box-shadow: #272229 2px 2px 10px;               /* box shadow effect in IE*/               filter:progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5);	/* box shadow effect in Browsers that support it, Opera 10.5 pre-alpha release*/	box-shadow: #272229 2px 2px 10px;	left: 150px;	top: 462px;            }                        #galleryslider3 ul li .mini:hover{                cursor:pointer;            }                                    /* This create the desired effect of showing the imagen when we mouseover the thumbnail*/           #galleryslider3 ul li:hover .pic {                /* width and height is how much the picture is going to growth with the effect */                opacity:1;                 visibility:visible;                 float:right;            }