body{
 			    margin-left: 1%;
 			    width: 99%;
}

#body_sub{
                padding-left: 4%;
			    margin-left: 4%;
			    margin-right: 4%;
}

#top {
                padding:0.3%;
                width: 99%;
                color:white;
                justify-content: center;
                text-align: center;
}

#right {
             	/*margin-left: 155px; /*nötig bei left_nav*/
}

/*right image*/
.rimg{
                /*height:auto;*/
                float:right;
}
.simg{
                max-width:100%;
                height:auto;
                float:right;
}

/*left image*/
.limg{
                max-width:100%;
                height:auto;
                float:left;
}

.loimg{
                max-width:100%;
                height:auto;
}

a.innerLink:link, a.innerLink:visited{
			    font: normal 90% Helvetica, Arial, sans-serif;
			    text-decoration: normal
			    cursor: pointer;
			    word-break: break-all;
}

/*Allgemeine Darstellung von Buttons in navbar*/
#top a.topLinks, .dropdown .btndrop{
                font: normal 100.01% Helvetica, Arial, sans-serif;
                color:white;
                cursor:pointer;
                padding:0px;
                /*margin-right:5px;*/
                display:inline-block;
                background: #575757; /*dunkelgrau*/
                /*background: #3a3a3a; offizielles HSRM dunkelgrau*/
                border:none;
                outline:none;
                text-decoration:underline;
}

/*hervorherben von navbar links und dropdown links*/
#top a.topLinks:hover, .dropdown:hover .btndrop{
                background:#808080; /*grau*/

}
/*Darstellung navbar*/
#top a.topLinks:link, #top, a.topLinks:visited{
       			font: normal 100.01% Helvetica, Arial, sans-serif;
       			color: white;
       			cursor: pointer;
       			background:#575757; /*dunkelgrau*/
       			/*background: #3a3a3a; offizielles HSRM dunkelgrau*/
}

/*Darstellung links wenn ausgewählt*/
#top a.topLinks:link:active, #top a.topLinks:visited:active,
#top .dropdown-content a:link:active,
#top .dropdown-content a:visited:active{
            	color: #3333ff; /*blau*/
            	cursor: pointer;
}


/*Allgemeines zur Darstellung von dropdown*/
.dropdown{
                display:inline-block;
}

/*Inhalt von navbar Button Vorlesungen*/
.dropdown-content{
                display:none;
                position: absolute;
                background: #575757; /*dunkelgrau*/
                /*background: #3a3a3a; offizielles HSRM dunkelgrau*/
}

/*Auch Inhalt von dropdown*/
.dropdown-content a {
                float: none;
                color: white;
                padding: 12px;
                display: block;
                text-align: left;
                text-decoration: underline;
}

/*Aussehen von link in dropdown wenn "berührt" wird*/
.dropdown-content a:hover{
                background-color:#808080; /*grau*/
}

/*ermöglicht dropdown*/
.dropdown:hover .dropdown-content{
                 display:block;
}

#bottom {
                width: 99%;
                padding: 5px;
                text-align: center;
}

/*Einstellungen für große Bildschirme*/
@media screen and (min-width: 1600px){
  #body_sub {
        padding-left: 2%;
        font-size: 19px;
    }
#top {
        font-size: 22px;
}
    .rimg {
        width: 20%;
        height: auto;
    }
    .simg {
        width: 50%;
        height: auto;
    }
    .limg {
         width: 12%;
         height: auto;
    }
    .loimg {
        width: 20%;
        height: auto;
    }
    #bottom {
        font-size: 16px;
    }
}

/*Einstellungen für größere Bildschirme*/
@media screen and (max-width: 1599px) and (min-width: 1025px) {

    #body_sub {
        padding-left: 2%;
        font-size: 17px;
    }
    #top {
            font-size: 20px;
    }
    .loimg {
            width: 23%;
            height: auto;
    }
    .rimg{
            width:35%;
            height:auto;
    }
    .simg {
        width: 50%;
        height: auto;
    }
     .limg{
             width:17%;
             height:auto;
        }

     #bottom{
            font-size:15px;
     }
}

/*Einstellungen für mittlere Bildschirme*/
@media screen and (max-width: 1024px) and (min-width: 601px) {

    #body_sub {
        padding-left: 4%;
        font-size: 17px;
    }
    #top {
            font-size: 19px;
    }
    .loimg {
            width: 35%;
            height: auto;
    }
    .rimg{
            width: 40%;
            height:auto;
    }
    .simg {
        width: 60%;
        height: auto;
    }
     .limg{
             width:20%;
             height:auto;
        }

     #bottom{
            font-size:15px;
     }
}


/*Einstellungen für kleine Bildschirme*/
@media screen and (max-width: 600px) {

    #body_sub {
        padding-left: 6%;
        font-size: 16px;
    }
    #top {
            font-size: 18px;
    }
    .loimg {
            width: 45%;
            height: auto;
    }
    .rimg{
            width:60%;
            height:auto;
    }
    .simg {
        width: 70%;
        height: auto;
    }
     .limg{
             width:20%;
             height:auto;
        }

     #bottom{
            font-size:15px;
     }
}