* { /* Mit dem Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}

body {
text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
background-image: url(img/bg1.jpg);
}

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

/* DIV-Boxen */

div#wrapper {
width: 714px;
height:100%;
margin-left: 443px; 
margin-top: 23px; 
border: 0px solid #3e3d3d;
background-image: url(IntroBG.japg); 
}


a.company{
	background: url(xbox1.png) no-repeat;
        display: block;
	width: 190px;
	height: 299px;
	text-decoration: none;
        float: left; /*falls noetig u. gewuenscht*/
}

a.company:hover{
	background: url(xbox2.png) no-repeat;
}

a.company2{
	background: url(ps1.png) no-repeat;
        display: block;
	width: 190px;
	height: 299px;
	text-decoration: none;
        float: left; /*falls noetig u. gewuenscht*/
}

a.company2:hover{
	background: url(ps2.png) no-repeat;
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */