/* ==========================================================================
   HTML5 Boilerplate
   ========================================================================== */
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4;}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
iframe { border:none; }

/* ==========================================================================
   Global Style
   ========================================================================== */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	font-size:14px;
	font-weight:400;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background:#fff;
	color:#666;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;	
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin:0;
	padding:0;
}

blockquote {
    margin: 0;
}

img {
    border: 0 none;
}

.placeholder {
	display:none;	
}

a {
	outline:none;	
}

b,strong {
	font-weight:600;	
}

.nopad {
	padding:0;	
	margin:0;
}

/* ==========================================================================
   Base Grid
   ========================================================================== */
.imagescalewithgrid {
	display:block;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.maxwidth {
	width:100%;	
}

[class*='col-'] { float: left; padding-right: 20px; }
.grid {width: 100%; max-width: 960px; /*basis*/ min-width: 600px; margin: 0 auto; }
.grid:after { content: ""; display: table; clear: both; }
.grid-pad { padding: 0 0 0 20px; }
.grid-pad > [class*='col-']:last-of-type { padding-right: 20px; }
.push-right { float: right; }
.col-1-1 { width: 100%; }
.col-2-3, .col-8-12 { width: 66.66%; }
.col-1-2, .col-6-12 { width: 50%; }
.col-1-3, .col-4-12 { width: 33.33%; }
.col-1-4, .col-3-12 { width: 25%; }
.col-1-5 { width: 20%; }
.col-1-6, .col-2-12 { width: 16.667%; }
.col-1-7 { width: 14.28%; }
.col-1-8 { width: 12.5%; }
.col-1-9 { width: 11.1%; }
.col-1-10 { width: 10%; }
.col-1-11 { width: 9.09%; }
.col-1-12 { width: 8.33% }
.col-11-12 { width: 91.66% }
.col-10-12 { width: 83.333%; }
.col-9-12 { width: 75%; }
.col-5-12 { width: 41.66%; }
.col-7-12 { width: 58.33% }

/* ==========================================================================
   Typo
   ========================================================================== */
h1, h2, h3, h4, h5, p, ul, label {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;	
	font-weight:400;
}

/*slider, content*/  
h1 { 
	font-size:18px;
	font-weight:400;
	line-height:24px;
	text-transform:uppercase;
	color:#9B0B01;
	border-bottom:1px solid #9B0B01;
	padding-bottom:10px;
	margin-bottom:30px;
}

/* slider, content */
h2 { 
	font-size:14px;
	line-height:21px;
	font-weight:400;
	text-transform:uppercase;
	color:#9B0B01;
	margin-bottom:20px;
}

/* teaser */
h3 { 
	font-size:14px;
	font-weight:600;
	line-height:21px;
	text-transform:uppercase;
	color:#494948;
	margin-bottom:20px;
}

/* callback */
h4 { 
	font-size:14px;
	font-weight:600;
	line-height:21px;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:20px;
}

/* footer */
h5 {
	font-size:14px;
	font-weight:600;
	line-height:21px;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:20px;
}

/* content subnav */
h6 {
	font-size:18px;
	font-weight:600;
	line-height:24px;
	text-transform:uppercase;
	color:#494948;
	margin-bottom:33px;
}

p {
	font-size:13px;
	padding:0 0 20px 0;
	line-height:22px;
	color:#494948;
}

ul {
	font-size:13px;
	list-style:none;
	padding:0 0 20px 0;
	line-height:22px;
}

a {
	font-size:13px;
	text-decoration:none;
	color:#9B0B01;
}
a:focus,
a:hover {
	color:#333;
}

/* ==========================================================================
   Topnav
   ========================================================================== */
#topnav {
	background:#fff;
}
#topnav ul {
	margin-bottom:0px;
	float:right;
	line-height:16px;
}
#topnav ul li {
	float:left;
	border-right:1px solid #666;
}
#topnav ul li a {
	display:block;
	font-size:12px;
	padding:5px 10px 0 10px;
	text-transform:uppercase;
	color:#333;
}

/* ==========================================================================
   Header
   ========================================================================== */
#header {
	background:#fff;
	padding:20px 0;
}
#header .header-phone {
	padding-left:50%;
	padding-top:20px;
}
#header .header-phone p {
	font-size:12px;
	font-weight:400;
	text-align:right;
	line-height:21px;
	color:#333;
}
#header .header-phone p span {
	display:block;
	font-size:24px;
	line-height:24px;
	font-weight:500;
	color:#9B0B01;
}

/* ==========================================================================
   Sticky Header
   ========================================================================== */
#stickyheader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1001;
	padding:20px 0 130px 0;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(73,73,72,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,73,72,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(73,73,72,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(73,73,72,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(73,73,72,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(73,73,72,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6494948', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}
#stickyheader.small {
	background:#494948;	
	padding:20px 0 20px 0;
}
#tpl-standard #stickyheader {background:#494948; padding:20px 0 20px 0;}
/*
#tpl-standard #main,
#tpl-galerie #main {margin-top:200px;}
*/

#stickyheader .header-logo{
	margin:0 auto;
	margin-top:30px;
}
	
#stickyheader #mainnav {
    border: none;
	margin-top:30px;
	float:right;
}

/* lvl 1 */
#stickyheader #mainnav ul {
    border-bottom:1px solid #fff;
	padding-bottom:15px;
}
#stickyheader #mainnav ul li {
    border: none;
    padding: 0;
	float:right;
}
#stickyheader #mainnav ul li a {
	border:none;
	padding: 0 6px;
	margin:0;
	color:#fff;
	font-weight:400;
	font-size:13px;
	text-transform:none;
	text-decoration:none;
}
#stickyheader.small #mainnav ul li a {
	color:#fff;	
}

/* lvl 2 */
#stickyheader #mainnav ul ul {
    border-bottom:none;
}
#stickyheader #mainnav .sf-menu ul {
    min-width: 17em;
}
#stickyheader #mainnav ul ul li {
    background:#6d6d6d;	
}
#stickyheader #mainnav ul ul li a {
    padding: 5px 8px;
}

#stickyheader .ir {
    height:0;
}

#stickyheader #topsubnav {
	width:100%;
}
#stickyheader #topsubnav ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
#stickyheader #topsubnav ul li {
	float:left;
}
#stickyheader #topsubnav ul li a {
	border:none;
	padding: 0 8px;
	margin:0;
	color:#fff;
	font-weight:400;
	font-size:12px;
	letter-spacing:0.05em;
	text-decoration:none;
}

@media handheld, only screen and (max-width: 768px) {
	#stickyheader {
		position:static;
		background:#494948;	
		padding: 20px 0 10px 0;
	}
	#stickyheader .header-logo img{
		margin:0 auto;
	}
	#stickyheader #mainnav {
		float:none;
	}
	#stickyheader #mainnav ul {
		border-bottom:none;
		background: #494948;
	}
	#stickyheader #mainnav ul li a {
		border:none;
		padding: 8px 15px;
		border-bottom:1px solid #6d6d6d;
	}
	#stickyheader #mainnav ul li a:hover {
		background: #6d6d6d;
	}
	#stickyheader #topsubnav ul {
		float: left;
		margin-top:10px;
	}
}

/* ==========================================================================
   Mainnav
   ========================================================================== */
#mobile-btn {
    display: none;
    cursor: pointer;
	padding: 15px 0;
	text-decoration: none;
	zoom: 1; /* IE7 */
	color:#9B0B01;
	font-size:14px;
	font-weight:500;
	line-height:18px;
	text-transform:uppercase;
}
.mobile-sub {
    display: none;
}
  
#mainnav {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background:#F2F3F5;
}
#mainnav ul {
	float:left;
	width:100%;
	padding:0;
}

/* lvl 1*/
#mainnav ul li {
	float:left;
	border-right:1px solid #e5e5e5;
}
#mainnav ul li.first {
	border-left:1px solid #e5e5e5;
}
#mainnav ul li a {
	display:block;
	font-size:12px;
	padding:17px 12px 17px 12px;
	border-top:1px solid #e5e5e5;
	margin-top:-1px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#494948;
}
#mainnav ul li a:hover {
	color:#9B0B01;
	background:#fff;
}
#mainnav ul li.selected a {
	font-weight:600;
}

/* lvl 2*/
#mainnav ul ul {
	border-top:none;
	border-bottom:none;
}
#mainnav ul ul li {
	width:100%;
	padding:7px 0 7px 20px;
	background:	#fff;
	border-bottom:1px solid #e5e5e5;
}
#mainnav ul ul li.first {
	border-left:none;
}
#mainnav ul ul li a {
	color: #333;
	padding:0;
	border-top:none;
}
#mainnav ul li.selected ul li a {
	font-weight:400;
}
#mainnav ul ul li a:hover {
	color: #9B0B01;
	border-top:none;
}
#mainnav ul li.selected ul li a {
	border:none;
	color:#fff;
}
#mainnav ul li.selected ul li a:hover {
	border:none;
	color:#9B0B01;
}

/* ==========================================================================
   Slider
   ========================================================================== */
#slider {
	position:relative;
}
#slider .bx-wrapper .bx-viewport {
    border: none;
    box-shadow:none;
    left:0;
}
#slider .slide {
	position:relative;
	width:100%;
}
#slider .slide img {
    width: 100%;
}
#slider .slide-caption {
	padding:15px 0 0 0;
}
.slide-caption-inner {
	margin-right:200px;	
}
#slider .slide-caption h1,
#slider .slide-caption p {
	color:#494948;	
}
#slider .slide-caption h1{
	margin:0 0 5px 0;
	padding:0;
	border:none;
}
#slider .slide-button {
	padding:0;
}
#slider .slide-button a {
	text-decoration:none;
	text-transform:lowercase;
	color:#494948;
	background:#dedede;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	padding:5px 15px 4px 15px;
}
#slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
}
#slider .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #494948;
}
#slider .bx-wrapper .bx-prev {
	left: 75px;
	background: url(../img/prev.png) no-repeat center center;
}
#slider .bx-wrapper .bx-next {
	right: 75px;
	background: url(../img/next.png) no-repeat center center;
}
#slider .bx-wrapper .bx-prev:hover {
	opacity:0.8;
	background-position: center center;
}
#slider .bx-wrapper .bx-next:hover {
	opacity:0.8;
	background-position: center center;
}
#slider .bx-wrapper .bx-controls-direction a {
    height: 53px;
    width: 53px;
	margin-top: 0;
	top:44%;
}
#slider.sliderfull .slide-caption-inner {
	max-width:920px;
	margin:0 auto;
}

@media handheld, only screen and (max-width: 768px) {
	#slider .bx-wrapper .bx-controls-direction a {
		display:none;
	}
}

/* call to action / phone / sticky header */
#slider .phone {
	position:absolute;
	bottom:50px;
	left:0;
	width:100%;
	z-index:999;
}
#slider .phone-inner {
	background:#fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-8 */
	
	color:#45342C;	
	width:260px;
	float:right;
	padding:20px;
}
#slider .phone-inner p {
	padding:0;
	line-height:18px;
}
#slider .phone-inner span {
	display:block;
	font-size:24px;
	line-height:24px;
	font-weight:500;
	color:#45342C;
	margin-top:7px;
}

@media handheld, only screen and (max-width: 768px) {
	#slider .phone {
		position:static;
		width:100%;
	}
}

/* animate arrow sticky header */
@-webkit-keyframes fadeSlideDown {
  to {
    -webkit-transform: translateY(0);
    opacity: 1; } 
}
@-moz-keyframes fadeSlideDown {
  to {
    -moz-transform: translateY(0);
    opacity: 1; } 
}
@keyframes fadeSlideDown {
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } 
}
@-webkit-keyframes fadeSlideIn {
  to {
    -webkit-transform: translateX(0);
    opacity: 1; } 
}
@-moz-keyframes fadeSlideIn {
  to {
    -moz-transform: translateX(0);
    opacity: 1; } 
}
@keyframes fadeSlideIn {
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } 
}	
#slider .arrowdown {
	background: url("../img/arrow-down.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 35px;
    text-indent: -999em;
    width: 75px;
}
#slider .continue {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin: 0 0 0 -37px;
  z-index:99;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-animation: fadeSlideDown 1s 1.75s forwards;
  -moz-animation: fadeSlideDown 1s 1.75s forwards;
  animation: fadeSlideDown 1s 1.75s forwards; 
}

@media handheld, only screen and (max-width: 768px) {
	#slider .arrowdown {
		display:none;
	}
}

/* ==========================================================================
   Intro
   ========================================================================== */
#intro {
	margin:40px 0;	
}
#intro h1 {
    border: medium none;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 5px 0;
    padding: 0;
}
#intro h2 {
    border: medium none;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 20px 0;
    padding: 0;
}
#intro p {
	color:#000;	
}

/* ==========================================================================
   Teaser
   ========================================================================== */
#teaser {
	padding-top:60px;
	background:#f2f3f5;
	padding-bottom:60px;
}
#smallteaser {
	background:#f2f3f5;
}
#teaser img{
	margin-bottom:20px;	
}
#smallteaser img {
	margin-bottom:10px;	
}
#smallteaser .teaser-inner {
	padding:5px 15px 5px 15px;
}
#teaser .teaser-button a,
#smallteaser .teaser-button a {
	text-decoration:none;
	color:#494948;
	font-size:11px;
	font-weight:600;
	text-transform:uppercase;
	background:#fff;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	padding:5px 15px 4px 15px;
}
#teaser .teaser-button a:hover,
#smallteaser .teaser-button a:hover {
	background:#9B0B01;
	color:#fff;
}
#teaser .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0;
}
#teaser .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
}
#teaser .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#teaser .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #494948;
}
#teaser .bx-wrapper .bx-prev {
	left: -35px;
	background: url(../img/prev.png) no-repeat center center;
}
#teaser .bx-wrapper .bx-next {
	right: -35px;
	background: url(../img/next.png) no-repeat center center;
}
#teaser .bx-wrapper .bx-prev:hover {
	opacity:0.8;
	background-position: center center;
}
#teaser .bx-wrapper .bx-next:hover {
	opacity:0.8;
	background-position: center center;
}
#teaser .bx-wrapper .bx-controls-direction a {
    height: 53px;
    width: 53px;
	margin-top: 0;
	top:40%;
}
#teaser .col-1-3 {
    min-height: 410px;
    position: relative;
}
#teaser .teaser-button {
    bottom: 10px;
	left:0;
    position: absolute;
}

/*blog*/
#tpl-blog-start #teaser .col-1-3 {
	min-height: 500px;
}
#tpl-blog-start p.date {
	padding:0;	
	font-weight:600;
	font-size:12px;
}
#tpl-blog-standard h3 {
	font-weight:400;	
}
#tpl-blog-start h3 a {
	font-size:14px;
	font-weight:400;
	color:#494948;
}
#tpl-blog-standard h3 a {
	font-size:14px;
	font-weight:600;
	color:#494948;
	text-transform:none;
}

/* ==========================================================================
   Main
   ========================================================================== */ 
#main {
	margin:30px 0 30px 0;	
}

/* ==========================================================================
   Subnav
   ========================================================================== */ 
#subnav ul {
	list-style:none;
	padding-left:0;
}
#subnav li {
	width:100%;
}
#subnav li a {
	display:block;
	font-size:12px;
	padding:10px 0;
	margin-top:-1px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#666;
	border-bottom:1px solid #e5e5e5;
}
#subnav li a:hover {
	color:#9B0B01;
}
#subnav li.selected a {
	color:#494948;
	font-weight:600;
	border-bottom:1px solid #494948;
}
#subnav li.selected li a {
	color:#666;
	border-bottom:1px solid #e5e5e5;
	padding-left:15px;
}
#subnav li.selected li.selected a {
	color:#494948;
	font-weight:600;
	border-bottom:1px solid #494948;
}

/* ==========================================================================
   Content
   ========================================================================== */ 
#content ul {
	padding-left:15px;
	list-style:disc;	
}
#content a.buttonmzt {
	text-decoration:none;
	color:#494948;
	font-size:11px;
	font-weight:600;
	text-transform:uppercase;
	background:#dfdfdf;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	padding:7px 15px 6px 15px;
	margin-right:10px;
}
#content a.buttonmzt:hover {
	color:#fff;
	background:#9B0B01;
}

#content .galleryonethumb {
	margin-bottom:25px;
}
#content .galleryonethumb p {
	background:#efefef;
	padding:0;
}
#content .galleryonethumb a {
	color:#000;
	outline:none;
}
#content .galleryonethumb a:hover {
	color:#9B0B01;
}
#content .galleryonethumb span {
	display:block;
	padding:5px 0 5px 10px;		
}

.imagetext {
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #efefef;
	width:100%;
	float:left;
}

.read-more-open,
.read-more-close {
	color:#fff;
	background:#9B0B01;
	padding:2px 5px;
	margin-top:15px;
	width:25px !important;
	text-align:center;
	text-decoration:none;
}

#faq-list .answer {
    display:none;
}
#faq-list .answer {
	padding-left:20px;
}
#faq-list h3 {
    cursor:pointer;
    background-image:url('../img/faq-open.png');
    background-position:left;
    background-repeat:no-repeat;
	padding-left:20px;
}
#faq-list h3.close {
    background-image:url('../img/faq-close.png');
}
   
#download-container ul {
	list-style:none;
	padding:0;
	margin:0;
}
#download-container ul li {
    float: left;
    margin-bottom: 30px;
    margin-right: 20px;
    width: 30%;
}
#download-container ul li a img {
    border:2px solid #fff;
	-webkit-transition: all .45s ease;
    -moz-transition: all .45s ease;
    -ms-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
}
#download-container ul li a:hover img {
    border:2px solid #494948;
}

#news {
	padding-top:60px;
	background:#D6D6D6;
	padding-bottom:60px;
}
#news h3 {
	font-size:20px;	
	margin-bottom:60px;
	line-height:28px;
}
#news .news-item h3 {
	text-transform:none;
	line-height:22px;
}
.news-item p {
	padding:0;
	margin:0;
}
.news-item a {
	display:block;
	color:#494948;
}
.news-item a:hover {
	color:#9B0B01;
}
.news-item img {
	float:left;
	margin:0 10px 0 0;
}

#kundenstimmen {
	padding-top:40px;
	background:#666;
	color:#fff;
	padding-bottom:50px;
}
#kundenstimmen h3 {
	font-size:20px;	
	margin-bottom:30px;
	line-height:28px;
	color:#fff;
}
#kundenstimmen p {
	color:#fff;
}
#kundenstimmen .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0;
}
#kundenstimmen .pressestimme-item {
	height:180px;	
}
#kundenstimmen .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
}
#kundenstimmen .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#kundenstimmen .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #333;
}

/* ==========================================================================
   Forms
   ========================================================================== */
.contact-form .name {
	padding-bottom: 3px;
}
.contact-form input[type=text],
.contact-form input[type=tel],
.contact-form input[type=email],
.contact-form textarea,
.contact-form select {
	width: 100%;
	border: 1px solid #ccc;
	padding: 4px 10px;
	font-size: 14px;
	line-height: 1.4;
	height: 28px;
	font-family: 'Lato', Helvetica, Verdana, sans-serif;
	color: #403e39;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;	 	
}
.contact-form input.plz,
.contact-form input.hnr {
	width: 25%;
	display: inline-block;
}
.contact-form input.hnr,
.contact-form input.ort {
	margin-left: 5%;
}
.contact-form input.ort,
.contact-form input.strasse {
	width: 70%;
	display: inline-block;
}
.contact-form .formleft,
.contact-form .formright {
	float: left;
	width: 47%;
}
.contact-form .formbottom {
	float: left;
	width: 100%;
}
.contact-form .formright {
	margin-left: 6%;
}
.contact-form textarea {
	height: 150px;
}
.contact-form .formsubmit {
	text-align: left;
}
.contact-form .submit {
	border:none;
	text-decoration:none;
	color:#494948;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	background:#dfdfdf;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	padding:10px 15px 6px 15px;
}
.contact-form .submit:hover {
	color:#fff;
	background:#9B0B01;
}
.contact-form .error {
	color:#9B0B01;
	font-size:12px;
	font-weight:300;
}

/* ==========================================================================
   Praxisblock SEO relevanter Text
   ========================================================================== */ 
#praxisblock {
	padding:40px 0;
	border-top:1px solid #ccc;
}

/* ==========================================================================
   Callback
   ========================================================================== */ 
#callback {
	padding:70px 0 60px 0;
	background:#C42419;
}
#callback .callback-left {
	float:left;
	width:48%;
	margin-right:2%;
}
#callback .callback-right {
	float:left;
	width:48%;
	margin-left:2%;
}
#callback h3,
#callback p {
	color:#fff;
}
#callback p {
	padding-bottom:10px;
}
#callback .input {
	width:100%;
	border:1px solid #fff;
	padding:15px 10px;
	background:#fff;
	color:#fff;
}
#callback .textarea {
	width:100%;
	height:125px;
	resize:vertical;
	border:1px solid #fff;
	padding:15px 10px;
	background:#fff;
	color:#fff;
}
#callback .submit {
	border:1px solid #ddd;
	background:#ddd url(../img/pfeilchen.gif) no-repeat right 21px;	
	color:#333;
	width:100%;
	padding:15px 10px;
	text-align:left;
	margin-top:21px;
	text-transform:uppercase;
}
#callback .submit:hover {
	border:1px solid #A91106;
	background:#A91106 url(../img/pfeilchen.gif) no-repeat right 21px;	
	color:#fff;
}
#callback .input:focus,
#callback .textarea:focus,
#callback .submit:focus,
#callback .submit:hover {
	border:1px solid #fff;
}
#callback .input,
#callback .textarea,
#callback .submit {
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
#callback span {
	display:block;
	float:left;
	width:40px;	
	font-weight:600;
}
#callback span.error {
	width:auto !important;
	text-transform:none;
	font-weight:400;
	color:red;
	font-size:11px;
}
#callback label {
	display:block;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	font-weight:600;
}

/* ==========================================================================
   Footer
   ========================================================================== */
#footer {
	padding:70px 0 0 0;
	background:#C42419;
}
#footer.big {
	padding:0;	
}
#footer iframe {
	 width:100%; 
	 height:250px;
}
#footer p {
	font-size:14px;
	line-height:24px;
	color:#fff;	
}
#footer span {
	display:block;
	width:40px;
	float:left;
	text-transform:uppercase;
	font-weight:600;	
}
#footer a {
	font-size:12px;
	text-transform:uppercase;
	color:#fff;	
}
#footer a:hover {
	color:#ccc;	
}
#footer .copyright {
	margin-top:50px;
	padding:20px 0;
}
#footer.big .copyright {
	margin-top:0;
}
#footer .copyright p {
	padding:0;	
	font-size:12px;
	text-transform:uppercase;
}
#footer a.right {
	float:right;
	margin-left:10px;
}

#gmapcontent h4 {
	color:#000;	
	margin:0;
	padding:0;
}
#gmapcontent p {
	color:#000;
	font-size:12px;
	padding-bottom:5px;
	line-height:18px;
}
#gmapcontent p a {
	color:#9B0B01;
	font-size:12px;
	text-transform:none;
	text-decoration:none;
}
#gmapcontent .planer {
	padding:0;
}

/* ==========================================================================
   Icon Bar
   ========================================================================== */
#iconbar {
	position:fixed;
	left:0;
	top:280px;
	z-index:9999;
	-webkit-box-shadow: 0 -1px 3px 0 rgba(0,0,0,0.2);
	box-shadow: 0 -1px 3px 0 rgba(0,0,0,0.2);	
	background:#9B0B01;
}
#iconbar ul {
	list-style:none;
	margin:0;
	padding:0;	
}
#iconbar ul li {
	width:50px;
	height:50px;
	background:#9B0B01;
	border-top:1px solid #a91106;
}
#iconbar ul li:first-child {
	border:none;
}
#iconbar ul li.fb a {
	background-color:#9B0B01;
	background-image:url(../img/icon-fb.png);
	background-repeat: no-repeat;
	background-position:center center;
}
#iconbar ul li.gp a {
	background-color:#9B0B01;
	background-image:url(../img/icon-gp.png);
	background-repeat: no-repeat;
	background-position:center center;
}
#iconbar ul li.di a {
	background-color:#9B0B01;
	background-image:url(../img/icon-di.png);
	background-repeat: no-repeat;
	background-position:center center;
}
#iconbar ul li.ja a {
	background-color:#9B0B01;
	background-image:url(../img/icon-ja.png);
	background-repeat: no-repeat;
	background-position:center center;
}
#iconbar ul li.rss a {
	background-color:#9B0B01;
	background-image:url(../img/icon-rss.png);
	background-repeat: no-repeat;
	background-position:center center;
}
#iconbar ul li a {
	display:block;
	text-indent:-9999px;
	width:50px;
	height:50px;
}
#iconbar ul li a:hover {
	background-color:#a91106;
}

/* ==========================================================================
   Gallery
   ========================================================================== */
#main #galerie {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}
#main #galerie li {
    margin-bottom:15px;
}
#main #galerie li .thumb-inner {
    background:#efefef;
}
#main #galerie li .thumb-text {
    padding:10px;
	height:90px;
	position:relative;
}
#main #galerie li .thumb-link {
    position:absolute;
	bottom:10px;
	left:10px;
}
#main #galerie li a img {
    border:2px solid #fff;
}
#main #galerie li a:hover img {
    border:2px solid #494948;
}
.lb-outerContainer {
  background-color: #fff;
}
.lb-data .lb-close {
    left: 47%;
    position: absolute;
    top: -35px;
	height: 68px !important;
    width: 68px !important;
}
.galleryonethumb {
	padding-top:39px;	
}

/* ==========================================================================
   Landingpage
   ========================================================================== */
#lpleistungen,
#lppraxis,
#lpteam {
    padding:40px 0;
	border-top:1px solid #ccc;
}
#lpleistungen ul,
#lppraxis ul {
    margin-top: 1.5rem;
}
#lpleistungen ul li,
#lppraxis ul li {
    float: left;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    width: 33%;
}
#lpleistungen ul li.oneline,
#lppraxis ul li.oneline {
    margin-top: 0.75rem;
}
#lpleistungen ul li.twolines,
#lppraxis ul li.twolines {
    margin-top: 0.25rem;
}
#lpleistungen ul li.threelines,
#lppraxis ul li.threelines {
    margin-top: 0rem;
}
#lpleistungen ul i,
#lppraxis ul i {
    float: left;
    font-size: 2rem;
    font-weight: 400;
    padding-right: 1.5rem;
}
#lpleistungen ul li.oneline i,
#lppraxis ul li.oneline i {
    margin-top: -0.75rem;
}
#lpleistungen ul li.twolines i,
#lppraxis ul li.twolines i {
    margin-top: -0.25rem;
}
#lpleistungen ul li.threelines i,
#lppraxis ul li.threelines i {
    margin-top: 0rem;
}
#lpteam ul li i {
	margin-right:7px;	
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media handheld, only screen and (max-width: 959px) {
	.bx-wrapper .bx-controls-direction a {
		top:30%;
	}
}

@media handheld, only screen and (max-width: 768px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	[class*='col-'] {
		clear:both;
		width: auto;
		float: none;
		margin:0;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#header .header-logo {
		padding-bottom:25px;
	}
	
	#header .header-phone {
		padding-left:20%;
	}

	#mobile-btn {
        display: block;
    }
    .mobile-sub {
        display: block;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    #mainnav .sf-menu {
        width: 100%!important;
        display: none;
		margin:0;
    }
    #mainnav .sf-menu.mobile-active {
        display: block!important;
    }
    #mainnav .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
    #mainnav .sf-menu li a {
        float: none!important;
    }
    #mainnav .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    #mainnav .mobile-sub-active ul {
        display: block!important;
    }
	
	#mainnav .mainnav li {
		padding:0;
		width:100%;
		border-right:none;	
	}
	#mainnav .mainnav li.first {
		border-left:none;	
	}
	#mainnav .mainnav li a {
		padding: 12px 0;
	}

	#intro {
		margin:40px 20px;	
	}
	
	#subnav h5 {
		padding-left:20px;	
	}
	#slider .slide-caption {
		position:static;
		width:100%;
	}
	.bx-wrapper .bx-controls-direction a {
		top:25%;
	}
	
	#teaser .col-1-4 {
		clear:none;
		float:left;
		width:50%;	
	}
	#teaser .teaser-button {
		position: static;
	}
	
	#iconbar {
		float:left;
		width:100%;
		text-align:center;
		position:static;
	}
	#iconbar ul {
		font-size:0;
	}
	#iconbar ul li {
		display: inline-block;
		border-top:none;
	}
	
	#main #galerie li .thumb-inner {
		height:auto;
	}
}

@media only screen and (max-width: 479px) {
	.bx-wrapper .bx-controls-direction a {
		top:15%;
	}
	
	#topnav ul {
		float: left;
		padding:0;
	}
	#topnav ul li a {
		font-size: 11px;
		padding: 5px 7px 0;
	}
	
	#header .header-logo {
		padding-bottom: 0;
	}
	#header .header-phone {
		padding: 0;
	}
	#header .header-phone p {
		text-align: left;
		padding:0;
	}
	
	#slider {
		display:none;	
	}
	
	#teaser .col-1-4 {
		clear:both;
		width: auto;
		float: none;	
	}
	
	.contact-form .formleft,
	.contact-form .formright {
		float: none;
		margin: 0;
		width: 100%;
	}
	
	#callback .callback-left {
		width:100%;
		margin-right:0;
	}
	#callback .callback-right {
		width:100%;
		margin-left:0;
	}
}

@media only screen and (max-width: 319px) {	
	#topnav ul li {
		width:100%;
		border-right:none;
		text-align:right;
	}
	#topnav ul li a {
		font-size:11px;
	}
	
	.bx-wrapper .bx-prev {
		left: 25px;
	}
	.bx-wrapper .bx-next {
		right: 25px;
	}
	.bx-wrapper .bx-controls-direction a {
		top:10%;
	}	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
	display: block;
}

.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: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        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) ")";
    }

    .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: 0.5cm;
    }

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

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