@charset "utf-8";
/* DR MUELLER - WEBSITE 	*/
/* INTRO STYLESHEET	 		*/
/* intro.css				*/

.header, .sub-menu, .content, .footer {
    width: 980px;
}


.content-top .teaser {
  background-image: none;
  width: 185px;
  display: block;
  float: left;
  background-color: #FFF;
  margin-right: 13.75px;
  padding: 0 ;
  min-height: 590px;
  overflow: visible;
  position: relative;
  transition: all 0.3s ease;
}
.content-top .teaser:hover {
  box-shadow:  0 0 0.3em 0.2em rgba(0,0,0,0.4);
}
.content-top .teaser:last-child {
  margin-right: 0;
}
.content-top .teaser div.csc-textpic div.csc-textpic-single-image img {
    margin-bottom: 0;
    margin-top: 0;
}
.content-top .teaser .csc-header h2  {
    background: -webkit-linear-gradient(#0171BB, #015289); 
    background: -o-linear-gradient(#0171BB, #015289); 
    background: -moz-linear-gradient(#0171BB, #015289); 
    background: linear-gradient(#0171BB, #015289); 
    margin-top: 0;
    min-height: 58px;
    padding: 4px 7px 4px 7px;
    box-sizing: padding-box; 
}
.content-top .teaser .csc-header h2,
.content-top .teaser .csc-header h2 a {
    color: #FFF;
    font-size: 13px;
    font-weight: normal;   
}
.content-top .teaser .csc-header h2 a:after {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  content: " ";
  display: block;
  background: #DDD;
  background: url("images/arrow_icon.jpg") no-repeat scroll left top;  
}
.content-top .teaser p.bodytext,
.content-top .teaser ul.csc-menu {
  margin: 0 1em 0.6em 1em;
  padding: 0 ;
  font-size: 12px;
  line-height: 1.6em;
}
.content-top .teaser ul li a {
  display: block;
  transition: color 0.3s ease ;
}
.content-top .teaser ul li a:hover,
.content-top .teaser ul li a:focus {
  color: #015186;
}

.intromap {
	width:500px;
	position:relative;
	float:right;
  top: 20px;
}
.intrologo {
	float:left;
	width:250px;
}
.header-wrap {
	background:#064f86;
	height:4px;
}
.content-wrap {
	padding-top:30px;
}
.intro-language {
  display: block;
  text-align: right;
  position: absolute;
  top: -26px;
  right: 0;  
}
.intro-language:before,
.intro-language:after {
	float: none;
  content: " ";
  line-height: 1px;
  height: 1px;
  display: block;
  clear: both;
  width: 100%;
  margin-bottom: 30px;
}
.intro-language:after {
  margin-bottom: 0;
}
.intro-language div {
	display: inline-block;
	width:auto;
	margin-right:8px;
}
.intro-language div:hover {
	opacity: 0.6;
	-moz-opacity:0.6 !important;
	filter:alpha(opacity=60) !important;
}
.content-top {
	margin-bottom:0;
  position: relative;
}

.intromap .marker {
	background:url(images/marker.png) no-repeat;
	width:15px;
	height:31px;
	position:absolute;
	display:none;
}
.intromap .marker-cur {
	display:block;
}
.marker-lang-de {
	top:51px;
	left:233px;
}
.marker-lang-uk {
	top:39px;
	left:220px;
}
.marker-lang-us {
	top:66px;
	left:94px;
}
.marker-lang-br {
	top:170px;
	left:150px;
}
.marker-lang-es {
	top:63px;
	left:215px;
}
.marker-lang-ru {
	top:40px;
	left:330px;
}
.marker-lang-cn {
	top:70px;
	left:370px;
}
.marker-lang-fr {
	top:54px;
	left:222px;
}
.marker-lang-it {
	top:60px;
	left:243px;
}
.marker-cur {
	background-position:0 -31px !important; 
	z-index:90; !important;
}

.content-middle-left,
.content-middle-right {
  display: none;
}

@media (max-width: 992px) {
  body .content-wrap .content .content-middle {
    display: block;
  }
}