body, h1, h2, h3, h4, h5, h6, a, ul, ol, li, em, strong, pre, code, form {
 padding: 0;
 margin: 0;
}

html {
	height: 100%;
	width: 100%;
}

body {
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:box;
	box-pack:center;
	box-align:center;
	color: white;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: black;
}
	
#bg img {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;

		overflow:hidden;
}

a {
	color: #ffffff;
}
a:hover {
	color: #ce6b00;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        #bg img {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}

#transbox {
		position:absolute;
		width:400px;
  		height:450px;
		margin-top:-250px;
		margin-left:-200px;
		top: 50%; 
		left: 50%;
		z-index:70;
  		background-color:black;
  		opacity:0.8;
  		filter:alpha(opacity=80); /* For IE8 and earlier */

		/* runde Ecken */
		-moz-border-radius:20px; /* Firefox */
		-webkit-border-radius:20px; /* Safari, Chrome */
		-khtml-border-radius:20px; /* Konqueror */
		border-radius:20px; /* CSS3 */
}

#transbox img{
		padding-left:86px;
		padding-top:58px;
}

#transbox p{
		padding-top: 0px;
		text-align: center;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
}

#transbox p.ueberschrift{
		padding-top: 10px;
		text-align: center;
		font: 16px Times, Verdana, Arial, Helvetica, sans-serif;
		color: #ce6b00;
}