/* hintergrund konstruktion */

html,body,#bg,#bg table,#bg td,#content {
width:100%;
height:100%;
overflow:hidden;
}

#bg div {
position:absolute;
width:200%;
height:200%;
top:-50%;
left:-50%;
}

#bg td {
vertical-align:middle;
text-align:center;
}
#bg img {
min-height:50%;
min-width:50%;
margin:0 auto;
display:block;
}

/* inhaltsbereich */

#content {
position:absolute;
top:50px;
left:100px;
z-index:70;
overflow:auto;
font-family: Segoe Ui,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 24px;
text-shadow: 1px 1px 0 hsl(0,0%,90%);
width: 700px;
height: 400px;
padding: 25px;
}

#content h1 {
 font-family: Segoe Ui,Arial,Helvetica,sans-serif;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 44px;
}

#content p {
 font-family: Segoe Ui,Arial,Helvetica,sans-serif;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 14px;
}

a {
 text-decoration:none;
 color: black;
 padding: 5px;
}

a:hover {
 color: black;
 background-color: #e7e7e7;
 padding: 5px;
}

#footer {
 position: absolute;
 bottom: 25px;
 left: 100px;
 font-family: Segoe Ui,Arial,Helvetica,sans-serif;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 12px;
 color: white;
}

#reflink {
 position: absolute;
 bottom: 25px;
 right: 25px;
 font-family: Segoe Ui,Arial,Helvetica,sans-serif;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 12px;
 color: white;
 /* border: solid 1px red; */
}

#reflink a {
 text-decoration:none;
 color: #ffc66f;
 padding: 5px;
}

#reflink a:hover {
 text-decoration:none;
 color: black;
 padding: 5px;
}