/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */




/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

a {
	text-decoration: none;
}
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
	border:  0px solid #fff;
	left: 0px;
	background: none;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	/*background: url(images/bx_loader.gif) center center no-repeat #fff;*/
	background: none center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: none no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: none no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: none -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: none -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../js/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../js/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../js/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
        text-align: center;
        width: 98.1%;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5) {

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../js/fancybox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../js/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

@media only screen and (max-device-width : 990px)  {
	
	
	

	
	
	
	
	
	
	
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../js/fancybox/fancybox_sprite@2x.png);
		background-size: 88px 304px; /*The size of the normal image, half the size of the hi-res image*/
	}
	
	
	
	
	
	
	#fancybox-loading div {
		background-image: url(../js/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
	
	.fancybox-close, .fancybox-nav span {
    	width: 88px;
    	height: 72px;
	}
	
	.fancybox-next span {
		background-position: 0px -142px;
	}
	
	.fancybox-prev span {
		background-position: 0px -72px;
	}
}

#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('../js/fancybox/fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}

/*
	fancybox Thumb
*/
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

/*
        1. Basic    
        2. Header       
        3. Navigation  
        4. Slider     
        5. Main       
        5.1 Left Content
        5.2 Right Content
        6. Footer
        7. Gallery
        7.1 Gallery Ueber Uns (/ Small Text Img)
        8. Map
        9. Kontakt Form
        10. CSS for moblie collapsible
        11. Mobile Query
*/

/*
        1. Basic
*/

* {
    margin: 0px;
    padding: 0px;
}

body {
    background-image: url("../images/bg-page.png");
}

hr {
    border: none;
    border-top: 1px solid #d7d7d7;
}

.hr2 {
    border: none;
    margin-top: 26px;
    border-top: 1px solid #d7d7d7;
}

.hr3 {
    border: none;
    margin-top: 20px;
    margin-bottom: 26px;
    border-top: 1px solid #d7d7d7;
}

.hr4 {
    border: none;
    margin-top: 0px;
    margin-bottom: 26px;
    border-top: 1px solid #d7d7d7;
}

h1, h2, h3 {
    font-size: 18px;
    font-family: Arial;
    margin-top: 24px;
    margin-bottom: 13px;
    color: #085d59;
}

h4 {
    margin: 0px;
}

p {
    position: relative;
    padding-left: 2px;
    font-size: 14px;
    line-height: 24px;
    font-family: Arial;
    color: #000000;
    text-align: justify;
	 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
       
}

a {
    color: #000000;
}

.ie {
    z-index: 8000;
}

.ieimgs {
    border: 0px;
}

.clear {
    clear: left;
}

.bold {
    font-weight: bold;
}

.orange, .small-text-titel.orange {
    color: #ff6b00;
}

.normal {
    font-size: 14px;
}

.marginbottom1 {
    margin-bottom: 14px;
}

.left {
	text-align: left;
}

.bx-wrapper {
	height: 390px;
}

.desktop {
	/*display: block;*/
}

.mobile {
	display: none;
}

/*
        2. Header
*/

#head {
    position: relative;
    width: 998px;
    margin-left: auto;
    margin-right: auto;	
}

#headbg {
    position: absolute;
    height: 942px;
    width: 100%;
    background-position: center;
    background-image: url("../images/bg-header.png");
}

#head-left-farb-ver {
    position: relative;
    float: left;
    width: 6px;
    height: 87px;
    margin-top: 18px;
    margin-left: -5px;
    margin-bottom: 16px;
    background-image: url("../images/header-shadow-left.png");
}

#head-right-farb-ver {
    position: relative;
    left: 997px;
    top: 42px;
    width: 4px;
    height: 63px;
    background-image: url("../images/header-shadow-right.png");
}

#logo {
    position: relative;
    float: left;
    margin-top: 14px;
    margin-left: 24px;
    margin-bottom: -9px;
    z-index: 1000;
}

/*
        3. Navigation
*/

#nav {
    position: relative;
    top: 37px;
    left: 49px;
    list-style: none;
    float: left;
}

#nav li {
    position: relative;
    width: 95px;
    float: left;
    line-height: 30px;
    padding-left: 27px;
    background-image: url("../images/icon-green.png");
    background-repeat: no-repeat;
    background-position: left center;
}

#nav li, #nav li a {
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #085d59;
}

#nav .activ-point, #nav li:hover {
    background-image: url("../images/icon-orange.png");
    background-repeat: no-repeat;
    background-position: left center;	
}

#nav .activ-point, #nav li:hover a:hover {
    font-weight: bold;
}

#nav li.nav-last-element {
    position: relative;
    width: 50px;
}

.slicknav_menu {
    display: none;
}

/*.nav-start {
    width: 92px;	
}

.nav-ueber {
    width: 81px;
}

.nav-leist {
    width: 96px;
}

.nav-praxis {
    width: 115px;
}*/

/*
        4. Slider
*/

.jameda-icon-div{position:relative;}
.jameda-icon {
	position:absolute;
	z-index:900;
	top:-4px;
	right:110px;
}

a img
{
     border:0px;
	outline:none;
}



.bxslider {
    position: relative;
    z-index: 100;
    float: left;
}

#slider-prev {
    position: absolute;
    top: 254px;
    left: 1px;
}

#slider-next {
    position: absolute;
    top: 254px;
    left: 968px;
}

#slider-text {
    position: absolute;
    width: 600px;
    height: 25px;
    left: 198px;
    top: 479px;
    padding-top: 7px;
    background-image: url("../images/bg-slider-text.png");
}

#slider-text p {
    font-family: Arial;
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
    color: #085d59;
    text-align: center;
}

#header-farb-ver {
    position: relative;
    width: 100%;
    height: 30px;
	background: url("../images/bg-header-bar1.jpg");
	z-index: 999;
	
}

/*
        5. Main
*/

#main {
    position: relative;
    margin-top: -1px;
    width: 996px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    background-color: #f7ffff;
    z-index: 1000;
}

#main-button-content {
    position: relative;
    width: 938px;
    margin-left: -28px;
    padding-left: 28px;
    padding-right: 30px;
    padding-top: 2px;
    padding-bottom: 27px;
    background-color: #cafffc;
    background-image: url("../images/bg-zahn.png");
    background-repeat: no-repeat;
    background-position: right bottom;    
}

#main-button-content p {
    font-size: 14px;
    line-height: 17px;
    color: #085d59;
}

#main.main-own-colum {
    padding-left: 33px;
    padding-right: 33px;
    padding-top: 10px;
    margin-top: -2px;
    width: 930px;
    z-index: 900;
}


/*
        5.1. Left Content
*/
#leftbar {
    float: left;
}


#leftbar-wrapper {
    float: left;
    width: 439px;
    padding-top: 5px;
    padding-left: 28px;
    padding-right: 32px;
    padding-bottom: 3px;
    background-color: #fdf8f2;
}

#leftbar-wrapper p {
	padding-left: 0px;
}

.impressumTitel {
    /*margin-bottom: 25px;*/ //activ
}

#leftbar-wrapper.impressum h3 {
    /*margin-top: 28px;
    margin-bottom: 4px;*/
}

#leftbar-wrapper img {
    margin-top: 23px;
    margin-bottom: 17px;
    border: 1px solid #FCDBBF;
}

#leftbar-wrapper.impressum img {
    margin-top: 18px;
    margin-bottom: -9px;
    margin-left: -2px;
}

a .button-orange, a .button-orange2 {
    display: inline-block;
    width: 135px;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
    margin-top: 23px;
    margin-bottom: 30px;
    background-image: url("../images/button-orange.png");
}

.button-orange {
    color: #575757;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.button-orange2 {
    color: #565656;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 130px;
}

.gallery-wrapper {
	margin-bottom: 11px;
}

.list {
	margin-left: 15px;
	margin-top: 5px;
	list-style-image: url("../images/icon-list.png");
	
}

.list li {
	margin-bottom: 5px;
	font-size: 14px;
	font-family: Arial;
	line-height: 24px;
}

.list li a {
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}

.list li a:hover {
	text-decoration: underline;
}

/*
        5.2 Right Content
*/

#rightbar-top {
    width: 437px;
    margin-left: -30px;
    margin-top: -9px;
    background-color: #cafffc;
    padding-left: 31px;
    padding-top: 5px;
    padding-right: 29px;
    padding-bottom: 25px;
    background-image: url("../images/bg-zahn.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}

div#rightbar-top.impressum p {
    //font-size: 13px;
}

/*#rightbar {
    margin-left: 529px;
    margin-top: 0px;
    width: 443px;
}*/

#rightbar {
    margin-left: 501px;
    margin-top: 4px;
    width: 443px;
}

#rightbar.impressum p {
    line-height: 22px;
    //font-size: 12px;
}

.rightTitelImpressum {
    /*margin-top: 39px;
    margin-bottom: 26px;
    font-size: 12px;*/
}

#rightbar img {
    border: 1px solid #d7d7d7;
    margin-top: 23px;
    margin-bottom: 17px;
}

#rightbar img.small-text-img {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 125px;
}

#rightbar img.small-text-img4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

#rightbar img.small-text-img3 {
    margin-top: 0px;
    margin-bottom: 0px;
	width:125px; 
}

.cmd-img{
	border:1px solid #fcdbbf;
	width:220px;
	float:left;
	margin-right:20px;
}


#rightbar img.small-text-img2 {
    margin-top: 0px;
    margin-bottom: 0px;
	width:50px;
	float:left;
	margin-right:15px;
}
#rightbar img.small-text-img2a {
    margin-top: 0px;
    margin-bottom: 5px;
	width:50px;
	float:left;
	margin-right:15px;
}




#smalltext-wrapper {
    margin-bottom: 9px;
}

.small-text-titel {
    position: relative;
    display: inline;
    top: -2px;
    margin-bottom: 8px;
    color: #085d59;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
}

.small-text-titel2 {
    position: relative;
    display: inline-block;
    top: 0px;
    margin-bottom: 2px;
    color: #085d59;
    font-family: Arial;
    font-weight: bold;
    line-height: 18px !important;
    margin-left: 16px;
    font-size: 14px;
    width: 300px;
}

.small-text-img {
    position: relative;
    float: left;
    margin-right: 15px;
    z-index: 1000;
}

.small-text-img3, .small-text-img4 {
    position: relative;
    float: left;
    z-index: 1000;
}

.small-text {
    color: #8d8d8d;
    font-family: Arial;
    line-height: 17px;
    margin-top: 30px;
}

.small-text2 {
    position: relative;
    color: #8d8d8d;
    font-family: Arial;
    line-height: 17px;
    margin-top: 0px;
    z-index: 100;
}

.small-text3 {
    position: relative;
    color: #8d8d8d;
    font-family: Arial;
    line-height: 17px;
    margin-top: 0px;
    margin-left: 144px;
    z-index: 100;
	 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
        text-align: justify
}

.small-text4 {
    position: relative;
    color: #8d8d8d;
    font-family: Arial;
    line-height: 17px;
    margin-top: 0px;
    margin-left: 72px;
    z-index: 100;
}

a .button-green, a .button-green2 {
    display: inline-block;
    width: 135px;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
    text-decoration: none;
    color: #575757;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    background-image: url("../images/button-green.png");
}

.button-green, .button-green2 {
    margin-top: 23px;
    margin-bottom: 30px;
}

.button-green2 {
	margin-left: 130px;
}
	
/*
        6. Footer
*/

#footertext {
    position: relative;
    margin-top: 47px;
    margin-left: auto;
    margin-right: auto;
    width: 1004px;
    height: 195px;
    background-image: url("../images/bg-footer-text.png");
    background-repeat: no-repeat;
    z-index: 1000;
}

#footerbg {
    position: absolute;
    margin-top: -656px;
    height: 705px;
    width: 100%;
    background-position: center top;
    background-image: url("../images/bg-footer.png");
    z-index: 100;
}

#footer-contact {
position: relative;
float: left;
margin-top: 1px;
margin-left: 32px;
padding-left: 129px;
padding-top: 63px;
width: 300px;
height: 100px;
background-image: url("../images/logo-xygas-footer.png");
background-repeat: no-repeat;
background-position: top bottom;
}

#footer-contact table, #footer-contact th, #footer-contact td {
   border: none;
}

#footer-contact th {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 5px;
    color: #ff6c00;
}

#footer-contact td {
    position: relativ;
    font-family: Arial;
    font-size: 14px;
    line-height: px;
    text-align: left;
    color: #efefef;    
}
	
	#footer-contact a {
    position: relativ;
    font-family: Arial;
    font-size: 14px;
    line-height: px;
    text-align: left;
    color: #efefef;    
text-decoration:none;
}


#empfehlen {
    position: relative;
    width: 367px;
    height: 70px;
    top: 14px;
    padding-top: 3px;
    padding-left: 79px;
    margin-left: 534px;
    background-image: url("../images/icon-empfehlen.png");
    background-repeat: no-repeat;
    background-position: top left; 
	
	
}

#empfehlen p#empfehlenTitel {
    font-family: Arial;
    font-style: italic;
    font-size: 28px;
    color: #15d7cd;
}

#empfehlen p {
    font-family: Arial;
    font-size: 13px;
    color: #efefef;
    line-height: 26px;
}

.fb-like {
	margin-top: 18px;
	margin-left: 20px;
	margin-bottom: 18px;
}

.fb-like::after {
	display: table;
	content: " ";
	clear: both;
}

#button-empfehlen {
    position: relative;
    margin-top: 13px;
    margin-bottom: -3px;
	float: left;
}

#button-empfehlen span {
    display: inline-block;
    width: 120px;
    height: 28px;
    margin-bottom: 15px;
    padding-top: 2px;
    background-image: url("../images/button-empfehlen.png");
    background-repeat: none;
    text-align: center;
}

#button-empfehlen a span {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #536160;
}



























#empfehlenWindow {
    position: absolute;
    display: none;
    width: 238px;
    background-image: url("../images/bg-page.png");
    border: 3px solid #d68346;
    border-radius: 10px;
    padding: 21px;
    padding-left: 28px;
    padding-right: 26px;
    z-index: 10000;
    /*margin-top: -185px;*/
    bottom: -3px;
}

#empfehlenWindow.openEmpfehlenWindow {
    display: block;
}

#empfehlenWindow p {
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    text-align: left;
}

p .empfehlen {
    margin-bottom: 10px;
}

#empfehlenWindow p.empfehlenError {
    width: 254px;
    height: 19px;
    margin-left: -10px;
    padding-top: 4px;
    background-color: #ff903a;
    color: #ffffff;
    text-align: center;
    margin-bottom: 18px;
}

#ep-wrapper input {
    width: 236px;
    height: 26px;
    border: 1px solid #e0e4e5;
}

.empfehlenInputText {
    position: relative;
    display: inline-block;
    margin-bottom: 3px;
    color: #626868;
}

#empfehlenWindow .empfehlenButton {
    width: 116px;
    margin-right: 2px;
    margin-top: 2px;
}

p#right-pages, p#right-pages a {
    font-family: Arial;
    font-size: 11px;
    color: #6a5a55;
    text-decoration: none;margin-top: 55px;
	
}

#mobileEmpfehlenWindow {
	background-image: url("../images/bg-page.png");
	height: 90%;
	width: 90%;
	padding: 5%;
}

#mobileEmpfehlenWindow .empfehlenInputText {
	font-size: 16px;
}

#mobileEmpfehlenWindow .empfehlenButton {
	width: 100%;
	height: 30px;
	margin-top: 10px;
	font-size: 16px;
}

#mobileEmpfehlenWindow .empfehlenInput {
	width: 97%;
	height: 30px;
	font-size: 16px;
}

#mobileEmpfehlenWindow p {
	font-size: 16px;
	line-height: 28px;
}

#mobileEmpfehlenWindow p.empfehlenError {
	width: 96%;
	height: 32px;
	margin-left: 2%;
    padding-top: 4px;
    background-color: #ff903a;
    color: #ffffff;
    text-align: center;
    margin-bottom: 18px;
}

p.kontaktError {
	width: 96%;
	height: 32px;
	margin-left: 2%;
    text-align: center;
    background-color: #ff903a;	
}

#copyright {
    position: relative;
    top: 55px;
    clear: left;
    text-align: center;
    font-family: Arial;
    font-size: 11px;
    line-height: 24px;
    color: #8b7872;
}

.fancyboxfixed {
	position: fixed !important;
	top: 0px !important;
}

/*
        7. Gallery
*/

.gallery-left {
	border: 1px solid #FCDBBF;
}

.gallery-right {
	border: 1px solid #d7d7d7;
}

#main .gallery-small-img {
    position: relative;
    display: inline-block;
    height: 140px;
    width: 210px;
    float: left;
    margin-bottom: 10px;
}

#main .gallery-small-img2 {
    position: relative;
    display: inline-block;
    height: 140px;
    width: 210px;
    margin-bottom: 0px;
}

.gallery-small-img-left {
    margin-right: 15px;
}

#main img.gallery-small-img-last {
    margin-bottom: 15px;
}

.fancybox-close {
    top: 0;
    right: 0;
}

/*
        7.1 Gallery Ueber Uns (/ Small Text Img)
*/

#main .gallery-small-imgt-ueberuns2 {
    border: none;
    width: 130px;
    height: 180px;
    float: left;
    margin-bottom: 0px;
}

#main .gallery-small-img-leftt-ueberuns2 {
    width: 130px;
    height: 180px;  
    margin-left: 10px;
    margin-bottom: 10px;  
}

#main .gallery-small-imgt-ueberuns3 {
    border: none;
    margin-bottom: 0px;
}

#leftbar-wrapper img.gallery-small-img-leftt-ueberuns2, #leftbar-wrapper img.gallery-small-imgt-ueberuns2 {
    margin-right: 10px;
    width: 130px;
    height: 180px;
}

.gallery-small-img-leftt-ueberuns3 {
    margin-right: 20px;
}

.gallery-small-img-leftt-ueberuns4 {
    margin-right: 20px;
    padding-top: 0px;
    width: 130px;
    height: 180px;
}
.gallery-small-img-leftt-ueberuns5 {
    margin-right: 20px;
    margin-bottom: 20px;
    width: 130px;
    height: 180px;
}

.small-text-ueberuns2 {
    color: #8d8d8d;
    font-family: Arial;
    line-height: 17px;
}

.small-text-ueberuns3 {
    color: #8d8d8d;
    font-family: Arial;
    line-height: 17px;
    margin-top: 56px;
}


.fullsize{width:435px;}

/*

		8. Map
	
*/

#map-wrapper {
	padding: 30px;
	padding-top: 0px;
	border-top: 1px solid #d7d7d7;
}

#map-canvas-wrapper {
	border: 1px solid #d7d7d7;
	padding: 10px;
	margin-top: 20px;
	width: 916px;
	height: 500px;
	background-color: #ffffff;
}

#map-canvas {
	width: 916px;
	height: 500px;	
}

/* 

		9. Kontakt Form

*/

.input-text {
	width: 435px;
	height: 20px;
}

.input-title {
	display: inline-block;
	margin-top: 10px;
	color: #085d59;
}

.input-submit {
	display: inline-block;
	margin-top: 10px;	
}

.form-fehler {
	color: #ff1919
}

.form-info {
	color: #00621c
}

.form-textarea {
	width: 439px;
	height: 142px;
}

.moblieslider {
    display: inline;
}

.moblieslider li {
    display: inline;
}

/*
	
		10. CSS for moblie collapsible
		
*/

.collapsible {
	font-family: Arial;
	height: 47px;
	padding-left: 2px;
	font-size: 14px;
	line-height: 24px;
}

.collapse-open span {
    display:block;
    float:none;
    padding:0px;
}

.collapse-open span {
   background: none;
}

.collapse-close span {
    background: none;
    padding: 0px;
    float: none;
}

/*COOKIE MELDUNG DESKTO*/
	 
	 
	
	#cookiedingsbums a {color:#ff6c00; text-decoration:none;font-size: 14x;
	}
	
	
	
	#cookiedingsbums div {padding:10px; padding-right:40px;font-family: arial;font-size: 14px;
	}
	
	#cookiedingsbums span {	color: #085d59;font-size: 14px;
	}
	
	#cookiedingsbums { 
	 
	   text-align:right; 
	   border: 0px;
	   background: #cafffc;
	         
	   position:fixed;
	   bottom:0px; 
	   z-index:10000; 
	   width:100%; font-size: 14px;
	 
	}
	
	#cookiedingsbumsCloser {
	   color: #fdf8f2;
	
	   position: absolute;
	   right: 10px;
	   text-decoration: none;
	  padding-left: 8px;
	  padding-right: 8px;
	  padding-top: 4px;
	  padding-bottom: 4px;
	   top: 6px;
	   cursor:pointer;
	/* width: 12px;*/
	  
	   background: #ff6c00; /* Old browsers */
	
	} 


/*

        11. CSS for mobile devices

*/

@media  screen and (max-device-width : 990px), screen and (max-width : 990px), screen and (-webkit-device-pixel-ratio:3) {
	/*@media only screen and (max-width : 990px)  {*/
	
	
	
	
	
	
	/*COOKIE MELDUNG*/
		 
		 
		
		#cookiedingsbums a {color:#ff6c00; text-decoration:none;font-size: 30px;
		}
		
		
		
		#cookiedingsbums div {padding:10px; padding-right:40px;font-family: arial;font-size: 30px;
		}
		
		#cookiedingsbums span {	color: #085d59;font-size: 30px;
		}
		
		#cookiedingsbums { 
		 
		   text-align:right; 
		   border: 0px;
		   background: #cafffc;
		         
		   position:fixed;
		   bottom:0px; 
		   z-index:10000; 
		   width:100%; font-size: 30px;
		 
		}
		
		#cookiedingsbumsCloser {
		   color: #fdf8f2;
		
		   position: absolute;
		   right: 10px;
		   text-decoration: none;
		  padding-left: 8px;
		  padding-right: 8px;
		  padding-top: 4px;
		  padding-bottom: 4px;
		   top: 6px;
		   cursor:pointer;
		/* width: 12px;*/
		  
		   background: #ff6c00; /* Old browsers */
		
		} 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	h1, h2, h3 {
		font-size: 40px;
	}
	
	.list {
		margin-top: 20px;
		margin-left: 30px;
	}
	
	.list li {
		font-size: 29px;
		line-height: 51px;
		list-style-image: url(../images/icon-list-mobile.png);
	}
	
	.list li a {
		font-size: 29px;
		text-decoration: underline;
	}
	
	.onlymobile p, a {
		font-size: 16px;
		line-height: 36px;
	}
	
	p, a {
		font-size: 29px;
		line-height: 49px;
	}
	
	strong, b {
		font-size: 30px;
		line-height: 44px;
	}
	
	.otheronmobile strong {
		font-size: 34px;
	}
	
	a.otheronmobile {
		font-size: 39px;
	}
	
	#rightbar-top p {
		font-size: 36px;
		line-height: 56px;
	}
	
	.otheronmobile.bold {
		font-weight: normal;
		font-size: 28px !important;
	}
	
	.small-text-titel2 {
		line-height: 44px !important;
		font-size: 34px; /* old */
                width: 80%;
	}	
	
	.small-text-titel {
		font-size: 34px;
	}
	
	.small-text3, .small-text4, .small-text2 {
		line-height: 36px;
	}
	
	#rightbar.impressum p {
		line-height: 39px;
	}
	
	.input-title {
		margin-top: 30px;
		font-size: 34px;/* old */
	}
	
	.otheronmobile.input-title {
		display: block;
		margin-bottom: 0px;
		font-size: 16px;
		margin-top: 0px;
	}
	
	h1.otheronmobile {
		font-size: 20px;
	}
	
	.input-text {
		width: 100%;
		height: 30px;
	}
	
	.onlymobile .input-text {
		font-size: 16px;
	}
	
	.input-submit {
		width: 40%;
		height: 40px;
		font-size: 24px;
	}
	
	.onlymobile .input-submit {
		width: 100%;
		height: 30px;
		font-size: 16px;
	}
	
	.form-textarea {
		width: 100%;
		height: 200px;
	}
	
	.onlymobile .form-textarea {
		font-size: 16px;
	}
	
	input[type="checkbox"] {
		-webkit-appearance: checkbox;
		-webkit-border-radius: ;
		width: 20px;
		height: 20px;
	}

	#mobileEmpfehlenWindow input[type="checkbox"] {
		-webkit-appearance: checkbox;
		-webkit-border-radius: ;
		width: 20px;
		height: 20px;
	}
	
	#main-button-content p {
		font-size: 39px;/* old end */
		line-height: 62px;
	}
	
	.collapsible {
		font-size: 44px;
		line-height: 54px;
	}
	
	#rightbar img.small-text-img2a, #rightbar img.small-text-img2 {
		width: 100px;
		margin-bottom: 45px;
	}
	
	#rightbar img.small-text-img2 {
		margin-top: 0px;
	}
    
    #main.main-own-colum {
        width: auto;
    }
    
    .gallery-small-img-leftt-ueberuns2, .gallery-small-img-leftt-ueberuns4 {
        margin-right: 0px;
        width: 100% !important;
        height: auto !important;
    }
    
    .nomobile {
        display: none;
    }
    
    .moblieslider {
        display: block;
    }
    
    #headbg {
        display: none;
    }
    
    #head {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    
    #head-left-farb-ver {
        display: none;
    }
    
    #head-right-farb-ver {
        display: none;
    }
    
    #main {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        border-left: none;
        border-right: none;
    }
    
    #leftbar-wrapper {
        float: none;
        width: auto;
    }
    
    .onlymobile #leftbar-wrapper {
	    width: 90%;
	    padding-left: 5%;
	    padding-right: 5%;
    }
    
    #leftbar {
        float: none;
    }
    
    #rightbar {
        float: none;
        margin-left: 0px;
        width: auto;
    }
    
    #nav {
        display: none;
    }
    
    .slicknav_menu {
        display: block;
        text-align: center;
        background: url("../images/bg-head-mobile.jpg") bottom repeat-x #ffffff !important;
        /*background-color: #e2cbb8 !important;
        background-image: url(../images/bg-fooder.png) !important;*/
        background-position: left bottom !important;
        background-size: 100%;
    }
    
    .slicknav_btn {
        margin: 10px 10px 30px 5px !important;
        font-size: 4em;
        margin-top: -10px;
        background-color: rgba(17, 217, 214, 0.4) !important;
    }
    
    .slicknav_nav a {
	    color: #636363 !important; 
    }
    
    #logo {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    #logolink {
        display: none;
    }
    
    #mobilelogo {
        display: block;
        width: 100%;
        height: 100%;
        max-height: 100px;
		max-width: 700px;
		margin-left: 1%;
		margin-bottom: 3%;
    }
    
    .mobilelogolink {
	    float: left;
	    width: 70%;
	    margin-top: 10px;
	    
	    position: absolute;
		left: 10px;
    }
    
    .slicknav_nav a {
	    font-size: 3.5em !important;
	    line-height: 1.8em;
	    font-family: Arial;
	    text-transform: uppercase;
	}
    
    .bx-wrapper {
        height: auto;
        width: auto;
        border-left: none;
        border-right: none;
    }
    
    .bx-wrapper img {
	    max-width: none;
	    width: 100%;
	}
    
    #slider-prev {
        display: none;
        top: auto;
        bottom: 15%;
    }
    
    #slider-next {
        display: none;
        right: 1px;
        left: auto;
        top: auto;
        bottom: 15%;
    }
    
    #slider-text {
        display: none;
        width: 70%;
        height: auto;
        top: auto;
        left: 15%;
        bottom: 0px;
        background-position: center center;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    #leftbar-wrapper img {
        display: block;
        width: 100%;
    }
    
    #rightbar img.small-text-img4 {
        display: inline;
        width: auto;
    }
    
    #rightbar-top {
        width: auto;
        margin-right: -32px;
    }
    
    #map-wrapper {
        padding: 0px 0px 0px;
        border: none;
    }
    
    #map-wrapper p, #map-wrapper h3 {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #map-canvas-wrapper, #map-canvas {
        width: 100%;
        height: 500px;
        padding: 0px;
        border: none;
    }
    
    #footerbg {
	    left: 0px;
	}
    
    #empfehlen {
        display: none;
    }
    
    #footertext {
        width: auto;
        background-image: none;
    }
    
    #main-button-content {
        margin-right: -32px;
        margin-bottom: -4px;
    }
    
    #main-button-content {
        width: auto;
    }
    
    #footer-contact {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    .moblieslider {
        display: block;
        width: 100%;
        max-width: none !important;
        margin-right: -320px !important;
        margin-left: -28px !important;
    }
    
    #main .bx-wrapper {
        position: relative;
        width: 99.9%;
        max-width: none !important;
        margin-right: -320px !important;
        margin-left: -28px !important;
        margin: 0px -32px 0px -28px !important;
    }
    
    
    #main .bx-viewport {
        margin-right: -61px;
        width: auto !important;
    }
    
    #main .bx-wrapper .bx-prev {
        margin-left: -10px;
    }

    #main .bx-wrapper .bx-next {
        margin-right: -71px;
    }
    
    #main .bx-wrapper .bx-prev img, #main .bx-wrapper .bx-next img {
        border: none;
    }  
    
    .moblieslider li {
        /*width: 100% !important;*/
        width: 100% !important;
    }
    
    .moblieslider .gallery-small-img-left {
	    margin-right: 0px;
	}
    
    #main .moblieslider .gallery-small-img, #main .moblieslider .gallery-small-img2 {
        position: relative;
        display: block;
        height: auto;
        width: 77%;
        float: none;
        margin-bottom: 10px;
    }
    
    #main .container .content .moblieslider li {
	    width: 80% !important;
	} 
    
    #main .bx-wrapper .bx-prev, #main .bx-wrapper .bx-next {
	    width: 105px;
    }
    
    #main .bx-wrapper .bx-controls-direction a {
	    top: 30%;
    }
    
    .collapse-open span {
    	display:block;
		float:right;
		padding:10px;
	}

	.collapse-open span {
    	background:url(../images/arrow-buttom2.png) center center no-repeat;
    	width: 90px;
    	height: 30px;
	}

	.collapse-close span {
    	display:block;
		float:right;
		background:url(../images/arrow-left2.png) center center no-repeat;
		background-size: 70%;
		height: 60px;
		width: 30px;
		padding:10px;
		background-size: 30%;
	}
	
	.collapsible {
		height: 67px;
	}
		
	a .button-orange, a .button-orange2 {
    	display: inline-block;
		width: 355px;
		height: 57px;
		line-height: 30px;
		padding-left: 85px;
		margin-top: 33px;
		margin-bottom: 60px;
		background-image: url("../images/button-orange-2x.gif");
		background-size: 100%;
		padding-top: 25px;
	}	
	
	.button-orange {
    	color: #575757;
		font-family: Arial;
		font-size: 34px;
		font-weight: bold;
		text-decoration: none;
	}

	a .button-green, a .button-green2 {
    	display: inline-block;
		width: 455px;
		height: 75px;
		line-height: 30px;
		padding-left: 85px;
		text-decoration: none;
		color: #575757;
		font-family: Arial;
		font-size: 44px;
		font-weight: bold;
		background-image: url("../images/button-green-2x.gif");
		background-size: 100%;
		padding-top: 60px;
	}
	
 	a .button-green {
    	display: inline-block;
		width: 355px;
		height: 60px;
		line-height: 30px;
		padding-left: 85px;
		text-decoration: none;
		color: #575757;
		font-family: Arial;
		font-size: 34px;
		font-weight: bold;
		background-image: url("../images/button-green-2x.gif");
		background-size: 100%;
		padding-top: 25px;
	}
	
	.button-green, .button-green2 {
    	margin-top: 23px;
		margin-bottom: 30px;
	}
	
	#footerbg {
    	position: absolute;
		margin-top: 0px;
		height: 421px;
		width: 100%;
		background-position: center top;
		background-image: url("../images/bg-fooder-mobile.gif");
		z-index: 100;
	}
	
	#footer-contact th {
		display: inline-block;
		margin-bottom: 10px;
	}
	
	#copyright {
		top: 185px;
	}
	
	.small-text {
		margin-top: 60px;
	}
	
	.small-text2 {
		margin-left: 120px;
	}
	
	#footer-contact th, #footer-contact td, #footer-contact a {
		font-size: 20px;
	}
	
	#footer-contact {
		width: 774px;
	}
	
	.fancybox-close, .fancybox-nav span {
		background-size: 100%;
		width: 132px;
		height: 108px;
	}
	
	.fancybox-next span {
		background-position: 0px -211px;
	}
	
	.fancybox-prev span {
		background-position: 0px -102px;
	}
	
	.mobilebr {
		display: block;
	}
	
	
	#main .container .bx-viewport {
		height: 100% !important;
	}
	
	#main .container .bx-wrapper {
		height: 1490px !important;
	}
	#map-wrapper {
		display: none;
	}	
	#headbg {
		background-image: none !important;
	}
	#head .bx-wrapper {
		height: 390px;
	}
	
	#head-left-farb-ver {
    	background-image: none;
	}

	#head-right-farb-ver {
    	background-image: none;
	}
	
	#empfehlen {
		background-image: none;
	}	
	
	#logolink {
		display: none;
	}
	
	#slider-text {
    	background-image: none;
	}
	
	#footertext {
		margin-top: 45px;
	}
	
	#footerbg {
		margin-top: -255px;
	}
	
	body, #empfehlenWindow {
		background-image: none;
	}
	
	.mobileEmpfehlenBody {
		background-image: url("../images/bg-page.png");	
	}
	
	#nav .activ-point, #nav li:hover {
		background-image: none;
	}
	
	#footer-contact {
		background-image: url('../images/logo-xygas-footer2.png');
	}
	
	/* Test CSS */
	
	#footer-contact {
		padding-left: 0px;
		padding-top: 0px;
		top: 20px;
		width: 570px;
		height: auto;
		background-image: none;
		text-align: center;
	}
	
	#footer-contact th, #footer-contact td, #footer-contact a {
		font-size: 29px;
		display: table-cell;
	}
	
	#empfehlen {
		display: block;
		background-image: url("../images/icon-empfehlen.png");
		margin-left: 175px;
		margin-top: 20px;
		margin-bottom: 23px;
	}
	
	#empfehlen  p#empfehlenTitel {
		font-size: 40px;
		font-style: normal;
		text-align: center;
		margin-bottom: 10px;
	}
	
	#empfehlen p {
		font-size: 24px;
		line-height: 40px;
		text-align: center;
	}
	
	.fb-like {
		margin: 0;
	}
	
	#button-empfehlen {
		float: none;
		margin-top: 10px;
		margin-bottom: -27px;
	}
	
	#button-empfehlen a span {
		font-size: 28px;
		line-height: 50px;
	}
	
	#button-empfehlen span {
		width: 300px;
		height: 58px;
		background-image: url("../images/button-empfehlen-mobile.png");
		background-size: 301px;
		margin-bottom: 40px;
		margin-top: 10px;
	}
	
	#empfehlen {
		width: 640px;
		height: auto;
		top: 30px;
		padding-top: 90px;
		padding-left: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-position: center top;
	}
	
	#footer-contact table {
		width: 600px;
	}
	
	p#right-pages, p#right-pages a {
		font-size: 23px;
		display: none;
	}
	
	#footerbg {
		height: 820px;
		background-image: url("../images/bg-fooder-mobile3.gif");
		background-size: 1030px;
	}
	
	.desktop {
		display: none;
	}
	
	.mobile {
		display: block;
	}
	
	.mobile.inline {
		display: inline;
	}
	
	#copyright {
		top: 20px;
	}
	
	.bigrow {
		display:table-row; 
	}
	
	#footer-contact th.smallmobilecolum {
		width: 210px;
		padding-right: 12px;
		text-align: right;
	}
	
	.bigmobilecolum {
		width: 300px;
	}
	
	#footer-contact th.center, .center {
		text-align: center;
	}
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */.slicknav_menu:after,.slicknav_menu:before{display:table;content:" "}.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_nav,.slicknav_nav ul{padding:0;list-style:none;overflow:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_menu .slicknav_icon-bar{background-color:#085d59}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}