@font-face {
    font-family: BodoniXTRegular;
    src: url('BodoniXT-webfont.eot');
    src: url('BodoniXT-webfont.eot?#iefix') format('embedded-opentype'),
         url('BodoniXT-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body  {
	color: #666; 
	font: 12px/150% "Lucida Grande", Verdana, Helvetica, sans-serif ;
	margin: 0;
	padding: 0;
	text-align: center;
}
#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background: url(images/zuckerhut.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/zuckerhut.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/zuckerhut.png', sizingMethod='scale')";
}

#zentriert {
	position:relative;
	background:transparent;
	width: 647px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	text-align: left;
	z-index:100;
}
#text {
	position:relative;
	background:transparent;
	padding: 30px 0 0 38px;
	text-align: left;
}
h1  { 
	color: #aaa; 
	font:  96px/100% BodoniXTRegular, "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-shadow: 0 0 6px #ccc;
	margin: 0 0 18px -6px;
}
h2  { 
	color: #fff; 
	font:  14px/100% BodoniXTRegular, "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-shadow: 3px 3px 6px #ccc;
	margin: 0;
}
a:link { 
	color: #aaa; 
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
a:visited { 
	color: #bbb6a3; 
	text-decoration: none;
	border-bottom:  1px dotted #999;
}
a:active { 
	color: #000; 
	text-decoration: none:
	border-bottom: 1px solid #4a1b0c;
}
a:hover { 
	color: #000; 
	text-decoration: none;
	border-bottom: 1px solid #4a1b0c;
}
small { 
	color: #666; 
	font: 10px "Lucida Grande", Verdana, Helvetica, sans-serif;
}