/************************/
/*Reset*/
/************************/
html, body { height: 100%; }
figure{
    margin: 0 0 7px 0;
    padding: 0;
}
figure.arrow{
    margin-top: 70px;
}
.invisible{
    display: none;
}
[class*="span"] {
    margin-bottom: 20px;
}
.row{
    margin-bottom: 40px;
}
.row.single{
    margin-bottom: 0px;
}
.row.connected{
    margin-bottom: 10px;
}
header
,nav
,section
,article
,aside
,footer
,hgroup
{
    display: block;
}
img{
    width: 100%;
    height: auto;
}
ul, ol{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.clear{
clear: both;
}
/************************/
/*Globals*/
/************************/
body{
color: #8b8b8b;
font-family: 'Source Sans Pro', sans-serif;
}
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}
#wrapper{
width: 300px;
margin: 0 auto;
height: 100%;
}
.content{	
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 20px;
z-index: 999;
position: relative;
height: 90%;
}

.portrait{
width: 149px;
float: left;
border-right: 1px solid #e1e1e1;
}
.portrait figure{
width: 100px;
margin: 20px auto;
}
.portrait figure img{
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.info{
display: block;
width: 150px;
float: left;
}
.name{
padding: 15px 20px;
border-bottom: 1px solid #e1e1e1;
}
.job{
padding: 15px 20px;
font-size: 13px;
line-height: 16px;
}
h1{
font-size: 21px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
.adress{
text-align: center;
color: black;
margin-bottom: 20px;
}
.imprint{
margin-top: 40px;
text-align: center;
color: black;
font-size: 12px;
position: relative;
width: 100%;
}
.imprint a{
color: black;
}
.imprint a:hover, .imprint a:active{
color: #1d1d1d;
}
.contact{
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.contact ul{
clear: both;
}
.contact ul li{
width: 74px;
height: 75px;
float: left;
border-right: 1px solid #e1e1e1;
}
.contact ul li.last{
width: 75px;
border-right: none;
}
.contact ul li a{
width: 45px;
height: 45px;
background: lightblue;
display: block;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin: auto;
margin-top: 14px;
}

.online ul li{
margin-bottom: 10px;
}
.online ul li a{
padding: 10px;
display: block;
background: #513527;
color: white;
text-decoration: none;
text-align: center;
font-size: 16px;
}
.online ul li a:hover,  .online ul li a:active{
background: #1d1d1d;
}
.online ul li.last{
border-bottom: 0px;
}
.text{
color: black;
}