body {
	margin: 0;
	padding: 0;
	background: #202020;
	vertical-align: middle;
	text-align: center;
}

div#logo {
    background: transparent url("images/sv_start_logo.png") center center no-repeat;
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	height: 386px;
	width: 50px;
	margin-top: -247px;
    padding: 0;
}
div#author {
    background: transparent url("images/sv_start_author.png") center center no-repeat;
	display: block;
	position: absolute;
	bottom: 3px;
	right: 3px;
	height: 16px;
	width: 147px;
    padding: 0;
}
div#logo img, div#author img {
    border: 0;
    padding: 0;
    margin: 0;
}

div#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 850px;
	height: 251px;
	margin-top: -180px;
	margin-left: -425px;
}

div.image {
	width: 250px;
	height: 250px;
}

div#blog-image {
	background: url("images/sv_start_blog.jpg") center center;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#photoblog-image {
	background: url("images/sv_start_photoblog.jpg") center center;
	position: absolute;
	top: 0px;
	left: 300px;
}
div#gallery-image {
	background: url("images/sv_start_galerie.jpg") center center;
	position: absolute;
	top: 0px;
	left: 600px;
}

div.overlay {
	width: 248px;
	height: 248px;
	border: 1px solid #7f7f7f;
	background: url("images/sv_start_image_overlay.png") center center;
}

div.overlay a {
	display: block;
	width: 248px;
	height: 248px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: 0;
}


div.overlay:hover {
	border: 1px solid white;
}
div#blog-overlay:hover {
	background: url("images/sv_start_blog_overlay.png") center center;
}
div#photoblog-overlay:hover {
	background: url("images/sv_start_photoblog_overlay.png") center center;
}
div#gallery-overlay:hover {
	background: url("images/sv_start_galerie_overlay.png") center center;
}