/*===================================================================================================
1) Reset & basics
===================================================================================================*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/*===================================================================================================
2) Basic styles
===================================================================================================*/
	body {
		background: #fff;
		font: 14px/21px Arial, sans-serif;
		color: #cccccc;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		
		-webkit-transition: background-color 0.8s ease-out;
		-moz-transition: background-color 0.8s ease-out;
		-o-transition: background-color 0.8s ease-out;
		transition: background-color 0.8s ease-out;
	}

/*===================================================================================================
3) Typography
===================================================================================================*/
	h1, h2, h3, h4, h5, h6 {
		color: #222;
		font-family: Montserrat, Georgia, Arial, sans-serif;
		font-weight: normal; 
    }
		
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 18px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 6px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 6px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }

	.h1, .h1 a, .h2, .h2 a, .h3, .h3 a, .h4, .h4 a, .h5, .h5 a, .h6, .h6 a, .ias-noneleft{ font-weight: bold; }
	.h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	.h2 { font-size: 18px; line-height: 40px; margin-bottom: 10px; }
	.h3 { font-size: 28px; line-height: 34px; margin-bottom: 6px; }
	.h4 { font-size: 21px; line-height: 30px; margin-bottom: 6px; }
	.h5, .ias-noneleft { font-size: 17px; line-height: 24px; }
	.h6 { font-size: 14px; line-height: 21px; }


	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;	}

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

	blockquote, blockquote p { font-family: Georgia, Arial, sans-serif; font-size: 14px; line-height: 1.5; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { font-family: Arial, sans-serif; font-style: normal; font-weight: bold; display: block; padding-top: 8px; }
	blockquote cite:before { content: "\2014"; }
	/*blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }*/

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/*===================================================================================================
4) Links
===================================================================================================*/
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #777; }
	p a, p a:visited { line-height: inherit; }

/*===================================================================================================
5) Lists
===================================================================================================*/
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;	 }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/*===================================================================================================
6) Images
===================================================================================================*/
	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

/*===================================================================================================
7) Buttons
===================================================================================================*/
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
		border: 1px solid #aaa;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 4px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #444;
		display: inline-block;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		text-shadow: 0 1px rgba(255, 255, 255, .75);
		cursor: pointer;
		/*margin-bottom: 20px;*/
		line-height: normal;
		padding: 8px 10px;
		font-family: Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
		border: 1px solid #888;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	border: 0;
	padding: 0;
	}

/*===================================================================================================
8) Forms
===================================================================================================*/
	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px Arial, sans-serif;
		color: #444;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:	0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;	}
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/*===================================================================================================
9) Misc
===================================================================================================*/
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.six.columns p{ padding-right: 20px;}
/*===================================================================================================
10) Base 960 grid
===================================================================================================*/
	.KontaktContainer									{ position: relative; width: 1000px; margin: 0 auto; padding: 0; }
	.menu, #overview { width: 1000px; }

	 .column,
	 .columns							{ float: left; display: inline; margin-left: 5px; margin-right: 5px; }
	.row										{ margin-bottom: 20px; }

	/* Nested Column Classes */
	.column.alpha, .columns.alpha				{ margin-left: 0; }
	.column.omega, .columns.omega				{ margin-right: 0; }

	/* Base Grid */
	 .one.column,
	 .one.columns						{ width: 60px;	}
	 .two.columns						{ width: 120px; }
	 .three.columns						{ width: 180px; }
	 .four.columns						{ width: 240px; }
	 .five.columns						{ width: 300px; }
	 .six.columns						{ width: 360px; }
	 .seven.columns						{ width: 420px; }
	 .eight.columns						{ width: 480px; }
	 .nine.columns						{ width: 540px; }
	 .ten.columns						{ width: 600px; }
	 .eleven.columns					{ width: 660px; }
	 .twelve.columns					{ width: 720px; }
	 .thirteen.columns					{ width: 780px; }
	 .fourteen.columns					{ width: 840px; }
	 .fifteen.columns					{ width: 900px; }
	 .sixteen.columns					{ width: 960px; }

	 .one-third.column					{ width: 320px; }
	 .two-thirds.column					{ width: 640px; }

	/* Offsets */
	 .offset-by-one						{ padding-left: 70px;	 }
	 .offset-by-two						{ padding-left: 130px; }
	 .offset-by-three					{ padding-left: 190px; }
	 .offset-by-four					{ padding-left: 250px; }
	 .offset-by-five					{ padding-left: 310px; }
	 .offset-by-six						{ padding-left: 370px; }
	 .offset-by-seven					{ padding-left: 430px; }
	 .offset-by-eight					{ padding-left: 490px; }
	 .offset-by-nine					{ padding-left: 550px; }
	 .offset-by-ten						{ padding-left: 610px; }
	 .offset-by-eleven					{ padding-left: 670px; }
	 .offset-by-twelve					{ padding-left: 730px; }
	 .offset-by-thirteen				{ padding-left: 790px; }
	 .offset-by-fourteen				{ padding-left: 850px; }
	 .offset-by-fifteen					{ padding-left: 910px; }

/*===================================================================================================
11) Tablet (Portrait)
===================================================================================================*/
	/* Note: Design for a width of 768px */

	@media only screen and (min-width: 768px) and (max-width: 999px) {
		.KontaktContainer									{ width: 768px; }
		.menu, #overview { width: 768px; }

		 .column,
		 .columns							{ margin-left: 5px; margin-right: 5px;	}
		.column.alpha, .columns.alpha				{ margin-left: 0; margin-right: 10px; }
		.column.omega, .columns.omega				{ margin-right: 0; margin-left: 10px; }
		.alpha.omega								{ margin-left: 0; margin-right: 0; }

		 .one.column,
		 .one.columns						{ width: 28px; }
		 .two.columns						{ width: 76px; }
		 .three.columns						{ width: 124px; }
		 .four.columns						{ width: 172px; }
		 .five.columns						{ width: 220px; }
		 .six.columns						{ width: 268px; }
		 .seven.columns						{ width: 316px; }
		 .eight.columns						{ width: 364px; }
		 .nine.columns						{ width: 412px; }
		 .ten.columns						{ width: 460px; }
		 .eleven.columns					{ width: 508px; }
		 .twelve.columns					{ width: 556px; }
		 .thirteen.columns					{ width: 604px; }
		 .fourteen.columns					{ width: 652px; }
		 .fifteen.columns					{ width: 700px; }
		 .sixteen.columns					{ width: 748px; }

		 .one-third.column					{ width: 236px; }
		 .two-thirds.column					{ width: 492px; }

		/* Offsets */
		 .offset-by-one						{ padding-left: 48px; }
		 .offset-by-two						{ padding-left: 96px; }
		 .offset-by-three					{ padding-left: 144px; }
		 .offset-by-four					{ padding-left: 192px; }
		 .offset-by-five					{ padding-left: 240px; }
		 .offset-by-six						{ padding-left: 288px; }
		 .offset-by-seven					{ padding-left: 336px; }
		 .offset-by-eight					{ padding-left: 384px; }
		 .offset-by-nine					{ padding-left: 432px; }
		 .offset-by-ten						{ padding-left: 480px; }
		 .offset-by-eleven					{ padding-left: 528px; }
		 .offset-by-twelve					{ padding-left: 576px; }
		 .offset-by-thirteen				{ padding-left: 624px; }
		 .offset-by-fourteen				{ padding-left: 672px; }
		 .offset-by-fifteen					{ padding-left: 720px; }
	}

/*===================================================================================================
12) Mobile (Portrait)
===================================================================================================*/
	/* Note: Design for a width of 320px */

	@media only screen and (max-width: 767px) {
		.KontaktContainer { width: 300px; }
		.menu, #overview { width: 300px; }

		 .columns,
		 .column { margin: 0; }

		 .one.column,
		.one.columns,
		 .two.columns,
		 .three.columns,
		 .four.columns,
		 .five.columns,
		 .six.columns,
		 .seven.columns,
		 .eight.columns,
		 .nine.columns,
		 .ten.columns,
		 .eleven.columns,
		 .twelve.columns,
		 .thirteen.columns,
		 .fourteen.columns,
		 .fifteen.columns,
		 .sixteen.columns,
		 .one-third.column,
		 .two-thirds.column	 { width: 300px; }

		/* Offsets */
		 .offset-by-one,
		 .offset-by-two,
		 .offset-by-three,
		 .offset-by-four,
		 .offset-by-five,
		 .offset-by-six,
		 .offset-by-seven,
		 .offset-by-eight,
		 .offset-by-nine,
		 .offset-by-ten,
		 .offset-by-eleven,
		 .offset-by-twelve,
		 .offset-by-thirteen,
		 .offset-by-fourteen,
		 .offset-by-fifteen { padding-left: 0; }

	}

/*===================================================================================================
13) Mobile (Landscape)
===================================================================================================*/
	/* Note: Design for a width of 480px */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.KontaktContainer { width: 420px; }
		.menu, #overview { width: 420px; }
		 .columns,
		 .column { margin: 0; }

		 .one.column,
		 .one.columns,
		 .two.columns,
		 .three.columns,
		 .four.columns,
		 .five.columns,
		 .six.columns,
		 .seven.columns,
		 .eight.columns,
		 .nine.columns,
		 .ten.columns,
		 .eleven.columns,
		 .twelve.columns,
		 .thirteen.columns,
		 .fourteen.columns,
		 .fifteen.columns,
		 .sixteen.columns,
		 .one-third.column,
		.two-thirds.column { width: 420px; }
	}





/*
.grey-popup-block .one.column,
.grey-popup-block .one.columns						{ width: 6.25%; }
.grey-popup-block .two.columns						{ width: 12.5%; }
.grey-popup-block .three.columns					{ width: 18,78%; }
*/
.grey-popup-block .four.columns						{ width: 25%; }
/*
.grey-popup-block .five.columns						{ width: 220px; }
.grey-popup-block .six.columns						{ width: 268px; }
.grey-popup-block .seven.columns					{ width: 316px; }
*/
.grey-popup-block .eight.columns					{ width: 50%; }
/*
.grey-popup-block .nine.columns						{ width: 412px; }
.grey-popup-block .ten.columns						{ width: 460px; }
.grey-popup-block .eleven.columns					{ width: 508px; }
*/
.grey-popup-block .twelve.columns					{ width: 75%; }
/*
.grey-popup-block .thirteen.columns					{ width: 604px; }
.grey-popup-block .fourteen.columns					{ width: 652px; }
.grey-popup-block .fifteen.columns					{ width: 700px; }
*/
.grey-popup-block .sixteen.columns					{ width: 100%;}
/*===================================================================================================
14) Clearing
===================================================================================================*/
	/* Self clearing goodness */
	.KontaktContainer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	.grey-popup-block .kontakt{margin: 0; padding: 0;}
	.grey-popup-block .kontakt>div {padding: 15px;}

	/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0; }
	.row:after,
	.clearfix:after {
		clear: both; }
	.row,
	.clearfix {
		zoom: 1; }

	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}

/* Slider war hier drinnen killed by BNE */

/*===================================================================================================
16) Site styles
===================================================================================================*/
h1 { font-size: 22px; line-height: 1.2; }
h2 { font-size: 22px; line-height: 1.2; }
h3 { font-size: 18px; line-height: 1.2; }
h4 { font-size: 16px; line-height: 1.2; }
h5 { font-size: 14px; line-height: 1.2; }
h6 { font-size: 12px; line-height: 1.2; }

.kontakt{
	border: solid 1px #ffcb0f;
	padding: 15px;
} 
.kontakt h4{
	color: #ffcb0f;
}

.services{
}
.services h4{
	color: #ffcb0f;
}

.currentPage, button.currentPage:hover {
	color: #bbb;
	cursor: default;
}

button.currentPage:hover {
	cursor: auto;
}

#sitePreloader {
	position: absolute;
	top: 0;
	left: 0;
	bottom:-100px;
	right: 0;
	background-color: #000;
	z-index: 2000;
}

#preloaderImage {
	width: 30px;
	margin: 200px auto 20px auto;
}

header {
	padding-top: 0px;
	border-top: 3px solid #000;
}

#logo, #logoDetailView {
	float: left;
	cursor: pointer;
}

/*#logo img,*/ 
#logoDetailView img {
	margin-top: 14px;
}

a, button {
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

a, a:visited {
	color: #333;
}

a:hover, a:active, a:focus, #heroNav a:hover, #heroNav a:visited:hover, #heroNav a:active, #heroNav a:focus, #formSubmit:hover, .contentModule a:hover, .contentModule a:visited:hover, .contentModule a:active, .contentModule a:focus { color: #777777; } {
	color: #888;
}

#logo{ /* BNE */
	padding-bottom: 2px;
}
nav {
	list-style: none;
	float: right;
	padding-top: 45px;
	margin-bottom: -30px;
}

nav ul li {
	display: inline;
	padding-left: 26px;
}

nav ul li:first-child {
	padding-left: 0px;
}

nav ul li a, nav ul li a:visited, nav ul li button, nav ul li span {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0;
	text-rendering: auto;
	text-decoration: none;
}

nav ul li button, .insNav button {
	background: none;
	border: none;
	text-shadow: none;
	padding: 0;
}

nav ul li button {
	margin-bottom: 0px;
}

nav ul li button:hover, .insNav button:hover {
	background: none;
	border: none;
}

nav ul li button:hover, nav ul li button:active, nav ul li button:focus, nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	color: #888;
	outline: 0;
}

#overview {
	margin: 0;
	padding-bottom: 10px;
	margin-top:100px;	
}
#overview h3{
	font-family: Arial, Helvetica sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: -0.04em;
	text-rendering: auto;
	color: #333;
	margin-top: -7px;
	margin-bottom: 22px;	
}
/* Inserate Ansicht */
.hinweis{
	position: relative;
	font-size: 24px;
	text-align: center;
	color: #ffcb0f;
	font-weight: bold;
	z-index: -100;
}

.tel{
	color: #ffcb0f;
	font-size: 18px;
	font-weight: bold;
}
.btn{
	font-size: 40px;
/* 	line-height: 40px; */
	height: 40px;
}
.insWrapper{
	position: relative;
/* 	max-width:240px; */
	}
.ins {
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
}
.ins .h3{
	color: #ffcb0f;
	font-size: 16px;
}

.insThumbnail {
	max-width: 100%;
	height: 100%;
	position: relative;
}

.insThumbnail img {
	display: block;
}

.insThumbnailHover {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10;
	padding-right:2px;
}

.insThumbnailHover .h4 {
/* 	font-family: Georgia, Arial, sans-serif; */
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: -0.05em;
	text-rendering: auto;
	color: #fff;
	position: absolute;
	margin-right: 10px;
	/*margin: 40px 10px 0px 10px;*/
	top: 30px;
	display: none;
}

.insThumbnailHover .h5 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0;
	text-rendering: auto;
	color: #fff;
	position: absolute;
	/*padding-top: 69px;*/
	bottom: 30px;
	display: none;
}

.insInfo {
	overflow: hidden;
}

.insInfo .h4 {
/* 	font-family: Arial, sans-serif; */
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: -0.05em;
	text-rendering: auto;
	color: #444;
	padding-top: 12px;
	padding-bottom: 8px;
	margin-bottom: 4px;
	float: left;
}

.insNav {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0;
	text-rendering: auto;
	color: #444;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 29px;
	margin-bottom: 9px;
	padding-top: 4px;
	margin-top: 38px;
}

.insNavCounter {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0;
	text-rendering: auto;
	color: #444;
	font-size: 12px;
	padding-top: 11px;
	float: right;
	text-align: right;
}

.insNavClose button, .insNavButtons button, .insNavEnlarge button {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	line-height: 1.2;
	text-rendering: auto;
	color: #444;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	text-decoration: none;
}

.insNav button:hover, .insNav button:active, .insNav button:focus {
	color: #777;
	outline: 0;
}

.insNavInactive, button.insNavInactive, button.insNavInactive:hover, button.insNavInactive:active {
	color: #ccc;
	text-decoration: none;
	cursor: auto;
}

.insNavEnlarge {
	float: left;
	/*padding-left: 1px;*/
	padding-top: 5px;
	padding-top: 7px\9; /* IE adjustment */
	width: auto;
}

.insNavClose {
	float: right;
	padding-top: 5px;
	padding-top: 7px\9; /* IE adjustment */
}

.insNavButtons {
	padding-top: 5px;
	padding-top: 7px\9; /* IE adjustment */
	text-align: center;
}

select {
	padding:3px;
	margin: 0 0 10px 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: 1px solid #ffcb0f;
/*
	-webkit-box-shadow: 0px 0px 5px 5px rgba(255,204,16,0.75);
	-moz-box-shadow: 0px 0px 5px 5px rgba(255,204,16,0.75);
	box-shadow: 0px 0px 5px 5px rgba(255,204,16,0.75);
*/
	background-color: rgba(255,204,16,0.3);
	color:#ffcb0f;
/* 	border:none; */
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

/* label {position:relative} */
/*
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
*/

/* Tweak positioning slightly in Firefox */
@-moz-document url-prefix() {
	.insNavEnlarge, .insNavClose, .insNavButtons {
		padding-top: 7px;
	}
}

.insInfo, .linedList {
	border-bottom: 3px solid #ddd;
}

.insInfo p:nth-of-type(1) {
	margin-top: 9px;
}

.insInfo p:nth-last-child(2) {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

#about p, #about blockquote {
	margin-bottom: 24px;
}

p strong, .insInfo strong {
	color: #444;
}

p, .insInfo p, .insInfo li {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0;
	text-rendering: auto;
}

.insInfo ul {
	margin-top: -8px;
	margin-bottom: 7px;
}



.insInfo p + ul {
	margin-top: -20px;
}

.insInfo li, .linedList li {
	border-top: 1px solid #ddd;
	margin-top: 6px;
	margin-bottom: -1px;
	padding-top: 6px;
	padding-bottom: 0px;
}

.insInfo li:first-child {
	border-top: none;
}

.insInfo li:last-child {
	margin-bottom: -2px;
}

.linedList {
	padding-bottom: 7px;
}

#about img, #detailView img {
	max-width: 100%;
	height: auto;
}

#detailView img {
	padding-bottom: 12px;
}

#detailViewImages {
	text-align: center;
}

#detailViewBack {
	font-size: 12px;
	font-weight: bold;
	margin-top: -18px;
}

#detailViewBack a {
	text-decoration: none;
}

footer {
	margin-top: 0px;
	margin-bottom: 40px;
}

footer p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0;
	text-rendering: auto;
	color: #333;	
}

.video {
	margin-bottom: 30px;
}

#faq p:first-child, #heroNav a, #heroNav a:visited, .contentModule a, .contentModule a:visited {
	color: #333333;
}

#formField {
	border: 1px solid #555555;
	margin: 0;
	width: 200px;
	height: 20px;
	display: inline;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

#formSubmit {
	display: inline;
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
	background: none;
	padding-left: 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.09em;
	text-decoration: none;
	text-transform: uppercase;
	text-rendering: auto;
	text-shadow: none;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

#formField, #content #heroNav ul li, #footerLinks li, #heroNav, .contentModule {
	border-color: #dddddd;
}

#formSubmit, #formField {
	color: #444444;
}

#formField {
	background: #fff;
}

#formField:focus {
	background: #fff;
}

#content img {
	max-width: 100%;
	height: auto;
}

#hero {
	margin-top: -15px;
	margin-bottom: -1px;
}

#heroNav {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin-bottom: 26px;
}

#content #heroNav ul li {
	display: inline;
	padding-left: 12px;
	margin-left: 0;
	border-right: 1px solid;
	padding-right: 15px;
}

#content #heroNav ul li:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

#heroNav ul li:first-child {
	padding-left: 0;
	margin-left: 0;
}

#heroNav ul {
	text-align: center;
	margin-bottom: 18px;
}

#heroNav a {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: underline;
	text-transform: none;
	text-rendering: auto;
}

#content ul li {
	list-style-type: disc;
	margin-left: 14px;
	margin-bottom: 10px;
}

.contentModule ul, .contentModule ol {
	padding-top: 8px;
}

#footerLinks li {
	font-weight: bold;
	font-size: 12px;
	display: inline;
	padding-left: 12px;
	margin-left: 0;
	border-right: 1px solid;
	padding-right: 15px;
}

#footerLinks li:first-child {
	padding-left: 0;
}

#footerLinks li:last-child {
	border-right: none;
}

.contentModule {
	margin-bottom: 22px;
	padding-bottom: 6px;
	border-bottom: 1px solid;
}

.contentModule p {
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 1.4;
}

.contentModule li:first-child, .contentModule p:first-child {
	margin-top: -3px;
}

.contentModule:last-child {
	border-bottom: none;
}

#faq p {
	margin-top: -5px;
}

#faq p:first-child {
	font-weight: bold;
	margin-top: 0px;
	line-height: 1.2;
}

code {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	background: #fff;
	color: #000;
	text-shadow: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

li .portfolioSlide{
	max-width: 240px;
	max-height: 320px;
	}
.thumbnailMask {
	/*
	Disable pointer events to allow swipe navigation - needed to use a svg instead of a div since no versions of IE support pointer events on divs
	*/
	pointer-events: none;
	width: 240px;
	height: 320px;
	position: absolute;
	z-index: 24;
}
.mobile, .four>hr{
	display: none;
}
.insName{
	white-space: nowrap;
	overflow: hidden;
}

.inactive{
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.detimg{
	margin-right: 20px;
	margin-top: 10px;
}
.detimg > img{
    border: 1px solid #ffcb0f;
}


.detTxt{
	color: #ffffff;
}



/* Navigation responsive */
#nav {
	font-size: 16px;
	margin: 0 auto 10px;
	padding: 6px 0 6px 6px;
	list-style: none;
	float: right;
/* 				width: 580px; */
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:24px;
	}

#nav li {
	display: block;
	float: left;
	margin-left: 0px;
/* 	margin-right: 12px; */
	margin-right: 0px;
	
/* 	background: rgba(0,0,0,.8); */
}

#nav .sub_menu li {
	min-width: 100%;
	display: block;
}

#nav .sub_menu li span {
    color: #ffcb0f;
    font-weight: bold;
    font-size: 16px;
}


#nav a{
	font-size: 16px;
	font-weight: normal;
	padding: 0 15px;
	line-height: 24px;
	display: block;
	float: left;
	text-decoration: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 0;
	color: #ccc;
}
#nav .sub_menu a{
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
/* 	background: rgba(0,0,0,.8); */
}
#nav a:hover, .subRolledOut>a{
	padding: 0 15px;
	line-height: 24px;
	display: block;
	float: left;
	text-decoration: none;
	border: 0;
	background: rgba(255,203,15,0.30);
	color: #ffcb0f;
	}

#nav .selected a{
	background: #4d4d4d;
	background: rgba(255,255,255,.15);
	color: #ccc;
	font-weight: bold;
}
#nav .selected a:hover {
/* 	background: #4d4d4d; */
	background: rgba(255,255,255,.15);
	color: #fff;
	font-weight: bold;
}

ul ul { display: none; position: absolute; top: 50px;  	background: rgba(0,0,0,.8);
}
ul li:hover > ul { margin-left:0px; display: block;  }
ul li:hover > ul#bez { margin-left:-140px; display: block;  }

ul ul li { display:block;}

/* styles for desktop */
.tinynav { display: none; }

#inserieren-button {
	position: absolute;
	right: 0px;
	top: 130px;
	width: 100px;
/* 	z-index:9999; */
	cursor:pointer;
}

#nach-oben-button {
	position: fixed;
	right: 6px;
	bottom: 3px;
	width: 48px;
	cursor:hand;
/* 	z-index: 1999; */
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#nach-oben-button:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
/*
#nach-oben-button a {

}
*/

/** the form elements **/
#hongkiat-form { box-sizing: border-box; max-width:600px; }

#hongkiat-form .txtinput { 
  display: block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  border-style: solid;
  border-width: 1px;
  border-color: #dedede;
  margin-bottom: 20px;
  font-size: 1.55em;
  padding: 11px 25px;
  padding-left: 55px;
  width: 90%;
  color: #777;
  
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
  
  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form .txtinput:focus { 
  color: #333;
  border-color: rgba(41, 92, 161, 0.4);
  
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  outline: 0 none; 
}

#hongkiat-form textarea {
  display: block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  border-style: solid;
  border-width: 1px;
  border-color: #dedede;
  margin-bottom: 15px;
  font-size: 1.5em;
  padding: 11px 25px;
  padding-left: 55px;
  width: 90%;
  height: 180px;
  color: #777;
  
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
  
  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#hongkiat-form textarea:focus {
  color: #333;
  border-color: rgba(41, 92, 161, 0.4);

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
  outline: 0 none; 
	
	
}
#hongkiat-form textarea.txtblock {
	background: #fff url('/img/speech.png') 5px 4px no-repeat;
}
button, .btn, button:hover, .btn:hover{
    height: 44px;
    line-height: 54px;
    background-color: #000;
    left: 30;
    top: 15px;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 8px 12px !important;
/*     line-height: normal !important; */
    color: #ffcb0f !important;
    border: 1px solid #ffcb0f !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-style: normal;
    font-size: 22px;
    font-family: Arial, Baskerville, monospace;
    text-shadow: none;
}

#AdHere_submit {
  display: block;
  opacity: 1;
  float: left;
  color: #515151;
  text-shadow: -1px 1px 0px #fff;
  margin-right: 20px;
  height: 3em;
  padding: 0 1em !important;
  outline: 0;
  font-weight: bold;
  font-size: 1.3em;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  cursor: pointer;
  color: #000000 !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  
  background-color: #fff;
  background-image: -moz-linear-gradient(top, rgb(255,255,255) 2%, rgb(240,240,240) 2%, rgb(222,222,222) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(240,240,240)), color-stop(100%,rgb(222,222,222)));
  background-image: -webkit-linear-gradient(top, rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);
  background-image: -o-linear-gradient(top, rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);  background-image: -ms-linear-gradient(top, rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);
  background-image: linear-gradient(top, rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
  border: 1px solid #969696 !important;
  box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}


#AdHere_submit:hover, #AdHere_submit:active {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
  color: #818181;
  
  background-color: #fff;
  background-image: -moz-linear-gradient(top, rgb(255,255,255) 2%, rgb(244,244,244) 2%, rgb(229,229,229) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(244,244,244)), color-stop(100%,rgb(229,229,229)));
  background-image: -webkit-linear-gradient(top, rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%);background-image: -o-linear-gradient(top, rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: -ms-linear-gradient(top, rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: linear-gradient(top, rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  
  border-color: #aeaeae;
  
  box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
}


button#backbtn{
    line-height: 44px !important;
    line-height: normal !important;
}


#page-description .white-fade {
    height: 80px;
    height: 5rem;
    width: 100%;
    background: url("/bundles/app/img/fadeout.png") repeat-x scroll 0 0 transparent;
    position: absolute;
    display: block;
    bottom: 0;
}

#page-description{
    overflow: hidden; 
}

#page-description-inner{
    overflow: hidden; 
    position: relative;
}



@media screen and (max-width: 768px) {
		.js .tinynav { display: inline; }
		.js #nav { display: none }
		#navWrapper, #logo, #overview{
			text-align: center;
		}
}

article, aside, figure, footer, header, hgroup, 
menu, nav, section { display: block; }
.menu {
	position: absolute; 
	top: 40px; 
	background-color:rgba(38,38,38,0.85); 
	z-index:109; 
/* 	width:1000px; */
}
.fixed {
	position: fixed; 
	top:0;
	border-bottom: solid 1px #ffcb0f;
	-webkit-box-shadow: 0px 5px 13px rgba(38,38,38, 0.85);
	-moz-box-shadow:    0px 5px 13px rgba(38,38,38, 0.85);
	box-shadow:         0px 5px 13px rgba(38,38,38, 0.85);
}
@media screen and (max-width: 768px) {
		.menu {top: 0px;}
		#logo, #navWrapper{
			clear:both;
		}
}

/* Lightbox */
.grey-popup-block{
	background:#181818;
	padding:16px 18px;
	text-align:left;
	max-width:840px;
	margin:30px auto;
	position:relative
}

#Detail h1{
	font-size:18px;
	color:#ffcb0f;
}

#Detail h2{
	font-size:16px;
	color:#ffcb0f;
}

#Detail h3{
	font-size:14px;
	color:#ffcb0f;
}

#Detail p{
	margin: 3px;
	font-size:12px;
	color:#fff;
}

#Detail table td, #Detail table th	{
		padding: 5px; /* 'cellpadding' equivalent */
		vertical-align:middle;
}

.maillink{
	position: relative;
	z-index: 250000;
}

small{
    font-size: 70%;
}
.insName > a{
    text-decoration: none;
}
.insName > a > small{
    font-weight: normal;
    color: #cccccc;
    text-decoration: none;
}

  .mfp-close.btm, .btn.btm{
      top: auto;
      bottom:10px;
      margin-top: 10px;
      line-height: normal !important;
  }

.grey-popup-block{
    padding-bottom: 50px;
}

/*===================================================================================================
17) Media queries
===================================================================================================*/
	/* 	Groesser als Tablet */
	@media only screen and (min-width: 769px){
		.phoneBtnDet{
			display: none;
		}
	}
	
	@media only screen and (min-width: 1000px) {
		.phoneBtn{
			position: absolute; 
			right: -4px; 
			top: 25px; 
			z-index: 101; 
			width: 30px; 
			height: 30px;
		}
		.websiteBtn{
			position: absolute; 
			right: -4px; 
			top: 60px; 
			z-index: 100; 
			width: 30px; 
			height: 30px;
		}
		.mailBtn{
			position: absolute; 
			right: -4px; 
			top: 95px; 
			z-index: 99; 
			width: 30px; 
			height: 30px;
/* 			display:none; */
		}
		.detBtn{
			position: absolute; 
			right: -4px; 
			top: 128px; 
			z-index: 99; 
			width: 30px; 
			height: 30px;
		}

		.detimg{
			float: left;
		}
		.detTxt{
/* 			padding-left: 262px; */
		}
	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 999px) {
		
		nav ul li a, nav ul li button, nav ul li span, #detailViewBack {
			font-size: 14px;
		}
		
		nav {
			padding-top: 45px;
		}
		
		.thumbnailMask {
			background-size: 172px;
		}
		
	}

	/* Tablet portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.insThumbnailHover{
			display: none !important;
		}
		.insThumbnailHover .h4 {
			font-size: 18px;
		}
		
		.insThumbnailHover .h5 {
			font-size: 11px;
			padding-top: 63px;
		}
		
		#heroNav a {
			font-size: 14px;
		}
		
		#footerLinks li {
			font-size: 13px;
		}
		.phoneBtn{
			position: absolute; 
			right: -4px; 
			top: 26px; 
			z-index: 101; 
			width: 25px; 
			height: 25px;
		}
		.websiteBtn{
			position: absolute; 
			right: -4px; 
			top: 50px; 
			z-index: 100; 
			width: 25px; 
			height: 25px;
		}
		.mailBtn{
			position: absolute; 
			right: -4px; 
			top: 74px; 
			z-index: 99; 
			width: 25px; 
			height: 25px;
		}
		.detBtn{
			position: absolute; 
			right: -4px; 
			top: 98px; 
			z-index: 99; 
			width: 25px; 
			height: 25px;
		}

		.insThumbnail, svg.thumbnailMask {
			width: 172px;
			height: 229px;	
		}
		.detimg{
			float: left;
		}
		.detTxt{
			padding-left: 262px;
		}
	}

	/* All mobile sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.phoneBtnDet{
			display: inline-block;
			margin: 0;
			padding: 0;
		}

		#inserieren-button {
			top: 206px;
			width: 70px;
		}

		#logo h1, #logoDetailView h1 {
			font-size: 24px;
		}
		
		#logo h2, #logoDetailView h2 {
			margin-top: 0;
		}
		
		header {
			padding-top: 0px;
		}
		
		nav {
			float: left;
			clear: both;
			width: 100%;
			border-top: 1px solid #ddd;
			padding-top: 10px;
			padding-bottom: 0px;
			margin-bottom: -10px;
		}
		
		#overview {
			padding-bottom: 10px;
			margin-top:154px;
		}
		
		.ins {
			margin-bottom: 30px;
		}
		
		footer p {
			font-size: 14px;
		}
		
		#content #heroNav ul li {
			display: block;
			padding-left: 0;
			margin-left: 0;
			border-right: none;
			line-height: 2.0;
		}
		
		#heroNav ul {
			text-align: left;
		}
		
		#footerLinks li {
			display: block;
			padding-left: 0;
			margin-left: 0;
			border-right: none;
			padding-bottom: 8px;
		}
		
		#footerLinks ul {
			text-align: left;
		}
		
		.insThumbnail{
			float: left;
		}
		.insThumbnail, svg.thumbnailMask {
			width: 120px;
			height: 160px;	
			background-size: 120px 160px;
		}
		div.insWrapper{
			max-width: 767px;
		}
		.shortfacts{
			position: absolute;
			left: 133px;
		}
		.mobile,.four>hr{
			display: block;
		}
		
	}
	/* Mobile landscape size to tablet portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.phoneBtn{
			position: absolute; 
			right: -2px; 
			top: 25px; 
			z-index: 101; 
			width: 40px; 
			height: 40px;
		}
		.websiteBtn{
			position: absolute; 
			right: -2px; 
			top: 70px; 
			z-index: 100; 
			width: 40px; 
			height: 40px;
		}
		.mailBtn{
			position: absolute; 
			right: -2px; 
			top: 115px; 
			z-index: 100; 
			width: 40px; 
			height: 40px;
		}
		.detBtn{
			position: absolute; 
			right: -4px; 
			top: 160px; 
			z-index: 99; 
			width: 40px; 
			height: 30px;
		}

		.detimg{
			float: left;
		}
		.detTxt{
/* 			padding-left: 262px; */
		}

	}

	/* Mobile portrait size to mobile landscape size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		#logo h1, #logoDetailView h1 {
			font-size: 24px;
		}
		
		#logo h2, #logoDetailView h2 {
			font-size: 14px;
			margin-top: 0px;
		}
		
		#overview h3 {
			font-size: 24px;	
		}
		
		.insThumbnailHover .h4 {
			font-size: 14px;
		}
		
		.insThumbnailHover .h5 {
			font-size: 11px;
			padding-top: 58px;
		}
		
		.thumbnailMask {
/* 			background-size: 240px 320px; */
		}
		.shortfacts{
/* 			right: 45px; */
			word-wrap:break-word;
		}
		.websiteBtn{
			position: absolute;
			left: 130px; 
			bottom: 0px; 
			width: 40px; 
			height: 40px;
			z-index: 100;
		}
		.phoneBtn{
			position: absolute;
			left: 175px; 
			bottom: 0px; 
			width: 40px; 
			height: 40px;
			z-index: 100;
		}
		.mailBtn{
			position: absolute;
			left: 215px; 
			bottom: 0px; 
			width: 40px; 
			height: 40px;
			z-index: 100;
		}
		.detBtn{
			position: absolute; 
			left: 260px; 
			bottom: 0px; 
			z-index: 99; 
			width: 40px; 
			height: 40px;
		}
		.detimg{
			clear: both;
		}
		.detTxt{
			padding-left: 0;
			max-width: 242px;
		}
	}

@media only screen and (min-width: 960px) and (max-width: 999px) {

		.phoneBtn{
			position: absolute; 
			right: -4px; 
			top: 26px; 
			z-index: 101; 
			width: 25px; 
			height: 25px;
		}
		.websiteBtn{
			position: absolute; 
			right: -4px; 
			top: 50px; 
			z-index: 100; 
			width: 25px; 
			height: 250px;
		}
		.mailBtn{
			position: absolute; 
			right: -4px; 
			top: 74px; 
			z-index: 99; 
			width: 25px; 
			height: 25px;
		}
		.detBtn{
			position: absolute; 
			right: -4px; 
			top: 98px; 
			z-index: 99; 
			width: 25px; 
			height: 25px;
		}
		.detimg{
			float: left;
		}
		.detTxt{
/* 			padding-left: 262px; */
		}
}
/*===================================================================================================
18) Print
===================================================================================================*/
@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	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: ""; }	/* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}

.services ul li	{
	width:236px; 
	float:left;
}
.site-seperator,
.site-seperator a{
    text-align: center;
}



/*
••••••••••••••••••••••••

Powered by Type & Grids™
www.typeandgrids.com

••••••••••••••••••••••••
*/

/*===================================================================================================
Contents
=====================================================================================================
	1) @font-face definitions
	2) Styles
	3) Positioning adjustments
	4) Media query adjustments
*/

/*===================================================================================================
1) @font-face definitions
===================================================================================================*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

/*===================================================================================================
2) Styles
===================================================================================================*/

#logo h1, #logoDetailView h1 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 28px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	text-decoration: none;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
}

#logo h2, #logoDetailView h2 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

nav ul li a, nav ul li button, nav ul li span, #detailViewBack a {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
    font-style: normal;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 0.09em;
	text-decoration: none;
	text-transform: uppercase;
	text-rendering: auto;
}

#overview h3 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: -0.02em;
	text-decoration: none;
	text-transform: none;
	text-rendering: optimizeLegibility;
}

.insThumbnailHover h4 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
    font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

.insThumbnailHover h5 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

.insInfo h4 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
    font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

.insNavCounter {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

.insNavButtons button {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
    font-style: normal;
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0.09em;
	text-decoration: none;
	text-transform: uppercase;
	text-rendering: auto;
}

.insNavClose button, .insNavEnlarge button {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
    font-style: normal;
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0.09em;
	text-decoration: none;
	text-transform: uppercase;
	text-rendering: auto;
}

p, li, .insInfo p, .insInfo li {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-weight: 400;
  font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

footer p, #footerLinks li {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

blockquote, blockquote p {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-weight: 400;
    font-style: italic;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

blockquote cite {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-weight: 700;
    font-style: normal;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform: none;
}

#heroNav a {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
    font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: underline;
	text-transform: none;
	text-rendering: auto;
}

#formField {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	text-rendering: auto;
}

#formSubmit {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
    font-style: normal;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.09em;
	text-decoration: none;
	text-transform: uppercase;
	text-rendering: auto;
}

/*===================================================================================================
3) Positioning adjustments
===================================================================================================*/

#logo h2, #logoDetailView h2 {
	margin-top: -20px;
	padding-left: 2px;
}

nav {
	margin-bottom: -30px;
}

nav ul li {
	padding-left: 26px;
}

#overview {
	padding-bottom: 10px;	
}

#overview h3 {
	margin-top: -8px;
	margin-bottom: 23px;
}

.insThumbnailHover h4 {
	margin-top: 40px;
}

.insThumbnailHover h5 {
	padding-top: 68px;
}

.insInfo h4 {
	padding-top: 12px;
	padding-bottom: 8px;
}

.insNavCounter {
	padding-top: 13px;
}

.insNavClose, .insNavEnlarge {
	padding-top: 4px;
	padding-top: 5px\9; /* IE adjustment */
}

.insNavButtons {
	padding-top: 4px;
	padding-top: 5px\9; /* IE adjustment */
}

/* Tweak positioning slightly in Firefox */
@-moz-document url-prefix() {
  .insNavEnlarge, .insNavClose, .insNavButtons {
		padding-top: 6px;
	}
}

.insInfo ul {
	margin-top: -8px;
	margin-bottom: 7px;
}

.insInfo p + ul {
	margin-top: -20px;
}

.insInfo li, .linedList li {
	border-top: 1px solid #ddd;
	margin-top: 6px;
	margin-bottom: -1px;
	padding-top: 6px;
	padding-bottom: 0px;
}

@-moz-document url-prefix() {
	.insInfo li, .linedList li {
		margin-bottom: -1px;
	}
}

.insInfo li:last-child {
	margin-bottom: -2px;
}

.linedList {
	padding-bottom: 7px;
}

.table{
	display: table;
}
.tableRow{
	display: table-row;
}
.tableCell{
	display: table-cell;
}
.kontakt .tableCell{
	vertical-align: middle;
}
.factValue{
		padding-right: 10px;
}
.factName{
	font-weight:bold;
	padding-right: 10px;
}

/*===================================================================================================
4) Media query adjustments
===================================================================================================*/
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		nav ul li a, nav ul li button, nav ul li span, #detailViewBack {
			font-size: 11px;
		}
		
		nav {
/*			padding-top: 33px;
*/		}
		
	  .portfolioSlider {
			/* Set width and height of slider here, in px, % or em */
			height: 229px;
		}
	}

	/* Tablet portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.insThumbnailHover h4 {
			font-size: 12px;
			height: 43px !important;
		}
		
		.insThumbnailHover h5 {
			font-size: 10px;
			padding-top: 60px;
		}
/*
	#content ul li {
		font-size: 9px !important;
		list-style-type: disc;
		margin-left: 10px;
		margin-bottom: 0px;
	}	
*/
/*
			svg.thumbnailMask{
			height: 229px;
		}
*/

		
	}

	/* All mobile sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#logo h1, #logoDetailView h1 {
			font-size: 26px;
			line-height: 1.1;
		}
		
		#logo h2, #logoDetailView h2 {
			margin-top: -12px;
		}
		
		header {
			padding-top: 40px;
		}
		
		nav {
			padding-top: 9px;
			margin-bottom: -11px;
		}
		
		#overview {
			padding-bottom: 0px;
		}
		
		#overview h3 {
			font-size: 24px;
		}
		
		footer p {
			font-size: 14px;
		}
	}

	/* Mobile landscape size to tablet portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
		
	}

	/* Mobile portrait size to mobile landscape size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		#logo h1, #logoDetailView h1 {
			font-size: 24px;
		}
		
		#logo h2, #logoDetailView h2 {
			font-size: 12px;
			margin-top: -12px;
		}
		
		#overview h3 {
			font-size: 22px;	
		}
		
		.insThumbnailHover h4 {
			font-size: 14px;
		}
		
		.insThumbnailHover h5 {
			font-size: 12px;
			padding-top: 56px;
		}
		
	}

/*
••••••••••••••••••••••••

Powered by Type & Grids™
www.typeandgrids.com

••••••••••••••••••••••••
*/

#sitePreloader { background-color: #000000; } /* Preloader GIF created with http://preloaders.net */
body { background-color: #262626; }
/*body { background: url("../../images/backgrounds/bg_01.png") repeat; }*/
.thumbnailMask { background-image: url("../../bundles/app/img/ci/insMask.png"); }
header { border-color: #262626; }
#logo h1, #logoDetailView h1 { color: #eeeeee; }
#logo h2, #logoDetailView h2 { color: #dddddd; }
nav ul li a, nav ul li a:visited, nav ul li button { color: #ffcb0f; }
.currentPage, button.currentPage:hover { color: #555555 !important; }
nav ul li button:hover, nav ul li button:active, nav ul li button:focus, nav ul li a:hover, nav ul li a:active, nav ul li a:focus, #heroNav a:hover, #heroNav a:visited:hover, #heroNav a:active, #heroNav a:focus, #formSubmit:hover, .contentModule a:hover, .contentModule a:visited:hover, .contentModule a:active, .contentModule a:focus { color: #ffffff; }
hr, .insInfo h4, .insNav, .insInfo, .linedList, .insInfo li, .insInfo p:nth-last-child(2), .linedList li, nav, blockquote, #formField, #content #heroNav ul li, #footerLinks li, #heroNav, .contentModule, .eight:nth-child(4n) .contentModule:last-child, .eight:nth-of-type(1) .contentModule:last-child { border-color: #555555; }
#overview h3 { color: #eeeeee; }
.insThumbnailHover { background-color: rgba(0, 0, 0, 0.75); }
.insThumbnailHover h4 { color: #eeeeee; }
.insThumbnailHover h5 { color: #dddddd; }
.insInfo h4 { color: #eeeeee; }
.insNav { color: #eeeeee; }
.insNavClose button, .insNavButtons button, .insNavEnlarge button, .insNavCounter, #formSubmit, #formField { color: #eeeeee; }
.insNav button:hover, .insNav button:active, .insNav button:focus { color: #bbbbbb; }
.insNavInactive, button.insNavInactive, button.insNavInactive:hover, button.insNavInactive:active { color: #555555 !important; }
p, li, .insInfo p, .insInfo li, blockquote, blockquote p, blockquote cite { color: #eeeeee; }
p strong, .insInfo strong, li strong { color: #eeeeee; }
footer p { color: #dddddd; }
footer a { color: #ffcb0f; }
h1, h2, h3, h4, h5, h6, #faq p:first-child, .contentModule a, .contentModule a:visited { color: #eeeeee; }
#heroNav a, #heroNav a:visited { color: #ffcb0f; }
a, a:visited { color: #ffcb0f; }
a:hover, a:active, a:focus { color: #ffffff; }
#formField { background: #202020; }
#formField:focus { background: #111111; }
html {
	 -webkit-font-smoothing: antialiased;
}


/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #ffcb0f;
	background: #4c4c4c;
	color: #fff;
	box-shadow: 0px 0px 15px #000000;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
/*   width: 44px; */
  height: 44px;
  line-height: 44px;
  position: absolute;
/*   right: 0; */
  left: 30;
  top: 15px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 8px 12px !important;
  line-height: normal !important;
/*   color: white; */
  color: #ffcb0f !important;
  border: 1px solid #ffcb0f !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
 
  font-style: normal;
  font-size: 22px;
  font-family: Arial, Baskerville, monospace; 
  text-shadow: none;
  
}
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
/*     top: 1px;  */
    }

.mfp-close-btn-in .mfp-close {
  color: #ffffff; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }


@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }