/*  
layout 
--------------------------------------------------
goldfischclub.de




*/


.wrap {
	margin: 0 auto;
	width: 1064px;
}

.container-wrap {
	width: 962px;	
}

.nav {
	margin-top: 42px;
	margin-left: 52px;
	position: relative;
}



.nav li {
	display: inline-block;
	margin-left: 28px;
}
.nav li:first-child {
	margin-left: 0;
}

.logo {
	display: inline-block;
	width: 227px;
	height: 67px;
	position: absolute;
	right: 50px;
	top: -31px;
}


main {
	margin-top: 222px;
}
.a-8 main {
	margin-top: 720px;
}

footer {
	margin-top: 25px;
	margin-bottom: 40px;
	padding: 60px 50px 25px 50px;
}
footer li {
	display: inline-block;
	margin-right: 28px;
}
footer .col-b li {
	margin-right: 0;
	margin-left: 10px;
}

footer ul {
	margin-top: 30px;
}
footer .row:first-child .col-a {
	width: 310px;
}
footer .col-b {
	text-align: right;
}
footer .claim {
	width: 542px;
	height: 146px;
	margin-top: 20px;
	display: inline-block;
}


@media handheld, only screen and (max-width: 1080px) {
	.wrap {
		width: 960px;
	}

	.container-wrap {
		width: 860px;	
	}

	main {
		margin-top: 130px;
	}

	.a-8 main {
		margin-top: 680px;
	}

}

@media handheld, only screen and (max-width: 920px) {
	.wrap {
		width: 740px;
	}

	.container-wrap {
		width: 640px;	
	}

	main {
		margin-top: 130px;
	}
	.a-8 main {
		margin-top: 620px;
	}

	footer .claim {
		width: 400px;
		height: 108px;
	}
	footer .row:first-child .col-a {
		width: 250px;
	}
}

@media handheld, only screen and (max-width: 700px) {
	.wrap {
		width: 90%;
	}
	
	.nav {
		margin-left: 0px;
		padding-top: 60px;
	}
	
	.container-wrap {
		width: 95%;	
	}
	footer {
		padding: 60px 20px 25px 20px;
	}

	footer .col {
		width: 100%;
		text-align: left;
		margin-left: 0;
	}
	footer .col-b li:first-child {
		margin-left: 0;
	}
	footer .claim {
		width: 100%;
	}

}

@media handheld, only screen and (max-width: 440px) {
	.nav {
		margin-left: 10px;
	}
}