@charset "utf-8";

/* Header - Block: Suche
##################################################################################################################### */
#search-wrapper {
    display:block;
    float: left;
    position: relative;
    padding: 0;
    display:block;
}

.sticky #search-wrapper {
    top:8px;
    right:0;
    position: absolute;
}

#search-wrapper a,
#search-wrapper button,
#search-wrapper input,
#search-wrapper img {
    vertical-align: top;
    display: block;

}
#search-wrapper a {
    padding:2px;
}

#search-wrapper button {
    padding:2px;
    border:none;
    background:none;
    width:55px;
    height:25px;
    display:block;
    text-indent: -999em;
    border:none;
    right: -4px;
}

#search-wrapper button img {
    position:relative;
    right: -2px;
}


.sticky #search-wrapper button,
.sticky #search-wrapper input {
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom:none;
}

#search-wrapper button.on {
    background:#FFF;
    -webkit-box-shadow: 0 0 10px 0 #808080;
    -moz-box-shadow: 0 0 10px 0 #808080;
    box-shadow: 0 0 10px 0 #808080;
    height: 37px;
    position: relative;
}

#search-wrapper button.on img {
    position:relative;
    top:-6px;
    left:-2px;
}

/*#search-wrapper button:focus {
     height: 25px;
 }

#search-wrapper button.on:focus{
    height: 37px;
}*/

#searchfield {
    height:0;
    overflow:hidden;
}