/* 
    Document   : mobile
    Created on : 27.09.2013, 11:33:50
    Author     : david
    Description:
        CSS styles for mobile screens with screen width < 100%
*/

.width_wrapper {
    width:100%;
    margin: 0 auto;
}

#toolbar {
    visibility: hidden;
    min-width:100%;
    height:0px;
    overflow: hidden;
}

#big_logo { margin: 10px auto 10px; }

#big_logo img { width:80%; }

#footer, #web_results {
    width:100%;
    min-width:100%;
}

#searchform input[type="text"] {
    width:50%;
}

.nonprod_environment {
    font-size: 10px;
    padding: 3px 0;
    font-weight: normal;
}

.small_form.with_border {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-bottom: 3px;
    height:50px;
}

.small_logo { width:25%; height:50px; text-align: left; float: left; }
.small_logo img { width:100%; text-align: left; float: left; }
#searchform { width: 70%; height: 50px; float: left; margin-top: 0px; overflow: hidden; }
#result_counter { width: 1px; height: 1px; visibility: hidden; }

.mobile_no_display { height: 1px; width: 1px; overflow: hidden; visibility: hidden; }

.adblock { padding-top: 12px; }
.deeplinks.mobile_no_display {display:none;}

.adblock .result_item:nth-child(2) { margin-bottom: 5px; }