html, body  {
	background: #ffffff; 
	text-align: center; 
	font-family: Arial, tahoma, verdana, helvetica, sans-serif;
	line-height: 1.3;
	height: 100%;
	min-height: 620px;
	color: #444444;
	}
body {
	margin: auto; 
	padding: auto; 
	width: 100%;
	}
img 
  {border: 0px;
	}
	
p {
   display: block;
	 margin: 0px 0px 10px 0px;
}

a {
	color: #444444;
	text-decoration: none;
}

a:hover {
	color: #C70000;
	text-decoration: none;
	}
	
.container {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
.top {
	height: 130px;
	border-bottom: 1px solid #660000;
	background: #c70000;
	width: 100%;
	}
	
.contact-top {
	position: aboslute;
	top: 0px;
	right: 0px;
	padding: 7px 10px;
	text-align: right;
	font-size: 14px;
	color: #ffffff;
	float: right;
	}
	
span.contact-bottom {
	display: none;
	}
		
.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	background-position: 20px 20px; 
	height: 190px;
	width: 310px;
	}
	
.logo .dev {
	background-image: url("images/magento.png");
	background-repeat: no-repeat;
	background-position: 0px 31px; 
	height: 190px;
	width: 79px;
	float: right;
	}
	
.logo .dev:hover {
	background-position: -79px 31px; 
	}
	
.logo .lang {
	height: 46px;
	position: absolute;
	top: 140px;
	left: 20px;
	}

.logo .lang .en {
	background-image: url("images/lang.png");
	background-position: 0px 0px;
	width: 46px;
	height: 46px;
	float: left;
	margin-right: 5px;
	}
	
.logo .lang .en:hover {
	background-position: 0px -47px;
	}
		
.logo .lang .de {
	background-image: url("images/lang.png");
	background-position: -49px 0px;
	width: 46px;
	height: 46px;
	float: left;
	margin-right: 5px;
	}
	
.logo .lang .de:hover {
	background-position: -49px -47px;
	}
	
.logo .lang .pl {
	background-image: url("images/lang.png");
	background-position: -98px 0px;
	width: 46px;
	height: 46px;
	float: left;
	margin-right: 5px;
	}
	
.logo .lang .pl:hover {
	background-position: -98px -47px;
	}

.content {
	background-image: url("images/background.gif");
	background-repeat: repeat;
	min-height: 100%;
	position: relative;
	}

.e-com {
	background-position: -13px 0px;
	}
	
.e-com:hover {
	background-position: -255px 0px;
	}
	
.host {
	background-position: -28px -177px;
	}
	
.host:hover {
	background-position: -270px -177px;
	}
	
.red {
	background-position: -1px -360px;
	width: 170px;
	}
	
.red:hover {
	background-position: -243px -360px;
	}
	
.si {
	background-position: 20px -550px;
	}
	
.si:hover {
	background-position: -222px -550px;
	}

.content .main {
	padding-top: 85px;
	}	
	
.content .support {
	clear: both;
	position: absolute;
	bottom: 50px;
	right: 20px;
	}

.content .support .txt {
	display: inline-table;
	width: 180px;
	position: absolute;
	bottom: 24px;
	right: 134px;
	text-align: right;
	}
	
.content .support .link {
	height: 60px;
	background-image: url("images/icons.png");
	background-repeat: no-repeat;
	display: inline-table;
	margin-right: 5px;
	}
	
.content .support .gopr {
	width: 50px;
	background-position: 0px -1px;
	}
	
.content .support .gopr:hover {
	background-position: 0px -205px;
	}

.content .support .giat {
	width: 58px;
	background-position: -59px -1px;
	}	
	
.content .support .giat:hover {
	background-position: -59px -205px;
	}	
	
.content .menu {
		background-image: url("images/menu.png");
		background-repeat: no-repeat;
		padding-top: 145px;
		}	
	
.content .menu:hover {
	color: #c70000;
	}
	
	
.content .menu .sep {
	display: none;
	}
	
.content .question {
	clear: both;
	float: none;
	width: 240px;
	}	
	
.content .footer {
	width: 100%;
	background: #ffffff;
	position: absolute;
	bottom: 0px;
	text-align: center;
	font-size: 14px;
	padding: 8px 0px;
	}	
	
@media screen and (max-width: 530px) {

	span.contact-bottom {
		display: block;
		margin-top: 25px;
		padding: 10px;
		background: #ffffff;
	}

	.contact-top {
		display: none;
	}
	
	.logo {
		left: 50%;
		margin-left: -155px;
	}
	
	.content .menu {
		display: block;
		float: none;
		width: 230px;
		margin: auto;
		margin-bottom: 30px;
		}
		
	.content .question {
		text-align: center;
		margin: auto;
		background-image: none;
		padding: 10px 0px 160px 0px;
		}	
		
	.content .question:hover {
		color: #C70000;
		}	
	
	.content .menu:hover {
		color: #c70000;
	}
	
	.e-com {
		background-position: 27px 0px;
	}
	
	.e-com:hover {
		background-position: -215px 0px;
	}
	
	.host {
		background-position: 25px -177px;
	}
	
	.host:hover {
		background-position: -217px -177px;
	}
	
	.red {
		background-position: 26px -360px;
	}
	
	.red:hover {
		background-position: -216px -360px;
	}
	
	.si {
		background-position: 30px -550px;
	}
	
	.si:hover {
		background-position: -212px -550px;
	}
	
	.content .support {
		bottom: 70px;
		right: 0px;
	}

}	
	
@media screen and (min-width: 531px) and (max-width: 920px) and (max-height: 870px) {
 
	.content .menu {
		display: inline-table;
		margin: 0px 30px 50px 30px;
		}
		
	.content .question {
		text-align: left;
		margin: auto;
		background-image: url("images/icons.png");
		background-repeat: no-repeat;
		background-position: -120px 0px;
		padding: 10px 0px 160px 110px;
		}	
		
	.content .question:hover {
		background-position: -120px -204px;
		color: #C70000;
		}
		
	.menu .sep {
	display: block;
	}
}

@media screen and (min-width: 531px) and (max-width: 920px) and (min-height: 871px) {
 
	.content .main {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 515px;
		margin-left: -258px;
		margin-top: -290px;
		}
	
	.content .menu {
		display: inline-table;
		margin: 0px 30px 50px 30px;
		}
		
	.content .question {
		text-align: left;
		margin: auto;
		background-image: url("images/icons.png");
		background-repeat: no-repeat;
		background-position: -120px 0px;
		padding: 10px 0px 15px 110px;
		}	
		
	.content .question:hover {
		background-position: -120px -204px;
		color: #C70000;
	}
		
	.menu .sep {
	display: block;
	}
}
	
@media screen and (min-width: 921px) and (min-height: 621px) {
 
	.content .main {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 906px;
		margin-left: -453px;
		margin-top: -150px;
		}
	
	.content .menu {
		float: left;
		margin: 0px 30px 50px 30px;
		}
	
	.content .question {
		text-align: left;
		background-image: url("images/icons.png");
		background-repeat: no-repeat;
		background-position: -120px 0px;
		padding: 10px 0px 15px 110px;
		margin-left: 286px;
		}
		
	.content .question:hover {
		background-position: -120px -204px;
		color: #C70000;
	}
		
	
}

@media screen and (min-width: 921px) and (max-height: 620px) {

	.content .main {
		width: 920px;
		position: absolute;
		left: 50%;
		margin-left: -460px;
		}
		
		.content .menu {
		float: left;
		margin: 0px 30px 50px 30px;
		}
		
		.content .question {
		text-align: left;
		background-image: url("images/icons.png");
		background-repeat: no-repeat;
		background-position: -120px 0px;
		padding: 10px 0px 100px 110px;
		margin-left: 286px;
		}
		
		.content .question:hover {
		background-position: -120px -204px;
		color: #C70000;
	}
		
		.menu .sep {
		display: none;
	}
		
}