@charset "UTF-8";
/* CSS Document */


/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

#inhalt {
	position:relative;
	float:left;
	top:11px;
	width:63%;
	margin-left:-2px;
	left:25%;
	background-color: #FFF;
}
	
	
	

#apDiv2 {
	position:absolute;
	float:left;	
	width:1200px;
	z-index:-5;	
	left:50%;
	margin-left:-600px;	
	}


	
-->
</style>
<!-- uhr css -->
  
  
  
   

<style type="text/css">


body,td,th {
	font-family: Lato, sans-serif;
	font-weight: normal;
	overflow:auto;
	background-color:#FFFFFF;
}

body {
  -webkit-font-smoothing: antialiased;
  font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link {
	text-decoration: none;
	color:#000;
	font-weight:normal;
}
a:visited {
	text-decoration: none;
	color:#000;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	color:#a2a4a2;
	font-weight:normal;
}
a:active {
	text-decoration: none;
	color: #000;
	font-weight:normal;
}


	#breite {
	position:absolute;
	top:10px;
	width:10px;
	height:10px;
	background-color:rgba(244,5,9,1.00);
	left:10px;
}

	#tausend {
	position:absolute;
	top:25px;
	width:1000px;
	height:10px;
	background-color:rgba(238,226,226,1.00);
	left:50%;
	margin-left:-500px;
}


/*////////////////////////////////////////////////////////////////////*/  
/*////////////////////////////////////////////////////////////////////*/  
/*////////////////////////////////////////////////////////////////////*/ 
    
  


    #slides,
    #slides2,
    #slides3,
	#slides4,
	#slides5,
	#slides6,
	#slides7,
	#slides8,
	#slides9,
	#slides10,
	#slidesUhr,
	#slides13,
	#slides14 {
      display: none;
	  z-index:1; /**/	   
    }
		
		
		
		
		 
	

    #slides .slidesjs-navigation {
      margin-top:30px; /**/
	  margin-left:20px; /**/
	  z-index:8; /**/
    }
	



	

	
	
	/*****************************/
	/*****************************/
	
	

	
	#linksPfeil {
	position:absolute;
	left:0px;
	top:0px;	
	width:50%;
	height:100%;
	z-index:4;
	}
	
	#rechtsPfeil {
	position:absolute;
	right:0px;
	top:0px;	
	width:50%;
	height:100%;
	z-index:4;
	}
	
	#rechtsPfeil2,
	#rechtsPfeil3,
	#rechtsPfeil4,
	#rechtsPfeil5,
	#rechtsPfeil6,
	#rechtsPfeil7,
	#rechtsPfeil8,
	#rechtsPfeil9,
	#rechtsPfeil10,
	#rechtsPfeil11,
	#rechtsPfeil12,
	#rechtsPfeil13,
	#rechtsPfeil14 {
	
	position:absolute;
	right:0px;
	top:0px;	
	width:50%;
	height:100%;
	z-index:4;
	}

   	#slides .slidesjs-previous,
	#slides2 .slidesjs-previous,
	#slides3 .slidesjs-previous,
	#slides4 .slidesjs-previous,
	#slidesUhr .slidesjs-previous,
	#slides5 .slidesjs-previous,
	#slides6 .slidesjs-previous,
	#slides7 .slidesjs-previous,
	#slides8 .slidesjs-previous,
	#slides9 .slidesjs-previous,
	#slides10 .slidesjs-previous,
	#slides11 .slidesjs-previous,
	#slides12 .slidesjs-previous,
	#slides13 .slidesjs-previous,
	#slides14 .slidesjs-previous,
	#slides15 .slidesjs-previous {
	margin-top:0px;
	  width:100%;
	  height:100%; /***************************************************/
      margin-left:0px;
      float: left;
	  z-index:8; /**/
    }

	#slides .slidesjs-next,
	#slides2 .slidesjs-next,
	#slides3 .slidesjs-next,
	#slides4 .slidesjs-next,
	#slidesUhr .slidesjs-next,
	#slides5 .slidesjs-next,
	#slides6 .slidesjs-next,
	#slides7 .slidesjs-next,
	#slides8 .slidesjs-next,
	#slides9 .slidesjs-next,
	#slides10 .slidesjs-next,
	#slides11 .slidesjs-next,
	#slides12 .slidesjs-next,
	#slides13 .slidesjs-next,
	#slides14 .slidesjs-next,
	#slides15 .slidesjs-next {
	margin-top:0px;
	  width:100%;
	  height:100%; /***************************************************/
      margin-left: 0px;
      float: left;
	  z-index:8; /**/
    }
	
	/*****************************/
	/*****************************/
	
	

	  
	.slidesjs-pagination {
		float:right;

		margin-top:-8px;
		margin-right:20%;
		margin-bottom:0px;
	  
      list-style: none;
	  z-index:10;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 0px;
	  z-index: 8;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination3.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
	  z-index: 8;
    }
	

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
	  z-index:8;
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px;
	  z-index: 8;
    }

    #slides a:link,
    #slides a:visited {
      color: #333;
	  z-index: 8;
    }

    #slides a:hover,
    #slides a:active {
      color:#3399CC;
	  z-index: 8;
    }


  
  <!-- End SlidesJS Optional-->

  <!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->	
/*////////////////////////////////////////////////////////////////////*/  
/*////////////////////////////////////////////////////////////////////*/  


#ganzoben {
}


.nachoben {
}


.containerSlider{
	position:relative;
	float:left;				  
	width: 280%;	
	left: -30%;		
	margin-top: 20px;
    }

.container1,
.container2,
 {
	position:relative;
	float:left;				  
	width: 100%;	
	left: 30%;		
	margin-top: 20px;
    }
	

		
	

.navi2 {
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	letter-spacing: 0.07em;
	font-size: 26px;
	line-height:120%;
	color:#000;
	}
	
.navischwarz {
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	letter-spacing: 0.07em;
	font-size: 26px;
	color:#91C800;
	}


.textekunden {
	font-family: 'Lato', sans-serif;	
	font-size: 15px;
	color:#000;
	text-align:left;
	line-height:140%;
	letter-spacing: 0.15em;
	font-weight: bold;
	}

.texte {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color:#000;
	text-align:left;
	line-height:135%;
	letter-spacing: 0.06em;
	}
	

.texte-grau {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #BDBDBD;
	text-align:left;
	line-height:135%;
	letter-spacing: 0.06em;
	}	
	

#master {
	position: absolute;
	float: left;
	width: 100%;
	z-index: 10;
	top: -1px;
	overflow:hidden;
}



#lena-logo {
   	position:fixed;	  
	float:left;	  
	left:25%;
	margin-left:-210px;
	top:56px;
	width:200px;
	height:300px;
	z-index:11;  
    }
	
#navi {
	background-color:#EEE;
   	position:fixed;	  
	float:left;	  
	left:25%;
	margin-left:-197px;
	top:350px;
	width:130px;
	height:200px;
	z-index:11;  
    }

#navi2 {
	background-color:#EEE;
   	position:fixed;	  
	float:left;	  
	left:25%;
	margin-left:-197px;
	top:600px;
	width:130px;
	height:100px;
	z-index:11;  
    }


.navi {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 0.08em;
	font-size: 17px;
	line-height:31px;
	color:rgba(147,147,147,1.00);
	}

.navi-klein {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 0.08em;
	font-size: 14px;
	line-height:24px;
	color:rgba(147,147,147,1.00);
	}
	


	
#logo2 {
      position: relative;	  
	  float:left;	  
	  width:300px;
	  left:8%;
	  margin-left:176px;
	  top:70px;

    }
	

	

	
#linie {
	position: relative;	  
	float:left;	  
	width:88%;
	left:12%;
	
	margin-left:160px;

	top:0px;
	height:1px;
	background-color:#000;
    }
	
#linie2 {
	position: relative;	  
	float:left;	  
	width:290%;
	left:-66%;
	top:-7px;
	height:9px;
	background-color:#EEE;
	z-index:0;
    }
	
#linie-ende {
	position: relative;	  
	float:left;	  
	width:290%;
	left:-66%;
	top:-7px;
	height:14px;
	background-color:#EEE;
	z-index:0;
    }


#textkasten {
	position:relative;
	float:left;
	width:50%;
	margin-top:5%;
	left:9%;
}


#textkasten2 {
	position:relative;
	float:left;
	left: 9%;
	width:66%;
	margin-top:3%;
}

#sliderkasten {
	position:relative;
	float:left;
	margin-top:10px;
	
	left:25%;
	
	width: 60%;	
}




#leerdiv {
	position:relative;
	float:left;
	width:100%;
	height:180px;
}

#leerdiv2 {
	position:relative;
	float:left;
	width:100%;
	height:70px;
}


#leerdiv3 {
	position:relative;
	float:left;
	width:100%;
	height:40px;
}

#leerdiv4 {
	position:relative;
	float:left;
	width:100%;
	height:15px;
}





	.zitate {
	font-family: Lato, sans-serif;
	font-size: 24px;
	color: #000;
	text-align: left;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 2px;
	}
	
	.zitate-grau {
	font-family: Lato, sans-serif;
	font-size: 23px;
	color: #000;
	text-align: left;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 2px;
	}
	
	
	



#kontakt-bild {
	position:relative;
	float:left;
	left:9%;
	margin-top:6%; 

	
}	




	

    /* For tablets & smart phones  
    @media (max-width: 767px) {
		
    }
	

    /* For smartphones S M A R T P H O N E */
      /*@media (max-width: 480px) { */
	
		
    /* For smartphones S M A R T P H O N E */
    @media (max-width: 760px) {
		
		
#breite {
	background-color:blue;
}
		
		
#master {
	width:100%;
}


#lena-logo { 
	left:0px;
	position: absolute;	  
	margin-left:0px;
	top:20px;
	width:260px;
	
    }

#navi { 
	left:14px;
	position: absolute;	  
	margin-left:0px;
	top:380px;
	width:160px;
    }	
		
#navi2 { 
	left:14px;
	position: absolute;	  
	margin-left:0px;
	top:560px;
	width:160px;	
    }
		
		

.navi {
	font-size: 25px;
	line-height:39px;

	}


		
	#inhalt {
	margin-top:680px;
	width:95%;
	left:1%;
	margin-left:0;
}

#topbutton {
	left:33%;

}

	
 .slidesjs-pagination {
		margin-top:-35px;
		margin-right: 20%;
		margin-bottom:0px;
    }
	
	


	
	
		#leerdiv3 {
	height:0px;
}
		
	#visionkmlogo {
	width:60%;
	left:20%;	
}	

#kontakt-bild {
width:110%;
left:5%;
margin-top:5%;
margin-bottom: 7%;

}	



#textkasten {
	width:80%;
	margin-left:-4%;
	margin-top:8px;
	padding-top:0px;
	}

#textkasten2 {
	width:87%;
	margin-left:-4%;
	margin-top:25px;
	
	}


		
		.container1 {			  
	width: 550px;	
	left: 90%;
		  margin-left:-300px;
			
	margin-top: 20px;
    }
	

.container2,
.container3,
.container4,
.container5,
.container6,
.container7,
.container8,
.container9,
.container10,
.container11,
.container12,
.container13,
.container14,
.container15 {
	width: 138%;	
	left: 10%;
	margin-top: 20px;
    }
	
.containerSlider{			  
	width: 169%;	
	left: 10%;		
	margin-top: 20px;
    }
	
		
#logo {	  
	  left:3%;
	  top:15px;
	  width:100px;  
    }
	
#logo2 {
	  left:3%;
	  margin-left:110px;
	  top:42px;
    }
	

		


		
#master {
	width:100%;
}


	
	
	
.navi2 {
	font-size: 20px;
	letter-spacing: 0.07em;
	line-height:120%;
	}

.navischwarz {
	font-size: 20px;
	letter-spacing: 0.02em;
	line-height:120%;
	}
	

.texte {
	font-size: 15px;
	line-height:130%;
	}
	
.textebig {
	font-size: 22px;
	line-height: 120%;
	letter-spacing: 0.02em;
	}

#sliderkasten {	
	left:-5%;
	width: 70%;	
	}

		


	
	


#video {
	width:150%;		
	margin-left:3%;	
}


#textkastenXX1 {
	margin-top:10px;
	margin-left:2%;
		width:96%;
}

.zitate {
	font-size: 25px;
	line-height:130%;
	}
	
	
}	 


	/* For smaller displays like L A P T O P S +++ Q U E R +++++   I P A D  */
    @media (min-width: 768px) and (max-width: 979px)  {


#breite {
	background-color: aqua;
}


#master {
	width:100%;
}
	


#inhalt {
	top:10px;
	width:70%;
	left:20px;
	margin-left:180px;
}

#lena-logo {
	left:25%;
	margin-left:-180px;
	
    }

#navi { 
left:25%;
	margin-left:-164px;
    }

#navi2 { 
left:25%;
	margin-left:-164px;
    }

		
#profil-bild {
	left:56%;

}	


		
		

#textkasten2 {
	width:85%;

	
}


#sliderkasten {	
	
}

.container1,
.container2,
.container3,
.container4,
.container5,
.container6,
.container7,
.container8,
.container9,
.container10,
.container11,
.container12,
.container13,
.container14,
.container15 {
	width: 194%;	
	left: -7%;
	margin-top: 20px;
    }
		
		

	
	
	
		}
		
		
		
		

    /* For smaller displays like L A P T O P S +++ H O C H K A N T  +++ I P A D ??? 
    @media (min-width: 768px) and (max-width: 979px) and (orientation: portrait)*/  {
		




.textekunden {
	font-size: 18px;
	}

.texte {
	font-size: 18px;
	}

#textkasten {
	width:40%;
	margin-left:2%;
	}

#textkasten2 {
	width:150%;
	margin-left:4%;

	}		
#navi {
	background-color:#EEE;
   	position:fixed;	  
	float:left;	  
	left:25%;
	margin-left:-197px;
	top:350px;
	width:70px;
	height:200px;
	z-index:11;  
    }

#navi2 {
	background-color:#EEE;
   	position:fixed;	  
	float:left;	  
	left:25%;
	margin-left:-197px;
	top:600px;
	width:110px;
	height:70px;
	z-index:11;  
    }

		
#profil-bild {
	position:relative;
	float:left;
	left:61%;
	width:10%; 
	margin-top:8%; 
	
}	
		
		
#sliderkasten {	
	left:-1%;	
	width: 65%;	
	}

.container1,
.container2,
.container3,
.container4,
.container5,
.container6,
.container7,
.container8,
.container9,
.container10,
.container11,
.container12,
.container13,
.container14,
.container15 {
	width: 149%;	
	left: 3%;
	margin-top: 20px;
    }


	
	#linie2 {	  
	width:190%;
	left:-63%;
	
	top:-7px;
    }
	
    .slidesjs-pagination {
		margin-right:52px;
		margin-bottom:0px;
    }
	
		
#topbutton {
	margin-left:140%;
	}
	
	#video {
	width:140%;		
	margin-left:10%;	
}
	
		
}

 */



 
 

	
    }