/*NAVBAR*/
#navbar ul {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	text-align: center;
	background-color: #1e00ff;
}

#navbar ul li {
	display: inline;
}

#navbar ul li a {
	text-decoration: none;
	padding: 0.2em 1em;
	color: #fff;
	background-color: #001eff;
	cursor: crosshair;
}

/* Mobiler Stil */
@media (max-width: 768px) {
	#navbar ul {
		padding: 0;
	}

	#navbar ul li {
		display: block;
		margin: 0;
	}

	#navbar ul li a {
		display: block;
		padding: 1em;
	}
}

/*QUOTES*/
blockquote {
	background: #57ff57;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote p {
	display: inline;
}

/*BADGES*/
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	cursor: wait;
}

.footer img {
	margin-left: 2px;
	margin-right: 2px;
}

.bannershrink {
	width: 21%;
}

/*MISC*/
figure {
	margin: 0;
}

.progressBase {
	width: 100%;
	background-color: grey;
}

.progressBar {
	width: 0%;
	height: 30px;
	background-color: green;
}

body {
	background-color: #80ff80;
	font-size: 14pt;
}

.responsive {
	max-width: 50%;
	height: auto;
}

/*FONTS*/
.papyrus {
	font-family: Papyrus, fantasy;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
.comicsans {
	font-family: "Comic Sans MS", "Comic Sans", cursive;
}