html {
			background:transparent!important
		}  
		body{
		  margin: 10px auto;
		  max-width: 80em;
		  font-family: sans-serif;
		  color: #333333;
		  }
		 
		h1, main{
		  border-radius: 0px 0.5em 0.5em;
		  border: 1px solid;
		  padding: 2%;
		  margin: 10px;
		  }
		 
		h1 {
		  /*background: #F1F3F4 url("http://wiki.selfhtml.org/images/9/99/Selfhtml-beispiel-logo.png") 10px 5px no-repeat;*/
		  /*background: #F1F3F4;*/
		  /*background: #e87400;*/
		  background: -moz-linear-gradient(top, rgb(232,116,0), rgb(255,255,255));
		  background: -webkit-linear-gradient(top, rgb(232,116,0), rgb(255,255,255));
		  border-color: #d5d5d5;
		  padding-left:100px;
		  }
		  
		main {
		  display: block;	
		  background: #c4ced3;
		  border-color: #8a9da8;
		  }
		  
		img {
			width: 100%; 
			height: auto;
			background: white;
		}
		
		#imgProfile {
			position: absolute;
			top: 20%;
			left: 75%;
			width: 20%;
			font-size: 9px;
			font-style: italic;
		}
		
		object{
			width: 100%; 
			height: 1000px;
			background: white;
			border="0";
		}
		
		.hide { display: none; }
		
		.show { display: compact; }
		
		/*footer {
		    background: -moz-linear-gradient(bottom, rgb(232,116,0), rgb(255,255,255));
		  	background: -webkit-linear-gradient(bottom, rgb(232,116,0), rgb(255,255,255));
		  	/*text-align: center;
		    height: 1.5em;
		    padding: 0 1em;
		    line-height: 1.5em;
		}*/
		
		.equal-col-width td {
			text-align: center;
			border: 1px solid #e87400;
			width: 1%;
		}
		
		#mainNavigation {
		    background: -moz-linear-gradient(left, rgb(232,116,0), rgb(255,255,255));
		    /*background: -moz-linear-gradient(right, rgb(232,116,0), rgb(255,255,255));*/
		  	background: -webkit-linear-gradient(left, rgb(232,116,0), rgb(255,255,255));
		  	text-align: center;
		    height: 1.5em;
		    width: 100%;
		    padding: 0 1em;
		    line-height: 1.0em;
		}
		
		ul.topnav {
			background: -moz-linear-gradient(top, rgb(232,116,0), rgb(255,255,255));
		  	background: -webkit-linear-gradient(top, rgb(232,116,0), rgb(255,255,255));
		  	border-color: #d5d5d5;
		  	padding-left:100px;
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
		    overflow: hidden;
		    /*background-color: #333;*/
		}

		ul.topnav li {float: left;}
		
		ul.topnav li a {
		    display: block;
		    color: black;
		    text-align: center;
		    padding: 14px 16px;
		    text-decoration: none;
		}
		
		ul.topnav li a:hover:not(.active) {
			/*background-color: #111;*/
			background-color: grey;
			/*font-weight: bold;*/
		}
		
		ul.topnav li a.active {
			/*background-color: #4CAF50;*/
			font-style: italic;
			text-decoration: underline;
			font-weight: bold;
			color: black;
			/*background-color: #e87400;*/
		}
		
		ul.topnav li.right {float: right;}
		
		ul.bottomnav {
			background: -moz-linear-gradient(bottom, rgb(232,116,0), rgb(255,255,255));
		  	background: -webkit-linear-gradient(bottom, rgb(232,116,0), rgb(255,255,255));
		  	border-color: #d5d5d5;
		  	padding-left:100px;
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
		    overflow: hidden;
		    /*background-color: #333;*/
		}

		ul.bottomnav li {float: left;}
		
		ul.bottomnav li a {
		    display: block;
		    color: black;
		    text-align: center;
		    padding: 14px 16px;
		    text-decoration: none;
		}
		
		ul.bottomnav li article {
		    display: block;
		    color: black;
		    text-align: center;
		    padding: 14px 16px;
		    text-decoration: none;
		}
		
		ul.bottomnav li a:hover:not(.active) {
			/*background-color: #111;*/
			background-color: grey;
			/*font-weight: bold;*/
		}
		
		ul.bottomnav li a.active {
			/*background-color: #4CAF50;*/
			font-style: italic;
			text-decoration: underline;
			font-weight: bold;
			color: black;
			/*background-color: #e87400;*/
		}
		
		ul.bottomnav li a.inactive {
			/*background-color: #4CAF50;*/
			font-style: normal;;
			text-decoration: none;
			font-weight: normal;;
			color: black;
			/*background-color: #e87400;*/
		}
		
		ul.bottomnav li.right {float: right;}
		
		@media screen and (max-width: 600px){
		    ul.topnav li.right, 
		    ul.topnav li {float: none;}
		}






		ul {
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
		    overflow: hidden;
		    background-color: #333;
		}
		
		li {
		    float: left;
		}
		
		li a, .dropbtn {
		    display: inline-block;
		    color: white;
		    text-align: center;
		    padding: 14px 16px;
		    text-decoration: none;
		}
		
		li a:hover, .dropdown:hover .dropbtn {
		    background-color: grey;
		}

		li.dropdown {
		    display: inline-block;
		}
		
		.dropdown-content {
			background: -moz-linear-gradient(right, rgb(232,116,0), rgb(255,255,255));
		  	background: -webkit-linear-gradient(right, rgb(232,116,0), rgb(255,255,255));
		    display: none;
		    position: absolute;
		    background-color: #e87400;
		    min-width: 160px;
		    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		    z-index: 1;
		}
		
		.dropdown-content a {
		    color: black;
		    padding: 12px 16px;
		    text-decoration: none;
		    display: block;
		    text-align: left;
		}
		
		.dropdown-content a:hover {
			/*background-color: #f1f1f1;*/
			background-color: #e87400;
		}
		
		.dropdown:hover .dropdown-content {
		    display: block;
		}
		
		/* Tooltip container */
		.tooltip {
		    position: relative;
		    display: inline-block;
		    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
		}
		
		/* Tooltip text */
		.tooltip .tooltiptext {
		    visibility: hidden;
		    width: 120px;
		    background-color: black;
		    color: #fff;
		    text-align: center;
		    padding: 5px 0;
		    border-radius: 6px;
		 
		    /* Position the tooltip text - see examples below! */
		    position: absolute;
		    z-index: 1;
		}
		
		/* Show the tooltip text when you mouse over the tooltip container */
		.tooltip:hover .tooltiptext {
		    visibility: visible;
		}