/*
These are the CSS configurations
for all icons pinned on the side of all pages
that are not part of the page flow
*/
/* 
    Created on : 11.12.2017, 16:16:15
    Author     : Frau Rochelt
*/

/* Facebook-Button weiter oben positionieren! */
  #socialmedia {top:0 !important; margin-top:200px !important;}
  #surveybutton {display:none;}
  #surveybox {
	  width: 148px;
	  height: 387px;
	  margin-top:265px;
	  left:0px;
	  position:fixed;
	  z-index: 2;
	  border-top-right-radius:5px;
	  border-bottom-right-radius: 5px;
	  background: #fff url('../images/s_doctor.jpg') no-repeat center top;
  }
 .surveymessage {margin-top:252px;height:135px;width:100%;background-color: #345597;border-bottom-right-radius: 5px;text-align: center;}
 .surveymessage h2 {
	padding: 0.8em 0.8em 1em 0.8em;
	color: #fff;
	font-weight: normal;
	font-family: Arial Narrow, Arial, "sans-serif";
	font-size: 1.45em;
	line-height:130%;
	text-align: center;
 }
 .sbutton {
	 background: #fff url('../images/s_arrow.gif') no-repeat right center;
	 padding:0.5em 2em 0.5em 0.5em;
	 text-align:center;
	 border-radius: 5px;
}
 a.sbutton {text-decoration:none;}
 a.sbutton:hover,
 a.sbutton:active,
 a.sbutton:focus {
	color:#345597; 
	text-decoration:none; 
	background:#fff url('../images/s_arrow.gif') no-repeat right center;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 3px 5px 0 rgba(0,0,0,0.30);
 }
	
.sbutton2 {
	background: #345597;
	padding: 1em 1em 0.5em 1em;
	text-align: center;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 1.3em;
	font-weight:lighter;
}
 a.sbutton2 {text-decoration:none;color:#fff;}
 a.sbutton2:hover,
 a.sbutton2:active,
 a.sbutton2:focus {
	color:#fff;
	text-decoration:none; 
	background: #345597;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 3px 5px 0 rgba(0,0,0,0.30);
 }

 #surveybutton p { 
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	transform-origin: left top 0;
	margin-left: 0.5em;
}
	
  @media (max-width:1098px) {
	  #surveybox {display:none;}
	  #surveybutton {
		  display:block;
		  margin-top:471px;
		  left:0px;
		  position:fixed;
		  z-index: 2;
	  }
  }