/* CI-Farbe  #8FBADC */
/* Tags */

html, body {
  height: 100%;
}

body {
	color: #444444;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 87.5%;
		background: #fff;

}


p {
	line-height: 1.5;
	margin: 0 0 1.5em 0;
}
p.anschrift {
	font-size: 180%;
}
div.download p {
	line-height: 2.5;
}


p, li, td {
	font-size: 120%;
}

thead th {
    border-bottom: 2px #636363 solid;
    color: #636363;
    text-align: left;
    font-size: 140%;
}

tbody td,
thead th {
	border-top: 1px solid #ccc;
	text-align: left;
	padding: 10px 0;
}




header {
  width: 99%;

  background: #009fe3;
  /* Old browsers */
  background: -moz-linear-gradient(left, #4db8e2 0%, #009fe3 49%, #0074e8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4db8e2), color-stop(49%, #009fe3), color-stop(100%, #0074e8));
  /* 		Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #4db8e2 0%, #009fe3 49%, #0074e8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #4db8e2 0%, #009fe3 49%, #0074e8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #4db8e2 0%, #009fe3 49%, #0074e8 100%);
  /* IE10+ */
  background: linear-gradient(to right, #4db8e2 0%, #009fe3 49%, #0074e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db8e2', endColorstr='#0074e8',GradientType=1);
  /* IE6-9 */

}

nav { background-color: transparent; }

main ul, main li, main p, main td, main small, h4 { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.nicht-trennen,
.container-subnavi-leistungen li,
footer{
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
}
main ul {
	list-style-type: disc;
	margin: 0 0 1.5em 0;
}
main ul li ul{
	list-style-type: disc;
	margin: 0 0 0.5em 0;
}
main ul li,
main ol li {
	line-height: 1.5;
	margin-left: 1.2em;
}
main ol {
	list-style-type: decimal;
	margin: 0 0 1.5em 0;
}
main ul li ul li { 
	font-size: 90%;
	list-style-type: circle;
}
ul.linkliste li {
	line-height: 2.5;
	margin-left: 1.2em;
}

#schwerpunkte .therapie ul { list-style-type: none; }

hr { height:2px; border:0; background: #1C88B7; margin:4em 0; padding: 0 0 0px 0; }



/* ENDE Tags */





/* Links */

a {
	color: #0E7D98;
	text-decoration: underline;
	font-weight: bold;
}
a:hover,
a:active,
a:focus {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}

footer div.submenu a,
footer a {
	color: #444;
	font-weight: normal;
}

a.grafiklink:link, a.grafiklink:hover, a.grafiklink:active, a.grafiklink:visited, a.nobgcolor:hover 
	{ text-decoration: none; background-color: transparent; }


#schwerpunkte .therapie a {
	display: block;
	width: 100%;
}

footer a,
#schwerpunkte .therapie a,
.top-bar span.right a { text-decoration: none; }



main div.box-name a { 
	color: #fff; 
	font-weight: normal;
	background-color: transparent;
}
footer p { font-size: 0.8rem; }

footer div.submenu a { 
padding-left:5px;
display: block;
width: 100px;
font-weight: normal;
font-size: 0.8rem;
}
footer div.submenu a:hover, 
footer div.submenu a:active, 
footer div.submenu a:focus,
footer a:hover, 
footer a:active, 
footer a:focus,
main div.box-name a:hover, 
main div.box-name a:active, 
main div.box-name a:focus
 {
	color: #8FBADC;
	background-color: #fff;
	text-decoration: none;
}

	
.ym-vlist li {
	font-size: 100%;
}
.ym-vlist li ul li { font-size: 70%; }
.ym-vlist li ul li a, .ym-vlist li ul li strong, .ym-vlist li ul li span {
	padding-left: 5%;
	width: 95%;
}

ul.ym-vlist > li {
	font-size: 120%;
	color: #000;
	background-color: #f4c100;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
}
/* yaml gray-theme.css */	
.ym-next:before {
		content: "\279C"; padding-right:6px; 
	}

.ym-play:before {
		content: "\25B6"; padding-right:6px;
	}

.ym-email:before {
	content: "\2709"; padding-right:6px;
}
a.ym-email,
a.ym-next {
	text-decoration:none;
}
/* ENDE yaml gray-theme.css */	



/* yaml */	

.ym-wrapper {
    max-width: 100%;
}




	.box {
		-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
		border-color: rgba(0, 0, 0, 0.3);
		border-radius: 0.3em;
		border-style: solid;
		border-width: 1px;
		box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
		color: rgba(0, 0, 0, 0.8);
		margin: 1em 1em 1.5em 1em;
		padding: 2.42857em;
	}

	.box > *:last-child {
		margin-bottom: 0;
	}



/* ENDE yaml */	
	
.breadcrumb { 
	float:right;
	margin-right:5%;
	background-color: #F4C10066;
	padding: 15px;
}

a.download {
	background: transparent url('../images/fremdbilder/PDF_Icon_30px-Adobe.svg.png') 0% 50% no-repeat;
	padding: 40px 40px 40px 40px;
	margin-top:20px;
}


a[href^="http:"],
a[href^="https:"] { 
background: transparent url('../images/externer-link.png') 100% 50% no-repeat;
padding-right: 20px;
}

a[href^="http://endo-nk.de"],
a[href^="http://www.endo-nk.de"]
{
background: transparent;
padding-right: 0px;
}


/* ENDE Links */







/* Ueberschriften */

h1, h2, h3, h4, h5, h6 {
	color: #444;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin: 0;
	line-height: 1.1;
}
h1 { 
	text-transform: uppercase;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 36px;
	color: #1C88B7;
}


#inhalt h1 {
	margin: 30px 0 60px 0;
	font-size: 40px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 0em;
	line-height: 1em;
}


h1 + h3,
h1 + h4,
h1 + iframe
 { margin-top: 20px; }

h1 + h3
 { margin-bottom: 20px; }

body.datenschutz h3
 { margin-top: 3em; }

	
h2 { 
	margin: 0 0 1em 0;
	text-transform: uppercase;
}	
	
div.therapie h2 {
	font-weight: bold;
	color: #000;
	background-color: #F4C100;
	margin:20px 0px 10px 0px ;
	text-align: center;
	text-transform: uppercase;
}

h3 + p,
h3 + div.ym-grid,
h3 + ul {
	margin-top: 20px;
}

.box-name h3 {
	font-size: 24px;
	color:#fff;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}
.box-name h4 {
	font-size: 28px;
	color:#fff;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

body.links div#inhalt h3 {
	margin: 3em 0 0.875em 0;
	border-top: 6px dotted #E3B300;
	text-transform: uppercase;
	padding-top: 20px;
}

h4 {
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 0.875em 0;
	line-height: 1.5;
}

#schwerpunkte .box-therapie h4 {
	font-size: 110%;
	font-weight: normal;
	margin: 0 0 0.875em 0;
	line-height: 1.5;
}

h5 {
	margin: 1.16667em 0;
	text-transform: uppercase;
}




.container > header h2{
	margin-top: 10px;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 28px;
	font-weight: 400;
	padding: 30px 0px 0px 0px;
}
.container > header h3 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 28px;
	font-weight: 400;
	margin-bottom:0;
	padding: 30px 0px 0px 0px;
	text-transform: uppercase;
}
.container > header h3 span{ 
	font-size: 13px; 
	letter-spacing: 0.07em;
	padding-top: 10px;
	display: block; 
	text-transform: uppercase;
	text-align: right;
}

div.team h3 + h4 { margin-top: 30px; }

/* ENDE Ueberschriften */





div.lageplan{ text-align: center; }	


header,
main
{
	background-image: none;
	background-color: #D7E4ED;
	padding: 0;
	margin: 0px auto 0px auto;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: left;
}
footer { 
	width: 100%;
	background-color: #8FBADC;
	  /* Old browsers */
	  
	  
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #DEEBF4), color-stop(49%, #BCC8D1), color-stop(100%, #8FBADC));
	  /* Chrome,Safari4+ */
	  
	background: -webkit-linear-gradient(left, #DEEBF4 0%, #BCC8D1 49%, #8FBADC 100%);
	  /* Chrome10+,Safari5.1+ */
	  
	background: -o-linear-gradient(left, #DEEBF4 0%, #BCC8D1 49%, #8FBADC 100%);
	  /* Opera 11.10+ */
	  
	background: -ms-linear-gradient(left, #DEEBF4 0%, #BCC8D1 49%, #8FBADC 100%);
	  /* IE10+ */
	  
	background: linear-gradient(to right, #DEEBF4 0%, #BCC8D1 49%, #8FBADC 100%);
	  /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEEBF4', endColorstr='#8FBADC',GradientType=1);
	  /* IE6-9 */
	
}
main {  
	width: 80%;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	behavior:url(border-radius.htc); /* Internet Explorer */
}

main div.box-name {
	background-color: #8FBADC;
	color: #fff;
	padding: 20px;
}




footer .content_a { padding-top: 60px; font-weight: bold; }
footer .content_b { margin-top: 60px; }

.footer-content div.submenu{ 
margin: 60px auto 0 auto; 
text-align: left; 
width:150px;
}



#schwerpunkte,
#inhalt {max-width: 100%;}





#schwerpunkte .box-therapie  {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	margin-right: 80px;
}
#schwerpunkte .box-therapie h3 {
	color: #444;
	font-size: 20px;
	background-color: #8FBADCB3;
	padding: 10px 5px;
	margin: 30px 0 30px 0px;
	display: block;
	text-transform: uppercase;
}

#schwerpunkte .box-therapie div {
	
	padding: 0 0 5px 10px;
}


#schwerpunkte .therapie h2 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 28px;
	padding-bottom: 20px;
	letter-spacing: 0.1em;
	line-height: 35px;
	color:#333;
}






header div.ym-wrapper:nth-child(1) {
	max-width: 100%;
}


div.pfeil-seitenanfang { }


/* Klassen */
.bu { font-style: italic; font-size: 100%; }
.bordered,
img.team,
img.team-uebersicht {
border: 2px white solid;
margin-bottom: 1.5em;
-khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); /* Konqueror */
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); /* Firefox */
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
div.bild img { width:200px; }
div.team-startseite img.teamfoto {
	width: 250px;
	margin-top:100px;
}
.rundung-standard,
#schwerpunkte .box-therapie,
.team-uebersicht,
.arzt-uebersicht,
a
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
-khtml-border-radius: 4px; /* for old Konqueror browsers */
behavior:url(border-radius.htc); /* Internet Explorer */
}


.schatten,
img.aktuell, 
img.illu-therapie,
img.illu-accordion,
img.illu-01,
hr {
-moz-box-shadow:2px 2px 5px #414141; /* Firefox */
-webkit-box-shadow:2px 2px 5px #414141; /* Chrome, Safari */
-khtml-box-shadow:2px 2px 5px #414141; /* Konqueror */
box-shadow: 2px 2px 5px #414141; /* CSS3 */
}


div.flexibler_container div.team-uebersicht { 
	padding: 10px;
	float: left; 
	width:325px; 
}



/* ENDE Klassen */


/* bilder */

.box-name img.logo {
	width: 85px;
}

header img.logo  {
	height: auto;
	max-width: 100%;
	margin-top: 0px;
}
header img.panorama  {
	height: auto;
	max-width: 100%;
}
img.illu_darm_2  {
	height: auto;
	max-width: 374px;
}
main img.logo  {
	margin-bottom: 20px;
}
body.kontakt img.logo {
	width: 200px;
	margin-bottom: 20px;
}



img.illu-01  {
	width:400px;
	float: left;
	margin: 7px 25px 5px 0;
}
img.illu-aktuelles  {
	float: right;
	margin: 0 0 10px 15px;
}
img.illu-leistungen  {
	float: left;
	margin: 0 10px 5px 0;
}

img.lebenslauf  {
	float: left;
	margin: 0 50px 5px 0;
}
img.illu-therapie  {
	display: inline;
	float: left;
	margin: 0 1em 5px 0;
}

img.portrait_start_1  {  }


img.panorama {
	width:1460px;
	margin: 30px 0px 30px 30px;
}
img.team {
	width:100%;
	margin: 0 0 50px 0;
}
img.termin {
	max-width: 240px;
}
img.arztteam {
	width:600px;
	float: left;
	margin: 0 50px 30px 0;
}
img.cgm-info {
	max-width: 240px;
	margin:10px;
}

.box-therapie img {
	margin-bottom: 5px;
}
footer img.logo {
	width: 150px;
	float:left;
	margin: 10px 20px 0px 0px;
}

div.pfeil-seitenanfang a {
	display: block;
	width: 40px;
	height: 40px;
    background: url(../images/pfeil-seitenanfang.png) 0 0 no-repeat;
}
div.pfeil-seitenanfang a:hover { background: url(../images/pfeil-seitenanfang.png) -40px 0; }
div.kurs_buchen img.kurs_buchen { margin-top: 10%; }

.filter_saettigung_verringern {
	-webkit-filter: saturate(0.5);
    filter: saturate(0.5);
}

/* ENDE Bilder */




/*
          Container
#######################################
*/

div.infobox_cgm_termineonline {
	padding-top: 4em;
	padding-left: 4em;
}

div.kasten-standard {
	padding: 30px 40px 10px 30px !important;
}
div.kasten-info {
	margin: 0 10px;
	padding: 10px;
	background-color: #fff;
}

.wrapper.style2 { background-color: #c5d9fc; } /* main.css 3335 */  

div#container-navigation{ width:80%;}

div#container-navigation > div.ym-wbox { 
	padding:0; 
	overflow: visible; /* Wichtig fuer Untermenues, sonst nicht sichtbar */
}

div.box-zeiten-rehasport{ padding: 80px 0 0 100px;}
div#box-galerie{ padding: 80px 0 0 0;}

#kurse div.ym-g50:nth-child(1) > div:nth-child(1) {
	padding: 30px 30px 10px 30px;
	margin: 0 5px;
	font-size: 120%;
	background-color: #b4b4b4;
}
table#oeffnungszeiten,
table#zeiten-rehasport {
width:auto;
}
table.standard {
width:auto;
}
table.standard td:nth-child(1) {
padding-right:20px;
}
table.anschrift td {
	font-size: 180%;
}
table.anschrift > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) { padding-right: 15px; }
table#oeffnungszeiten td,
table#zeiten-rehasport td {
padding:8px 10px 8px 0;
}
table#oeffnungszeiten td.wochentag,
table#zeiten-rehasport td.wochentag {
padding-right:20px;
font-weight: bold;
}
table#oeffnungszeiten td.uhrzeit,
table#zeiten-rehasport td.uhrzeit {
text-align: right;
}
table#oeffnungszeiten td.nv {
font-style: italic;
}

div.termincontainer {
	text-align: center;
	margin: 40px 0 0 0;
}


div.team-startseite > [class*="ym-g"] > [class*="ym-gbox"] {
	padding-left: 10px;
	padding-right: 10px;
}
div.team-startseite div.name {
	font-size:14px;
}
div.team-uebersicht {
	background-color: #f4f4f4;
	text-align: center;
	margin: 50px 50px;
	padding-top: 40px;
}
div.arzt-uebersicht {
	background-color: #f4f4f4;
	text-align: center;
	margin: 20px 150px;
	padding-top: 50px;
}

div.name {
	font-weight: bold;
	font-size: 20px;
}
div.name_zusatz {
	padding: 0 15px 15px;
}

div.team-uebersicht-reihe-1 div.teambild,
div.team-uebersicht-reihe-2 div.teambild,
div.team-uebersicht-reihe-3 div.teambild {
	padding-top: 50px;
}
div.team-uebersicht-reihe-3 {
	padding-bottom: 50px;
}

div.anfahrt iframe { height:600px; }


/* .sidebar */
div.sidebar{ 
padding: 30px 20px !important; 
margin: 110px 20px 20px 20px !important; 
font-size: 90%; 
border: 2px solid #b6b6b6; 
background-color: #f4f4f4;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
-khtml-border-radius: 4px; /* for old Konqueror browsers */
behavior:url(border-radius.htc); /* Internet Explorer */
}

.sidebar span.text001, .sidebar span.text003, .sidebar span.text004 { font-size:120%; }
.sidebar span.text001 { font-weight: bold; }
.sidebar span.text002  {font-size: 160%;}
.sidebar span.text001, .sidebar span.text002 { color: #0E7D98; }

div.sidebar-foto { margin-top:1em; }

div.sidebar div.anfahrt iframe { height:220px; }

div.sidebar h3 { font-size: 160%; margin-top: 50px; margin-bottom: 20px; }


/* ENDE #sidebar */


/* ENDE Container */




/*Sticky Footer css-tricks.com */
.container {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -230px; 
  
  
}
.container:after {
  content: "";
  display: block;
}
.container:after { height: 230px; } /* gleiche Hoehe wie footer */

footer {
	height: 230px;
	color:#444;
	text-align: left;
	padding: 0;
	margin-top: 50px;
}
footer ul {
	list-style: none;
}
div.footer-content {
	width: 100%;
	margin: 20px 0 0 50px;
}

/* ENDE Sticky Footer */







/* Flexslider Bildgalerie
--------------------------------------------- */
.container_slider {
	height: 700px;
	padding-top: 4em;
}

.flexslider {
	max-width: 1200px;
	margin: 0;
	background: transparent;
	border: none;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	zoom: 1;
}

.flex-control-paging li a.flex-active {
	background: #8FBADC;
	cursor: default;
}

.flex-control-paging li a {
	width: 15px;
	height: 15px;
}
.flex-control-nav {
	bottom: 20px;
}
p.flex-caption {
	width: 98%;
	padding: 1%;
}
/* ENDE Flexslider Bildgalerie
--------------------------------------------- */




/* Tooltip http://www.w3schools.com/css/css_tooltip.asp */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip-fuer-links {
    position: relative;
    display: inline-block;
    border-bottom: none;
}

.tooltip .tooltiptext,
.tooltip-fuer-links .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    
	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;

}

.tooltip .tooltiptext::after,
.tooltip-fuer-links .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext,
.tooltip-fuer-links:hover .tooltiptext {
    visibility: visible;
	opacity: 1;
}

/* At the top of the tooltip 
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
*/

/* To the left of the tooltip 
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; 
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
*/

/* To the right of the tooltip 
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; 
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
*/

/* ENDE Tooltip */