body {
background: #bbc3ff url(../images/texture.png) repeat;
}

#container {
background-color: transparent;
background-image: url(../images/background.png);
background-repeat: no-repeat;
background-position: top left;
width: 990px;
min-height: 516px;
margin: auto;
}

#titleSpacer {
height: 20px;
}

#title {
background-color: transparent;
background-image: url(../images/artschorale.png);
background-repeat: no-repeat;
background-position: 55% 0%;
height: 163px;
width: 100%;
}

#title h1 {
text-indent: -1000em;
}

#title a {
display: block;
height: 100%;
margin: auto;
position: relative;
width: 500px;
font-size: 0;
color: #bbc3ff;
}

#content {
float: right;
background: rgb(245, 245, 245);
width: 732px;
padding: 1em 2em;
margin-right: 14px;
border: 1px solid rgb(43,57,166);
border: 1px solid rgba(43,57,166, 0.75);
border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
box-shadow: #888888 5px 5px 10px;
-o-box-shadow: #888888 5px 5px 10px;
-moz-box-shadow: #888888 5px 5px 10px;
-webkit-box-shadow: #888888 5px 5px 10px;
}

#footer {
padding: 1em 0;
width: 100%;
float: right;
margin-right: 14px;
width: 732px;
clear: both;
text-align: center;
}

#footer .socialmedia {
float: right;
width: 70px;
}

#footer .socialmedia img {
border: none;
height: 32px;
width: 32px;
}

#login {
position: absolute;
top: 0;
}