@font-face {
	font-family:'Hajtec';
	src:url("../font/hajtec.ttf") format("truetype"),
	url("../font/hajtec.eot") format("embedded-opentype"),
	url("../font/hajtec.svg") format("svg"),
	url("../font/hajtec.woff") format("woff"),
	url("../font/hajtec.odt") format("odt");
}

@font-face {
	font-family:'Kartika';
	src:url("../font/kartika.ttf") format("truetype"),
	url("../font/kartika.eot") format("embedded-opentype"),
	url("../font/kartika.svg") format("svg"),
	url("../font/kartika.woff") format("woff"),
	url("../font/kartika.odt") format("odt");
}

@font-face {
	font-family:'Kartikab';
	src:url("../font/kartikab.ttf") format("truetype"),
	url("../font/kartikab.eot") format("embedded-opentype"),
	url("../font/kartikab.svg") format("svg"),
	url("../font/kartikab.woff") format("woff"),
	url("../font/kartikab.odt") format("odt");
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	font-family:Kartika;
}

body {
	margin:0 auto;
	background:#efefef;
	position:relative;
	width:900px;
}

body > div {
	background:#fff;
}

body > div:last-child {
	margin-bottom:50px;
}

body > div > div {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:0 1em;
}

body div.fb-page {
	margin:0 auto !important;
	display:block;
}

body div.fb-iframe-widget {
	display:block;
}

body div.fb-page > span {
	display:block;
	margin:0 auto;
}

#header {
	height:10%;
	min-height:100px;
	padding-top:1em;
}

#header .logo1 {
	float:right;
}

#header .logo2 {
	float:left;
}

#header ul, #header ul li {
	display:inline;
}

#header ul {
	padding-left:1.5em;
}

#header ul li a {
	text-decoration:none;
	color:#8d8d8d;
	text-shadow:1px 1px 2px;
	font-size:1em;
	line-height:2em;
}

#header ul li a.active {
	color:#4d4d4d;
}

#header ul li a:hover {
	color:#333;
}

body > #subheader {
	background:#ccc;
	color:#7d7d7d;
	line-height:1.2em;
}

body > #subheader > div {
	padding:1em;
}

#subheader img {
	float:left;
	margin-right:1em;
	height:2.2em;
	width:auto;
}

#subheader h1 {
	display:inline;
	font-size:1.0em;
}

#slider {
	height:444px;
}

.spruch {
	display:block;
	margin:0 0 0.75em 0;
	height:45px;
	background-repeat:no-repeat;
	background-position:-10px -6px;
	background-size:contain;
}

#content {
	color:#7d7d7d;
}

#content h1 {
	font-size:1.0em;
}

#content .threepane {
	padding:2em 1em;
	line-height:1.2em;
}

#content .threepane div {
	width:25%;
	margin-right:12.5%;
	border:none;
	float:left;
	position:relative;
	background-position:left top;
	background-repeat:no-repeat;
	text-align:center;
}

#content .threepane div:last-of-type {
	margin-right:0;
}

#content .referenz {
	width:32%;
	margin:2% 2% 0 0;
	position:relative;
	float:left;
	max-height:278px;
	overflow:hidden;
}

#content .referenz:nth-child(3n) {
	margin-right:0;
}

#content .referenz img {
	width:100%;
	height:auto;
}

#content .referenz > span {
	display:block;
	position:absolute;
	background:rgba(255,255,255,0.8);
	color:#4d4d4d;
	bottom:-87%;
	width:100%;
	padding:0.5em;
	height:100%;
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	font-weight:bold;
}

#content .referenz:hover > span {
	bottom:0px;
}

#content .referenz > span span.desc {
	padding-top:1em;
	color:#8d8d8d;
	display:block;
	font-weight:normal;
}

#fb-posts {
	padding:1em;
	color:#8d8d8d;
}

#fb-posts > div.ogpanel {
	padding:1em;
	background:#efefef;
}

#fb-posts > div + div {
	margin:1em 0 0 0;
}

#fb-posts > h1 {
	font-size:16pt;
	line-height:48pt;
}

#fb-posts .ogpanel h2 {
	font-size:1em;
}

#fb-posts .ogpanel p {
	margin-top:0.5em;
}

#fb-posts .ogpanel p.preview img {
	float:left;
	margin:0.2em 0.75em 0.5em 0;
	height:8.75em;
	width:auto;
}

#fb-posts a {
	color:blue;
	text-decoration:underline;
}

#fb-more {
	padding:1em;
	position:relative;
}

#fb-more .fb-like > span {
	vertical-align:top !important;
}

#fb-posts,#fb-more {
	display:none;
}

#footer {
	background:#ccc;
	color:#4d4d4d;
}

#footer > div {
	padding:0.5em 0;
	text-align:center;
	font-size:0.91em;
}

/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
	position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	position: absolute;
	/* size of bullet elment */
	width: 12px;
	height: 12px;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url('../img/a17.png') no-repeat;
	overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }

/* jssor slider thumbnail navigator skin 09 css */

.jssort09-600-45 .p {
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 2em;
}

.jssort09-600-45 .t {
	font-weight: normal;
	position: absolute;
	width: 100%;
	height: 2.3em;
	top: 0;
	left: 0;
	color:#585858;
	padding-left: 2.5%;
}

.jssort09-600-45 .t b {
	display:block;
}

#caption {
	left:0px !important;
	top:0px !important;
	height:100% !important;
}

#caption > div {
	height:90% !important;
	top:20% !important;
}

.threepane img {
	width:40px;
	height:40px;
	margin-bottom:1em;
}