body{
     
      background-image: url("bibliothek4.jpg");
        
    } 


.infoblock{
    position: relative;
    left: 15vw;
    top: 10vh;
    margin-bottom: 2vw;
    width: 78vw;
    background-color: white;
    border-radius: 4px;
    padding: 1vw;
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
    font-size: 2.5vh;
  
}

.link{
    
    margin-right: 2vw;

    text-decoration: none;
    color: black;
    
}

.link:visited {
    color: #4CAF50;
}


.link:hover {
    background-color: #555;
    color: white;
} 

nav ul {
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
    list-style-type: none;
    margin: 0;
    padding: 5vw 0 0 0;
    width: 20vh;
    background-color:white;
    height: 87vh; /* Full height */
    position: fixed; /* Make it stick, even on scroll */
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
     border-radius: 4px;
    border: 1px;
    
}

nav li a {
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
    font-size: 2.5vh;
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    padding: 1vh;
     
}
   

/* Change the link color on hover */
nav li a:hover {
    background-color: #555;
    color: white;
} 
    
    
    .active {
    background-color: #4CAF50;
    color: white;
} 

    #login{

        position: fixed;
        left: 40vw;
        top: 42vh;
        
    }




    
    .pass{
        font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
        font-size: 2.5vh;
        width: 20vw;
        padding: 1vw 2vw;
        margin: 8px 0;
        box-sizing: border-box;
        border-radius: 4px;
        outline: 0 none;
        
    }
    
    .button {
        font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
        font-size: 2.5vh;
        width: 10vw;
        padding: 1vw 0 1vw 0;
        background-color: white;
        color: black;
        box-sizing: border-box;
        border-radius: 4px;
       
}
    
.button:hover {
    background-color: #555555;
    color: white;
}
    
/* Dialog beim einloggen */
.dialog{
        background-color: white;
        color: black;
        font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
        font-size: 2.5vh;
        
        text-align: center;
        width: 30vw;
        padding: 2vw 1vw 2vw 1vw;
        
        box-sizing: border-box;
        border-radius: 4px;
        border-style: solid;
        position: fixed;
        left: 40vw;
        top: 22vh;
    
}

/* Dialog beim einloggen Fehlermeldung am oberen Rand*/
  .dialog2{
          
          background-color: white;
        color: black;
        font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
        font-size: 2.5vh;
        
        text-align: center;
        width: 30vw;
        padding: 2vw 1vw 2vw 1vw;
        
        box-sizing: border-box;
        border-radius: 4px;
      
        border-style: solid;
        position: fixed;
        left: 40vw;
        top: 1vh;
          z-index: 1;
      }

/*  Upload Form */

#upload{
      box-sizing: border-box;
        border-radius: 4px;
    background-color: white;
    width: 80vw;
    padding: 2vw 1vw 2vw 1vw;
    position: relative;
        left: 15vw;
        top: 10vh;
    /* Ermöglicht scrollen */
   overflow-y: auto; 
    
    
}



.Beschreibung{
    text-align: center;
     
}



/*  Style der Radiobuttons*/
      
/* The container */
.container {
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 2.5vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #4CAF50;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/* Anordnung der Dots */
      .vw25{
          width: 15vw;
           float: left;
      }
      

        .vw100{
            width: 15vw;
           float: left;
      }
      
/*Legends beim fieldset */
      h3{
          font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
      }
     
      #fileToUpload{
          font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
             font-size: 2.5vh;
     
      }


/*Ausagbe des Materials der wrapper wurde als upload bezeichnet*/
article{
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
      box-sizing: border-box;
        border-radius: 4px;
    background-color: white;
    width: 80vw;
    padding: 2vw 1vw 2vw 1vw;
 
        left: 16vw;
        top: 10vh;
}

/*Kurssystem*/