/***				***/
/*** Main container ***/
/***				***/
html {
	height: 100%;
}
body { 
	background-image: url(../design_element/front/bg.jpg);
	background-color: #000000;
	background-position: center top;
	background-size: 800px 1015px;
	background-repeat: no-repeat;
	margin: 0px;
	top: 30px;

	height: 1030px;
	color: #AAAAAA;
	font-weight: normal;
}
.wrapper {
	border: none;
	
	padding: 0px;
	border-spacing: 0px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	top: 640px;
	
	width: 400px;
}
.advertisement_1 {
	/*background-image: url(../design_element/front/ads.png);*/
	position: absolute;
	width: 250px;
	height: 1000px;
	right: 700px;
	margin-top: -630px;
	display: block;
}
.advertisement_2 {
	/*background-image: url(../design_element/front/ads.png);*/
	position: absolute;
	width: 250px;
	height: 1000px;
	left: 700px;
	margin-top: -630px;
	display: block;
}


@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) {
/* ===================================== */
/* ! All tablet specific CSS goes here   */
/* ===================================== */

html {
	height: 100%;
}
body { 
	background-image: url(../design_element/front/bg.jpg);
	background-color: #000000;
	background-position: center 175px;
	background-size: 800px 1015px;
	background-repeat: no-repeat;
	margin: 0px;
	top: 175px;

	height: 1030px;
	color: #AAAAAA;
	font-weight: normal;
}
.wrapper {
	border: none;
	
	padding: 0px;
	border-spacing: 0px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	top: 815px;
	
	width: 400px;
}
.advertisement_1 {
	/*background-image: url(../design_element/front/ads.png);*/
	background-size: 800px;
	
	position: absolute;
	left: -200px;
	width: 800px;
	height: 175px;
	margin-top: -805px;
}
.advertisement_2 {
	/*background-image: url(../design_element/front/ads.png);*/
	background-size: 800px;
	
	position: absolute;
	left: -200px;
	width: 800px;
	height: 175px;
	margin-top: 350px;
}

}

@media only screen and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2), screen and (device-aspect-ratio: 40/71), screen and (device-aspect-ratio: 2/3) {
/* ========================================= */
/* ! All smartphone specific CSS goes here   */
/* ========================================= */

html {
	height: 100%;
}
body { 
	background-image: url(../design_element/front/bg.jpg);
	background-color: #000000;
	background-position: center 175px;
	background-size: 800px 1015px;
	background-repeat: no-repeat;
	margin: 0px;
	top: 175px;

	height: 1030px;
	color: #AAAAAA;
	font-weight: normal;
}
.wrapper {
	border: none;
	
	padding: 0px;
	border-spacing: 0px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	top: 815px;
	
	width: 400px;
}
.advertisement_1 {
	/*background-image: url(../design_element/front/ads.png);*/
	background-size: 800px;
	
	position: absolute;
	left: -200px;
	width: 800px;
	height: 175px;
	margin-top: -805px;
}
.advertisement_2 {
	/*background-image: url(../design_element/front/ads.png);*/
	background-size: 800px;
	
	position: absolute;
	left: -200px;
	width: 800px;
	height: 175px;
	margin-top: 350px;
}

}