@charset "UTF-8";
/* CSS Document */

body, html {
	background-color:#FFF;
	margin:0px 0px 0px 0px;
	height:100%;
	width:100%;
	
	font-family:Baskerville, Georgia, serif;
	color:#000;
	font-size:13pt;
}


/* Elemente */

#wrapper {
	position:relative;
	height:100%;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#wrapper-visitenkarte{
	position:relative;
	left:100px;
	top:22%;
	height:250px;
	width:493px;
}

#visitenkarte{
	position:relative;
	left:80px;
	height:250px;
	z-index:1;
}


#text{
	position:absolute;
	top:15px;
	left:35px;
	line-height:1.4em;
}

#email{
	position:absolute;
	top:200px;
	left:250px;
}



#magnus_portrait{
	position: absolute;
	top:0;
	left:620px;
	margin-top:2%;
	z-index:1;
	height:96%;
}

/* allgemeine Definitionen: Links und Überschrift */


a {
	font-family:Baskerville, Georgia, serif;
	color:#000;
	font-size:0.8em;
	line-height:1.7em;
	text-decoration:none;
	text-align:right;
}
a:hover {
	color:#666;
}
a img {
   border: 0;
}


h1 {
	font-family:Baskerville, Georgia, serif;
	font-weight:normal;
	font-size:1.7em;
	line-height:1.9em;
	display:inline;
	padding-bottom:0em;
}








/*---------- dynamische Buttons ----------------*/

.button{
	position:absolute;
	width:100px;
	height:40px;
	left:46px;
	z-index:0;
}

#facebook{top:34px;}
#xing{top:79px;}
#twitter{top:124px;}
#wordpress{top:169px;}

.raus{left:30px;}
.rein{left:46px;}


.schrift{
	position:absolute;
	width:100px;
	height:40px;
	left:-50px;
	visibility:hidden;
	font-family:"Gill Sans Light", "Gill Sans", sans-serif;
	color:#777;
	font-size:0.9em;
	font-weight:lighter;
}

#facebookschrift{top:45px;}
#xingschrift{top:90px;}
#twitterschrift{top:135px;}
#wordpressschrift{top:180px;}



/* Extradefinitionen für andere Medien */