<style>
		html {
			height:100%;
			padding:0px;
			margin:0px;
			border: none; 
		}
		body {
			height:100%;
			margin: 0px;
			background-color: #fff;
			text-align: center;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			overflow-y:scroll;
		}
		h1{
			font-size: x-large;
			font-weight: normal;
		}
		#main{
			height:100%;
			max-width: 95ch;
			width: 100%;
			text-align: left;
 			margin: 0px auto;
			padding: 0px;
			border: none;
			background-color: #fff;
			position: relative;
		}
		#menu{
			/*width: 19ch;*/
			padding: 10px;
			vertical-align: top;
			background-color: #f00;
			color: #fff;
			float: right;
		}
         
         #top{
        	height: 80px;
         }

		#head{
			height: 60px;
		}
         
         #content{
        	margin: 0px;
        /*	width: 800px; /** 800, W rzeczywistosci pudelko zajmie szerokosc 820*/
            padding: 20px 10px 0px 10px;
            vertical-align: top;

        /*    font-size: 13px;*/
         }

         #foot{
		clear: both;
        	margin: 0px;
            padding: 0px 10px 0px 10px;            
            vertical-align: top;
            text-align: center;
/*            height: 14px;*/
            font-size: x-small;
         }
         
		a.menu{
		/*	font-size: 13px;*/
			text-decoration: none;
     		outline: none;
			font-weight: bold;
		}

		a.active{
		/*	font-size: 13px;*/
			text-decoration: none;		
     		outline: none;
			font-weight: bold;
		}

        div.menu{

            padding: 0.1em;
			padding-left: 20px;
            margin-bottom: 5px;
            cursor: pointer;
        }

        div.active{
		width: 19ch;
            padding: 0.1em;
			padding-left: 20px;
            margin-bottom: 5px;
            cursor: pointer;
        }

		p.menu{
			width: 19ch;
		}

		#logo{
		    text-align: left;
		    font-size: 25px;
		    margin: 0px 20px; 
		}
		
		#photo{
		    text-align: center;
		    margin-bottom: 16px; 
		}

         body {
    background-color: #e0e0e0;
}

#banner{
	width: 100%;
	position: sticky;
	bottom: -4px;
	clear: both;
}

#uebanner{
	width: 100%;
}

#projektbanner{
	max-width: calc(100% - 25ch);
}

.center{
	text-align: center;
}

.red{
	font-weight: bold;
	color: red;
}

#plakat{
	max-width: 100%;
}

#menu{
    background-color: #ffffff;
}

#content{
    color: #000000;
    background-color: #ffffff;
}

#foot{
    background-color: #217ab7;
    color: #ffffff;
}

#top{
    background: url(__style_p_niebo.png) right top no-repeat #6ba6cf;    color: #ffffff;
    background-color: #6ba6cf;
}
	
#head{
    color: #000000;
    background-color: #ffffff;
}

#content p{
max-width: 70ch;
hyphens: auto;
}

	a.menu{
         color: #ffffff;
    }
    a.active{
         color: #ffffff;
    }
    div.menu{
		background-color: #6ba6cf;
    }
    div.active{
		background-color: #217ab7;
    }

	.highlight {
		color: #750702;
		font-weight: bold;
	}

	.small {
		font-size: small;
	}

@media only screen and (max-width: 50ch) {
	#menu {
		float:none;
		display: flex;
	}
	div.menu {
		width: 14ch;
		margin-bottom: 0;
		margin-right: 5px;
		padding-left: 0.1em;
	}
	div.active {
		width: 14ch;
		margin-bottom: 0;
		margin-right: 5px;
		padding-left: 0.1em;
	}
	p.active,p.menu{
		text-align: center;
		width: unset;
	}		
	#photo {
		/* margin-bottom: 0;
		margin-right: 5px; */
		display: none;
	}
	#projektbanner{
		max-width: 100%;
	}
}
</style>
