@charset "UTF-8";
/* CSS Document */
@import url("slide.css") screen;

/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::selection {
    background: #fff;
    color: #339999;
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background: #fff;
    color: #339999;
}

/*

white:  #FFFFFF
black:  #121212
gray:   #706F6F
orange: #FF6316

*/
#dropdown {
	margin:0 auto;
	
}
#prota {

max-height:100%;

}

#prota img {
	opacity:0.6;
	top:0;
	bottom:0;
left:0;
right:0;
z-index:0;
position:fixed;
max-width:100%;
max-height:100%;
background-color:rgba(0,0,0,1);


  
  }

ul drop{
	
}

#nav li {
	float:left;
	list-style: none outside none;
}

#nav ul #pop {
   
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 100%;
	float:none;
}

#nav ul #pop li {
	float: left;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;

}

#skrollr-body {
	left:0;
	right:0;
		width:100%;
	height:100%;
}


ul {

  margin-left: 0; 
  padding-left: 0; 

  }
  

  
  
.con1  {
	width: 100%;
	height:auto;
	margin:auto;
	max-width:500px;
	margin-left:1%;
	float:left;
	margin-bottom:100px;
	position:relative;
	display:block;
}

.con2  {
	width: 100%;
	height:auto;
	margin:auto;
	margin-right:1%;
	max-width:500px;
	position:relative;
	float:right;
	display:block;
	
}
@font-face {																	/* Lato-Font */
	font-family: LatoRegular;
	src: url(../fonts/lato/Lato-Reg-webfont.eot);
	src: url(../fonts/lato/Lato-Reg-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/Lato-Reg-webfont.woff) format('woff'), url(../fonts/lato/Lato-Reg-webfont.ttf) format('truetype'), url(../fonts/lato/Lato-Reg-webfont.svg#LatoRegular) format('svg');
	font-weight: normal;
	font-style: normal;
}





#header {
	 background: none repeat scroll 0 0 #FFFFFF;
    height: 240px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#header h1 a {
	cursor: pointer;
	display: block;
}
#header .container {
	max-width: 1250px;
	width: 100%;
}
#header .container .claim {
	white-space: nowrap;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 50px;
}
#header h1 {
	padding-top: 25px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body, div, img, header, nav {
	
	border: 0 none;						/* ausrichtung des Logos*/
	font: inherit;
	margin: 0 auto;
	padding: 0;
	vertical-align: middle
}
.work a {
	
	text-decoration: none;
}
#header h1 img {
	padding-left: 0;
}
#header h1 img {
	height: 35px;
	width: 240px;
}
#header p {
	font-family: LatoRegular;
	font-size: 10px;
	letter-spacing: 6px;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
}
h1 img {
	display: block;
}
.work {
	background: white;
	color: #121212;
}

#nav, #top {
	letter-spacing: 2px;
}
#nav, #top, #header {
	text-transform: uppercase;
}



#nav {
	

	margin:0 auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align:center;
	

	
}
.default { 	display:block;
	z-index: 30;
	left: 0;
	position: absolute;
	right: 0;
	top: 100px; }
.fixedMenu { position:fixed; right:0; left:0; top:0px; z-index:999; background-color:none; } 

.work #header {
	
}
.work #nav .container {
	
}
.container {
	margin: 0 auto;
}
.work #nav .container .tagged {
	background: white;
}
.work #nav {
	background-color: #FFFFFF;
}
.tagged {
	margin-top:0;
	margin-bottom:0;
	padding:0;
	}

		
        .tagged a:hover{
            color:#be0859;
        }
		
	    .tagged a {
            color:#be0859;
        }

.wing {
	margin: 0 auto;
	max-width: 44px;
	max-height: 23px;
	display: inline;
	height: 1%; /* for IE/Win */
	height: auto; /* for IE5/Mac */
}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #w1 img {
	height: 1%;
}
* html .wing {
	height: 1%;
}
/* End hide from IE5/mac */ 

#nav w1 img {											
	height: 1%; /* for IE/Win */
	height: auto; /* for IE5/Mac */
	margin: 10px 0;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
	display: inline;
}
.img_flip {												
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
#nav .container {
	clear: both;
	height:auto;
	
	overflow: hidden;
	position: relative;
	display: block;
	background: white;
	

max-width: 686px;
	
}

#nav #eng {
	max-width: 668px;
}
	
#nav .container .tagged {
	clear: both;
	overflow: hidden;
}
#nav a, #top a {
	
	float: left;
	line-height: 24px;
	margin-left: 0px;
	margin: 10px 0;
}
.work a {
	color: #121212;
	text-decoration: none;
}
a {
	cursor: pointer;
	text-decoration: none;
}
body {
	font-family: LatoRegular, sans-serif;
	font-size: 12px;
	font-weight: 300;
	overflow-y: scroll;
	
	padding-top: 220px;
	position: relative;
	min-width: 980;
	width:100%;
	
}
#dropdown {
	margin: 13px auto;
	display: none;
	max-width: 240px;
	outline: medium none;
	width: 100%;
}
#dropdown {
	display: none;
}



#main {
	clear: both;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	background: white;
	
}
#main .container {
	overflow: hidden;
	max-width: 1280px;
	width: 100%;
	height: auto;
	margin-top: 0px;
	text-align: left;
	

	background: white;
}
.work #nav .container tagged {
	background: white;
}
.work #main .container, #angebot .container, {
 background-color: #FFF;
 border: 0;
}
ul.slideshow {

	width: 1240px;
	height: 740px;
	max-width: 100%;
	float:left;
}
ul.slideshow > div {
	position: absolute;
}
ul.slideshow img {
	width: 100%;
	
	max-width: 100%;
	height: auto;
}
/* Leistungen*/

#extras {
	background-color: white;
	z-index:20;
}

.tcmarg {
	margin-bottom:100px;
}

.grmarg, #Leistungen.line.grmarg {
	margin-top:0;
}
#pmu, #vor {
	clear: both;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	background: white;
	
}
#pmu .container, #vor .container {
	overflow: visible;
	margin: 200px auto 0 auto;
	text-align: left;
	background-color: white;
	max-width: 686px;
}
.container .extra {
	max-width: 1240px;
}
p2, p6, p7, p8 {
	font-family: LatoRegular;
	font-size: 12pt;
	letter-spacing: 1pt;
	color: #000000;
	line-height: 18pt;
	text-align: left;
}

p2 b {
font-weight:800;	
}
p3, p4, p5 {
	font-family: LatoRegular;
	font-size: 14pt;
	letter-spacing: 2pt;
	color: #000000;
	line-height: 18pt;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
}
p4, p6 {
	font-size: 12pt;
	letter-spacing: 1pt;
	font-weight: 600;
	text-transform: none;
}
p5 {
	color: #be0859;
	text-align:center;
}
p6 {
	color:#868788;
	font-weight:400;
	letter-spacing: 1pt;
}

p7 {
	color: #be0859;
}

p8 {
	font-family: LatoRegular;
	font-size: 14pt;
	letter-spacing: 2pt;
	color: #000000;
	line-height: 18pt;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
	
	
}

.line, .line2 {
	position:relative;
	margin: 0 auto 200px auto;
	width: 200px;
	height: 5px;
	background-color: #be0859;
	display: block;
	z-index:10;
}
.green .line {
	position:relative;
	background-color: #339999;
	margin: 100px auto 200px auto;
	z-index:10;
}
.textcontainer {
	width: 100%;
	height: 100%;
	max-width: 686px;
	z-index:15;
	background-color:white;
	position:relative;
	
}




.headline {

	margin-bottom: 100px;
	text-align: center;
	width: 100%;
	height: auto;
	max-width: 686px;
	position:relative;
	z-index:10;
}



.headline p2 {
	font-size: 18pt;
	color: #be0859;
	text-transform: uppercase;
	letter-spacing: 5pt;
	line-height: 26pt;
}

.chemo .headline p2 { 
font-size: 14pt;


/* text-align:left; */

}

.chemo .headline { 
margin-bottom:20px;


/* text-align:left; */

}

.chemo .line2 {
	margin-bottom:100px;
	
}

.chemo .textcontainer p2 {
	font-size: 12pt;
	
}



#angebot, #mich, #preise, #kontakt {
	clear: both;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: auto;
	height: auto;
	
	background: white;
}
#angebot .container, #mich .container, #kontakt .container, #preise .container {
	overflow: visible;
	width: 100%;
	text-align: left;
	background-color: white;
	max-width: 1086px;
	height: 100%;
	float: none;
}

#angebot {
	padding-top:100px;
}




.schweif, .schweif2 .mich {
	width: auto;
	height: auto;
	margin: auto;
	margin-left: 50%;
	margin-top: -100px;
	position:relative;
	z-index:21;
}
.schweif2 {
	position:relative;
	margin-top:-90px;




}
.mich {
	margin-top: -120px;
	margin-bottom: -200px;
}
.schweif img, .schweif2 img, .mich img {
	display: block;
}
.col1, .col2, .col3 {
	
	
	width: 100%;
	
	height: auto;
	max-width: 390px;
	z-index:20;
	position:relative;
	
	
}

.col1 {
	
	
	
	float:left;
	
	
}


.col2 {
	
	
	
	
	float:left;
	margin-top:100px;
	
}

.col3 {
	float:left;
	margin-top:260px;
	
	
}


#mich {
	
}
.line2 {
	margin-top: 200px;
}

.pixcontainer, .pixcontainer2, .pixcontainer3 {

width:auto;
height:auto;
margin:auto;	


	
}

.pixcontainer {
	width:100%;
	height:auto;
	margin:auto;
	margin-top: 200px;
	margin-bottom:100px;
	
}

.pixcontainer2 {
	
	width:100%;
	height:auto;
	margin:auto;
	margin-top:300px;
	float:left;
	
	

}

.pixcontainer3 {
	
	width:100%;
	height:auto;
	margin:auto;
	float:left;	
	margin-top:100px;
	


}

.pix1 {
	
	width:360px;
	height:245px;
	float:left;
	margin-top:200px;
	margin-right:-150px;
	position:relative;
	

	
	
	
	
}

.pix2 {
	
	width:270px;
	height:300px;
	float:left;
	position:relative;
	
	
}

.pix3 {
	
	width:250px;
	height:160px;
	float:left;
	margin-top:0;
	position:relative;
	z-index:2;
	
	
}

.pix4 {
	width:270px;
	height:400px;
	float:left;
	margin-right:200px;
	position:relative;

}


.pix5 {
	width:360x;
	height:245px;
	float:right;
	margin-top:-100px;
	position:relative;
	z-index:1;
	
	
}

.pix6 {
	
	width:310px;
	height:430px;
	float:left;
	margin-right:-100px;
	position:relative
	

}


.pix7 {
	width:250px;
	height:160px;
	float:left;
	margin-top:125px;
	position:relative;
	
	
	
	
}
.fixedMenu { position:fixed; top:0px; z-index:999; background-color:none; } 





ul.leaders {
	padding: 0;
	overflow-x: hidden;
	list-style: none;
	background-color:#FFFFFF;
	
}
ul.leaders li:after {
	float: left;
	width: 0;
	white-space: nowrap;
	content: ". . . . . . . . . . . . . . . . . . . . "  ". . . . . . . . . . . . . . . . . . . . "  ". . . . . . . . . . . . . . . . . . . . "  ". . . . . . . . . . . . . . . . . . . . ";
}
ul.leaders span:first-child {
	padding-right: 0.33em;
	background: white;
}
ul.leaders span + span {
	float: right;
	padding-left: 0.33em;
	background: white;
	position: relative;
	z-index: 1;
}

.iosfix {
  height: 101%;
  overflow: hidden;
}





@media (max-width: 800px) {

	 .con1, con2 {
	width:100%;
	height:auto;
	max-width:100%;
	float:left;
	
}


.con1 .col2 {
	margin:auto;
	margin-top:200px;
	

 }
 
 .con2 .col1 {

	margin-top:80px;

 }
 
 
 
 }



 @media (max-width: 696px) {
#nav, #header {
	width: 100%;
}
#nav .tagged a {
	display: none;
}
.wing {
	display: none;
}
#dropdown {
	display: block;
}
.tagged {
	display: block;
}

.textcontainer {
	width:90%;
}

 }
 
 
 
 @media (max-width: 640px) {
#header h1 {
	font-size: 38px;
}
.social > div {
	float: none;
	clear: both;
	overflow: hidden;
}
}

 @media (max-width: 480px) {

body {
	overflow-x: hidden;
}


.line, .line2, .green {
	width: 100%;

}
.schweif, .schweif2 .mich {
	width: auto;
	height: auto;
	margin: auto;
	margin-left:auto;
	margin-top: -100px;
	position:relative;
	z-index:21;
}


.con1, .con2 {
	width:90%;
	height:auto;
	float:left;
	display:inline;
	margin:0 5%;
	
	
}



 
.col1, .col2, .col3 {
 width:90%;
 min-width: 1%;
 width: 100%;
 max-width:100%;

}

.textcontainer {
	width:90%;
}
	


.pix2 {
	margin-top:100px;
}

.pix1, .pix1 img, .pix2, .pix2 img, .pix3, .pix3 img, .pix4, .pix4 img, .pix5, .pix5 img, .pix6, .pix6 img, .pix7, .pix7 img {
	max-width:100%;
	height:auto;
	margin:auto auto;
	float:none;
	
	
}


#pmu, #pmu .container {
	margin-top: 50px;
}
ul.slideshow {
	position: relative;
	width: 480px;
	height: 300px;
	max-width: 100%;
}

ul.leaders p2 { 
font-size: 100%;
letter-spacing:0px;
}



.fit {
	
	
	width:100%;

	height:auto;
	
}

#pmu .container {

	max-width: 90%;
}

}

.lang {
	
width: auto;
height:auto;
top:10px;

right:20px;
position:fixed;
}

.button {

width:1240px;
height:740px;
}

#pmu {
position:relative;
top:0 px;
left:0;
right:0;	

}

.karte {
	
width:auto;
height:auto;
float:leftt;
margin-bottom:50px;
}

.karte img {
max-width:100%;
height:auto;
	
}

.kontakttext {
	width:180px;
	height:280px;
	float:left;
	margin-bottom:50px;
}

/* language hiders */

.lang_en_active,.lang_de_active,.lang_lt_active{ 
display:block; 
}

.lang_en_default,.lang_de_default,.lang_lt_default{ 
display:none; 
}

.language {
	position:fixed;
	z-index:9999;
	top:14px;
	
	right:10px;
}

.lang_en_active #nav .container {
	max-width:650px;
}