html { 
	background: url(Picture/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: right top;
}

body {
	background: none;
	height: 100vh;
	margin: 0;
	position: relative;
}

a {text-decoration: none;}


.ItemPic {
	max-width: 1000px; 
	width: 90%"
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 30px;
}
.table1 {
	display: table;
	background: none;
	border: none;
	border-collapse:collapse;
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.table2 {
	display: table;
	background: #ffffff;
	border: 2px;
	border-collapse:collapse;
	max-width: 900px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.thead-c1 {
	font-weight: bold;
	background: none;
	color: none;
	text-align: center;
	align-items: center;
}

#TitleCaption {
	position: fixed;
	left: 12px;
	top: 10px;
	z-index: 3;
	font-family: 'Comic Sans MS';
	font-size: 33px;
	font-weight: bold;
	color: orange;
}
#Home {
	position: fixed;
	left: 30px;
	top: 65px;
	z-index: 3;
}
#HomePic {
	width: 90px;
}
#LogoPIC {
	max-width: 1000px;
	width: 70%;
	margin-top: -25px;
	margin-left: 5%;
	margin-right: 5%;
        z-index:0;
}
#Hinweis {
	position: fixed;
	left: 32px;
	top: 240px; 
	z-index:3;
}
#Hinweis_Pic {
	width: 90px;
}
#EasyBill {
   content:url("EasyBill/easybill1.jpg");
}
#EasyStorage {
   content:url("EasyStorage/easystorage1.jpg");
}
#EasyCash {
   content:url("EasyCash/easycash1.jpg");
}
#EasyRental {
   content:url("EasyRental/easyrental1.jpg");
}
#PLSRN {
   content:url("Playlist/PLSRN1.jpg");
}
#EasyBill,
#EasyStorage,
#EasyCash,
#EasyRental,
#PLSRN {
	max-width: 1000px;
	width: 80%;
	margin-top: 30px;
	margin-left: 5%;
	margin-right: 5%;
        z-index:0;
}
#AGBPIC{
	margin-top: -5px;
}



@media only screen and (max-width: 1350px) {
	#EasyBill,
	#EasyStorage,
	#EasyCash,
	#EasyRental,
	#EasyMarket,
	#PLSRN {
	   margin-top: 20px;
	   margin-left: 10%;
	}
}


@media only screen and (max-width: 1275px) {
	#EasyBill,
	#EasyStorage,
	#EasyCash,
	#EasyRental,
	#PLSRN {
	   margin-left: 15%;
	}
}


@media only screen and (max-width: 1210px) {
	#EasyBill,
	#EasyStorage,
	#EasyCash,
	#EasyRental,
	#PLSRN {
	   width: 75%;
	   margin-top: 15px;
	   margin-left: 20%;
	   margin-right: 10%;
	}
}


@media only screen and (max-width: 1000px) {
	#EasyBill {
	   content:url("EasyBill/easybill2.jpg");
	   width: 80%;
	   margin-top: 15px;
	   margin-left: 20%;
	   margin-right: 10%;
	}
	#EasyStorage {
	   content:url("EasyStorage/easystorage2.jpg");
	   width: 80%;
	   margin-top: 15px;
	   margin-left: 20%;
	   margin-right: 10%;
	}
	#EasyCash {
	   content:url("EasyCash/easycash2.jpg");
	   width: 80%;
	   margin-top: 15px;
	   margin-left: 20%;
	   margin-right: 10%;
	}
	#EasyRental {
	   content:url("EasyRental/easyrental2.jpg");
	   width: 80%;
	   margin-top: 15px;
	   margin-left: 20%;
	   margin-right: 10%;
	}
	#PLSRN {
	   content:url("Playlist/PLSRN2.jpg");
	   width: 80%;
	   margin-top: 15px;
	   margin-left: 20%;
	   margin-right: 10%;
	}
	#EasyBill,
	#EasyStorage,
	#EasyCash,
	#EasyRental,
	#PLSRN {
	   max-width: 1000px;
	   width: 70%;
	   margin-top: 20px;
	   margin-left: 15%;
	   margin-right: 5%;
           z-index:0;
	}

	#HomePic {
	   width: 150px;
	}
	#Hinweis_Pic {
	   width: 150px;
	}

	#EasyBill,
	#EasyStorage,
	#EasyCash,
	#EasyRental,
	#PLSRN {
	   max-width: 1000px;
	   width: 65%;
	   margin-top: 15px;
	   margin-left: 20%;
	   margin-right: 5%;
           z-index:0;
	}
}


@media only screen and (max-width: 750px) {
	#LogoPIC{ 
	   content:url("Picture/CP-Easyware_b.gif");
	   min-width: 50px; 
	   max-width: 280px; 
	   width: 100%; 
	}
	#EasyBill,
	#EasyStorage,
	#EasyCash,
	#EasyRental,
	#PLSRN {
	   max-width: 1000px;
	   width: 60%;
	   margin-top: 15px;
	   margin-left: 25%;
	   margin-right: 5%;
           z-index:0;
	}

	#InfoPIC{ 
	   content:url("Picture/SW-Hinweis-txt_b.jpg");
	}
	#AGBPIC{ 
	   content:url("Picture/SW-Hinweis-AGB_b1.jpg");
	}
}


@media only screen and (max-width: 600px) {
	#TitleCaption{
	   position: absolute;
	}
	#Home{
	   position: absolute;
	}
	#HomePic {
	   width: 175px;
	}
	#Hinweis_Pic {
	   width: 175px;
	}
	#LogoPIC{ 
	   position: absolute;
	   width: 300px;
	   left:  175px;
	   top:    80px;
	}
	#Hinweis {
	   position: absolute;
	}
	#EasyBill,
	#EasyStorage,
	#EasyCash,
	#EasyRental,
	#PLSRN {
	   max-width: 1000px;
	   width: 80%;
	   margin-top: 450px;
	   margin-left:   5%;
	   margin-right:  5%;
           z-index:0;
	}
}