html {
	height:100%;
	background:#f00 url(../bilder/bkg.html.png) repeat top left;
}
body {
	min-height:100%;
	background: url(../bilder/bkg.body.png) repeat-x top left;
	font:100%/1.6 "trebuchet ms", sans-serif;
	color:#333;
	padding:1px;
}
* {
	margin:0;
	padding:0;
}
#wrap {
	width:518px;
	margin:0 auto;

}
h1 {
	
}
a{
	color:#900
}
h1 img {
	float:left;
	margin:-20px 0 0 -55px 
}
h2, p.ingress {
	text-transform:uppercase;
	font-size:0.7em;
	letter-spacing:0.1em;
	font-weight:bold;
}
p {
	margin:0 40px 1em 40px;
	font-size:0.8em;

}
img.floatLeft {
	float:left;
	margin:0 20px 0 0;
}
img.floatRight {
	float:right;
	margin:0 0 0 20px;
}
.ingress {
	margin:0 40px 1em 278px

}
h2 {

	margin:1em 40px 0 40px;
	clear:both;
}
#wrap #top {
	height:50px;
	background: url(../bilder/wrap.top.png) no-repeat bottom;
	padding:1px;
}
#wrap #body {
	background: url(../bilder/wrap.bkg.png) repeat-y;
	padding:1px;

}
#wrap #foot {
	height:100px;
	background: url(../bilder/wrap.foot.png) no-repeat bottom;
	text-align:center
}
#wrap #foot img{
	margin:0 0 -30px 0;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */