body { background: url(../img/hintergrund.jpg) no-repeat 50% 50% fixed; padding-bottom: 100px;}
#container { min-width: 450px; max-width: 1330px; margin: 50px auto; }
@media screen and (max-width: 679px) {
#container { width: 450px; }
}
@media screen and (min-width: 680px) and (max-width: 899px) {
#container { width: 670px; }
}
@media screen and (min-width: 900px) and (max-width: 1119px) {
#container { width: 890px; }
}
@media screen and (min-width: 1120px) and (max-width: 1339px) {
#container { width: 890px; }
}
@media screen and (min-width: 1340px) {
#container { width: 1330px; }
}
@media screen and (min-width: 1801px) {
body { background: url(../img/hintergrund.png) no-repeat 50% 50% fixed; background-color: #d19e74; }
}

ul.gallery { 
    list-style: none;
    padding: 0;
}
ul.gallery li a {
    position: relative;
    float: left;
    display: block;
    padding: 15px 21px 41px 15px;
    margin: -5px -11px -21px -5px;
    background: url(../img/polaroid.png);
}

ul.gallery li a span.caption {
    position: absolute;
    left: 0;
    text-align:center;
    bottom: 12px;
    width: 236px;
    color: #000;
    font-family: 'Indie Flower', cursive;
    font-size:120%;
}

ul.gallery li a img {
    width: 200px;
    height: 200px;
}
ul.gallery li a.pol-1 {
    background-position: 0 0;
}
ul.gallery li a.pol-2 {
    background-position: 0 256px;
}
ul.gallery li a.pol-3 {
    background-position: 0 512px;
}
ul.gallery li a.pic-1 {
    z-index: 1;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}
ul.gallery li a.pic-2 {
    z-index: 5;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
}
ul.gallery li a.pic-3 {
    z-index: 3;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
}
ul.gallery li a.pic-4 {
    z-index: 4;
    -webkit-transform: rotate(11deg);
    -moz-transform: rotate(11deg);
}
ul.gallery li a.pic-5 {
    z-index: 2;
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
}
ul.gallery li a.pic-6 {
    z-index: 6;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
}
ul.gallery li a:hover {
    z-index: 10;
    -moz-box-shadow: 3px 5px 15px #333;
}

#home, #profile {
    position: fixed;
    top: 10px;
    z-index: 12;
}
#home {
    left:10px; 
}
#profile {
    right: 10px;
}

.btn .profile {
    display:block;
    margin: 0;
    padding: 0;
    background: url(../img/profile.png);
    width: 30px;
    height: 30px;
}

#profile-box {
    display:none;
}

.message {
    color: #00F;
}

.fancybox-skin {
    background: rgba(255,255,255,0.7); 
}