#f1{
 width: 235px;
  margin: auto;  
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;

}

#f10{
 //margin: 2px 2px 2px 2px;
 //padding: 2px 2px 2px 2px;
 font-family:Arial,Helvetica,sans-serif;
 //font-weight: bold;
 text-align: center;
 line-height: 60px;
}

#f20{
 margin: 5px 0px 2px 1px;
}

#f30{
 padding: 0px 2px 2px 2px;
 height: 130px;
}

#f40{
// padding: 2px 2px 2px 2px;
 font-family:Arial,Helvetica,sans-serif;
 height: 106px;
}

#f35{
//    background-image: url("http://ebop.hs-emden-leer.de/ebop2/intern/extmoodle/hotline/OMI-Team-erreichbarkeit_72.jpg");
    background-repeat: no-repeat;
    height: 118px;
    left: 27px;
    position: relative;
    top: 0px;
    width: 140px;
    z-index: 1;
}

p {
 margin-top: 5px;
 margin-bottom: 5px;
 color: #006699;
 
}

p.name {
 text-align: left;
 font-weight: bold;
 margin-left: -20px;
}

p.telefon {
 margin-left: 32px;
}

p.email {
 text-align: center;
 font-size: 0.8em;
}

p.announcement {
 text-align: center;
 font-size: 0.9em;
}

p.info {
 text-align: center;
 font-size: 0.9em;
}

.wrapper{
 font-family:Arial,Helvetica,sans-serif;
}

.radio-1 {
width: 193px;
}

.onlinestatus {
float: left;
} 

/* RADIO */
.regular-radio {
display: none;
}
.regular-radio + label {
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 50px;
display: inline-block;
position: relative;
}
.regular-radio:checked + label:after {
content: ' ';
width: 12px;
height: 12px;
border-radius: 50px;
position: absolute;
top: 3px;
background: #99a1a7;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
text-shadow: 0px;
left: 3px;
font-size: 32px;
}
.regular-radio:checked + label {
background-color: #e9ecee;
color: #99a1a7;
border: 1px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.big-radio + label {
padding: 16px;
}
.big-radio:checked + label:after {
width: 24px;
height: 24px;
left: 4px;
top: 4px;
}