@media 
only screen and (max-width: 481px)
,
/*Samsung Galaxy*/
screen and (device-width: 320px ) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2)
,
/*iPhone5*/
screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)
,
screen and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) 
,
/* S4 */
screen and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 3.0)
{
    /* CSS für Bildschirm und Fensterbreite < 480px */
    /* PAGE */
    #page{height:auto!important;height:100%;min-height:100%;margin:0 auto -25px;position:relative;overflow:hidden;min-width:0}
    /* HEADER */
    #header{padding:5px 15px;background:#FFF url(../images/bg_header.gif) repeat-x left top;height:75px;overflow:hidden;}
    /* CONTENT */
    #content .wrapper{margin:0;border:1px solid transparent}
    #layout1{margin:0}
    .border{margin:0;padding:1px;}
    .border-details{margin:25px 0 0;/*width:90%*/}
    /* DASHBOARD */
    #layout1 .col1,#layout1 .col3,#layout1 .col4{min-width:15em;width:100%}
    #layout1 .col2{min-width:15em;width:100%;margin:0 auto}
    .OnlySmallScreens{display:block}
    .NotForSmallScreens{display:none !important;}
    #searchform{min-width:100%}
    #searchform .smalllabel{width:1em}
    .SF_Field{width:0;display:block;min-width:100%}
    .size_small,.size_550,.size_800{width:100%!important;overflow:visible!important}
    .ListButtons{margin:0;padding:.8em;text-align:center}
    .ListButtons li{list-style:none;display:inline;margin:.4em;padding:0}
    /* LOGIN */
    #login{width:90%;margin:10px auto;padding:15px;position:relative;background:#FFF;border-radius:4px;color:#777;box-shadow:0 2px 2px #565, 0 1px 5px #565, 0 0 0 12px #DED}
    /* COPYRIGHT */
    #copyright{position:absolute;width:100%;bottom:0;left:0;border-top:1px solid #CCC;background-color:#FFF;font-size:11px;font-weight:400;color:#666;height:auto}
    /*** TicketForm ***/
    .ui-tabs .ui-tabs-panel{padding:0!important}
    #TicketFieldsLeft,#TicketFieldsRight,TicketFieldsBottom{width:100%;margin:0 auto}
    .TicketField .TextFieldInput{display:inline;width:100%}
    .TextFieldInput input{width:80%}
    .TextFieldInput #contact {width: 70%;}    
    #TicketHeader h2{display:block;width:100%}
    #TicketHeader #TicketListButton{margin-right:20%}
    #dialog-add-document .TicketField{width:97%}
    #dialog-add-document #aLongDescr{width:99%}
    #dialog-add-document .TextFieldInput{width:90%}
    #dialog-add-document #TicketHeader{width:90%;overflow:hidden}
    .TicketField.smallField{width:100%}
    .DeviceFilter{display:block;float:left;line-height:20px;width:97%;height:auto}
    .DeviceFilter .TextFieldInput{display:inline;float:right;margin-right:5%}
    #Devices{width:94%!important}
    .DeviceDetails{width:98%}
    .footable td{word-break:break-all}
    .WrapOnSmallScreens{white-space:normal;word-break: break-all;word-wrap: break-word;width:100%;}
    .ui-multiselect{width:100%!important}
    /*Anzeige von NavigationFootern*/
    .footable .navstring{display:table-cell!important}
    /* Menu */
    #NavTitleBar, #ListNavTitleBar{background-color:#444;color:#AAA;display:block;float:left;height:55px;line-height:55px;width:100%}
    .activeSite{display:inline;margin-left:70px}
    #ListNav .button { width: 100%; }  
    #tabs {margin: -51px -5px 10px;width: 100%;}
    #ListNavTitleBar{
        background-color:#CCC;
    }
    #ListNavTitleBar .nav-toggle{
        background-color:#CCC;
    }
    
    .listview tbody td, .listview2 tbody td{
        white-space: normal;
        word-wrap: break-word;        
    }




    .ui-tabs .ui-tabs-nav li {
        width:98% !important;
        text-align: center;
        line-height: 2.5em;
    }
    .ui-tabs .ui-tabs-nav li a {
        display: inline-block;
        float: none;
        padding: 5px;
        text-decoration: none;
        width: 100%;
    }

    #TicketFieldsLeft, #TicketFieldsRight, TicketFieldsBottom, #TicketFieldsDokument, .TicketEventFields {
        padding: 10px;}

    .OnlySmallScreens #searchform input[type="text"], input[type="password"], textarea, select {
        width: 95%;
    }    
    
    div.sceditor-group{
        float:left !important;
    }
    
    .sceditor-container iframe{
        width: 98% !important;
    }
    
/*Login*/    

#topnavdiv {
    margin: 0;
    padding: 0;
    position: unset;
    height: auto;
}

#lx_small_username {
    display: block;
    width: 90%;
}
#Login2{
    display:block;    
}
#topnavdiv:hover {
    height: auto;
}
.PageContentItem:first-of-type {
    margin-top: 110px;
}
    
}