body {
	background-image: url('../img/bodyBgFrontPage.png');
}

#page {
	
}

#strip {
	position: absolute;
	left: 21px;

	width: 179px;

	height: 400px;
	background-image: url('../img/stripBGFrontPage.png');
	background-repeat: repeat-x;
}

#contentContainer {
	position: absolute;
	right: 7px;
}

#contentContainer > div {
	display: inline;
}

#keyvisual {
	position: absolute; 
	
	left: 0;
	top: 90px; 
	
	width: 100%;
	height: auto;
}

#logo {
	position: absolute;
	left: 20px;
	top: 110px;
}  
#logo img {
	width: 90px;
	height: auto;
}

#claim {
	position: absolute;
	right: 20px;
	top: 165px;
}






/* Box sizes */
.thumb_0,
.thumb_1
{
    width:114px;
	height:114px;

	margin-top: 16px;
	margin-left: 16px;
}

.thumb_1 {
    margin-right: 70px;
}

@media screen and (orientation: landscape), screen and (min-width: 953px) {
	#contentContainer {
		right: 7px;
	}
	.thumb_0, 
	.thumb_1
	{
		width: 87px;
		height: 87px;
	}
}


/* box border + shadow */
.thumb_0.flip .thumb-frontside,
.thumb_0.flip .thumb-backside,
.thumb_1.flip .thumb-frontside,
.thumb_1.flip .thumb-backside
{
	box-sizing: border-box;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
    border: 3px solid white;
}


/* backside */
.thumb_0 .thumb-backside,
.thumb_1 .thumb-backside
{
	background-position: right bottom;
	background-repeat: no-repeat;
}


/* font formatting */
.thumb_0 P,
.thumb_1 P
{
    margin: 0;
    line-height: 1.2em;
}

.thumb A,
.thumb P.bodytext A,
.thumb A P.bodytext
{
	color: white;
	text-decoration: none !important;
}