/* = = = = = = = = = = = = = = = = = = = = = = bäbelin.de = = = = = = = = = = = = = = = = = = = = =  */
		
html,body {
	height: 100%;
	background: #fff;
	color: #999; 
	text-align: center;	margin: .1em auto;	 	
	font: normal 1.3em Chiller ;  /* Mindestschriftgröße wird dem Browser, bzw. dem Nutzer überlassen! */
}

@font-face {
	font-family:'Chiller';
	src: url('../fonts/Chiller.ttf') format('truetype');
}

#top {
	float: left;
	width: 1px;
	height: 45%;
	margin-bottom: -15em;
}

#container {
	clear: left;
	margin: 0 auto;
	width: 100%;
	height: 30em;
	background: #fff;
	
	border: px solid #000; 
}

#cont-block_t {
	margin: 15em 1em 5em 1em;
	
	border: 0px solid #00f; 
}

/* ============================ 	https://www.xn--bbelin-bua.de	================================== */

.baebelinsvg {
	width: 100%;
	height: 100%;
}

/* - - - - - - - - - - - - - - - */

.baebelinpfad {
	fill: none;
	stroke: #660000;
	stroke-width: 1.0;
	stroke-dasharray: 2200 4000;
	animation: pfadbaebelin 15s infinite linear;
}

@keyframes pfadbaebelin {
	0% {
		stroke-width: 3.0;
		fill: #fff; 
		stroke-dashoffset: 3000; 
	}
	
	50% {
		fill: #fff; 
	}
	
	55% {
		fill: #ff9900; 
		stroke-dashoffset: 0; 
		stroke-width: 5.0;
	}

	90% {
		fill: #fff; 
	}

	100% {
		stroke-width: 0.0;
		fill: #fff; 
	}
}

/* - - - - - - - - - - - - - - - */

.schmetterling {
	fill: none;
	stroke: #660000;
	stroke-width: 1.0;
	stroke-dasharray: 2200 4000;
	animation: pfadanimation2 15s infinite linear;
}

@keyframes pfadanimation2 {
	0% {
		stroke-width: 3.0;
		fill: #fff; 
		stroke-dashoffset: 2400; 
	}
	
	10% {
		fill: #fff; 
	}
	
	25% {
		fill: #ff9900; 
		stroke-dashoffset: 0; 
		stroke-width: 5.0;
	}

	55% {
		fill: #ff9900; 
		stroke-dashoffset: 0; 
		stroke-width: 5.0;
	}

	90% {
		fill: #fff; 
	}
	
	100% {
		stroke-width: 0.0;
		fill: #fff; 
	}
}

/* ============================ 	https://www.xn--bbelin-bua.de	================================== */

a {
	color: #000;
	box-shadow: inset 0 -2px 0 0px #fff;
	padding: .1em 0;
	text-decoration: none;
	transition: all 0.5s;
}
a:link,
focus,
viseted   { 
	color: #000;
	}
a:hover,
active   { 
	color: #f00; 
}

/* = = = = = = = = = = = = = = = = = = = = = = bäbelin.de = = = = = = = = = = = = = = = = = = = = =  */
		
h1 {	
	padding-top: 0em;
	text-align: center;	margin: .1em auto;
	color: #600; 
	
	font-size: 1.25em; 
	text-shadow: 5px 5px 10px #f90; 
}

.mittig {
	padding-top: 1em;
	text-align: center;	margin: .1em auto;	
	border: 1px solid #000;
}

.weiter {
	padding-top: 2em;	
	text-align: center;	margin: .1em auto;	
}
		
.datumszeile {
	text-align: center;	margin: .1em auto;	
	margin: 1em 0em 0em 0em;
}

/* = = = = = = = = = = = = = = = = = = = = = = bäbelin.de = = = = = = = = = = = = = = = = = = = = =  */
		
.ab {
	margin: 2em 2em 2em 2em;
	text-align: right;
}

.ou1abstand {
	margin: 1em 0em 1em 0em;
}

.noa1 {
	padding-top: 1em;
}

/* = = = = = = = = = = = = = = = = = = = = = = bäbelin.de = = = = = = = = = = = = = = = = = = = = =  */

/*.abstandshalter {
	/* Innenabstand */
/*	padding: 1em 2em 3em 4em;	/* oben rechts unten links */
/*	padding-top: 1em;		/* oben */
/*	padding-right: 2em;		/* rechts */
/*	padding-bottom: 3em;	/* unten */
/*	padding-left: 4em;		/* links */
	/* Außenabstand */
/*	margin: 1em 2em 3em 4em;
}


/* ================================================================================================ */