* {
	margin:0;
	padding:0;
	}

html, body
	{
	height: 100%;
	width: 100%;
	}

#pk2017_1
	{
	width: 1px;
	height: 50%;
	margin-bottom: -390px;
	float: left;
	}

#pk2017_2
	{
	margin: 0 auto;
	position: relative;
	height: 800px;
	width: 1400px;
	clear: left;
	}

.background
	{
	background-image: linear-gradient(to bottom, rgb(218, 37, 29)  20%, white 100%);
	}
	
@keyframes einblenden
	{ 
    from {opacity: 0;} 
	to {opacity: 1;}
	}	
	
@keyframes einblenden2
	{ 
    from {opacity: 0;} 
	to {opacity: 0.6;}
	}	
	
@keyframes verschieben
	{ 
    from {left: 0px; clip:rect(0px 1400px 600px 0px);} to {left: 240px; clip:rect(0px 1400px 600px 360px);}
	}	

	@keyframes laufschrift 
	{ 
    from {left: 1200px;}  to {left: -1300px;}
	}	
	
@keyframes verbreitern
	{ 
    from {width: 0px;} to {width: 440px;}
	}	
	
@keyframes ausblenden
	{ 
    from {opacity: 1;} 	to {opacity: 0.4;}
	}	

#kopf 
	{
	position: absolute;
	top: 0px;
	z-index: 2;
	height: 160px;
    width: 1380px;
	background-color: white;
	border-style: solid;
	border-color: white;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 12px;
	border-left-width: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	animation-name: einblenden;
    animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	}
	
.rahmen_laufschrift
	{
	position: absolute;
	z-index: 2;
	left: 50px;
	top: 110px;
	width:1080px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding:6px 0px 0px 0px;
	color: black;
	background: white;
	overflow: hidden;
	border-width: 3px;
	border-radius: 3px;
	border-style: solid;
	border-color: red;
	}
	
.laufschrift
	{
	position: absolute;
	z-index: 2;
	width:1800px;
	font-size: 16px;
	font-weight: bold;
	animation-name: laufschrift;
    animation-duration: 40s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-direction: normal;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards; 
	}
	
#blatt
	{
	position: absolute;
	z-index: 2;
	top: 180px;
	height: 598px;
    width: 1380px;
	background-color: none;
	border-width: 10px;
	border-style: solid;
	border-color: white;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
	animation-name: einblenden;
    animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	}	

/* Blatthintergrund auf Startseite bei Einstieg auf Web */	
.blatt_back_start
	{
	position: absolute;
	z-index: 2;
	height: 600px;
    width: 1400px;
	top: 0px;
	left: 0px;
	background-color: none;
	border: none;
	animation-name: verschieben;
    animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 3s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	}
	
/* Blatthintergrund auf Startseite bei Wiederhohung */			
.blatt_back
	{ 
	position: absolute;
	z-index: 3;
	height: 600px;
    width: 1400px;
	top: 0px;
	left: 240px;
	clip:rect(0px 1400px 600px 360px);
	background-color: none;
	border: none;
	}

#text_behind_start
	{
    position: absolute;
	z-index: 4;
	top: 0px;
	left: 162px;
	width: 0px;
	height: 600px;
	background: white;
	opacity: 0.8;
	border: none;
	animation-name: verbreitern;
    animation-duration: 4.8s;
	animation-timing-function: ease-in-out;
	animation-delay: 3.2s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	}	
	
#text_behind
	{
    position: absolute;
	z-index: 4;
	top: 0px;
	left: 162px;
	width: 440px;
	height: 600px;
	background: white;
	opacity: 0.8;
	border-width: 0px;
	border-style: solid;
	border-color: red;
	border-radius: 4px;
	}

	
/* Text auf Startseite bei Einstieg auf Web */
#text_back_start
	{
	position: absolute;
	z-index: 4;
	opacity: 0;
	top: 180px;
	height: 600px;
    width: 420px;
	top: 0px;
	left: 162px;
	background: none;
	border: none;
	animation-name: einblenden;
    animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-delay: 7.2s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	}	
		
#text_back
	{
	position: absolute;
	z-index: 4;
	opacity: 0.8;
	top: 180px;
	height: 600px;
    width: 420px;
	top: 0px;
	left: 160px;
	background: none;
	border: none;
	}					
		
.text_An_noback
	{
	position: absolute; 
	z-index: 6;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	font-style: normal;
	color: black;
	text-decoration: none;
	text-underline: none;
	}
.text_Ab_noback
	{
	position: absolute; 
	z-index: 6;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	font-style: normal;
	color: black;
	text-decoration: none;
	text-underline: none;
	}
.text_ABn_noback
	{
	position: absolute; 
	z-index: 6;
	font-family: Arial Black, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	font-style: normal;
	color: black;
	text-decoration: none;
	text-underline: none;
	}
.text_ABb_noback
	{
	position: absolute; 
	z-index: 6;
	font-family: Arial Black, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	font-style: normal;
	color: black;
	text-decoration: none;
	text-underline: none;
	}
.text_An_back
	{
	position: absolute; 
	z-index: 6;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	font-style: normal;
	color: black;
	text-decoration: none;
	text-underline: none;
	text-align: center; 
	padding:0px 0px 0px 0px;
	background: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-radius: 0px;
	}
.text_Ab_back
	{
	position: absolute; 
	z-index: 6;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	font-style: normal;
	color: black;
	text-decoration: none;
	text-underline: none;
	text-align: center; 
	padding:0px 0px 0px 0px;
	background: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-radius: 0px;
	}
.text_ABn_back
	{
	position: absolute; 
	z-index: 6;
	font-family: Arial Black, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	font-style: normal;
	color: black;
	text-decoration: none;
	text-underline: none;
	text-align: center; 
	padding:0px 0px 0px 0px;
	background: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-radius: 0px;
	}
.text_ABb_back
	{
	position: absolute; 
	z-index: 6;
	font-family: Arial Black, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	font-style: normal;
	color: black;
	text-decoration: none;
	text-underline: none;
	text-align: center; 
	padding:0px 0px 0px 0px;
	background: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-radius: 0px;
	}	

/* kompletter Hintergrund für navigation */

/* Startseite index */
#navi_blatt
	{
    position: absolute;
	z-index: 6;
	top: 0px;
	left: 4px;
	width: 150px;
	height: 320px;
	opacity: 0;
	background: none;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	animation-name: einblenden;
    animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	}	
	
#navi_blatt_behind
	{
    position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px;
	width: 158px;
	height: 596px;
	opacity: 0;
	background: white;
	border-width: 2px;
	border-style: solid;
	border-color: red;
	border-radius: 4px;
	animation-name: einblenden2;
    animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	}	

#navi_blatt_hi
	{
    position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 320px;
	background-color: white;
	opacity: 0.5;
	border: none;	
	}
	
	/* navigation ohne Aufklappen */	
#link_navi_fest  a
	{
	position: absolute;
	z-index: 6;
	height: 24px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	text-underline: none;
	text-align: center;
	padding: 4px 0px 0px 0px;
	background: white;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	border-radius: 4px;
	} 
 
	
.link_navi_deck
	{
	position: absolute;
	z-index: 7;
	height: 24px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-underline: none;
	text-align: center;
	padding: 4px 0px 0px 0px;
	background: red;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-radius: 4px;
	} 
	
/* ab hier Klappmenü */
#navi_blatt ul
	{
    list-style-type:none;
    list-style-image:none;
    margin:0px;
    padding:0px;
	}

#navi_blatt li.topmenu
	{
    position:absolute;
    z-index: 10; 
	}

.topmenu a
	{
    float:left;
    width:150px;/* Breite für topmenü */
	}

.topmenu ul
	{
	display:none;
	}

/* Zustand topmenü bei onmouse-out topmenü*/
.topmenu a
	{
    height: 24px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-underline: none;
	text-align: center;
	color: black;
	padding:4px 0px 0px 0px;
	background: white;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	border-radius: 4px;
	margin:0;  
	}

/* Zustand submenü bei onmouse-over topmenü */
.submenu a
	{
    font-size:14px;
	text-align: center;
	width:150px;
	height: 20px;
	padding: 0px 0px 0px 0px;
    position:relative;
    left: 0px;
	background-image: none;
    background-color:  white;
	border: 1px;
	border-style: solid;
	border-color: blue;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-radius: 0px;
    clear:both; /* special IE6 */
	}

.submenu_deck
	{
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
	color: white;
	width:146px;
	height: 20px;
	z-index: 10;
	padding: 0px 0px 0px 0px;
    position:relative;
    left: 0px;
	background-image: none;
    background-color:  rgb(106,90,205);
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: white;
	border-radius: 0px;
    }
	
/* Zustand topmenü + submenü bei onmouse-over submenü*/
#navi_blatt a:hover, .topmenu.on a
	{
    left: 0px;
    color:white;
	border-color: blue;
	background-color: red; !important; 
	}

.topmenu:hover ul
	{
    display:block;  
    z-index:500;
	}

/* Ende Klappmenü */

.smart_start
	{
	position: absolute;
	z-index: 8;
	top: 368px;
	left: 5px;
	border: none;
	opacity:1;
	animation-name: einblenden;
    animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	}
	
.smart
	{
	position: absolute;
	z-index: 8;
	top: 368px;
	left: 5px;
	border: none;
	}	
		
.email
	{
	position: absolute;
	z-index: 10;
	left: 250px;
	top: 10px;
	width: 850px;
	height: 600px;
	border: none;
	background-color: none;
	}
	
.text_submit
	{
	height: 22px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal;
	color: white;
	text-decoration: none;
	text-underline: none;
	text-align: center; 
	padding:0px 0px 0px 0px;
	border: none;
	background: none; 
	}
	
h2
	{
	position: relative;
	top: -13px;
	z-index: 10;
	padding: 0px 0px 0px 0px;
	height: 24px;
	width: 140px;
	background-color:  blue;
	border-width: 0px 2px 0px 2px;
	border-style: solid;
	border-color: white;
	border-radius: 0px;
	}
h2:hover
	{
	background-color: rgb(220,39,37);
	}		
	
#link_navi_log a
	{
	position: absolute;
	z-index: 10;
	width: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-underline: none;
	text-align: center;
	padding: 2px 0px 2px 0px;
	background-color: blue;
    }
#link_navi_log a:hover
	{
   color:white;
   background-color: rgb(220,39,37);
	} 

/* ab hier einzoomen fotos*/

.fotohintergrund
	{
	position: absolute;
	z-index: 8;
	left: 162px;
	top: 0px;
	height:100px;
	width: 1238px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-style: solid;
	border-color: white;
	background-image: linear-gradient(to bottom, rgb(218, 37, 29)  0%, white 100%);
	}
	
.fotohintergrund3
	{
	position: absolute;
	z-index: 8;
	left: 580px;
	top: 108px;
	height: 485px;
	width: 790px;
	border: none;
	}
	
.fotohintergrund_deck
	{
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 0px;
	height:100px;
	width: 1238px;
	border: none;
	background: none;
	}
	
.foto-link
	{
	position: absolute;
	z-index: 5;
	width: 278px;
	height: 100px;
	border-width: 3px;
	border-style: solid;
	border-color:white;
	}
	
#einzoomen_team a img
	{
	border: none;
	position: absolute;
	z-index: 5;
	height: 0px;
	width: 0px;
	}
#einzoomen_team a:hover img
	{
	height: 339px;
	width: 400px;
	animation-name: einblenden;
    animation-duration: 0.7s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	}
	
#einzoomen a img
	{
	border: none;
	position: absolute;
	z-index: 85;
	height: 0px;
	width: 0px;
	}
	
#einzoomen a:hover img 
	{
	height: 490px;
	width: 1230px;
	animation-name: einblenden;
    animation-duration: 0.7s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	}
	
#einzoomen_foto a img
	{
	border: none;
	position: absolute;
	z-index: 5;
	height: 0px;
	width: 0px;
	}
	
#einzoomen_foto a:hover img
	{
	height: auto;
	width: 400px;
	animation-name: einblenden;
    animation-duration: 0.7s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-direction: normal;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	}

.zoombereich_team
	{
	position: absolute; 
	z-index: 6;
	top: 10px;
	height: 100px; 
	width: 118px;
	border: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: black;
	padding:0px  0px 0px 0px;
	}
	
.zoombereich
	{
	position: absolute; 
	z-index: 8;
	top: 10px;
	height: 100px; 
	width: 251px;
	border: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: black;
	padding:0px  0px 0px 0px;
	}
	
.zoombereich_foto
	{
	position: absolute; 
	z-index: 6;
	top: 60px;
	height: 111px; 
	width: 149px;
	border: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: black;
	padding:0px  0px 0px 0px;
	border-width: 0px;
	}

.zoomtext
	{
	position: absolute; 
	z-index: 6;
	border: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: black;
	}