/* ############################# global ############################# */

* {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	}
body {
	text-align: center;
	padding: 20px 20px 0 20px;
	background-color: #334455;
	}
div.index, div.main {
	text-align: left;
	position: relative;
	left: 0;
	top: 0;	
	margin: 0 auto;
	width: 900px;
	height: 666px;
	background: #FCD25A url(../images/index.jpg) left top no-repeat;
	}
div.main {
	background: #FCD25A url(../images/main.jpg) left top no-repeat;
	}

body > div.main {
	height: auto;
	min-height: 666px;
	}

div.index h1, div.main h1 {
	margin: 0;
	padding: 0;
	}

div.index h1 a, div.main h1 a {
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	width: 900px;
	height: 210px;
	background: url(../images/index-0.jpg) left top no-repeat;
	}
div.index h1 a:hover {
	background: url(../images/index-1.jpg) left top no-repeat;
	}

div.main h1 a {
	height: 210px;
	background: url(../images/main-0.jpg) left top no-repeat;
	}
div.main h1 a:hover {
	background: url(../images/main-1.jpg) left top no-repeat;
	}

p.imprint {
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	}
p.imprint a {
	color: #778899;
	}
p.imprint a:hover {
	color: #ffcc00;
	}

/* ############################# navigation ############################# */

ul.navigation {
	position: absolute;
	left: 0;
	top: 0;
	}
ul.navigation li {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	}
ul.navigation li a {
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	}

ul.navigation li.gallery {
	left: 0;
	top: 307px;
	}
ul.navigation li.gallery a {	
	width: 362px;
	height: 2573px;
	background: url(../images/gallery-0.jpg) left top no-repeat;
	}
ul.navigation li.gallery a:hover {	
	background: url(../images/gallery-1.jpg) left top no-repeat;
	}

ul.navigation li.about {
	left: 406px;
	top: 312px;
	}
ul.navigation li.about a {	
	width: 210px;
	height: 273px;
	background: url(../images/about-0.jpg) left top no-repeat;
	}
ul.navigation li.about a:hover {	
	background: url(../images/about-1.jpg) left top no-repeat;
	}

ul.navigation li.contact {
	left: 610px;
	top: 377px;
	}
ul.navigation li.contact a {	
	width: 144px;
	height: 245px;
	background: url(../images/contact-0.jpg) left top no-repeat;
	}
ul.navigation li.contact a:hover {	
	background: url(../images/contact-1.jpg) left top no-repeat;
	}
	
ul.navigation li.links {
	left: 767px;
	top: 389px;
	}
ul.navigation li.links a {	
	width: 133px;
	height: 277px;
	background: url(../images/links-0.jpg) left top no-repeat;
	}
ul.navigation li.links a:hover {	
	background: url(../images/links-1.jpg) left top no-repeat;
	}
	
/* ############################# content ############################# */
	
div.content {
	margin: 0 100px;
	padding: 0 0 1em 0;
	width: 666px;
	}
div.content h2 {
	margin: 1em 0;
	}
div.content p {
	margin: 1em 0;
	}