html { height: 100%; }
body {
	margin: 0px;
	padding: 0px;

	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 130%;
	color: #000;

	width: 100%;
	height: 100%;
	background: #fff;
	position: relative;
}
form { margin: 0px; padding: 0px; }

h1 { font-size: 30px; margin: 0px 0px 15px 0px; padding: 0px; line-height: 130%; font-weight: 300; text-transform: none; color: #000; }
h2 { font-size: 24px; margin: 0px 0px 12px 0px; padding: 0px; line-height: 130%; font-weight: 300; text-transform: none; color: #000; }
h3 { font-size: 16px; margin: 0px 0px 14px 0px; padding: 0px; line-height: 130%; font-weight: 700; text-transform: none; }
p  { font-size: 16px; margin: 0px 0px 14px 0px; padding: 0px; line-height: 130%; font-weight: 300; }

.mobileonly { display: block; }
.nonmobileonly { display: none; }
@media (min-width: 768px) { 
	.mobileonly { display: none; }
	.nonmobileonly { display: block; }
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}

.small {
	font-size: 12px;
}
strong, b {
	font-weight: 700;	
}
strike {
	color: #f99;
}

a {
	text-decoration: underline;
	color: #777;
    transition: all 0.5s ease-in-out;
}
a:HOVER {
	text-decoration: none;
	color: #ccc;
    transition: all 0.5s ease-in-out;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.white {
	color: #fff;
}




header, .headerspacer {
	height: 80px;
	background-size: cover;
	background-position: center center;
	background-position: bottom center;
}
header {
	position: relative;
    transition: all 0.5s ease-in-out;
	background-size: cover;
	background-position: center center;
	background-color: #f3f3f3;
}
.headerspacer {
	display: none;
}


header div.left {
	float: left;
	height: 120px;
	padding: 7px 20px 7px 20px;
    transition: all 0.5s ease-in-out;
	margin-top: 14px;
	padding-right: 65px;
}
header div.left h1 {
	font-size: 18px;
}

header div.left p {
	display: none;
	padding: 0px;
	margin: 0px;
}
header div.left img {
	border: 0px;
	width: 50px;
	margin-right: 5px;
}


header ul.navi {
	float: right;
	display: none;
	list-style-type: none;
	margin: 0px; padding: 0px;
}
header ul.navi li {
	float: left;
	margin-left: 10px;
	padding: 0px;
}
header ul.navi li a.navi {
	display: block;
	position: relative;
	padding: 7px;
	text-decoration: none;
	color: #000;
	width: 120px;
	height: 120px;
	background: rgb(255, 255, 255); 
	background: rgba(255, 255, 255, 0.8);
}
header ul.navi li a.navi i  {
	font-size: 25px;
}
header ul.navi li a.navi span {
	display: block;
	position: absolute;
	bottom: 7px;
	left: 7px;
}
header ul.navi li a.navi:HOVER {
	background: rgb(123, 123, 123); 
	background: rgba(123, 123, 123, 0.8);
	color: #fff;
	opacity: 0.75;
}

header ul.mobilenavi {
	display: none;
	position: absolute;
	top: 60px;
	right: 15px;
	border: 1px solid #ccc;
	background: #fcfcfc;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 5;
	min-width: 33%;
}
header ul.mobilenavi li {
	padding: 0px;
	margin: 0px;
	text-align: right;
}
header ul.mobilenavi li a {
	padding: 0px 20px 0px 20px;
	text-align: right;
	line-height: 25px;
	text-decoration: none;
}

header a.sandwitch {
	display: block;
	position: absolute;
	top: 17px; right: 15px;
	width: 45px;
	height: 40px;
	border: 1px solid #999;
	border-radius: 3px;
}
header a.sandwitch span {
	display: block;
	margin: 4px 5px 5px 5px;
	height: 5px;
	background: #333;
	border-radius: 5px;
}
header a.sandwitch span:first-of-type {
	margin-top: 7px;
}
header a.sandwitch span:nth-of-type(1) { background-color: #999; }
header a.sandwitch span:nth-of-type(2) { background-color: #666; }
header a.sandwitch span:nth-of-type(3) { background-color: #333; }
header a.sandwitch:HOVER span:nth-of-type(1) { background-color: #333; }
header a.sandwitch:HOVER span:nth-of-type(2) { background-color: #666; }
header a.sandwitch:HOVER span:nth-of-type(3) { background-color: #999; }

.headercontainer.fixed {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	background: #eee;
    transition: all 0.5s ease-in-out;
	z-index: 200;
	
	-moz-box-shadow:    0px 8px 7px -6px #ccc;
	-webkit-box-shadow: 0px 8px 7px -6px #ccc;
	box-shadow:         0px 8px 16px -6px #000;	
}
.headercontainer.fixed header {
	height: auto;
	background-position: bottom center;
}
.headercontainer.fixed header ul.navi, .headercontainer.fixed header .left { margin-top: 0px; }
.headercontainer.fixed div.languages, .headercontainer.fixed div.quote { display: none; }


header div.languages {
	position: absolute;
	display: none;
	left: 0px;
	bottom: 42px;
	min-height: 80px;
}
header div.languages a {
	display: block;
	margin-bottom: 10px;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 63px;
	width: 150px;
	line-height: 30px;
	background-color: rgb(0, 0, 0); 
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-decoration: none;
}
header div.languages a.de {
	background-image: url(/images/layout/language_de.png);
}
header div.languages a.en {
	background-image: url(/images/layout/language_en.png);
}
header div.languages a:HOVER {
	opacity: 0.75;
}


header div.quote {
	position: absolute;
	display: none;
	right: 0px;
	bottom: 42px;
	min-height: 80px;
	width: 500px;
	background: rgb(255, 255, 255); 
	background: rgba(255, 255, 255, 0.8);
	padding-top: 7px;
	padding-bottom: 7px;
}
header div.quote i {
	display: table-cell;
	padding: 0px 7px 0px 7px;
}
header div.quote span {
	display: table-cell;
}


@media (min-width: 768px) {
	header {
		background-image: url(/images/layout/headingimagedefault.jpg);
	}
	header a.sandwitch {
		display: none;
	}
	header ul.mobilenavi {
		display: none;
	}
	header, .headerspacer {
		height: 300px;
	}

	header div.left, header ul.navi {
		margin-top: 25px;
		padding-right: 0px;
		display: block;
	}
	
	header div.left {
		float: left;
		height: 75px;
		padding: 5px 5px 5px 5px;
		background: rgb(255, 255, 255); 
		background: rgba(255, 255, 255, 0.8);
	}
	header div.left img {
		display: none;
	}	
	header div.left h1 {
		width: 100%;
		font-size: 21px;
		margin-bottom: 5px;
	}
	header div.left p, header div.quote, header div.languages {
		display: block;
		line-height: 120%;
		font-size: 11px;
	}
	header div.quote, header div.languages {
		bottom: 25px;
	}
	header div.quote {
		display: table;
	}
	header div.languages {
		display: block;
	}
	
	header ul.navi li a.navi {
		padding: 5px;
		width: 75px;
		height: 75px;
	}
	header ul.navi li a.navi i  {
		font-size: 18px;
	}
	header ul.navi li a.navi span {
		bottom: 5px;
		left: 5px;
		font-size: 11px;
		line-height: 120%;
	}

}
@media (min-width: 992px) {
	header, .headerspacer {
		height: 400px;
	}
	header div.left, header ul.navi {
		margin-top: 45px;
		display: block;
	}
	header div.quote, header div.languages {
		min-height: 100px;
		font-size: 14px;
		bottom: 45px;
	}

	header div.left {
		float: left;
		height: 100px;
		padding: 7px 10px 7px 10px;
	}
	header div.left img {
		display: inline-block;
		width: 50px;
		margin-right: 5px; 
	}	
	header div.left h1 {
		font-size: 25px;	
	}
	header div.left p {
		margin-left: 55px;
		font-size: 14px;
	}
	
	header ul.navi li a.navi {
		padding: 7px;
		width: 100px;
		height: 100px;
	}
	header ul.navi li a.navi i  {
		font-size: 22px;
	}
	header ul.navi li a.navi span {
		bottom: 7px;
		left: 7px;
		font-size: 14px;
		line-height: 130%;
	}
	
}
@media (min-width: 1200px) {
	header, .headerspacer {
		height: 500px;
	}
	header div.quote, header div.languages {
		min-height: 120px;
		font-size: 16px;
	}

	header div.left {
		float: left;
		height: 120px;
		padding: 7px 20px 7px 20px;
	}
	header div.left h1 {
		font-size: 30px;	
	}
	header div.left p {
		font-size: 14px;
	}	
	
	header ul.navi li a.navi {
		padding: 7px;
		width: 120px;
		height: 120px;
	}
	header ul.navi li a.navi i  {
		font-size: 25px;
	}
	header ul.navi li a.navi span {
		bottom: 7px;
		left: 7px;
		font-size: 16px;
	}

}



.section {
	min-height: 400px;
	background-size: cover;
	background-color: #f3f3f3;
	background-position: center center;
	padding: 50px 0px 50px 0px;
}
.section.seciton-offer {
	background-color: #FDFDFD;
	background-image: url(/images/layout/background-offer.jpg);
}
.section.seciton-media {
	background-color: #C6C0BE;
	background-image: url(/images/layout/background-media.jpg);
	background-position: bottom center;
	padding-bottom: 200px;
}
.section.seciton-booking {
	background-color: #FDFDFD;
	background-image: url(/images/layout/background-booking.jpg);
}
.section.seciton-terms {
	background-color: #C6C0BE;
	background-image: url(/images/layout/background-terms.jpg);
}

.blue, .orange {
	min-height: 55px;
	line-height: 55px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 25px 0px;
	color: #fff;
}
.blue { background-color: #2692FF; }
.orange { background-color: #D86C00; }

.pricetable {
	
}
.pricetable .row {
	clear: both;
	background-color: #fff;
	height: 26px;
	line-height: 26px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}
.pricetable .row .c1 {
	float: left;
	padding-left: 5px;
}
.pricetable .row .c2 {
	float: right;
	padding-right: 5px;
}
.pricetable .row .type1 { color: #A3D900; }
.pricetable .row .type2 { color: #59B200; }
.pricetable .row .type3 { color: #008C23; }

.calendarinclude.loading {
	height: 300px;
	background: transparent url(/images/layout/loading.gif) no-repeat center center;
	background-color: rgb(255, 255, 255); 
	background-color: rgba(255, 255, 255, 0.8);
}
.whitebutton {
	display: block;
	background-color: #fff;
	border: 1px solid #E4E4E4;
	height: 50px;
	line-height: 50px;
	padding: 0px 7px 0px 14px;
	text-decoration: none;
	color: #000;
}
.googlemaps {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
}
.section.seciton-infos {
	position: relative;
	min-height: 570px;
}
.section.seciton-infos .container {
	position: absolute;
	width: 100%;
	z-index: 1;
}
.section.seciton-infos span, .section.seciton-infos div.whitebg {
	background: rgb(255, 255, 255); 
	background: rgba(255, 255, 255, 0.8);
	color: #000;
	padding: 10px;
}
.section.seciton-infos span {
	padding-left: 30px;
	padding-right: 30px;
}


@media (min-width: 768px) {
	.section.seciton-infos .container {
		width: 720px;
		margin-left: -360px;
		lefT: 50%;
	}
	.blue, .orange {
		font-size: 20px;		
	}
	.whitebutton {
		font-size: 16px;
	}
}
@media (min-width: 992px) {
	.section.seciton-infos .container {
		width: 940px;
		margin-left: -470px;
		lefT: 50%;
	}
	.blue, .orange {
		font-size: 25px;		
	}
	.whitebutton {
		font-size: 14px;
	}
}
@media (min-width: 1200px) {
	.section.seciton-infos .container {
		width: 1140px;
		margin-left: -570px;
		lefT: 50%;
	}
	.blue, .orange {
		font-size: 30px;		
	}
	.whitebutton {
		font-size: 16px;
	}	
}





.redlink {
	display: inline-block;
	padding: 4px 10px 4px 10px;
	color: #fff;
	background-color: #D1001A;
	font-weight: 700;
	font-size: 16px;
    transition: all 0.5s ease-in-out;
	text-decoration: none;
}
.redlink:HOVER {
	transition: all 0.5s ease-in-out;
	background-color: #fff;
	color: #000;
}

.boxescontainer-1 {
	padding-top: 60px;
}
.startpagetopbox {
	display: block;
	position: relative;
	background-color: #50504E;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 245px;
	overflow: auto;
	margin-bottom: 20px;
}
.startpagetopbox p.line1, .startpagetopbox p.line2 {
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 2px 5px 2px 5px;
	width: auto;
	font-size: 25px;
	margin: 0px;
    transition: all 0.5s ease-in-out;
}
.startpagetopbox p.line1 { margin-top: 100px; }
.startpagetopbox p.line2 { margin-bottom: 50px; }
.startpagetopbox div.link {
	position: absolute;
	bottom: 6px; right: 6px;
	z-index: 234;
}
a.startpagetopbox:HOVER {
	opacity: 0.8;

	filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
    filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
}
a.startpagetopbox:HOVER p, a.startpagetopbox:HOVER div.link{
    transition: all 0.5s ease-in-out;
	background-color: #fff;
	color: #000;	
}
.boxescontainer-2 {
	
}
.boxescontainer-2 h1 {
	margin: 50px 0px 20px 0px;
	color: #fff;
}
.boxescontainer-2 p {
	float: left;
	clear: left;
	background-color: #fff;
	font-size: 18px;
	margin: 0px 0px 3px 0px;
	padding: 3px 10px 3px 10px;
}
.boxescontainer-2 p.spacer {
	background-color: transparent;
}
.boxescontainer-2 a.link, .boxescontainer-3 a.link {
	margin-bottom: 20px;
}

	
.boxescontainer-3 .startpagetopbox { background-size: 100% auto; min-height: inherit !important; margin-bottom: 0px; }
.boxescontainer-3 .startpagetopbox p.line2 { margin-bottom: 0px; }
.boxescontainer-3 .startpagetopbox div.text {
	background-color: #50504E;
	padding: 5px 5px 25px 5px;
	color: #fff;
}
.boxescontainer-3 .startpagetopbox div.text p { font-size: 18px; }
.boxescontainer-3 a.link {
	position: absolute;
	bottom: 6px; right: 6px;
	z-index: 234;
	margin-bottom: 0px;
}


@media (min-width: 768px) {
	.boxescontainer-1 { padding-top: 375px; }
	
	.startpagetopbox { min-height: 158px; }
	.startpagetopbox p.line1, .startpagetopbox p.line2 { font-size: 16px; }
	.startpagetopbox p.line1 { margin-top: 60px; }
	.startpagetopbox p.line2 { margin-bottom: 0px; }

	.boxescontainer-3 .startpagetopbox div.text p { font-size: 14px; }
}
@media (min-width: 992px) {
	.startpagetopbox { min-height: 211px; }
	.startpagetopbox p.line1, .startpagetopbox p.line2 { font-size: 22px; }
	.startpagetopbox p.line1 { margin-top: 100px; }

	.boxescontainer-3 .startpagetopbox div.text p { font-size: 16px; }
}
@media (min-width: 1200px) {
	.boxescontainer div.row {
		margin-left: -30px;
		margin-right: -30px;
	}
	.boxescontainer div.col-sm-4 {
		padding-left: 30px;
		padding-right: 30px;
	}
	.startpagetopbox { min-height: 245px; }
	.startpagetopbox p.line1, .startpagetopbox p.line2 { font-size: 25px; }
	.startpagetopbox p.line1 { margin-top: 125px; }
		
	.boxescontainer-3 .startpagetopbox div.text p { font-size: 18px; }	
}



.youtubeplay {
	position: absolute;
	width: 77px;
	height: 53px;
	top: 50%;
	left: 50%;
	margin-left: -38px;
	margin-top: -26px;
	z-index: 3;
    transition: all 0.5s ease-in-out;
}
.box:HOVER .youtubeplay, .youtubeplay:HOVER {
	opacity: 0.5;
    transition: all 0.5s ease-in-out;
}




.videooverlay {
	position: fixed;
	top: 0px; left: 0px;
	min-width: 100%; min-height: 100%;
	width: auto;
	height: auto;
	z-index: 30001;
	visibility: visible;
	background-color: rgba(0, 0, 0, 0.5);
}
.videooverlay div.video1 {
	display: block;
	margin-left: auto;
	margin-right :auto;
	position: relative;
}
.videooverlay div.video1 div.video2 {
	background-color: #000;
	padding-bottom: 56.2%;
}
.videooverlay div.video1 div.video2 iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}




.newslistimage {
	width: 100%;
	border: 0px;
    transition: all 0.5s ease-in-out;
}
.newslistimage:HOVER {
	opacity: 0.5;
    transition: all 0.5s ease-in-out;
}
.trainerimage {
	width: 100%;
	border-radius: 50%;
}
.startpage-trainerbox {
	text-align: center;
}
.startpage-trainerbox a {
	color: #000;
	text-decoration: none;
}
.startpage-trainerbox img {
	width: 90%;
	margin-bottom: 10px;
}
.partnerimage {
	width: 100%;
	display: block;
}
.startpage-partner {
	display: block;
	width: 100px; height: 100px;
	float: left;
	margin: 10px 10px 0px 0px;
}
.startpage-partner img {
	border: 0px;
	max-width: 100%;
	max-height: 100%;
}
@media (min-width: 768px) {
	.startpage-partner { width: 60px; height: 60px; }
}
@media (min-width: 992px) {
	.startpage-partner { width: 82px; height: 82px; }
}
@media (min-width: 1200px) {
	.startpage-partner { width: 100px; height: 100px; }
}

.graybg {
	background-color: #ECECEC;
}
.campbox .pagecontent {
	padding: 15px 25px 15px 25px;
	background-color: #ECECEC;
	margin-bottom: 25px;
}
.imageborder {
	border: 6px solid #656160;
}
.calltoaction {
	display: inline-block;
	text-align: center;
	background-color: #D00015;
	color: #fff;
	padding: 0px 20px 0px 20px;
	border: 0px;
	text-decoration: none;
}
.calltoaction {
	line-height: 40px;
	font-size: 18px;
}
.calltoaction:HOVER {
	opacity: 0.5;
	color: #fff;
}
.slider {
	color: #000;
	padding: 40px 0px 40px 0px;
}
.slider .arrow-left, .slider .arrow-right {
	display: block;
	width: 100%;
	padding-bottom: 175%;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 15px;
}
.slider .arrow-left {
	background-image: url('/images/layout/arrow_left.png');
}
.slider .arrow-right {
	background-image: url('/images/layout/arrow_right.png');
}
.slider .arrow-left:HOVER, .slider .arrow-right:HOVER {
	opacity: 0.5;
}

.sliderimage {
	width: 90%;
	border: 5px solid #666;
	border-radius: 50%;
}
.slidercontainer {
	position: relative;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.slidercontainerinner {
	white-space: nowrap;
	width: 100%;
}
.slidercontainer .sliderblock {
	display: inline-block;
	width: 100%;
	white-space: normal;
}
.slidercontainer .sliderblock div.row {
	margin: 0px -20px 0px -20px;
}
.slidercontainer .sliderblock div.col1, .slidercontainer .sliderblock div.col2  {
	float: left;
	padding: 0px 20px 0px 20px;
}
.slidercontainer .sliderblock div.col1 { width: 25%; }
.slidercontainer .sliderblock div.col2 { width: 75%; font-size: 22px; }
.slidercontainer .sliderblock div.col2 p { font-size: 18px; text-align: center; }


.youtubeembed {
	position: relative;
	width: 100%;
	padding-bottom: 56.2%;	
}
.youtubeembed iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}




.startpage .box img.bg, .startpage-trainerbox a img, .startpage-partner img, .partnerimage {
    transition: all 1.5s ease-in-out;
	filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
    filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
}
.startpage .box:HOVER img.bg, .startpage-trainerbox a:HOVER img, .startpage-partner img, .partnerimage:HOVER {
    transition: all 1.5s ease-in-out;
	-webkit-filter: grayscale(0%);	
	filter: grayscale(0%);	
}










/*** slideshow include **/
ul.slideshow {
	display: block;
	list-style-type: none;
	margin: 0px -15px 0px -15px;
	padding: 0px;
}
ul.slideshow li {
	display: block;
	position: relative;
	float: left;
	padding: 15px 15px 15px 15px;
	margin: 0px;
}
ul.slideshow li a img.sthumbnail {
	width: 100%;
	border: 0px;
}
ul.slideshow li a {
	display: block;
	-moz-box-shadow: 0 0 25px #fff;
	-webkit-box-shadow: 0 0 25px #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 25px #fff;	
    transition: all 0.5s ease-in-out;	
}
ul.slideshow li:HOVER a {
	opacity: 0.75;
    transition: all 0.5s ease-in-out;
}
ul.slideshow li { width: 50%; height: auto; }
@media (min-width: 768px) {
	ul.slideshow li { width: 50%; height: auto; }
}
@media (min-width: 992px) {
	ul.slideshow li { width: 50%; height: auto; }
}
@media (min-width: 1200px) {
	ul.slideshow li { width: 50%; height: auto; }
}

/*** thimbnailed overlay - slideshow and projects magic **/
.thumbnailoverlay {
	display: none;
	position: absolute;
	width: 100%;
	background-color: #fff;
	color: #000;
	opacity: 0.75;
	padding: 7px 10px 7px 10px;
	font-size: 11px;
	max-height: 100%; overflow-y: hidden;
}
@media (min-width: 992px) {
	.thumbnailoverlay {
		padding: 10px 15px 10px 15px;
		font-size: 13px;
	}
}





/*** islides - slideshow interface **/
.islides {
	position: relative;
	padding: 15px 5px 15px 5px;
	background-color: #f2e9dd;
	margin-bottom: 3px;
}
.islides .previewimage {
	position: relative;
	border: 3px solid #fff;
	background: #fff url(/images/layout/loading.gif) no-repeat center center;
	text-align: center;
}
.islides .previewimage a {
	display: block;
	width: 100%;
    transition: none;
}
.islides .previewimage a:HOVER {
    transition: none;
}
.islides .previewimage a.hidden {
	display: none;
}
.islides .previewimage img {
	max-width: 100%;
	max-height: 100%;
}
.islides .slides {
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
}
.islides.adminmode .islides .slides {
	overflow: auto;
}
.islides .slides ul {
	width: 200000px;
	list-style-type: none;
	margin: 0px; padding: 0px;
}
.islides.adminmode .slides ul {
	width: 100%;
}

.islides .slides ul li {
	float: left;
	margin-right: 15px;
}
.islides.adminmode .slides ul li {
	margin-bottom: 15px;
}

.islides .slides ul li img.thumb {
	border: 3px solid #fff;
	height: 75px;
}
.islides .slides ul li.selected img.thumb {
	border: 3px solid #ccc;
}
.islides .picture_prev, .islides .picture_next,
.islides .slides_prev, .islides .slides_next {
	position: absolute;
	display: block;
	width: 25px; height: 25px;
}
.islides .picture_prev {
	background: transparent url(/images/layout/arrowleft.png) no-repeat top left;
	top: 90px; left: 5px;
	z-index: 6;
}
.islides .picture_next {
	background: transparent url(/images/layout/arrowright.png) no-repeat top left;
	top: 90px; right: 5px;
	z-index: 6;
}
.islides .slides_prev {
	background: transparent url(/images/layout/arrowleft.png) no-repeat top left;
	bottom: 52px; left: 5px;
}
.islides .slides_next {
	background: transparent url(/images/layout/arrowright.png) no-repeat top left;
	bottom: 52px; right: 5px;
}
.slidestext {
	margin-top: 5px;
}
.islides.adminmode .slides_prev, .islides.adminmode .slides_next { display: none; }
.islides .slides .lc-admincontrollayer-flat { display: none; }
.islides.adminmode .slides .lc-admincontrollayer-flat { display: block; }
@media (min-width: 768px) {
	.islides .picture_prev, .islides .picture_next { top: 280px; }
	.islides {
		padding: 15px 35px 15px 35px;
	}
	.islides .slides ul li img.thumb {
		height: 100px;
	}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}




/*** main buttons classes **/
.lc-button {
	display: inline-block;
	line-height: 35px;
	background-color: #666666;
	font-size: 18px;
	color: #fff;
	margin: 0px;
	padding: 0px 30px 0px 30px;
	font-weight: 700;
	text-decoration: none;
    transition: all 0.5s ease-in-out;
	text-align: center;
	text-transform: uppercase;
}
.lc-button:HOVER {
    transition: all 0.5s ease-in-out;
	background-color: #eee;
	color: #333;
}
.lc-button:DISABLED {
	background-color: #F8F8F8;
	color: #aaa;
}
.lc-button-backlink {
	margin-bottom: 25px;
}
.lc-button.small {
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	padding: 0px 5px 0px 5px;
}


.lc-button-margined {
	margin-top: 15px !important;	
}

.lc-button.redbutton {
	background-color: #ff4c4c;
	border-color: #ff4c4c;
}
.lc-button.redbutton:HOVER {
	background-color: rgba(242, 86, 86, 0.59);
	border-color: rgba(242, 86, 86, 0.59);
	color: #fff;
}
.lc-button.blackborder {
	background-color: transparent;
	border-color: #3E424D;
	color: #3E424D;
}
.lc-button.blackborder:HOVER {
	background-color: transparent;
	border-color: #ccc;
	color: #ccc;
}

.lc-button.lc-button-centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	font-size: 16px;
}
@media (min-width: 768px) {
	.lc-button.lc-button-centered {
		width: 360px;
		font-size: inherit;
	}
}











.black { color: #000000; }
.greyedbox { background: #F3F3F3; }
.ui-widget { font-size: 11px !important; }
.ui-widget-overlay {
	opacity: 0.8;
	background: #fff url('/images/layout/overlaypattern.png') repeat top left;
}

div.layoutleft { float: left; margin-right: 30px; }
div.layoutright {  float: left; }



/**** end of Layout-specific styles ****/
#autowebroot { display: none; }

a.picturepreview {}

.clear { clear:both;  }
.clearright { clear:right;  }
div.pagescontainer { }
div.pagescontainer div a { }





form.inlineform {
	display: block;
	position: relative;
	margin: 0px; padding: 0px;
}
form.inlineform label {
	display: block; 
	margin: 2px 10px 0px 0px; padding: 3px 0px 0px 0px;
	cursor: pointer;
}
form.anfrageform label { width: 150px !important; }
form.inlineform label.required {
	font-weight: bold;
}
form.inlineform label.checkbox, form.inlineform label.radio {
	width: auto;
	font-size: 12px;
	padding: inherit; margin: inherit; float: none;
}
form.inlineform div.input {
	display: block; float: left;
	margin-bottom: 6px;
	line-height: 24px;
}
form.inlineform input.button, input.coolbutton {
	background: #000;
	border: 0px;
	margin: 8px 0px 0px 0px; padding: 0px 10px 0px 10px;
	height: 57px; line-height: 57px;
	color: #fff; font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
    transition: all 0.5s ease-in-out;
}
form.inlineform input.button:HOVER, input.coolbutton:HOVER {
	background-color: #FF290B;
}
form.inlineform input.cancel {
	background-color: #AA6666;
}
form.inlineform input.loadingbutton {
	background: #EEEEEE url('/images/layout/loading.gif') center center no-repeat !important;
	color: transparent !important;
	border-color: #CCCCCC !important;
}
form.inlineform input.loading {
	color: transparent;
	background: transparent url('/images/layout/loading.gif') center center no-repeat;
}
form.inlineform input.inputerror, form.inlineform textarea.inputerror {
	background-image: url('/images/layout/inputerrorbg.png?aab');
}

form.inlineform input.textinput {
	background-color: #F1F1F1;
	border: 1px solid #C6C6C6;
	border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px;
	height: 24px; line-height: 24px;
	color: #333333;
}
form.inlineform textarea.textinput {
	background-color: #F7F7F7;
	border: 1px solid #C6C6C6;
	border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px;
	line-height: 24px;
	color: #333333;
}
form.inlineform p.error {
	color: #993300;
	font-weight: bold;
}

div.inlineformhint {
	position: absolute;
	width: 208px;
	min-height: 40px;
}

form.inlineform_small {
	font-size: 11px;
}
form.inlineform_small label {
	font-size: 11px;
	width: 90px;
}




/*** customising the lightgallery css's ***/
#lg-outer {
	background-color: rgba(255, 255, 255, 0.75) !important;
}
#lightGallery-close {
	color: #fff;
	opacity: 1;
	width: 42px;
	height: 38px;
}
#lightGallery-close:after {
	font-size: 30px;
}
#lg-action {
	top: 10px;
	bottom: auto;
}
.lg-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid #ddd;
    color: #000;
    min-height: 40px;
	padding: 10px 0px 10px 0px;
	white-space: normal;
    z-index: 9;
	line-height: 20px;	
}
.lg-caption span {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}


.share-btn-group {
	display: block;
	line-height: 20px;
	text-align: center;
}
.share-btn {
    display: inline-block;
	color: #fff;
    border: none;
	line-height: 50px;
    padding: 0px;
    width: 50px;
    outline: none;
	margin-right: 5px;
    text-align: center;
}

.share-btn:hover {
	opacity: 0.5;
	color: #fff;
}
.share-btn:active {
	opacity: 0.5;
}

.share-btn.twitter		{ background: #55acee; }
.share-btn.google-plus	{ background: #dd4b39; }
.share-btn.facebook		{ background: #3B5998; }
.share-btn.linkedin		{ background: #4875B4; }
.share-btn.email		{ background: #444444; }
.share-btn.stumbleupon	{ background: #EB4823; }
.share-btn.reddit		{ background: #ff5700; }

@media (min-width: 768px) {
	.share-btn-group {
		display: inline-block;
	}
	.share-btn {

		line-height: 20px;
		width: 30px;
		margin-right: 1px;
	}
}



/*** the loading circle ****/
@-webkit-keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }
@keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }
.uil-default-css { position: relative;background:none; width:200px; height:200px; margin-left: auto; margin-right: auto; transform: scale(0.5,0.5); }
.uil-default-css > div { background:#000; }
.uil-default-css > div:nth-of-type(1) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.uil-default-css > div:nth-of-type(2) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.4166666666666667s;animation-delay: -0.4166666666666667s;}
.uil-default-css > div:nth-of-type(3) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.33333333333333337s;animation-delay: -0.33333333333333337s;}
.uil-default-css > div:nth-of-type(4) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.25s;animation-delay: -0.25s;}
.uil-default-css > div:nth-of-type(5) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.16666666666666669s;animation-delay: -0.16666666666666669s;}
.uil-default-css > div:nth-of-type(6) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.08333333333333331s;animation-delay: -0.08333333333333331s;}
.uil-default-css > div:nth-of-type(7) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0s;animation-delay: 0s;}
.uil-default-css > div:nth-of-type(8) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.08333333333333337s;animation-delay: 0.08333333333333337s;}
.uil-default-css > div:nth-of-type(9) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.16666666666666663s;animation-delay: 0.16666666666666663s;}
.uil-default-css > div:nth-of-type(10){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.uil-default-css > div:nth-of-type(11){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.33333333333333337s;animation-delay: 0.33333333333333337s;}
.uil-default-css > div:nth-of-type(12){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.41666666666666663s;animation-delay: 0.41666666666666663s;}


.mce-tinymce {
	border: 2px solid #bdc3c7;
    border-radius: 6px;
}

.stop-scrolling {
	height: 100%;
	overflow: hidden;
}

.lc-blocklink {
	display: block;
	margin: 5px 0px 5px 0px;
	text-align: center;
}
.lc-loginform .lc-blocklink {
	color: #999;
}
.lc-inlineform-error-hint {
	margin-top: -10px !important;
	background-color: #C0392B;
	color: #fff;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
}
.lc-inlineform-error-hint .arrow {
	top: -10px !important;
	left: 12px !important;
}
.lc-inlineform-error-hint .arrow:after {
	border-bottom-color: #C0392B !important;
}


@-webkit-keyframes DISABLED-BUTTON-LOADING {
	0% { background-position: 0px 0px; }
	100% { background-position: -28px 0px; }
}
.inlineform .btn-primary:disabled, .inlineform .btn-file.disabled { 
	-webkit-animation: DISABLED-BUTTON-LOADING 2s infinite;
	animation-timing-function: linear;
	
	background: #bbb repeating-linear-gradient(
		45deg,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0) 10px,
		rgba(255, 255, 255, 0.2) 10px,
		rgba(255, 255, 255, 0.2) 20px
	);
	background-size: 2800px auto;
}

.loopcms-imagefileinput {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.loopcms-imagefileinput tr td {
	vertical-align: top;
}

.lc-forms-btnfile {
	display: inline-block;
	width: 100%;
	height: 60px;
	padding: 20px 15px !important;
}

.lc-forms-existingfile {
	width: 70%;	
	background-position: top left;
	background-repeat: no-repeat;
	color: #7F8C8D;
	margin-top: 0px;
	padding-left: 10px;
}
.lc-forms-existingfile img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	border: 1px solid #ccc;
}
.lc-forms-languagespacer {
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #D35400;
}

.lc-forms-imageresizebox {
	display: none;
	position: relative;
	background: #fff;
	width: 60px;
	height: 60px;
	border: 1px solid transparent;
	opacity: 0.5;
    transition: all 0.5s ease-in-out;
}
.lc-forms-imageresizebox:HOVER {
	border: 1px solid #ddd;
    transition: all 0.5s ease-in-out;
	opacity: 1;
}

.lc-forms-imageresizebox a {
	position: absolute;
	display: block;
	border: 1px solid #ddd;
	background: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none;
}
.lc-forms-imageresizebox a.selected {
	border-color: #B8FF71;
	background-color: #DFFFBF;
	text-decoration: none;
}
.lc-forms-imageresizebox a:HOVER {
	border-color: #777;
	background-color: #ddd;
	text-decoration: none;
}
.lc-forms-imageresizebox a.c {
	width: 30px; height: 30px;
	top: 15px; left: 15px;
	background-image: url(/images/admin/imageresizebox-c.png);
}
.lc-forms-imageresizebox a.tl {
	width: 18px; height: 18px;
	top: 3px; left: 3px;
	background-image: url(/images/admin/imageresizebox-tl.png);
}
.lc-forms-imageresizebox a.br {
	width: 18px; height: 18px;
	bottom: 3px; right: 3px;
	background-image: url(/images/admin/imageresizebox-br.png);
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 12px;
}
.ui-dialog, label {
	font-size: 12px;
}

/* bootstrap changes */
.btn {
	color: #fff !important;
	font-weight: normal;
	text-decoration: none;
}
.form-group {
	margin-bottom: 10px;
}
.form-control.vld_required, .input-group-addon.vld_required {
	border-color: #F39C12;
}
.input-group-addon.vld_required {
	background-color: #F39C12;
}
.lc-forms-spacer {
	height: 1px; background-color: #fcfcfc;
	margin: 10px 0px 10px 0px;
}


/* Jquery UI customisation classes */
.lc-dialog-content {
	position: relative;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-bottom: 15px !important;
	border-color: #ddd;
}
.ui-dialog {
    /*transition: top 0.5s ease-in-out;*/
    /*transition: left 0.5s ease-in-out;*/
	min-width: 350px;
	-webkit-box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	-moz-box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	border-color: #eee;
	border-radius: 6px;
	
	z-index: 20001 !important;
}
.ui-dialog p {
	font-size: inherit;
}
.ui-widget-header {
	border: 0px;
	background: transparent;
	color: #16A085;
}
.ui-dialog-titlebar {
	padding-left: 15px !important;
	padding-right: 15px !important;
	line-height: 35px;
}
.ui-dialog-titlebar span {
	font-size: 17px;
	font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar-close {
	right: 15px;
	top: 23px;
	border: 0px;
	background: transparent;
	color: #16A085;
}
.ui-button {
	padding: 5px;
}



.inlineform * {
	border-radius: 0px;
}
.contactform input, .contactform textarea {
	border-color: #ccc !important;
}
.contactform button {
	background-color: #666 !important;
}




:HOVER.notransition, .notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.sameheight1 {
	display: block;
}
.schematic {
	display: block;
	margin: 20px 0px 20px 0px;
	width: 100%;
}

.loginlink {
	display: none;
	margin-top: 20px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 25px;
	height: 25px;
	border: 0px;
	text-decoration: none;
	opacity: 0.25;
	font-size: 8px;
}