/*@viewport {zoom: 1;} */

/* fonts */
@font-face {
   font-family: 'r';
   src:  url('../technik/raleway.ttf') format('truetype'), url('../technik/raleway.eot?#iefix') format('embedded-opentype'), url('../technik/raleway.woff') format('woff');     /* Safari, Android, iOS */
}

@font-face {
   font-family: 'r-b';
   src:  url('../technik/raleway-b.ttf') format('truetype'), url('../technik/raleway-b.eot?#iefix') format('embedded-opentype'), url('../technik/raleway-b.woff') format('woff');     /* Safari, Android, iOS */
}

.font-r 	{font-family: 'r';}
.font-rb 	{font-family: 'r-b'; }
h1			{font-family: 'r-b'; font-size: 21px; line-height: 30px; margin-left: 10px; display:inline;}
h2			{font-family: 'r-b'; font-size: 21px; display:inline;}
h3			{font-family: 'r-b'; font-size: 19px; display:inline;}
h4			{font-family: 'r'; font-size: 12px; line-height: 0; display:inline; font-weight: bold;}
.keyw		{font-size: 1px; color: white;}

.col-w		{color: #ffffff;}
.col-r		{color: red;}
.bold		{font-weight: bold;}
.kursiv		{font-style: italic;}


p {font-family: 'r'; white-space: pre-wrap; font-size: 13px; line-height: 18px; display:inline;}
.side {font-size: 14px; line-height: 17px;} 
.sideinfo {font-size: 14px; line-height: 17px;} 
.imp {font-size: 12px; line-height: 13px;} 
ul {display: inline;}
li {display: inline; list-style-type: circle;}
a {text-decoration: none; color: #31363C; font-size: 13px; line-height: 18px;}
.pre-wrap {white-space: pre-wrap;}
.sibtre {-ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
@media only screen and (max-width: 1100px) {
    .sideinfo {font-size: 10px; line-height: 11px;}
    .side {font-size: 11px; line-height: 12px;}
    .imp {font-size: 9px;  line-height: 10px;}
    h4	{font-family: 'r'; font-size: 11px; line-height: 0; display:inline; font-weight: bold;}
}

/* Breiten */

html {
         top: 0;
         left: 0;
         width: 100%;
         background-color: #31363C;
}

body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-top: 0px;
    margin-left: 0px;
	font-family: 'r';
	background-color: #31363C;
	color: #31363C;
	overflow: auto;
}

#midwrapper {
	position: relative;
	display: block;
	width: 1000px;
	height: 100%;
	min-height: 1415px;
	margin: auto;

	z-index: 2;
}

#bg {
	position: absolute; 
	display: block;
	width: 1000px;
	height: 1415px;
	margin: auto;	
	opacity: 1; 
	background: url('../bilder/bg.png') no-repeat; 
	background-size: cover; 
	z-index:20;
}

#bg2 {
	position: absolute; 
	display: block;
	width: 1000px;
	height: 1415px;
	margin: auto;	
	opacity: 1; 
	background: url('../bilder/bg2.png') no-repeat; 
	background-size: cover; 
	z-index:21;
}

#content {
	position: absolute; 
	display: block;
	width: 1000px;
	height: 1415px;
	margin: auto;	
	opacity: 1;  
	z-index:22;
}

#over {
	position: absolute; 
	display: block;
	width: 1000px;
	height: 660px;
	margin-top: 340px;
	color: black;
	background: #ffffff;
	opacity: 0;  
	z-index:162;
}


/* nav */
.nav-l {
	position: relative;
	display: block;
	float: left;
	width: 100px;
	height: 130px;
	margin-top: 20px;
	opacity: 1; 
	color: #31363C;
	/* background: black; */ 
	z-index:30;
}

.nav {
	position: relative;
	display: block;
	float: left;
	width: auto;
	padding-right: 40px;
	height: 130px;
	margin-top: 20px;
	opacity: 1; 
	color: #31363C;
	/* background: black; */ 
	z-index:30;
}


/* text */

.maintext {
	position: absolute;
	display: block;
	float: left;
	width: 550px;
	padding-left: 25px;
	padding-right: 10px;
	height: 900px;
	margin-top: 280px;
	opacity: 0; 
	color: #31363C;
	z-index:50;
}

.mpic {
	position: relative;
	display: block;
	clear: both;
	float: left;
	width: 200px;
	height: 150px;
	background-size: 200px 125px;
	z-index: 49;
}

.tpic {
	position: relative;
	display: block;
	float: left;
	width: 530px;
	height: 300px;
	background-size: auto 100%;
	z-index: 49;
}

.js {background: url('../bilder/js.jpg') no-repeat; background-size: 100% auto;}
.ii {background: url('../bilder/ii.jpg') no-repeat; background-size: 100% auto;}
.gw {background: url('../bilder/gw.jpg') no-repeat; background-size: 100% auto;}
.bc {background: url('../bilder/bc.jpg') no-repeat; background-size: 100% auto;}
.st {background: url('../bilder/st.jpg') no-repeat; background-size: 100% auto;}

.ttext {
	position: relative;
	display: block;
	float: left;
	width: 530px;
	height: auto;
	z-index: 52;
}

.lefttext {
	position: relative;
	display: block;
	float: left;
	width: 265px;
	height: auto;
	z-index: 52;
}

.volltext {
	position: relative;
	display: block;
	float: left;
	width: 530px;
	height: auto;
	z-index: 52;
}

/* -- Über uns -- */
.pictext {
	position: relative;
	display: block;
	float: left;
	width: 50px;
	height: 75px;
	z-index: 52;
}

.picspacer {
	position: relative;
	display: block;
	float: left;
	width: 225px;
	height: 75px;
	z-index: 52;
}

.utl, .utr {
	position: relative;
	display: block;
	float: left;
	width: 255px;
	height: auto;
	z-index: 52;
}

.utr {
	margin-left: 20px;
}

.dozp {
	position: relative;
	display: block;
	float: left;
	width: 40px;
	height: 60px;
	margin-top: 5px;
	z-index: 52;
}

.doztx {
	position: relative;
	display: block;
	float: left;
	width: 470px;
	height: 60px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 0px;
	z-index: 52;
}

.spacer-line {
	clear: both;
	display: block;
	width: 530px;
	height: 8px;
}



.dozt {
	position: relative;
	display: block;
	float: left;
	width: 210px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
	height: 60px;
	z-index: 52;
}
.vz {background: url('../bilder/vz.jpg') no-repeat; background-size: 100% auto; background-position: 50%;}
.mb {background: url('../bilder/mb.jpg') no-repeat; background-size: auto 100%; background-position: 50%;}

.vzd {background: url('../bilder/vzd.jpg') no-repeat; background-size: 100% auto; background-position: 0% 0%;}
.mbd {background: url('../bilder/mb.jpg') no-repeat; background-size: 100% auto; background-position: 0% 0%;}
.kpd {background: url('../bilder/kp.jpg') no-repeat; background-size: 100% auto; background-position: 0% 0%;}
.zpd {background: url('../bilder/zp.jpg') no-repeat; background-size: 100% auto; background-position: 0% 0%;}
.dfd {background: url('http://dr-fingerle.de/wp-content/uploads/2016/06/04_Fingerle.jpg') no-repeat; background-size: 40px 60px; background-position: 0% 0%; transform: scaleX(-1);}
.ukd {background: url('http://dr-fingerle.de/wp-content/uploads/2014/09/DSC_1303-2.jpg') no-repeat; background-size: 80px 60px; background-position: -10px 0%;} 
.ard {background: url('https://lh3.googleusercontent.com/-Z5AbZuvedhw/AAAAAAAAAAI/AAAAAAAADJ0/IEBXV82Q1DM/photo.jpg') no-repeat; background-size: 60px 60px; background-position: -6px 0%;}
.jkd {background: url('http://www.philopraxis-leipzig.de/images/Bild%20fr%20Homepage%2004.jpg') no-repeat; background-size: 120px 80px; background-position: -60px 0%; transform: scaleX(-1);} 
.doz {background: url('../bilder/doz.png') no-repeat; background-size: 100% auto; background-position: 0% 0%;}

.mtext {
	position: relative;
	display: block;
	float: left;
	width: 340px;
	padding-left: 10px;
	height: auto;	
	z-index: 51;
}


.angp {
	position: relative;
	display: block;
	float: left;
	width: 200px;
	height: 100px;
	margin-top: 5px;
	z-index: 52;
}

.angtx {
	position: relative;
	display: block;
	float: left;
	width: 310px;
	height: 100px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 0px;
	z-index: 52;
}

.capaa {background: url('../bilder/capa.png') no-repeat; background-size: 100% auto; background-position: 0% 0%;}

#sidetext {
	position: absolute;
	display: block;
	float: left;
	width: 380px;
	padding-right: 25px;
	padding-left: 10px;
	height: 900px;
	margin-top: 280px;
	margin-left: 585px;
	color: #31363C;
	z-index:50;
}

#tbox {
	position: absolute;
	display: block;
	width: 345px;
	height: 30px;
	margin-top: 280px;
	margin-left: 595px;
	background: #31363C;
	z-index: 31;
}

.ssymb {
	position: relative;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	background-color: #31363C;
	z-index: 49;
}

.ideesym {background: url('../bilder/idee.png') no-repeat; background-size: 52px 52px; background-position: 50%;}
.wegsym {background: url('../bilder/weg.png') no-repeat; background-size: 52px 52px; background-position: 50%;}
.handsym {background: url('../bilder/hand.png') no-repeat; background-size: 52px 52px; background-position: 50%;}
.personensym {background: url('../bilder/personen.png') no-repeat; background-size: 52px 52px; background-position: 50%;}
.kalendersym {background: url('../bilder/kalender.png') no-repeat; background-size: 52px 52px; background-position: 50%;}
.uhrsym {background: url('../bilder/uhr.png') no-repeat; background-size: 52px 52px; background-position: 50%;}


.stext {
	position: relative;
	display: block;
	float: left;
	width: 320px;
	padding-left: 10px;
	height: auto;	
	z-index: 51;
}
.ssubtext {
	position: relative;
	display: block;
	clear: both;
	width: 380px;
	padding-left: 10px;
	height: auto;	
	z-index: 51;
}

#jterm {opacity: 0;}

#impresso {
	position: absolute;
	display: block;
	width: 950px;
	height: 610px;
	margin-top: 0px;
	padding: 25px;
	color: black;
	opacity: 1;
	z-index: 61;
}







/* foot */

#ad, #contact {
	position: absolute;
	display: block;
	width: 200px;
	height: 100px;
	margin-top: 1310px;
	opacity: 1; 
	z-index:30;
}

#ad {
	background: url('../bilder/adr.png') no-repeat; 
	background-size: 200px 90px;  
}

#contact {
	margin-left: 800px;
	background: url('../bilder/contact.png') no-repeat; 
	background-size: 200px 90px;  
}

#home-button {
	position: absolute;
	display: block;
	width: 52px;
	height: 36px;
	margin-top: 1230px;
	margin-left: 25px;
	opacity: 1;
	z-index: 100;
	background:url('../bilder/home-button.png') no-repeat; background-size: 52px 36px; 
}

.seg {
	width: 530px;
	height: 298px;
	z-index: 200;
}

.video-ovl {
	width: 530px;
	height: 298px;
	margin-top: -298px;
	background: red;
	z-index: 201;
}

#video-link {
  display: none;
  font-size: 10px;
  text-transform: uppercase;
  background:url('../bilder/video-click.png') no-repeat; background-size: 530px 298px;   
  
}

.video-seg:hover #video-link {
  display: block;
  width: 530px;
  height: 298px;
  margin-top: -298px;
  z-index: 205;

}
}