body {
    font-family: "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
    background: url(bg_tile.gif);
}
a{
    color:#666;
    text-decoration:none;
}
a:hover{
    color:#000;
    text-decoration:underline;
}
ul {
	margin-bottom:0;
	padding-left: 0;
}
li {
	list-style-type: none;
	padding:1px 0px 1px 20px;
}
#content {
    /*position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;*/
    width:35%;
    margin: 0 auto;
    padding:1em;
    background: #fff;
}

#bla {
    min-height:13em;
}

#pic{
    float:left;
    margin-right:15px;
    border-radius: 25px;
    border:1px solid #ccc;
    width:225px;
    height:225px;
}
.box{
    float:left;
    width:47%;
    margin-right:3%;
}
.box a{
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
}
.profile{
    /*padding:2px 0px 2px 20px;*/
}
.academia{
    background: url(academia.png) top left no-repeat;
}
.scholar{
     background: url(scholar.png) top left no-repeat;
}
.umr{
     background: url(umr.png) top left no-repeat;
}
.twitter{
     background: url(twitter.png) top left no-repeat;
}
.bluesky{
     background: url(bluesky.png) top left no-repeat;
}
.mastodon{
     background: url(mastodon.png) top left no-repeat;
}
.xing{
     background: url(xing.png) top left no-repeat;
}
.researchgate{
     background: url(researchgate.png) top left no-repeat;
}
.orcid{
     background: url(orcid.png) top left no-repeat;
}
.gmail{
     background: url(gmail.png) top left no-repeat;
}
.linkedin{
     background: url(linkedin.png) top left no-repeat;
}
.line{
    border-top:1px dashed #666;
}
.clear{
    clear:both;
}

@media only screen and (max-width: 440px) {
	#content {
		width:90%;
	}
	h1 {
		font-size:2em;
	}
	p,li {
		font-size:1.3em;
		hyphens: auto;
	}
	#pic{
		position:relative;
		text-align:center;
		width:100%;
		height:100%;
	}
	#pic,.box {
		float:none;
		width:100%;
	}
}

@media screen and (max-width: 800px) {
	#content {
		width:90%;
	}
	h1 {
		font-size:2em;
	}
	p,li {
		font-size:1.3em;
		hyphens: auto;
	}
	#pic{
		position:relative;
		text-align:center;
		width:100%;
		height:100%;
	}
	#pic,.box {
		float:none;
		width:100%;
	}
}