/* FORMULARE */

input[type=text],
input[type=password],
input[type=submit],
select, 
textarea {
    border-radius:5px;
    border:solid 1px #999;
    padding: 5px;
    margin: 5px;
    width:400px;       

    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

fieldset{
    border-radius:5px;
    border:solid 1px #999;
    padding: 5px;
    margin: 5px;
    width:400px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=submit]:focus,
select:focus, 
textarea:focus {
    border:solid 1px #369;
}
input[type=submit] {
    clear:both;
}

.form-input-plz {
    width:75px;
}

label {
    clear:both;
    margin: 5px;
    font-weight:bold;
    display:block;
}

.button {
    border-radius:5px;
    background-color: #FFA300;
    border:solid 1px #999;
    padding: 5px;
    margin: 5px;   

    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);

    background-color: #ffa300;
    white-space:nowrap;
}

a.button {
    color:#000;
    font-weight:bold;
}

@media screen and (max-width: 959px) {
    .area-link-button {
        border-radius:0px;
        background-color: #f0f0f0;
        border:solid 1px #999;
        padding: 5px;
        margin: 5px;
        width:100%;
        display:block;
    }

    .area-link-button:hover {
        background-color: #e0e0e0;
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    }

    a.area-link-button {
        color:#000;
        font-weight:bold;
    }
}

@media screen and (min-width: 960px) {
    .area-link-button {
        border-radius:0px;
        background-color: #f0f0f0;
        border:solid 1px #999;
        padding: 5px;
        margin: 5px;
        width:100%;
        display:block;
        /*
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        */
    }

    .area-link-button:hover {
        background-color: #e0e0e0;
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    }

    a.area-link-button {
        color:#000;
        font-weight:bold;
    }
}