body {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: #003CA2;
}

#wrapper {
width: 100%;
height: 100%;
}


/*------------------------Start Content-----------------*/
#wrapper .content {
margin: 0; 
padding: 0;
position: absolute;
top: 20%;
left: 4%;
float: left;
width: 50%;
}

#wrapper .content img {
float: left;
width: 35%;
padding: 0.3%;
margin: 1%;
border: 4px solid #FFF;
}

#wrapper .content span {
border: 4px solid #FFF;
background: #fff;
width: 90%;
height: 90%;
overflow: auto;
position: absolute;
top: 5%;
left: 85%;
}

#wrapper .content span img {
margin: 0;
padding: 0;
display: block;
height: 93%;
width: 280%;
}


/*------------------------Ende Content-----------------*/

/*------------------------Start Footer-----------------*/
#footer {
clear: both;
}
/*------------------------Ende Footer-----------------*/