/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */
	
	/* 
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
   		License: none (public domain)
	*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
html {
	font-size:62.5%;
}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

@font-face {
    font-family: 'MetaBold';
    src: url('ufonts.com_meta-bold-webfont.eot');
    src: url('ufonts.com_meta-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ufonts.com_meta-bold-webfont.woff') format('woff'),
         url('ufonts.com_meta-bold-webfont.ttf') format('truetype'),
         url('ufonts.com_meta-bold-webfont.svg#MetaBold') format('svg');
    font-weight: normal;
    font-style: normal;    
}

@font-face {
    font-family: 'MetaNormalRoman';
    src: url('ufonts.com_meta-normal-lf-roman-webfont.eot');
    src: url('ufonts.com_meta-normal-lf-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('ufonts.com_meta-normal-lf-roman-webfont.woff') format('woff'),
         url('ufonts.com_meta-normal-lf-roman-webfont.ttf') format('truetype'),
         url('ufonts.com_meta-normal-lf-roman-webfont.svg#MetaNormalRoman') format('svg');
    font-weight: normal;
    font-style: normal;    
}

@font-face {
    font-family: 'FoundationIconsGeneral';
    src: url('foundation-icons-general.eot');
    src: url('foundation-icons-general.eot?#iefix') format('embedded-opentype'),
         url('foundation-icons-general.woff') format('woff'),
         url('foundation-icons-general.ttf') format('truetype'),
         url('foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	-webkit-font-smoothing:antialiased;
	background:#f5f5f5;
	color:#00131b;
	font-family: "MetaNormalRoman", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size:16px;
    font-size:1.6rem;
	line-height:1.5;
	position:relative;
}

/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
	a { 
        color: #006087; 
        text-decoration: none; 
        line-height: inherit;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;  
        -o-transition: all .2s ease;  
        transition: all .2s ease; 
    }
	a:hover { background-color: #006087; color:#fff;}
	a:focus { color: #cc4714; outline: none; }
    a:before, a:after {
    font-family: 'FoundationIconsGeneral';
}
	p a, p a:visited { line-height: inherit; }



p {
	line-height:1.5;
    margin-bottom:24px;
	margin-bottom:2.1rem;
}

figure {
    margin:0 0 16px 0;
}

figure img {
    width:100%;
}

figcaption {
    line-height:2;
    text-align:right;
}


h1,h2,h3,h4,h5,h6 {
	line-height:1.1;
    color:#003043;
    font-family: 'MetaBold';
    font-weight:normal;
	text-rendering:optimizeLegibility;
}

    h1{
    	font-size:2em;
    	line-height:1.2em;
        margin-bottom:16px;
    }
    
    h2{
    	font-size:2em;
    	margin-bottom:0.9em;
    	line-height:0.9em;
    }
    h3, caption{
    	font-size:1.5em;
    	margin-bottom:1.2em;
    	line-height:1.2em;
    }
    h4{
    	font-size:1.5em;
    	margin-bottom:1em;
    	line-height:1.5em;
    }
    
    h5{
    	font-size:1em;
    	line-height:1.8em;
        
    }
    h6{
        font-family: 'MetaNormalRoman';
    	font-size:1em;
    	line-height:1.5em;
    }


em,i {
    font-family: 'MetaBold';
	font-style:normal;
	line-height:inherit;
}

strong,b {
    font-family: 'MetaBold';
	font-weight:normal;
	line-height:inherit;
}

small {
	font-size:60%;
	line-height:inherit;
}

ul,ol {
	line-height:1.5;
	list-style-position:inside;
	margin-bottom:16px;
}

ul.square {
	margin-left:24px;
	list-style-type:square;
}

dl {
	line-height:1.5;
	margin-bottom:16px;
}

dt {
    font-family: 'MetaBold';
}

blockquote {
	margin:0 0 16px 0;
	color:#3796c8;
	line-height:1;
    
    
}

div.panel blockquote p {
    font-size:28px;
    line-height:1
}


abbr {
	border-bottom:1px solid #777;
	cursor:help;
	font-size:90%;
}

.print-only {
	display:none!important;
}

.row {
	margin:0 auto;
	max-width:100%;
	min-width:767px;
	width:1000px;
	zoom:1;
}

.row .row
{
	margin:0 -15px;
	max-width:none;
	min-width:0;
	width:auto;
}

.row.collapse .column,.row.collapse .columns
{
	padding:0;
}

.row .row.collapse
{
	margin:0;
}

.column,.columns
{
	float:left;
	min-height:1px;
	padding:0 15px;
	position:relative;
}

.column.centered,.columns.centered
{
	float:none;
	margin:0 auto;
}

[class*=column]+[class*=column]:last-child
{
	float:right;
}

[class*=column]+[class*=column].end
{
	float:left;
}

.row .one
{
	width:8.333%;
}

.row .two
{
	width:16.667%;
}

.row .three
{
	width:25%;
}

.row .four
{
	width:33.333%;
}

.row .five
{
	width:41.667%;
}

.row .six
{
	width:50%;
}

.row .seven
{
	width:58.333%;
}

.row .eight
{
	width:66.667%;
}

.row .nine
{
	width:75%;
}

.row .ten
{
	width:83.333%;
}

.row .eleven
{
	width:91.667%;
}

.row .twelve
{
	width:100%;
}

.row .offset-by-one
{
	margin-left:8.333%;
}

.row .offset-by-two
{
	margin-left:16.667%;
}

.row .offset-by-three
{
	margin-left:25%;
}

.row .offset-by-four
{
	margin-left:33.333%;
}

.row .offset-by-five
{
	margin-left:41.667%;
}

.row .offset-by-six
{
	margin-left:50%;
}

.row .offset-by-seven
{
	margin-left:58.333%;
}

.row .offset-by-eight
{
	margin-left:66.667%;
}

.row .offset-by-nine
{
	margin-left:75%;
}

.row .offset-by-ten
{
	margin-left:83.333%;
}

.push-two
{
	left:16.667%;
}

.pull-two
{
	right:16.667%;
}

.push-three
{
	left:25%;
}

.pull-three
{
	right:25%;
}

.push-four
{
	left:33.333%;
}

.pull-four
{
	right:33.333%;
}

.push-five
{
	left:41.667%;
}

.pull-five
{
	right:41.667%;
}

.push-six
{
	left:50%;
}

.pull-six
{
	right:50%;
}

.push-seven
{
	left:58.333%;
}

.pull-seven
{
	right:58.333%;
}

.push-eight
{
	left:66.667%;
}

.pull-eight
{
	right:66.667%;
}

.push-nine
{
	left:75%;
}

.pull-nine
{
	right:75%;
}

.push-ten
{
	left:83.333%;
}

.pull-ten
{
	right:83.333%;
}

object,embed
{
	height:auto;
    width:100%;
}

img
{
	-ms-interpolation-mode:bicubic;
}

#map_canvas img,.map_canvas img
{
	max-width:none!important;
}

.row:before,.row:after
{
	content:"";
	display:table;
}

.row:after
{
	clear:both;
}


.show-for-small,.show-for-medium,.hide-for-large,.show-for-xlarge
{
	display:none!important;
}

.hide-for-xlarge,.show-for-large,.hide-for-small,.hide-for-medium
{
	display:block!important;
}

.show-for-landscape,.hide-for-portrait
{
	display:block!important;
}

.hide-for-landscape,.show-for-portrait
{
	display:none!important;
}

.show-for-touch
{
	display:none!important;
}

.hide-for-touch
{
	display:block!important;
}

.touch .show-for-touch
{
	display:block!important;
}

.touch .hide-for-touch
{
	display:none!important;
}

table.show-for-xlarge,table.show-for-large,table.hide-for-small,table.hide-for-medium
{
	display:table!important;
}




.tap-to-close
{
	color:#888;
	display:block;
	font-size:1px rem;
	font-weight:400;
}

div.panel
{
	background-color:#fff;
	background-color: rgba(255, 255, 255, .8);
	padding:16px 16px 16px 32px;
}

div.panel p {
    font-size:14px;
}


div.panel :first-child
{
	margin-top:0;
}

div.panel :last-child
{
	margin-bottom:0;
}


	.button {
		background: #006087;
		display: inline-block;
		text-align: center;
		padding: 9px 34px 11px;
		color: #fff;
		text-decoration: none;
		line-height: 1;
		font-family: 'MetaBold',"Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
		position: relative;
		cursor: pointer;
		border: 1px solid #006087;
	}

    .button:hover {
	background-color:#fff;
	color: #006087;
}



/* tabs */
ul.tabs {
	display:block;
	margin:0;
    padding:0;
}

ul.tabs li {
	display:inline;
	margin:0 16px 0 0;
	padding:0;
}

ul.tabs a {
	padding: 4px 8px;
    font-family: 'MetaBold';
}

ul.tabs a.sichtbar {
    color:tomato;
    background-color:#006087;
	cursor:default;
}

.panes {
	display:block;
    padding-top: 16px;
    border-top: 1px solid #006087;
}

.panes div{
	display:none;
    height:250px;
}


/* stuff */
#top {
    padding: 119px 0 0 0;
	width:100%;
    height:750px;
    background:#006087;
	overflow:hidden;
}

#top header {
    display:block;
    overflow:hidden;
    width: 327px;
    height:113px;
    text-indent: -9999em;
    background: transparent url("../img/jan-lehmann-physiotherapie.png") 0 0 no-repeat;
}

#top .seven {
    padding-top:110px;
}


 .feature {
    color:#ccdfe7;
    font-size:23px;
    text-shadow: 1px 1px 2px #006087;
 }


nav  {
    position:fixed;
    top:0;
    height:55px;
    width:100%;
    background:#006087;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 19, 27, .7);
    box-shadow: 2px 2px 5px 0px rgba(0, 19, 27, .7);
    z-index:999;
}

#nav li{
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}

#nav li a{
    display:block;
    float:left;
    padding:0 16px;
    height:55px;
    color:#3796C8;
    font-family: 'MetaBold';
    font-size: 24px;
    line-height: 55px;
    text-transform:lowercase;
}

#nav li a:hover,
#nav li a:focus {
    color:#fff;
}

#nav li.current a,
#nav li.current a:hover {
    color:#003043;
}

#nav a#home,
#nav a#kon {
    overflow:hidden;
    width: 32px;
    text-indent:-999em;
    background: transparent url("../img/nav-sprite.gif") 0 0 no-repeat;
    -webkit-transition: none;
    -moz-transition: none;  
    -o-transition: none;  
    transition: none; 
}
#nav a#home:hover {background-position: 0 -55px;}
#nav a#kon {background-position: -32px 0;}
#nav a#kon:hover {background-position: -32px -55px;}


#nav li.current a#home,
#nav li.current a#home:hover {background-position: 0 -110px;}

#nav li.current a#kon,
#nav li.current a#kon:hover {background-position: -32px -110px;}

section {
    padding-top:55px;
    min-height:700px;
}

section h2 {

}

section div.panel {
    margin-top: -55px;
    padding-top: 79px;
    min-height:700px;
}


/* -----------------------------------------
   home
----------------------------------------- */
 
 section#jan, 
 section#funktion,
 section#kontakt {
    padding-top:79px;
    color:#ccdfe7;
    background: #006087;
 }
 
  section#jan ul{
    line-height:1;
 }
 
 section#jan .panel {
    margin-top:0;
    padding-top:32px;
    padding-bottom:32px;
    min-height:500px;

    background-color:rgba(0,95,135,.8)
 }
  
 section#jan figure {
    margin-top: 140px;
    text-align:right;
 } 
  section#jan figure img{
    border: 20px solid #fff;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 19, 27, .7);
    box-shadow: 2px 2px 5px 0px rgba(0, 19, 27, .7);
    transform: rotate(-2deg);
    -webkit-transform:rotate(-2deg);
    -moz-transform:rotate(-2deg);
 }
 
 section#jan abbr {border-color:transparent;}
 
 
 section#funktion h2,
 section#jan h2,
 section#jan h3,
 section#kontakt h2{color:#ccdfe7;}
 
 section#personal {
    padding-top:79px;
 }
 

   section#personal img{
    border: 20px solid #fff;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 19, 27, .7);
    box-shadow: 2px 2px 5px 0px rgba(0, 19, 27, .7);
    transform: rotate(2deg);
    -webkit-transform:rotate(2deg);
    -moz-transform:rotate(2deg);
 }
 
section#kontakt {position:relative;}
    
section#kontakt #gmap{
    position: absolute !important;
    left: 0;        
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    
     
 section#kontakt .box{
    position:relative;
    z-index:2;
    margin: 100px 0 250px 0;
    padding:32px 16px;
    background: #006087;
 } 
 section#kontakt .box a{
    color:#3796C8;
    font-family: 'MetaBold';
    font-size:20px;
 }
  section#kontakt .box a:hover{
     color:#fff;
 }
  section#kontakt .box ul{
     padding-left: 32px;
 }
 
footer {
    color:#ccdfe7;
    background: #006087;
}

footer p {
    margin:0;
    padding:0;
    line-height:55px;
}

footer a{
    color:#3796C8;
}

    a#map:before,
    a#mail:before,
    a#phone:before {
    font-family: 'FoundationIconsGeneral';
    font-size: 120%;
    padding-right: 4px;
  }
  
  a#map:before {content:"6"}
  a#mail:before {content:"H";}
  a#phone:before {content:"R";}

/* hacks */

.lt-ie8 .row
{
	max-width:1000px;
}

.lt-ie8 .nav-bar li.has-flyout a
{
	padding-right:20px;
}

.lt-ie8 .nav-bar li.has-flyout a:after
{
	border-top:none;
}

.lt-ie8 input[type=submit].nice.button
{
	filter:chroma(color=#000);
	position:relative;
	top:-2px;
}

.lt-ie8 input[type=submit].tiny.button
{
	padding:5px 5px 7px;
}

.lt-ie8 input[type=submit].small.button
{
	padding:8px 7px 9px;
}

.lt-ie8 input[type=submit].medium.button
{
	padding:9px 13px;
}

.lt-ie8 input[type=submit].large.button
{
	padding:9px 18px 10px;
}

@media print {
	*
	{
		-ms-filter:none!important;
		background:transparent!important;
		box-shadow:none!important;
		color:#000!important;
		filter:none!important;
		text-shadow:none!important;
	}
	
	a,a:visited
	{
		text-decoration:underline;
	}
	
	a[href]:after
	{
		content:" (" attr(href) ")";
	}
	
	abbr[title]:after
	{
		content:" (" attr(title) ")";
	}
	
	.ir a:after,a[href^=javascript:]:after,a[href^=#]:after
	{
		content:"";
	}
	
	pre,blockquote
	{
		border:1px solid #999;
		page-break-inside:avoid;
	}
	
	thead
	{
		display:table-header-group;
	}
	
	tr,img
	{
		page-break-inside:avoid;
	}
	
	img
	{
		max-width:100%!important;
	}
	
	@page
	{
		margin:.5cm;
	}
	
	p,h2,h3
	{
		orphans:3;
		widows:3;
	}
	
	h2,h3
	{
		page-break-after:avoid;
	}
	
	.hide-on-print
	{
		display:none!important;
	}
	
	.print-only
	{
		display:block!important;
	}
}

@media only screen and max-width 767px {
	body
	{
		-ms-text-size-adjust:none;
		-webkit-text-size-adjust:none;
		margin-left:0;
		margin-right:0;
		min-width:0;
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	
	.row
	{
		margin-left:0;
		margin-right:0;
		min-width:0;
		width:auto;
	}
	
	.column,.columns
	{
		float:none;
		width:auto!important;
	}
	
	.column:last-child,.columns:last-child
	{
		float:none;
	}
	
	[class*=column]+[class*=column]:last-child
	{
		float:none;
	}
	
	.column:before,.columns:before,.column:after,.columns:after
	{
		content:"";
		display:table;
	}
	
	.column:after,.columns:after
	{
		clear:both;
	}
	
	.offset-by-one,.offset-by-two,.offset-by-three,.offset-by-four,.offset-by-five,.offset-by-six,.offset-by-seven,.offset-by-eight,.offset-by-nine,.offset-by-ten
	{
		margin-left:0!important;
	}
	
	.push-two,.push-three,.push-four,.push-five,.push-six,.push-seven,.push-eight,.push-nine,.push-ten
	{
		left:auto;
	}
	
	.pull-two,.pull-three,.pull-four,.pull-five,.pull-six,.pull-seven,.pull-eight,.pull-nine,.pull-ten
	{
		right:auto;
	}
	
	.row .mobile-one
	{
		float:left;
		padding:0 15px;
		width:25%!important;
	}
	
	.row .mobile-one:last-child
	{
		float:right;
	}
	
	.row.collapse .mobile-one
	{
		padding:0;
	}
	
	.row .mobile-two
	{
		float:left;
		padding:0 15px;
		width:50%!important;
	}
	
	.row .mobile-two:last-child
	{
		float:right;
	}
	
	.row.collapse .mobile-two
	{
		padding:0;
	}
	
	.row .mobile-three
	{
		float:left;
		padding:0 15px;
		width:75%!important;
	}
	
	.row .mobile-three:last-child
	{
		float:right;
	}
	
	.row.collapse .mobile-three
	{
		padding:0;
	}
	
	.row .mobile-four
	{
		float:left;
		padding:0 15px;
		width:100%!important;
	}
	
	.row .mobile-four:last-child
	{
		float:right;
	}
	
	.row.collapse .mobile-four
	{
		padding:0;
	}
	
	.push-one-mobile
	{
		left:25%;
	}
	
	.pull-one-mobile
	{
		right:25%;
	}
	
	.push-two-mobile
	{
		left:50%;
	}
	
	.pull-two-mobile
	{
		right:50%;
	}
	
	.push-three-mobile
	{
		left:75%;
	}
	
	.pull-three-mobile
	{
		right:75%;
	}
	
	.block-grid.mobile
	{
		margin-left:0;
	}
	
	.block-grid.mobile>li
	{
		float:none;
		margin-left:0;
		width:100%;
	}
	
	.show-for-small,.hide-for-medium,.hide-for-large,.hide-for-xlarge
	{
		display:block!important;
	}
	
	.hide-for-small,.show-for-medium,.show-for-large,.show-for-xlarge
	{
		display:none!important;
	}
	
	table.hide-for-xlarge,table.hide-for-large,table.hide-for-medium,table.show-for-small
	{
		display:table!important;
	}
	
	.tooltip
	{
		font-size:1.4px rem;
		line-height:1.4;
		padding:7px 10px 9px;
	}
	
	.tooltip>.nub,.tooltip.top>.nub,.tooltip.left>.nub,.tooltip.right>.nub
	{
		border-color:transparent transparent rgba(0,0,0,0.85);
		left:10px;
		top:-12px;
	}
	
	.button
	{
		display:block;
	}
	
	button.button,input[type=submit].button
	{
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	
	dl.tabs.mobile,dl.nice.tabs.mobile
	{
		height:auto;
		margin:20px -20px 40px;
		width:auto;
	}
	
	dl.tabs.mobile dt,dl.tabs.mobile dd,dl.nice.tabs.mobile dt,dl.nice.tabs.mobile dd
	{
		float:none;
		height:auto;
	}
	
	dl.tabs.mobile dd a
	{
		background:#eee;
		border:solid 0 #ccc;
		border-width:1px 0 0;
		color:#555;
		display:block;
		font-size:1.5px rem;
		height:auto;
		line-height:1;
		margin:0;
		padding:18px 20px;
		width:auto;
	}
	
	dl.tabs.mobile dd a.active
	{
		border-width:1px 0 0;
		height:auto;
		margin:0;
	}
	
	.tabs.mobile
	{
		border-bottom:solid 1px #ccc;
		height:auto;
	}
	
	.tabs.mobile dd a
	{
		background:#fff;
		border:none;
		border-left:none;
		border-right:none;
		border-top:1px solid #ccc;
		padding:18px 20px;
	}
	
	.tabs.mobile dd a.active
	{
		background:#e2001a;
		border:none;
		color:#fff;
		height:auto;
		margin:0;
		position:static;
		top:0;
	}
	
	.tabs.mobile dd:first-child a.active
	{
		margin:0;
	}
	
	dl.contained.mobile,dl.nice.contained.mobile
	{
		margin-bottom:0;
	}
	
	dl.contained.tabs.mobile dd a
	{
		padding:18px 20px;
	}
	
	dl.tabs.mobile+ul.contained
	{
		border-width:0 0 1px;
		margin-left:-20px;
		margin-right:-20px;
	}

}

@media only screen and min-width 1441px {
	.hide-for-small,.hide-for-medium,.hide-for-large,.show-for-xlarge
	{
		display:block!important;
	}
	
	.show-for-small,.show-for-medium,.show-for-large,.hide-for-xlarge
	{
		display:none!important;
	}
}

@media only screen and max-width 1279px and min-width 768px {
	.hide-for-small,.show-for-medium,.hide-for-large,.hide-for-xlarge
	{
		display:block!important;
	}
	
	.show-for-small,.hide-for-medium,.show-for-large,.show-for-xlarge
	{
		display:none!important;
	}
	
	.touch table.hide-for-xlarge,.touch table.hide-for-large,.touch table.hide-for-small,.touch table.show-for-medium
	{
		display:table!important;
	}
	
	.touch .nav-bar li a
	{
		font-size:1.3px rem;
	}
	
	.touch .nav-bar li.has-flyout>a.flyout-toggle
	{
		padding:20px!important;
	}
	
	.touch .nav-bar li.has-flyout>a
	{
		padding-right:36px!important;
	}
}

@media screen and orientation landscape {
	.show-for-landscape,.hide-for-portrait
	{
		display:block!important;
	}
	
	.hide-for-landscape,.show-for-portrait
	{
		display:none!important;
	}
}

@media screen and orientation portrait {
	.show-for-portrait,.hide-for-landscape
	{
		display:block!important;
	}
	
	.hide-for-portrait,.show-for-landscape
	{
		display:none!important;
	}
}

@media only screen and max-device-width 800px,only screen and device-width 1024px and device-height 600px,only screen and width 1280px and orientation landscape,only screen and device-width 800px,only screen and max-width 767px {
	.flex-video
	{
		padding-top:0;
	}
}

@media only screen and max-device-width 1280px {
	.touch .nav-bar li.has-flyout>a
	{
		padding-right:36px!important;
	}
}