MyPicUp

iframe { vertical-align: top; }

body {
    text-align:center;
    background-size:cover;
    background-repeat:no-repeat;
    font-family: 'Signika', sans-serif;
    background-attachment:fixed;
}

/* FACEBOOK */
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}


/* HYPERLINKS */
a:link {
    color: #333;
    text-decoration:none;
}
a:visited {
    color: #333;
    text-decoration:none;
}
a:hover {
    color: #CCC;
    text-decoration:none;
}
a:active {
    color: #333;
    text-decoration:none;
}

/* SOCIAL LEISTE */
#social {

min-width:50px;
padding:5px;
margin-top:10px;
vertical-align:top;
}


/* UPLOAD BUTTON */
form .form-submit input {
  min-width: 10%;
  min-height: 5%;
  color:white;
  text-align:center;
  font-size:large;
    background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
  padding: 0;
  margin: 0;
  border:thin;
  cursor: pointer;
}


/* BILD */
#picture {
    margin:0 auto;
    vertical-align:middle;
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    width:80%;
    text-indent:0px;
}


/* OPTIONAL BEI SCHRIFTART */
@font-face {
    font-family: 'Myriad';
    src: url('Opificio.ttf') format('truetype');
}


/* COMPUTER SAGT NEIN BILD */
#no {
    height:30%;
    min-height:50px;
    background-image:url(no.gif);
    text-align:center;
    background-size:contain;
    background-repeat:no-repeat;
    margin:auto;
}

/* GROSSE BOX (OHNE SCROLL) */
#container {
    position:inherit;
    width:60%;
    padding:50px;
    margin-bottom:10%;
    margin-top:2%;
    margin-left: auto; margin-right: auto;
        -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: middle;
        background-image:url(cont.png);
    background-repeat:repeat;
    -moz-box-shadow: 5px 0px 100px #000;
    -webkit-box-shadow: 5px 0px 100px #000;
    box-shadow: 5px 0px 100px #000;

}

id:hover{ border:none;}

input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 80000px white inset;
    }


/* SYSTEM NACHRICHT */
#bulletin {
    background-image:url(cont.png);
    background-repeat:repeat;
    vertical-align:central;
    scroll: no;
    overflow: hidden;
    outline: none;
    position:inherit;
    width:60%;
    padding:50px;
    margin-bottom:-13%;
    margin-top:2%;
    margin-left: auto; margin-right: auto; text-align:center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: middle;
    -moz-box-shadow: 5px 0px 100px #000;
    -webkit-box-shadow: 5px 0px 100px #000;
    box-shadow: 5px 0px 100px #000;

}

/* KLEINE BOX (OHNE SCROLl) */
#box {
    background-image:url(cont.png);
    background-repeat:repeat;
    vertical-align:central;
    scroll: no;
    overflow: hidden;
    outline: none;
    position:inherit;
    width:60%;
    padding:50px;
    margin-bottom:10%;
    margin-top:15%;
    margin-left: auto; margin-right: auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: middle;
    -moz-box-shadow: 5px 0px 100px #000;
    -webkit-box-shadow: 5px 0px 100px #000;
    box-shadow: 5px 0px 100px #000;

}

/* WARTUNGSARBEITEN */
#offline{

    filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;
    background-color:#CCC;
    width: 40%;
    height:auto;
    -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;

}