body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#000; height:100% }
html { height:100% }
#MainWrapper a:link { color:#fff }
#MainWrapper a:hover { color:#ff0 }
#PageDiv { position:relative; min-height:100%; margin:auto; background-color:#000 }
#SnuffHeader { vertical-align:middle; overflow:hidden }
#MainWrapper { max-width:1200px; z-index:0; clear:both; padding-top:20px; padding-bottom:20px; margin-left:auto; margin-top:20px; margin-right:auto }
#item1 { width:62.67%; z-index:0; float:left; padding:2% }
#SnuffTrailer { overflow:hidden }
#item2 { width:339px; z-index:0; float:right; padding:2% }
#SNUFFVoorkant { max-width:100%; overflow:hidden }
#ButtonInkijkexemplaar { max-width:100%; overflow:hidden }
#ButtonSNUFFPaper { max-width:100%; overflow:hidden }
#ButtonSNUFFePub { max-width:100%; overflow:hidden }
#MainFooter { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
#AgemoLogoNieuw { max-width:100%; overflow:hidden }
@media screen and (max-width:1200px)
{
	#MainWrapper { background-color:#000 }
	#item2 { width:27.67%; background-color:transparent }
}
@media screen and (max-width:920px)
{
	#MainWrapper { max-width:920px }
	#item1 { width:62.63%; background-color:#000 }
	#item2 { width:27.63% }
}
@media screen and (max-width:800px)
{
	#PageDiv { max-width:800px }
	#MainWrapper { max-width:800px }
	#item1 { width:96% }
	#item2 { width:96% }
	#MainFooter { max-width:915px }
}
@media screen and (max-width:720px)
{
	#item1 { width:auto; float:none }
	#item2 { width:auto; float:none; margin-top:20px }
}
@media screen and (max-width:570px)
{
	#MainWrapper { max-width:646px }
	#item1 { padding:4% }
	#item2 { padding:4% }
}
@media screen and (max-width:480px)
{
	#MainWrapper { max-width:563px }
}
@media screen and (max-width:320px)
{
	#MainWrapper { max-width:320px }
}