body {
	margin: 0;
/*	background-color: floralwhite; */
}


@font-face {
    font-family: Kometa;
    src: url("kometa/Kometa-Bk.otf") format("opentype");
}

a:link {
    text-decoration: none;
color: black;	
}

a:visited {
    text-decoration: none;
color: black;
}

a:hover {
    text-decoration: underline;
color: black;
}

a:active {
    text-decoration: underline;
color: black;
}

/*Header*/
    .header {
        padding: 1em;
        color: white;
        background-color: LightSkyBlue;
/* #08af32 */       
        text-align: center;
    }

/*Topnav:Links*/    
    /* Add a black background color to the top navigation */
    .topnav {
        background-color: #333;
        overflow: hidden;
    }
    
    /* Style the links inside the navigation bar */
    .topnav a, .dropbtn {
        float: right;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-family: "Arial";
        font-size: 17px;
    }

/* Topnav:Dropdown */
    /* The container <div> - needed to position the dropdown content */
    .dropdown {
        float: right;        
        overflow: hidden;      
    } 

    /* Dropdown Button */
    .dropbtn {
        float: none; /*changes the float:right from above!!!*/
        background-color: #333;
        border: none;
        cursor: pointer;              
    }
    
    /* Dropdown Content (Hidden by Default) f9f9f9*/
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1; 
    }

    /* Links inside the dropdown */
    .dropdown-content a {
        float:none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: center;
    }

/* Topnav: Links, Dropdown: Hover, Focus, Active */
    /* Change the color of links and dropdown button on hover and focus */
    .topnav a:hover, .dropbtn:hover, .dropbtn:focus {
        background-color: #ddd;
        color: black;
    }

     /* Add a color to the active/current link */
    .topnav a.active {
        background-color: #4CAF50;
        color: white;
    }  

    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #c1c1c1}

    /* Show the dropdown menu */
    .show {display:block;}  

/* Form: Login, Registration, Requests, Other */
    /* Style all input fields */       
    input {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
    }

    /* Style the submit button */       
    input[type=submit] {
        background-color: #4CAF50;
        color: white;
    }

    /* Style the container for inputs */       
    .container {
        background-color: #f1f1f1;
        padding: 20px;
    }  

/*Form: Registration: Validation*/
    /* The message box is shown when the user clicks on the password field */        
    #message {
        display: none;
        background: #f1f1f1;
        color: #000;
        position: relative;
        padding: 20px;
        margin-top: 10px;
    }
        
    #message p {
        padding: 10px 35px;
        font-size: 18px;
    }

    /* Add a green text color and a checkmark when the requirements are right */        
    .valid {
        color: green;
    }

    /* Add a red text color and an "x" icon when the requirements are wrong */        
    .invalid {
        color: red;
    }

/* My Profile Sidebar */
    /* Style the sidebar */
    .sidebar {
        float: left;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
        width: 20%;
        height: auto;
    }

    /* Style the a that are used to open the sidebar content */
    .sidebar a {
        display: block;
        background-color: inherit;
        color: black;
        padding: 22px 16px;
        width: auto;/*! if 100% => links overflow the container*/
        text-decoration: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
    }

    /* Change background color of a on hover */
    .sidebar a:hover {
        background-color: #ddd;
    }

    /* Create an active/current "sidebar a" class */
    .sidebar a.active {
        background-color: #ccc;
    }

    /* Style the sidebar content */
    .tabcontent {
        float: right;
        padding: 0px 12px;
        border: 1px solid #ccc;
        width: 78%;
        border-left: none;
        height: 300px;
    }           



#calendar { 
	width: 60%; 
	margin: auto; 
}


.page {
	padding: 20px 10px 20px 10px;
}