/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #a29995;
    color: white;
    text-shadow: none;
}

::selection {
    background: #a29995;
    color: white;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

span.sz {
	display:block;
	float:left;
	width:80px;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*Base*/
body{
    font-family: 'PT Sans', 'Helvetica Neue', Helvetica sans-serif;
    font-weight: 400;
    color: #999999;
    margin: 0;
}
body,
.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {
    /* Set you're content font stack here: */
    font-family: 'PT Sans', 'Helvetica Neue', Helvetica sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
	color:#5D5654;
}
.container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1000px;
    margin-bottom: 50px;
    border-top: 4px solid #a29995;
}

.l-box{
    margin-left: 20px;
    margin-right: 20px;
}
.l-box.left{
    margin-left: 40px;
    margin-right: 0;
}
.l-box.right{
    margin-left: 0;
    margin-right: 40px;
}

a{
    color: #999999;
    text-decoration: none;
}
a:hover,
a:active{
    text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5{
    text-transform: uppercase;
    font-weight: 400;
}


/*Header*/
header{

}
#logo{
    padding: 30px 0;
}
#logo img{
    margin: 0 auto;
    display: block;
}

/*Navigation*/
#navigation{
}
#menu-three-lines{
    background-color: #A29995;
    letter-spacing: normal;
    text-align: center;
    width: 100%;
    border: solid 1px #AAA;
    -webkit-box-shadow: 0 1px 2px #BBB;
    box-shadow: 0 1px 2px #BBB;
    display: none;
}
#menu-three-lines a{
    color: white;
    text-decoration: none;
    padding: 8px 0;
    text-transform: uppercase;
    display: block;
    font-size: 15px;
}
#menu-close-button{
    display: none;
    width: 100%;
    text-align: center;
    padding: 6px 0 6px;
    color: #A29995;
}

#navigation ul{
    list-style: none;
    padding: 0;
    border-top: 1px solid #e5e5e5;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
	margin-right:0;
}
#navigation ul li{
    display: inline-block;
    margin-top: -1px;
    margin-right: 20px;
}
#navigation li a,
#navigation li a:focus{
    color: #999999;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 0 15px 0;
    line-height: 50px;
	letter-spacing:1px;
}
#navigation li a:hover,
#navigation li a:active,
#navigation li.selected a{
    color: #5d5654;
    border-top: 1px solid #353434;
}

/*Search-Container*/
#search-container {

}
#search {
    padding: 15px 0;
    border: none;
    border-top: 1px solid #e5e5e5;
}

#search input[type="text"] {
    background: url(../img/icon_search.png) no-repeat 95% center white;
    font-size: 13px;
    line-height: 20px;
    /*border: 1px solid #d1d1d1;*/
    border: none;
    /*font: bold 12px Arial,Helvetica,Sans-serif;*/

    text-transform: uppercase;
    color: #bebebe;
    width: 100%;
    display: block;
    /*width: 150px;*/
    padding: 0;
    outline: 0;
}
#search input[type="text"]:active {
    border: none;
}
#search input[type="text"]:focus {
    /*width: 200px;*/
}
/*Teaser-Container*/
#teaser-container{
   position:relative;
}
#teaser-container img{
    width: 100%;
}
#teaser-container .introtext {
	position:absolute;
	right:0px;
	bottom:0;
	width:500px;
	margin:1%;
	padding:2%;
	background:url(../img/bg-introtext.png) repeat top left;
}
#teaser-container .introtext h1 {
	font-size:16px;
	color:#666;
}

#teaser-container .introtext p {
	margin:0;
	padding:0 0 15px 0;
	color:#666;
}

/*Main*/
#main{

}
#content-container{
    padding-bottom: 50px;
    margin-top: 40px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
#content{
    position: relative;
}
.barriere {
	position:absolute;
	right: 10px;
	bottom:10px;
}
.start #content h1 {
	margin-top:0;
}
.start #content p {
	line-height:22px;
}

#tel-container{
    color: white;
    font-size: 18px;
    font-weight: 700;
    line-height: 55px;
    padding-left: 65px;
    background: #a29995 url("../img/icon_phone.png") left center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 55px;
    border-radius: 35px;
    -webkit-box-shadow: 0 0 5px #cccccc;
    box-shadow: 0 0 5px #cccccc;
}
#tel-container a,
#tel-container a:focus{
    color: white;
	letter-spacing:1px;
	font-weight:300;
}
#content h2.subhead{
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#content h1{
    color: #5d5654;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 400;
	line-height: 28px;
    /*padding-right: 210px;*/
}
#content p{
    color: #5d5654;
    font-size: 14px;
    line-height: 24px;
	margin-top:0;
}
#content ul{
    margin-left: 0;
    padding-left: 15px;
}
#content ul li{
    /*padding: 5px 0;*/
}
#content ul li p{
    margin: 4px 0;
}
/*Sidebar-Container*/
#sidebar-navigation{

}
#sidebar-navigation #tel-container{
    position: static;
    width: auto;
    display: block;
}
#sidebar-navigation ul{
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #E5E5E5;
}
#sidebar-navigation ul li{
    padding: 0;
    margin: 0;
    list-style: none;
}
#sidebar-navigation ul li a,
#sidebar-navigation ul li a:focus{
    text-transform: uppercase;
    padding: 15px 0;
    display: block;
    color: #999;
    border-top: 1px solid #E5E5E5;
	letter-spacing: 1px;
}
#sidebar-navigation ul li a:hover,
#sidebar-navigation ul li a:active,
#sidebar-navigation ul li.selected a{
    color: #5d5654;
    border-top: 1px solid #5D5654;
    text-decoration: none;
}
#sidebar-navigation ul ul li a,
#sidebar-navigation ul ul li a:focus,
#sidebar-navigation ul li.selected ul li a{
	border-top: 1px solid #E5E5E5;
    padding: 15px 15px;
	color: #999;
}
#sidebar-navigation ul li.selected ul li.selected a,
#sidebar-navigation ul li ul li.selected a{
    color: #5d5654;
    border-top: 1px solid #5D5654;
}
#opening-time-container h4.subhead{
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#opening-time-container h3{
    color: #5d5654;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 400;
}
#drive-to-box{
    background-color: #ecebea;
    padding: 20px;
    position: relative;
    margin-top: 75px;
}
.map-image{
    width: 100%;
}
#drive-to-box h4{
    text-align: center;
}
#drive-to-box img{
    margin: 0 auto;
    display: block
}
#drive-to-box .icon-car{
    /*position: absolute;
    bottom: -20px;*/
    margin-bottom: -50px;
    -webkit-box-shadow: 0 0 5px #cccccc;
    box-shadow: 0 0 5px #cccccc;
    border-radius: 50%;
}
/*Footer*/
footer{
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    width: 100%;
    float: left;
}
footer p{
    font-size: 12px !important;
    padding: 0;
    margin: 0;
}
#praxis-container{

}
#praxis-container img{
    float: left;
	 margin-top: 5px;
}
#praxis-container #praxisname{
    float: left;
    margin-left: 10px;
}
#praxis-container #praxisname h3{
    font-size: 12px !important;
    color: #5d5654;
    padding: 0;
    margin: 0;
}

#phone-container .fax span,
#phone-container .tel span{
    color: #5d5654;
    width: 35px;
    display: inline-block;
    text-align: left;
}

#mail-container .mail span,
#mail-container .web span{
    color: #5d5654;
    width: 35px;
    display: inline-block;
}

#service-menu-container{
    /*text-align: right;*/
    padding: 10px 0;
}

.gallery {
	list-styl:none;
	padding:0 !important;
	margin:0 !important;
}
.gallery li {
    display: block;
    float: left;
    height: 80px;
    margin: 0 20px 20px 0;
    text-align: center;
    width: 120px;
}



span.tpname {
	margin-top:5px;
	margin-bottom:10px;
	display:block;
	width:100%;
	text-transform:uppercase;
}
span.tppos {
	display:block;
	width:100%;
	line-height:20px;
	font-size:13px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*IE Hack*/

img.logo-image { border: none\9; }