/* fkp */

body	{ 
	margin:0px; 
	padding:0px; 
	font-size:11px; 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
	color:#fff; 
	font-weight:300; 
	text-align:center; 
	background-color:#ff7a04; }



p		{	line-height:1.6em; margin-top:15px;}



b,
strong	{	font-weight:600; }

h1 		{	font-size:50px; font-weight:bold; color:#0882aa; font-weight:300;
			margin-top:10px; margin-bottom:0px; 
			font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif; } 

h2		{	font-size:35px; font-weight:300; color:#0882aa; 
			margin-top:40px; margin-bottom:0px;
			font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif;  }
h2.start	{ margin-top:inherit; }
			
h2.line		{ border-bottom:1px solid #CCC; margin-top:30px; }	
h2.top		{ padding:0px; margin-top:0px; border:0px; }	

h3		{	font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif;
			font-size:20px; font-weight:bold; color:#142B5C; 
			margin-top:10px; margin-bottom:0px; }
			
h4		{	font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif;
			font-size:16px; font-weight:bold; color:#142B5C;  
			margin-top:10px; margin-bottom:0px; }

img			{ border:0 ;}
ul 			{ margin-left: 0; padding-left: 1em; line-height:1.6em; }
li			{ line-height:1.6em; }


ol, ul 		{  }

a,
a:link,
a:active,
a:visited	{  color:#fff; text-decoration:none; }
a:hover		{  color:khaki; text-decoration:underline; }

body div	{ text-align:left; }
div.clearer	{ width:0; height:0; clear:both; }


div#wrap			{ 
	width:100%; 
	padding-top:0px; 
	
	position: relative; 
	text-align:center;
}


div#wrap div.logo {
	
	margin:0 auto; 
	
	text-align:center;
}
div.logo img {
	width:70vw;
	height:auto;
	max-width: 1080px;
}

div#wrap div.logo2 {
	
	text-align:center;
	margin:0 auto; 
}

div#wrap div.impressum {
	
	text-align:center;
	margin:0 auto; 
}


div#head 			{ width:100%; height:163px; }

div#head div.name	{	float:left; margin-top:3.85%; width:33%;  }
div#head div.nav	{	float:right; width:48%;  }
div#head div.name a img {width:100%; height:auto; }

div.hd1				{ 
						background-color:#5E5E5E;
						-webkit-box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.75);
						-moz-box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.75);
						box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.75);
						}

div.hd1 img  {width:100%; height:auto; } 
/*
div#head div#hd2	{ width:1062px; height:59px;}
div#head div#hd2 div.head21	{ margin-left:30px; visibility:hidden; }
*/


ul.menu			{ 	margin-top:14%; 
					list-style-type: none;
   					list-style-image: none;
    				margin-left: 0; }
ul.menu li 		{ 	 line-hight:20px; padding:0px 3%; display: inline-block; }
ul.menu li:last-child {padding-right:0; }
ul.menu li a	{ 	display:block; padding:3px 0px;
					font-size:24px; line-hight:24px; 
					color: #ffffff;
					text-transform:uppercase;
					text-decoration:none; 
					text-shadow: 1px 1px 1px #555555;
					font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif;
}
ul.menu li a:hover	{ text-decoration:none; border-bottom:1px solid #0882aa; }



div#cnt			{  }
div#cnt	p		{ margin-top:40px;}
div#cnt	p.start { margin-top:inherit;}


div#cnt ul	{ list-style-type: none;
   					list-style-image: none;
					margin-left:0px; padding-left:0;   }
div#cnt li	{ padding-left:20px; background: url('img/list.jpg') left 0.6em  no-repeat; margin-bottom:10px;}


div.col  { float:left; }
div.col.half {	width:590px; position:relative;  }
div.col div.imgblock {float:left; }

div.full	{	width:auto; position:relative; }
div.half	{	width:590px; position:relative;  }
div.quarter	{	width:275px; position:relative;  }
div.quarter div.quarter {	width:100%; position:relative;  }


div.one		{	height:275px; overflow:hidden; }
div.two		{	height:590px; overflow:hidden; }
div.three	{	height:905px; overflow:hidden; }
div.four	{	height:1220px; overflow:hidden; }

div.overlay { 	bottom: 0; position: absolute; width:100%;
				color:#fff; padding:10px; min-height:30px;
				background-color: rgba(0, 0, 0, 0.6); }
			


div.left	{ 	float:left;  }

div.mar		{ 	margin-right:40px; }
div.mal		{	margin-left:40px; }
div.mat		{	margin-top:40px; }


div.imgblock			{	padding:0px; }

div.imgblock a img { width:100%; height:auto; }


div.textblock			{	background-color:#fff; padding:40px; }
div.textblock.half		{ 	width:510px; }

div.textblock.one		{ 	height:195px;  }
div.textblock.two		{ 	height:510px;  }
div.textblock.three		{ 	height:825px;  }
div.textblock.four		{ 	height:1140px;  }

div.textblock h2:first-child		{	padding-top:0; margin-top:0; }


div.textblock.lastchild	{ 	margin-right:0px; } 

div.textblock.anfrage 	{ 	color:#fff;  background-color: #0882aa; }

div.textblock.anfrage h2	{ 	color:#fff; padding-top:0; margin-top:0; margin-bottom:20px;  }



.hell			{	background-color:#fff;  }



div.zweispaltig		{  
						
						-moz-column-width: 550px;
    								-webkit-column-width: 550px;
    								column-width: 550px;

    								-webkit-column-gap: 39px; 
    								-moz-column-gap: 39px;
    								column-gap: 39px; }
									
div#cnt div.spaltenblock	{  margin-top:20px; padding-top:20px; 
						
						-moz-column-width: 550px;
    								-webkit-column-width: 550px;
    								column-width: 550px;

    								-webkit-column-gap: 39px; 
    								-moz-column-gap: 39px;
    								column-gap: 39px; }		
div#cnt div.spaltenblock.topborder,
div#cnt div.topborder {border-top:1px solid #D8D4D4;}								
div#cnt div.spaltenblock p:first-child	{ margin-top:0; }
div#cnt div.spaltenblock p	{ margin-top:inherit; }	
div#cnt div.spaltenblock div.zusammen {  display: inline-block;  width: 100%; }										





div.textblock h1	{ margin:0px; }
div.textblock p		{ margin:0px; }

div.overview			{}
div.overview div.tile	{ float:left; width:275px; height:275px; margin:40px 40px 0px 0px; 
							 }
div.overview div.tile:nth-child(4n+4)	{ margin-right:0px; } 

div.overview div.tile div.front			{ background-color:#fff; background-size:contain; }
div.overview div.tile div.back			{ background-color:#0882aa; background-size:contain; }
div.overview div.tile div a 			{ display:block; width:100%; height:100%; text-decoration:none;}
div.overview div.tile div a:hover 		{ text-decoration:none; }
div.overview div.tile div a div.image 	{ width:100%; height:70%; }
div.overview div.tile div a div.text 	{ padding-top:12px; font-size:24px; text-align:center; font-weight:900;} 
div.overview div.tile div a div.text 	{ padding-top:8%; height:22%;  }
div.overview div.tile div a div.descr	{ margin-top:43%; padding:0px 7% 7% 7%; text-align:center;}
div.overview div.tile div a div:hover 	{ text-decoration:none; }
div.overview div.tile div.front a div.text { color:#0882aa;} 
div.overview div.tile div.back a div.text { color:#fff;} 



div.front a.ic-strahlen		{ background:url('img/icons/icon-strahlen.png') no-repeat center;}
div.back a.ic-strahlen		{ background:url('img/icons/iv-icon-strahlen.png') no-repeat center;}
div.front a.ic-beispiele	{ background:url('img/icons/icon-beispiele.png') no-repeat center;}
div.back a.ic-beispiele		{ background:url('img/icons/iv-icon-beispiele.png') no-repeat center;}
div.front a.ic-daten		{ background:url('img/icons/icon-daten.png') no-repeat center;}
div.back a.ic-daten			{ background:url('img/icons/iv-icon-daten.png') no-repeat center;}
div.front a.ic-preise		{ background:url('img/icons/icon-preise.png') no-repeat center;}
div.back a.ic-preise		{ background:url('img/icons/iv-icon-preise.png') no-repeat center;}


.live-tile.flip .ha.flip-front, .flip-list .ha.flip-front, .live-tile.flip .ha.flip-back, .flip-list .ha.flip-back {
    backface-visibility: visible;
    position: absolute;
    z-index: 20;
}








div#footer						{}
div#footer div.ft1				{ 	padding:40px; margin-top:3.28%; color:#fff; 
									background: none 0 0 rgba(0, 0, 0, 0.5);  
									-moz-column-width: 344px;
    								-webkit-column-width: 344px;
    								column-width: 344px;

    								-webkit-column-gap: 39px; 
    								-moz-column-gap: 39px;
    								column-gap: 39px; }
div.zusammen	 				{  	display: inline-block;  width: 100%; }

div#footer div.ft2				{ 	padding:3.28% 0px 0px 0px; color:#fff; } 
div#footer div.ft2 div.lft,
div#footer div.ft2 div.rgt		{ 	float:left;  width: calc( 50% - 1.64%); max-width:590px; height:100px;  }
div#footer div.ft2 div a,
div#footer div.ft2 div a:link,
div#footer div.ft2 div a:active,
div#footer div.ft2 div a:visited	{ 	display:block; width:auto; height:auto; padding-left:100px; 
									font-size:34px; line-height:100px; font-weight:300; color:#0882aa;
									font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif; }
div#footer div.ft2 div a:hover	{  	color:#fff; text-decoration:none; }				
div#footer div.ft2 div.lft 		{ 	margin-right: 3.28%; }
div#footer div.ft2 div a.tel	{ 	background:#fff url('img/icons/iv_tel.png') no-repeat 24px 24px;}
div#footer div.ft2 div a.contact	{ background:#fff url('img/icons/iv_cont.png') no-repeat 24px 24px;}
div#footer div.ft2 div a.tel:hover	{ background:#0882aa url('img/icons/tel.png') no-repeat 24px 24px;}
div#footer div.ft2 div a.contact:hover	{ background:#0882aa url('img/icons/cont.png') no-repeat 24px 24px;}


div#footer div.ft3				{ 	padding:20px 0px 40px 0px ; color:#fff; margin-bottom:40px; } 
div#footer div.ft3 div.lft		{ 	float:left; margin-top:15px;}
div#footer div.ft3 div.rgt 		{ 	float:right; margin:0; }
div#footer div.ft3 div a,
div#footer div.ft3 div a:link,
div#footer div.ft3 div a:active,
div#footer div.ft3 div a:visited { 	display:block; padding:3px 0px; margin-right:40px;
									font-size:24px; line-hight:24px; 
									color: #111; 
									text-transform:uppercase;
									text-decoration:none; 
									text-shadow: 2px 2px 2px #fff;
									font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif; }
div#footer div.ft3 div a:hover	{ 	text-decoration:none; border-bottom:1px solid #fff; }
div#footer div.ft3 div.lft a 	{ 	float:left; }



a.logo			{	display:block; width:520px; line-height:66px; padding-right:320px; 
					background:transparent url('img/fkp-logo.png') right 5px no-repeat; }
div#footer div.ft3 div a.logo	{ margin-right:0; }
div#footer div.ft3 div a.logo:hover { border:none; }


span.blue		{ 	display:inline-block; color:#fff; 
					text-transform:uppercase; background-color:#0882aa; 
					padding:0px 6px 0px 6px; font-weight:600;  }




/* line */

.bold-title	{   display:inline-block; font-size: 24px; font-weight:100; padding:10px;
				background-color:#0882aa; color:#fff;
				font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif; }        
.light-title	{  	display:inline-block; font-size:17px; font-weight:100;  padding:10px; background-color:#0882aa; color:#fff; 
				font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif; } 
.normal-desc	{	color:#fff;  background-color:#000;  padding:10px;
					background-color: rgba(0, 0, 0, 0.4);
   					 width: 41%;}				
				


div#cnt table		{ width:auto; background-color:#fff; 
						border-bottom:1px solid #D8D8D8; }
div#cnt table th 	{	background-color:#0882aa; 
						font-weight:normal; color:#fff; padding:20px 5px 20px 5px;  line-height:10px;		}
th span.preis_kl 	{ font-size:10px; }

div#cnt table th:nth-child(2) { text-align:center;  }
div#cnt table td	{  border-bottom:1px solid #D8D8D8; padding:10px 5px 10px 5px; text-align:center;  }

div#cnt table td:first-child	{ text-align:left; border-right:1px solid #D8D8D8;  }
div#cnt table td:first-child	{ text-align:left;  }

div#cnt table tr:nth-child(odd) td 	{ background-color: #F5F5F5; }
div#cnt table tr:nth-child(even) td { background-color: #FFFFFF; }
div#cnt table tr:nth-child(4n+4) td { border-bottom:1px solid #D8D8D8; }





@-ms-viewport {
	width: device-width;
}



@media screen and (max-width: 1270px) {
	div#wrap { width: 905px; }
	
	
	div#head 			{ width:100%; height:130px; }
	div#head div.nav	{	float:right; width:65%;  }
	ul.menu			{ 	margin-top:9%; }
	
	div.overview div.tile	{ width:204.5px; height:204.5px; margin:29px 29px 0px 0px; }
	div.overview div.tile div a div.text {font-size:80%; }
	div.overview div.tile div a div.descr {font-size:70%; }
	
	
	div.half	{	width:438px; position:relative;  }
	div.quarter	{	width:204.5px; position:relative;  }
	div.quarter div.quarter {	width:100%; position:relative;  }


	div.one		{	height:204.5px; overflow:hidden; }
	div.two		{	height:438px; overflow:hidden; }
	div.three	{	height:905px; overflow:hidden; }
	div.four	{	height:1138.5px; overflow:hidden; }
	
	div.mar		{ 	margin-right:29px; }
	div.mal		{	margin-left:29px; }
	div.mat		{	margin-top:29px; }
	
	div.textblock.half { width: 100%; height:auto; }
	
	
	div.col 							{ float:none; }
	div.col.half 						{ width: 100%;	}
	div.col.half.mar 					{ width:100%; margin-right:0;	}	
	div.col.half div.textblock.half 	{ width: calc(100% - 80px); 	}
	
	div.col.half div.imgblock.half.spin { width: calc(100% - 80px); padding:40px; text-align:center;	}
	
	div.col.half div.imgblock.half { margin-right:29px; }
	
	div.col.half div.imgblock.half img {width:100%; height:auto; }
	
	div.col.half.daten div.imgblock:nth-child(1) { width:292px; height:584px; margin-right:29px; }
	div.col.half.daten div.imgblock:nth-child(2),
	div.col.half.daten div.imgblock:nth-child(3)  { display:none; }
	div.col.half.daten div.imgblock:nth-child(4) { width:584px; height:584px; margin-right:0; margin-top:0; }
	div.col.half.daten div.imgblock img  {width:100%; height:auto; }
	
	
	div#footer div.ft3 div.lft,		
	div#footer div.ft3 div.rgt 		{ 	float:none; width:100%; text-align: center;  }
	div#footer div.ft3 div.lft a 	{ 	float:none; display:inline-block; color:#fff;  text-shadow: 2px 2px 2px #000; }
	
	div#footer div.ft3 div a.logo			{	display:block; width:100%; line-height:66px; padding:50px 0 0 0; text-align:center; 
						background:transparent url('img/fkp-logo.png') center top no-repeat;  margin-top:25px; }
	div#footer div.ft3 div a.logo	{ margin-right:0; }
	div#footer div.ft3 div a.logo:hover { border:none; }
	
	

	
	
} 

@media screen and (max-width: 946px) {
	div#wrap { width: 590px; }
	
	div#head 			{ width:100%; height:auto;   }
	div#head div.name {	float:none; width:100%; text-align:center; }
	div#head div.name a img {width:100%; height:auto;max-width:299px;}
	div#head div.nav  {	float:none; width:100%; margin:0;  }
	ul.menu {padding:0; margin:2% 0 2% 0; text-align:center;}
	ul.menu li {float:none; display: inline-block; }
	
	div.overview div.tile	{ width:285.5px; height:285.5px; margin:19px 19px 0px 0px; }
	div.overview div.tile div a div.text {font-size:100%; }
	div.overview div.tile div a div.descr {font-size:100%; }
	div.overview div.tile:nth-child(2n+2)	{ margin-right:0px; } 
	
	
	div.half	{	width:590px; position:relative;  }
	div.quarter	{	width:285.5px; position:relative;  }
	div.quarter div.quarter {	width:100%; position:relative;  }


	div.one		{	height:285.5px; overflow:hidden; }
	div.two		{	height:590px; overflow:hidden; }
	div.three	{	height:905px; overflow:hidden; }
	div.four	{	height:1220px; overflow:hidden; }
	
	div.mar		{ 	margin-right:19px; }
	div.mal		{	margin-left:19px; }
	div.mat		{	margin-top:19px; }
	
	div.imgblock.quarter:nth-child(odd) { margin-right:0; }
	div.imgblock.quarter:nth-child(even) { margin-right:19px; }
	
	
	
	div.col.half div.imgblock.quarter:nth-child(odd) { margin-right:19px; }
	div.col.half div.imgblock.quarter:nth-child(even) { margin-right:0; }
	
	div#footer div.ft2				{ 	padding:0;} 
	div#footer div.ft2 div.lft,
	div#footer div.ft2 div.rgt		{ 	float:none; width:100%; max-width:100%; margin: 3.28% 0; }
		
	div#footer div.ft2 div.lft 		{ 	margin-right:0; }
	
	
	div.col.half div.imgblock.half { width:100%; padding:0; margin-right:0;  }
	div.col.half div.imgblock.half.spin { width:100%; padding:0; }
	
	div.col.half.daten div.imgblock.quarter { margin-right:0; }
	
	
	div.col.half.daten div.imgblock:nth-child(1) { display:none;}
	div.col.half.daten div.imgblock:nth-child(2)  { display:block; margin-right:19px; }
	div.col.half.daten div.imgblock:nth-child(3)  { display:block; margin-top:0; }
	div.col.half.daten div.imgblock:nth-child(4) { margin-top:19px; width:100%;  }
	div.col.half.daten div.imgblock img  {width:100%; height:auto; }
	
	
} 

@media screen and (max-width: 598px) {
	div#wrap { width:95% }
	
	div.overview div.tile	{ width:100%; height:275px; margin:3.28% 0px 0px 0px; }
	
	div.half	{	width:590px; position:relative;  }
	div.quarter	{	width:100%; position:relative;  }
	div.quarter div.quarter {	width:100%; position:relative;  }


	div.one		{	height:100%; overflow:hidden;  margin:3.28% 0px 0px 0px; }
	div.two		{	height:590px; overflow:hidden;  margin:3.28% 0px 0px 0px; }
	div.three	{	height:905px; overflow:hidden;  margin:3.28% 0px 0px 0px; }
	div.four	{	height:1220px; overflow:hidden;  margin:3.28% 0px 0px 0px; }
	
	div.mar		{ 	margin-right:0; }
	div.mal		{	margin-left:0; }
	div.mat		{	margin-top:3.28%; }
	
	div.col.half div.imgblock.half { width:100%; height:100%; padding:0;  margin-right:0;	}
	div.col.half div.imgblock.half img {width:100%; height:auto; }
	div.col.half div.imgblock.half.spin img {width:100%; height:auto; }
	
	div.col.half.daten div.imgblock:nth-child(4) { width:100%; height:auto; }
	
}