body {
	background: #111 url("bg-body.gif") ;
	height: 100% ;
	margin: 0 ;
	font-size: small ;
	font-family: verdana, sans-serif ;
}

div#menu {
	background: #333 url("menu.gif") repeat-x ;
	margin-top: 15% ;
	height: 25px ;
	width: 100% ;
}

div#menu ul {
	position: relative ;
	top: -14px ;
	float: left ;
	margin: 0 ;
	margin-left: 80px ;
	padding: 0 ;
	list-style-type: none
}

div#menu li {
	float: left ;
	width: 80px ;
	background-color: #111 ;
	margin-left: 20px ;
}

div#menu a {
	display: block ;
	height: 20px ;
	margin: 1px ;
	text-decoration: none ;
}

div#menu a span {
	visibility: hidden ;
}

a#home {
	background: #111 url("home.gif") no-repeat 20px 0 ;
}

a#blog {
	background: #111 url("blog.gif") no-repeat 23px 0 ;
}

a#galerie {
	background: #111 url("galerie.gif") no-repeat 17px 0 ;
}

a#projekte {
	background: #111 url("projekte.gif") no-repeat 12px 0 ;
}

div#header {
	background: #035 url("head.jpg") repeat-x ;
	margin-top: 1px ;
	height: 80px ;
	width: 100% ;
}

div#logo {
	height: 100% ;
	width: 100% ;
	background: url("logo.jpg") no-repeat top right ;
}

div#footer {
	background: #333 url("menu.gif") repeat-x ;
	height: 20px ;
	width: 95% ;
	margin-top: 1px ;
	color: #fff ;
	font-size: 0.8em ;
	text-align: right ;
	padding-top: 2px ;
	padding-right: 5% ;
}

div#footer a {
	color: #fff ;
 	font-weight: bold ;
}

div#main {
	background: #333 url("bg.gif") repeat-x ;
	height: 250px ;
	width: 100% ;
	margin-top: 1px ;
}

div#main div#content {
	font-size: 1em ;
	margin-left: 100px ;
	padding-top: 10px ;
	color: #999 ;
}

div#main div#content a {
	color: #ccc ;
}

div#main div#herbert {
	width: 330px ;
	height: 250px ;
	margin-right: 40px ;
	margin-left: 20px ;
	background: url("herbert.gif") no-repeat 0 80px ;
	float: right ;
}

div#main div#herbert span {
	visibility: hidden ;
}