* {margin: 0; padding: 0;}
body {
    background: url(img/kaffeefleck.jpg) no-repeat top right;
}

/* ALIGN */
.centeredcontent {
	width: 300px;
	height: 200px;
	text-align: center;
	border: 0px solid #000;
	color: #333;
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 0px;
	margin-left: -150px; 
	margin-top: -100px; 
}

/* DROP SHADOW*/
.ds1, .ds2, .ds3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.ds1 {
	float:left;
	background:url(img/onion_shadow.gif) right bottom no-repeat;}
.ds2 {
    background:url(img/corner_bl.gif) -1px 100% no-repeat;}
.ds3 {
	padding:0 6px 6px 0;
	background:url(img/corner_tr.gif) 100% -1px no-repeat;}
.ds3 div {
    background-color:#F4F2E4;
	border:1px solid #ddd;
	padding: 0 33px; }

/* TYPOGRAPHY */
body {
    font: 0.8125em Verdana, sans-serif; line-height: 1; color: #333;
}
h1 {
    font: 1.66em Georgia, Times, serif; text-align: center;
    padding: 0;
    margin: 1em 0 .75em 0; }
h2 { font: 0.6em Verdana, sans-serif;
    text-transform: uppercase; letter-spacing: 0.33em; text-align: center;
    padding: 0.3em 2em 0.2em 2em;
    border-top: 1px dashed #B2B2B2 ;
    border-bottom: 1px dashed #B2B2B2;
    margin-bottom: 1.9em; }
h3 { text-align: center; font: bold .9em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase;
    padding:0;
    margin: 0; margin-bottom: 1.5em; }
a { color: #666; text-decoration: none; }
a:hover { color: #333; }