@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 320px){
	
	
	#submenu{
		margin-bottom:0px;
	}

	#Galerie{
		background-color:#fff38e;
		padding:30px 10px;
		background-image:url(../common/images/l_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 20px,left top;
		background-size:100%,100%;
		height:auto;
		overflow:hidden;
	}
	
	#Galerie h1{
		margin:0 auto 20px;
		text-align:center;
	}
	
	#Galerie{
		clear:both;
		padding-top:30px;
	}
	
	.category{
		overflow:hidden;
		margin-bottom:30px;
	}
	
	.category li a{
		float:left;
		width:90%;
		text-align:center;
		display:block;
		border:1px solid #000;
		padding:10px;
		margin:0 auto10px;
	}
	
	#Galerie h2{
		text-align:center;
		margin-bottom:0px;
		clear:both;
	}
	
	.PhotoGalerie{
		overflow:hidden;
		margin-bottom:50px;
	}
	
	.PhotoGalerie ul{
		float:left;
		width:45%;
		margin:10px 5px 10px 10px;
	}
	
	.PhotoGalerie ul li img{
		width:100%;
	}
	
	.PhotoGalerie ul li{
		padding-bottom:5px;
	}
	
	PhotoGalerie2{
		overflow:hidden;
		margin-bottom:50px;
	}
	
	.PhotoGalerie2 li{
		float:left;
		width:95%;
		margin:10px 5px 10px 10px;
	}
	
	.PhotoGalerie2 ul li img{
		width:100%;
	}
	

	.PhotoGalerie2 ul li{
		padding-bottom:5px;
	}
	
	.backtop a{
		display:block;
		background-color:#000;
		color:#fff;
		padding:18px;
		width:150px;
		clear:both;
	}
	
	.backtop a:hover{
		background-color:#000;
	}

}

@media screen and (min-width: 480px){
	
	
	.PhotoGalerie ul{
		float:left;
		width:30%;
		margin:10px 5px 10px 10px;
	}
	
	.category li a{
		width:40%;
	}
	
	.PhotoGalerie2 li{
		float:left;
		width:46%;
	}
	
	

}

@media screen and (min-width: 640px){
	
	.PhotoGalerie ul{
		float:left;
		width:20%;
		margin:10px 5px 10px 10px;
	}
	

}

@media screen and (min-width: 981px){
	
	#submenu{
		margin-bottom:30px;
	}

	#Galerie{
		padding:50px 0 50px 100px;
		background-image:url(../common/images/l_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 30px,left top;
		background-size:555px,100%;
		height:auto;
		overflow:hidden;
	}
	
	#Galerie h1{
		margin:0 auto 20px;
	}
	
	.category{
		overflow:hidden;
		margin-bottom:20px;
	}
	
	.category li a{
		float:left;
		width:30%;
		text-align:center;
		margin-bottom:20px;
		display:block;
		border:1px solid #000;
		padding:10px;
		margin:0 0 10px 5px;
	}
	
	#Galerie h2{
		float:left;
		width:110px;
		margin-right:30px;
	}
	
	.PhotoGalerie{
		float:left;
		width:750px;
	}
	
	.PhotoGalerie ul{
		width:23%;
		margin:10px 5px 10px 10px;
	}
	
	.PhotoGalerie2{
		xfloat:left;
		xwidth:900px;
	}
	
	.PhotoGalerie2 li{
		width:30%;
	}
	

	
}