@font-face {
    font-family: 'pt_sans';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sans';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;

}




:focus {outline:none;}
::-moz-focus-inner {border:0;}
a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}


html[xmlns^="http"]
{
	overflow-y: scroll;
}

html{
	overflow: -moz-scrollbars-vertical;
}

/*html, body {height: 100%;}
#wrapper {min-height:100%;}*/

/* MAIN */
html {
	/*height:100%;*/
}
html, body {
	background-color:#fff;

	/* The html and body elements cannot have any padding or margin. */
	-webkit-font-smoothing: antialiased;
}
	body {
		-ms-touch-action: pan-x;
		overflow-x: hidden;
		position: relative;
		margin: 0;
		padding: 0;
		

	}

	body,tr,td,table {
		/*font-family: Helvetica, Arial, sans-serif;*/
		font-family: "pt_sans",sans-serif;
		font-weight: 400;
		font-size: 14px;
		font-style: normal;
		font-variant: normal;
		line-height: 1.35em;
		letter-spacing: 0.0em;
		margin: 0;
		padding: 0;
		text-align: left;
		color:#494D56;
		/*padding-top: 70px; */
		
	}

*:focus { outline: none }

section {

}

ul, ol {
    margin-left: 18px;
    padding-left: 0;
}

.article li {
    padding-bottom: 8px;
}


.article ul { list-style-image: url("images/bullet.png"); }
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
    /*.article ul { list-style-image: none; }*/
}


/* --- TYPOGRAPHY --- */
h1, h2 {
    text-transform: uppercase;
    font-size: 21px;
    color: #0093A5;
}

h2 {
    margin-top: 40px;
}

.auszeichnung {
    text-transform: uppercase;
    color: #0093A5;
}

a {
    color: #0093A5;
}

a:hover {
    color: #0093A5;
}

/* logopattern */

#logopattern {
    width: 775px;
    height: 560px;
    background: url("images/logopattern_big.png");
    background-repeat: no-repeat;
    position: fixed;
    margin-left: -300px;
    z-index: 99;
    top:45%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    width:100%;                /* Required for IE filter */
    -moz-opacity: 0.7;         /* Mozilla extension */
    -khtml-opacity:0.7;        /* Konqueror extension (Safari 1.1)*/
    opacity: 0.7;              /* the correct CSS3 syntax */
    pointer-events: none;
}

/*.border-top {
    position: fixed;
    top:0;
    border-top: 2px solid #72b1c1;
    background: #9ECDD9;
    height: 4px;
    width: 100%;
    z-index: 5;
}*/

/* boxes / nav etc */

.header {
    margin: 0;
    margin-top: 0px;
    padding: 20px 0 15px 0;
    opacity: 1;
    background: #CEE5EA;
}


    .header .adresse {
        padding-right:40px;
    }
    

.header .logo img {
    width: 220px;
    padding-left: 20px;
    margin-top: -5px;
}

.header .adresse {
    padding-top: 30px;
}

.header table .c1 {
    padding-right: 40px;
}

.header .ad_name {
    font-size: 160%;
    color: #494D56;
    padding-top: 3px;
}

.header .ad_job {
    color: #767981;
    font-size: 115%;
    padding-top: 8px;
    padding-bottom: 0px;
}

.header .ad_location {
    color: #767981;
    font-size: 95%;
    line-height: 1.25em;
}

.header a {
    text-decoration: none;
    color: #767981;
}

#nav {
	width: 100%;
	position:static;
	z-index: 2;
}
	@media only screen and (min-width: 750px) {
		#nav {
		  top:-35px;
		}
	}

	#nav.affix {
	   position: fixed;
	   top: 0;
	   z-index:10;
	   -webkit-transition: all .4s ease-in-out;
	}
	

.navbar {
    text-transform: uppercase;
    margin-bottom: 0;
}

.navbar-default {
    border: 0;
    background: transparent;
}

.navbar-collapse {
    background: #9ECDD9;
}

#main-navbar-collapse {
    /*border-top: 2px solid #72b1c1;*/
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background: none;
    color: #0C7192;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #0C7192;
}

.navbar-default .navbar-nav>li>a {
    color: #494D56;
}

.nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .nav li.first-child {
        padding-left: 15px;
    }
    .nav li.last-child {
        padding-right: 0;
    }
}

.navbar-brand {
    font-size: 16px;
    padding: 8px 0 0px 15px;
    text-transform: none;
    line-height: 17px;
}

.navbar-brand span {
    color: #494D56;
}

.navbar .dropdown-menu {
    background: #CDCDCF;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background: transparent;
    color: #0093A5;
}

.dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border:none;
    font-size: 90%;
}

.dropdown-menu>li>a {
    color: #494D56;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    color:#0C7192;
    text-decoration:none;
    background-color:transparent;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background: transparent;
    color: #0C7192;
}


section {
  min-height: 760px;
  height: auto !important;
  height: 100%;
  width: 100%;
  /*padding-top:15px;
  padding-bottom: 15px;*/
  margin-bottom: 0px;
  background-color: #ccc;
}

section .article {
    padding-top: 100px;
    padding-bottom: 20px;
}


.section-osteopathie {
	background-image: url('images/osteopathie.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #DAE4B1;
	/*-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
    /* margin-top: 175px; */
}

.section-wirkungsweise {
	background-image: url('images/wirkungsweise.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #F0ECE6;
    
}

.section-behandlung_erwachsene {
	background-image: url('images/behandlung_erwachsene.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #D3E0AF;
    
}
.section-behandlung_babys {
	background-image: url('images/behandlung_babys.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #FAFAF4;
    
}
.section-behandlung_kinder {
	background-image: url('images/behandlung_kinder.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #EFEEEA;
    
}
.section-behandlung_schwangere {
	background-image: url('images/behandlung_schwangere.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #F1F0ED;
    
}
.section-behandlung_behandlungsablauf {
	background-image: url('images/behandlung_behandlungsablauf.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #D6DFA6;
    
}
.section-vita {
	background-image: url('images/vita.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #DEE5B6;
    
}
.section-praxis {
	background-image: url('images/praxis.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #EFF3F5;
    
}
.section-kontakt {
	background-image: url('images/kontakt.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #B3AB2D;
    
}
.section-info {
	background-image: url('images/info-impressum.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #DBEBB5;
    
}
.section-impressum {
	background-image: url('images/info-impressum.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #DBEBB5;
}

.white > div {
    background: rgba(255,255,255,0.75);
    height: 620px;
}




.footer {
    margin: 20px 0 40px 0;
}

.footer_mobile {
    font-size: 12px;
    line-height: 1.3em;
}


    /*.gmaps {
        margin-top: 30px;
    }*/


/* SIZE: XS */
@media only screen 
and (max-width : 767px) {
    
    body {
        /* padding-top: 51px; */
        background: #fff;
    }
    
    .navbar-default {
        border-color: #e7e7e7;
        background-color: #9ECDD9;
        margin:0 15px;
    }

    section {
        padding-top: 0;
        background-image: none !important;
        min-height: 100px;
    }
    
    section .article {
        padding:15px;
        padding-top: 0;
    }
    
    .white > div {
        background: transparent;
        height: auto;
    }
}




@media only screen 
and (min-width : 769px) and (max-width : 991px) {
    
    section .article {
        padding:0px;
        padding-top: 40px;
    }
}