body {
    text-align: left;
}

/* General values which apply to all boxes */
div{
position: absolute;
	width: 195px;
	height: 227px;
	padding:3px;
	float: left;
	background-color: transparent;
	border: 1px solid #CCCCCC;
	overflow: auto;
	z-index: -1
}



.boxes{
}


/* ------------ First Row ------------ */
div#boxLogo {
position: absolute;
	width: 327px;
	height: 301px;
	border: 0px;
	margin: 1px 0px 0px 0px;
}

div#box12 {
	margin: 70px 0px 0px 337px;
}

div#boxTypoBerlin {
	width: 411px;
	height: 233px;
	padding:0px;
	background-color: solid #FFFFFF;
	margin: 70px 0px 0px 337px; 
	overflow: hidden;
	z-index:1; /* Puts this box to front */
}

div#box13 {
	margin: 70px 0px 0px 547px;
}

div#box14 {
	margin: 70px 0px 0px 757px;

}
/* ------------------------------------- */



/* ------------ Second Row ------------ */
div#box21 {
	width: 404px;
	margin: 312px 0px 0px 128px;
		z-index:1; /* Layers this box to front */
}

div#box22 {
	margin: 312px 0px 0px 337px;
}

div#box23 {
	margin: 312px 0px 0px 547px;
	overflow: hidden;
}

div#box24 {
	width: 201px;
	height: 233px;
	padding:0px;
	margin: 312px 0px 0px 757px;
	overflow: hidden;;
}
/* ------------------------------------- */


div#Info1 {
position: absolute;
	width: 413px;
	height: 100px;
	padding:0px;
	background-color: #FFFFFF;
	border: 0px;
	margin: 580px 0px 0px 129px;
	overflow: auto;
}
div#Info2 {
position: absolute;
	width: 419px;
	height: 100px;
	padding:0px;
	background-color: #FFFFFF;
	border: 0px;
	margin: 580px 0px 0px 551px;
	overflow: auto;
}