	<style type="text/css">
		html, body {
			height:100%;
			margin:0;
			padding:0;
			background-color: #F0F0F0;
		}
		header, nav, section, footer {display: block;}
		header {
			top:0px;
			position:fixed !important;
			position: absolute;
			z-index:10;
			width:100%;
			height:10em;

			background-color: MediumBlue;
			color: white;
		}
		* html header {
			top:expression(documentElement.scrollTop+'px');
		}
		nav {
			bottom:0px;
			width:100%;
			height:30%;
			left:0px;
			position:absolute;
			
			background-color:#000;
		}
		
		#Content {
			top: 10em;
			position:relative;
			width:100%;
			margin-bottom:10em;
			padding-bottom:5em;
			background-color: #F0F0F0;
		}
		footer {
			bottom:0px;
			position:fixed !important;
			position: absolute;
			width:100%;
			height:5em;
			
			background-color: MediumBlue;
			color: white;
		}
		* html footer {
			top:expression(documentElement.clientHeight+documentElement.scrollTop-48+'px');
		}
		
		.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -180px;}
		
		.sprung300 {visibility: hidden; height: 0px !important; position: absolute; margin: -300px;}
		
		.publDiv {background: transparent; border-bottom: 1px solid #E6E6E6; margin: 15px 0px; padding-left:0px;}
		
		p.project {
			margin-top: 10px; 
			margin-left: 20px;
		}
		div.project {
			border-bottom: 1px solid silver;
		}
		
		p.news {
			background-color: #f0f0f0; 
			padding: 0px 3px; 
			border-radius: 3px;"
		}

		a {
			color:#404040;
			text-decoration: underline;
			text-decoration-style: dotted;
		}
		a.link::before {
			content: "➞ ";
		}
		

/* Glyphicon-Codierung: https://glyphicons.bootstrapcheatsheets.com/#    content: "\e008";*/
		a.plink::before {
			content: "\e008";
			font-family: 'Glyphicons Halflings';
			padding-right: 5px;
		}	
		a.maillink::before {
			content:"\e171";
			font-family: 'Glyphicons Halflings';
			padding-right: 5px;
		}	
		a.web_link::before {	
			content:"\e021";
			font-family: 'Glyphicons Halflings';
			padding-right: 5px;
		}
		a.publink::before {
			content:"\e142";
			font-family: 'Glyphicons Halflings';
			padding-left: 5px;
			padding-right: 5px;
		}
		a.weblink::before {	
			content:"\e021";
			font-family: 'Glyphicons Halflings';
			padding-right: 5px;
		}		
		
		a.oben:link {
			color: white;
		}
		a.oben::before {
			content: "";
		}		
		a.oben:visited {
			color: white;
		}
		a.oben:hover {
			color: MediumBlue;
			text-decoration-color: MediumBlue;
			text-decoration-style: wavy;
			background-color: white;
			box-shadow: -2px 0px 5px white, 2px 0px 5px white, 0px -2px 5px white, 0px 2px 5px white;
		}		
		a.oben:focus a.oben:active {
			color: white;
		}
		
		a.unten:link {
			color: white;
		}
		a.unten::before {
			content: "➞ ";
		}
		a.unten:visited {
			color: white;
		}
		a.unten:hover {
			color: DeepSkyBlue;
		}

		.info-box {
			display: block;
			padding: 5px;
			margin: 3px;
			width: 100%;
			border: 1px solid #ccc;
			border-radius: 4px;
			background-color: #F5F5F5;
		}
		
		.picture {
			display: block;
			margin: 3px;
			border-radius: 3px;		
			background-color: #F0F0F0;
		}
		
		.pict-txt span {
			#background-color: silver;
			background-color: hsla(0, 0%, 100%, 0.6);
			position: absolute;
			bottom: 3px;
			left: 5%;
			width: 91%;
			line-height: 2em;
			text-align: center;
		}
	
		figure.tucal-vcard {
		 padding:14px 0 0
		}
		figure.tucal-vcard:not(:last-child) {
		 border-bottom:1px solid silver;
		 border-color:#e6e6e6
		}
		figure.tucal-vcard .h4 {
		 margin:0 0 12px
		}
		figure.tucal-vcard .tucal-vcardcontact {
		 display:table;
		 width:100%;
		 padding-left:0
		}
		figure.tucal-vcard .tucal-vcardcontact>li {
		 display:table-row
		}
		figure.tucal-vcard .tucal-vcardcontact>li>div {
		 display:table-cell
		}
		h5.titel,
		h6.titel {
		 display:block;
		 text-decoration:none
		}
		figure.tucal-vcard .tucal-vcardcontact>li>div:first-child {
		 width:200px;
		 /* width:16.66666667%; */
		 padding-right:6px
		}
		figure.tucal-vcard .tucal-vcardcontact>li ul {
		 list-style-type:disc;
		 padding-left:0;
		 list-style-position:inside
		}
		figure.tucal-vcard .tucal-vcardimage {
		 padding-right:0
		}
		figure.tucal-vcard .tucal-vcardimage img {
		 height:auto;
		 width:100%;
		 max-width:128px;
		 margin-bottom:14px;
		 border-radius: 3px;
		}		
		

		
a.rot:link {color: red; }
a.rot:visited {color: red; }
a.rot:hover {color: black; }
a.rot:focus {color: red; }
a.rot:active {color: red; }
a.rot::before {content: "➞ "; }
a.blau:link {color: #0000ff; }
a.blau:visited {color: #0000ff; }
a.blau:hover {color: #000000; }
a.blau:focus {color: #0000ff; }
a.blau:active {color: #0000ff; }
a.gruen:link {color: green; }
a.gruen:visited {color: green; }
a.gruen:hover {color: black; }
a.gruen:focus {color: green; }
a.gruen:active {color: green; }		
		
	</style>