@media (min-width: 451px) 
{
    #PATHOGENSTAT
    {
        background-image:url(/Content/Images/MenuIcons/Pathogenstat_128.png);
    }
    #PATHOGENWARD
    {
        background-image:url(/Content/Images/MenuIcons/Pathogenward_128.png);
    }
    #PATHOGENDEPARTMENT
    {
        background-image:url(/Content/Images/MenuIcons/PathogenDepartment_128.png);
    }
    #PATHOGENMATERIAL
    {
        background-image:url(/Content/Images/MenuIcons/PathogenMaterial_128.png);
    }
    #PATHOGENLOKALISATION
    {
        background-image:url(/Content/Images/MenuIcons/PathogenLokalisation_128.png);
    }
    #PATHOGENMATERIALANALYSIS
    {
        background-image:url(/Content/Images/MenuIcons/Materialanalysis_128.png);
    }
    #PATHOGENRESISTANCE
    {
        background-image:url(/Content/Images/MenuIcons/Pathogenresistance_128.png);  
    }
    #CUMULATIVERESULT
    {
        background-image:url(/Content/Images/MenuIcons/CumulativeResult_128.png);
    }
    #ANTIBIOGRAM
    {
        background-image:url(/Content/Images/MenuIcons/Antibiogram_128.png);
    }
    #MULTIRESISTANCE
    {
        background-image:url(/Content/Images/MenuIcons/MultiResistance_128.png);
    }
    #IFSG
    {
        background-image:url(/Content/Images/MenuIcons/IFSG_128.png);
    }
    #MBOVERVIEW
    {
        background-image:url(/Content/Images/MenuIcons/MBOverview_128.png);
    }
    #PATHOGENINFORMATION
    {
        background-image:url(/Content/Images/MenuIcons/PathogenInformation_128.png);
    }
    #PERIOD
    {
        background-image:url(/Content/Images/MenuIcons/Period_128.png);
    }
    #FILTER
    {
        background-image:url(/Content/Images/MenuIcons/Filter_128.png);
    }
    #LOGOUT
    {
        background-image:url(/Content/Images/MenuIcons/Logout_128.png);
    }
    #MRSTAT
    {
        background-image:url(/Content/Images/MenuIcons/MRStat_128.png);
    }
    #MRINFORMATION
    {
        background-image:url(/Content/Images/MenuIcons/MRInformation_128.png);
    }
    #PERFORMANCEWARD
    {
        background-image:url(/Content/Images/MenuIcons/PerformanceWard_128.png);
    }
    .MenuStructureButton
    {
        width: 128px;
        height: 140px;
        float: left;
        margin: 10px 15px 10px 10px;
        background-repeat: no-repeat;
        font-size: 12px;
        text-align: center;
    }
    .MenuStructureButtonText
    {
        position:relative; 
        top:130px;
        color: black;
        overflow-wrap: break-word;
        overflow: hidden;
    }
    
    .InfoBox
    {
        min-width:300px; 
        max-width: 300px; 
        vertical-align:top; 
        //float:left; 
        //margin-left: 10px; 
        padding-left: 10px; 
        position: absolute;
        right: 10px;
        
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        box-sizing: border-box;
    }
    
    .MenuInfoBox
    {
        min-width:300px; 
        max-width: 300px; 
        vertical-align:top; 
        //float:left; 
        //margin-left: 10px; 
        padding-left: 10px; 
        position: absolute;
        right: 10px;
        
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        box-sizing: border-box;
    }
}

@media (min-width: 451px) and (max-width: 634px)
{
    .InfoBox
    {
        min-width:300px; 
        max-width: 300px; 
        vertical-align:top; 
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        margin-left: 10px;
        position: relative;
        clear: both;
	    left: 70px;
	    top: 50px;
	    box-sizing: border-box;
    }  
    .MenuInfoBox
    {
        min-width:400px; 
        max-width: 400px; 
        vertical-align:top; 
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        margin-left: 10px;
        position: relative;
        clear: both;
	    left: 10px;
	    top: 50px;
	    box-sizing: border-box;
    } 
}

@media (min-width: 635px) and (max-width: 1299px)
{
    .InfoBox
    {
        min-width:300px; 
        max-width: 300px; 
        vertical-align:top; 
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        margin-left: 10px;
        position: relative;
        clear: both;
	    left: 70px;
	    top: 50px;
	    box-sizing: border-box;
    }  
    .MenuInfoBox
    {
        min-width:400px; 
        max-width: 400px; 
        vertical-align:top; 
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        margin-left: 10px;
        position: relative;
        clear: both;
	    left: 70px;
	    top: 50px;
	    box-sizing: border-box;
    }  
}

@media (min-width: 1300px) 
{
    .InfoBox
    {
        min-width:400px; 
        max-width: 400px; 
        vertical-align:top; 
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        margin-left: 10px;
        position: relative;
        left: 70px;
        clear: both;
        box-sizing: border-box;
    } 
    .MenuInfoBox
    {
        min-width:300px; 
        max-width: 300px; 
        vertical-align:top; 
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        margin-left: 10px;
        position: absolute;
        clear: both;
        box-sizing: border-box;
        float: right;
    } 
}


@media (max-width: 450px) 
{
    #PATHOGENSTAT
    {
        background-image:url(/Content/Images/MenuIcons/Pathogenstat_57.png);
    }
    #PATHOGENWARD
    {
        background-image:url(/Content/Images/MenuIcons/Pathogenward_57.png);
    }
    #PATHOGENDEPARTMENT
    {
        background-image:url(/Content/Images/MenuIcons/PathogenDepartment_57.png);
    }
    #PATHOGENMATERIAL
    {
        background-image:url(/Content/Images/MenuIcons/PathogenMaterial_57.png);
    }
    #PATHOGENLOKALISATION
    {
        background-image:url(/Content/Images/MenuIcons/PathogenLokalisation_57.png);
    }
    #PATHOGENMATERIALANALYSIS
    {
        background-image:url(/Content/Images/MenuIcons/Materialanalysis_57.png);
    }
    #PATHOGENRESISTANCE
    {
        background-image:url(/Content/Images/MenuIcons/Pathogenresistance_57.png);  
    }
    #CUMULATIVERESULT
    {
        background-image:url(/Content/Images/MenuIcons/CumulativeResult_57.png);
    }
    #ANTIBIOGRAM
    {
        background-image:url(/Content/Images/MenuIcons/Antibiogram_57.png);
    }
    #MULTIRESISTANCE
    {
        background-image:url(/Content/Images/MenuIcons/MultiResistance_57.png);
    }
    #IFSG
    {
        background-image:url(/Content/Images/MenuIcons/IFSG_57.png);
    }
    #MBOVERVIEW
    {
        background-image:url(/Content/Images/MenuIcons/MBOverview_57.png);
    }
    #PATHOGENINFORMATION
    {
        background-image:url(/Content/Images/MenuIcons/PathogenInformation_57.png);
    }
    #PERIOD
    {
        background-image:url(/Content/Images/MenuIcons/Period_57.png);
    }
    #FILTER
    {
        background-image:url(/Content/Images/MenuIcons/Filter_57.png);
    }
    #LOGOUT
    {
        background-image:url(/Content/Images/MenuIcons/Logout_57.png);
    }
    #MRSTAT
    {
        background-image:url(/Content/Images/MenuIcons/MRStat_57.png);
    }
    #MRINFORMATION
    {
        background-image:url(/Content/Images/MenuIcons/MRInformation_57.png);
    }
    #PERFORMANCEWARD
    {
        background-image:url(/Content/Images/MenuIcons/PerformanceWard_57.png);
    }
    .MenuStructureButton
    {
        width: 57px;
        height: 70px;
        float: left;
        margin: 10px 10px 10px 10px;
        background-repeat: no-repeat;
        font-size: 10px;
        text-align: center;
    } 
    .MenuStructureButtonText
    {
        position:relative; 
        top:60px;
        overflow-wrap: break-word;
        overflow: hidden;
    }
    
    .InfoBox
    {
        min-width:99%; 
        max-width: 99%; 
        vertical-align:top; 
        float:left; 
        //margin-left: 10px; 
        //padding-left: 10px; 
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        box-sizing: border-box;
    }
    .MenuInfoBox
    {
        min-width:99%; 
        max-width: 99%; 
        vertical-align:top; 
        float:left; 
        //margin-left: 10px; 
        //padding-left: 10px; 
        border: 1px solid silver; 
        background-color: whitesmoke; 
        border-radius: 6px; 
        box-shadow: lightgray  4px 4px 5px; 
        margin-top: 10px;
        box-sizing: border-box;
    }
    
}

@media (min-width: 417px) and (max-width:450px) 
{
    .MenuStructureButton
    {
        width: 57px;
        height: 70px;
        float: left;
        margin: 10px 10px 10px 10px;
        background-repeat: no-repeat;
        font-size: 10px;
        text-align: center;
        min-width: 20%;
        background-position-x: 15px;
    }   
    
    .InfoBox
    {
        margin: 10px;
        max-width: 400px;
        min-width: 0px;
        padding: 5px;
    }  
}

@media (min-width: 400px) and (max-width:413px) 
{
    .MenuStructureButton
    {
        width: 57px;
        height: 70px;
        float: left;
        margin: 10px 10px 10px 10px;
        background-repeat: no-repeat;
        font-size: 10px;
        text-align: center;
        min-width: 15%;
        background-position-x: 0px;
    }  
    
    .InfoBox
    {
        margin: 10px;
        max-width: 400px;
        min-width: 0px;
        padding: 5px;
    }    
}

@media (min-width: 414px) and (max-width:416px)  
{
    .MenuStructureButton
    {
        width: 57px;
        height: 70px;
        float: left;
        margin: 10px 10px 10px 10px;
        background-repeat: no-repeat;
        font-size: 10px;
        text-align: center;
        min-width: 20%;
        background-position-x: 15px;
    }  
    
    .InfoBox
    {
        margin: 10px;
        max-width: 400px;
        min-width: 0px;
        padding: 5px;
    }    
}

@media (max-width: 399px)
{
    .InfoBox
    {
        margin: 0px;
        margin-top: 10px;
        max-width: 100%;
        min-width: 100%;
        padding: 5px;
        box-shadow: 0px;
        border-radius: 0px;
        box-sizing: border-box;
    }      
}

.SmallMenuButton
{
    width: 100%;
    height: 50px;
    vertical-align: middle;
    clear: both;
    padding-bottom: 5px;
    border-bottom: 1px solid silver;
}

.SmallMenu a
{
    text-decoration: none;
}

.SmallMenu a:active
{
    color: #232323;
}

.SmallMenu a:hover
{
    font-weight: bold;
}

.SmallMenuButton img
{
    float: left;
}

.SmallMenuButton div
{
    position: relative;
    left: 10px;
    top: 17px;
    font-size: 1.2em;
}


#EMPTY
{
    display: none;
}