body, html, * {
    margin: 0;
    padding: 0;
}

body {		
	font-size: 20px;
	font-family: "Century Gothic", Futura, "DejaVu Sans Light", Verdana, sans-serif;
	background-image: url("../img/starburst.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	max-width: 1680px;
}

#wrapper {
	width:974px; 
	margin: 0 auto; 
	position: relative;
	height: 407px;
	background: no-repeat url("../img/head.png");
	background-position: 4px 106px;
}


/****************************** content ******************************/

#content {
	margin-top: 404px;
	margin-left: 61px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 45px;
	background: repeat-y url("../img/content-repeat.png");
}

#content p, #content ul {
	line-height: 44.75px;
}

a {
	color: #ed5d00;
	text-decoration: none;
	text-shadow: #000 1px 1px 1px;
}

a:hover {
	color: #ffb400;
	text-shadow: #2e0b68 1px 1px 1px;
}

ul.orange , #content ul.orange{
	list-style-image: url("../img/list-orange.png");
	padding-left: 55px;
}

ul.orange li {
	padding-left: 11px;
}


#content ul {
	padding-left: 30px;
}

#content li {
	padding-left: 15px;
}

h2 {
	font-size: 50px;
	font-weight: normal;
	text-shadow: #fff 4px 4px 1px;
	font-family: "Futura LT Medium", Futura, "Adobe Garamond Pro", "Century Gothic", "Apple Gothic", Helvetica, Arial, sans-serif;
}

#wrapper > h2 {
	position: absolute;
	top: 341px;
	left: 97px;
}

#footer {
	margin-left: 60px;
	margin-top: -11px;
	background-image: url("../img/content-bottom.png");
	background-repeat: no-repeat;
	height: 22px;
	margin-bottom: 40px;
	padding-top: 35px;
	text-align: right;
	font-size: 0.8em;
	color: #008;
}


#footer span {
	padding: 0 20px;
}


/****************************** navigation ******************************/

#nav li a span, #title a span {
	display: none;
}

#nav {
	list-style-type: none;
}

#nav li {
	position: absolute;
	top: 215px;
}

#nav li a {
	display: block;
	background-repeat: no-repeat;
	height: 47px;
	background-image: url("../img/hover.png");
	background-position: 0 50px;
}

#home {
	left: 503px;
}
#home a {
	width: 72px;
}
#home a:hover {	
	background-position: 6px 3px;
}

#uebermich {
	left: 600px;
}
#uebermich a {
	width: 114px;
}
#uebermich a:hover {	
	background-position: -91px 3px;
}

#website {
	left: 740px;
}
#website a {
	width: 96px;
}
#website a:hover {	
	background-position: -231px 3px;
}

#kontakt {
	left: 858px;
}
#kontakt a {
	width: 96px;
}
#kontakt a:hover {
	background-position: -349px 3px;
}