/* ************************* Global Styles ************************* */
h1, h2, h3, h4 {
	color: #AD5C00;
	font-size: 24px;
	font-weight: 600;
	clear: both;
}
h1, h2, h3 {
	margin: 0 0 .5em;
}
h4, h5, h6 {
	margin: 1.5em 0 .5em;
}
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}
h5, h6 {
	letter-spacing: .05em;
}
h5 {
	color: #15217C;
	font-size: 20px;
	font-weight: 600;
}
h6 {
	color: #086;
	font-size: 18px;
	font-weight: 600;
}

p {
	margin: 1em 0;
}
p.small {
	font-size: 10px;
}

hr {
	background-color: #FF1E1E;
	border: 0;
	border-bottom: 1px dashed #CCC;
	margin: 5px 0 3px 0;
}

img.left {
	clear: left;
	float: left;
	margin: 0 5px 5px 0;
}
img.right {
	clear: right;
	float: right;
	margin: 0 0 5px 5px;
}
img.left_horizontal {
	float: left;
	margin: 0 5px 5px 0;
}
img.right_horizontal {
	float: right;
	margin: 0 0 5px 5px;
}

.important {
	background-color: #FFEBCD;
	border: .1em solid #ABABAB;
	clear: both;
	margin: 1em 0;
	padding: 1em 2em;
}
.warning {
	background-color: #E6922C;
	border: .1em solid #ABABAB;
	clear: both;
	color: #fff;
	font-weight: 900;
	margin: 1em 0;
	padding: 1em;
	text-align: center;
}
.warning a {
	color: #aaf;
}
.important p:first-child,
.warning p:first-child {
	margin-top: 0;
}
.important p, .warning p {
	margin: 1em 0 0;
}

a:link {
	color: #AD5C00;
	text-decoration: none;
}
a:visited {
	color: #AD5C00;
	text-decoration: none;
}
a:focus {
	color: #2a2a2a;
	text-decoration: none;

}
a:hover {
	color: #2a2a2a;
	text-decoration: none;
}
a:active {
	color: #2a2a2a;
	text-decoration: none;
}

.onepage_page ul,
#tinymce ul,
.cke_editable ul {
	list-style: none;
	padding-left: 1em;
}
.onepage_page ul > li,
#tinymce ul > li,
.cke_editable ul > li {
	padding: 6px 0;
}
.onepage_page ul > li:before,
#tinymce ul > li:before,
.cke_editable ul > li:before {
	content: "\25BA\00A0"; /* Arrow + whitespace */
	font-family: inherit;
	font-size: 1em;
	color: #AD5C00;
}

/* ************************* Body ************************* */
body {
	background-color: #FFF;
	color: #555;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 14px;
	line-height: 1.75em;
	margin: 0;
	padding: 0;
}
#tpllck_body {
	background-color: #eee;
	overflow-x: hidden;
	overflow-y: auto;
}

#TOP {
	font-size: 0.1px;
	height: 0.1px;
	line-height: 0.1px;
}

/* ************************* Header - Languagemenu + Sitename ************************* */
.languagemenu {
	text-align: center;
	padding: 2em 1em 0;
}
.languagemenu a {
	display: inline-block;
	padding: 0 4px;
}
.tpllck_sitename {
	/* background: url(images/header.jpg) 50% no-repeat rgba(0, 0, 0, 0); */
	margin: 0;
	padding: 0;
	text-align: center;
}
.tpllck_sitename h1 {
	color: #C89E34;
	font: italic 700 6em Georgia, serif;
	letter-spacing: .1em;
	margin: 0;
	padding: 1em 0 0;
	text-shadow: 2px 2px 0px #DAE6EE;
	text-transform: uppercase;
}

/* ************************* Main-Menu with Responsive Style ************************* */
.tpllck_nav {
	background: url(images/bg_nav.jpg) 50% no-repeat #486C88;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	z-index: 100;
}
.tpllck_nav ul {
	background: url(images/bg_nav.jpg) 50% 30% no-repeat #6AAEC6;
	background-size: cover;
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0.5em 0 2em;
	position: fixed;
	text-align: center;
	width: 100%;
}
.tpllck_nav .menulevel1 li {
	border-radius: .4em;
	font-family: Verdana,Geneva,sans-serif;
	white-space: nowrap;
}
.tpllck_nav .menulevel1 li:nth-child(5n+1) {
	background-color: #C89E34;
}
.tpllck_nav .menulevel1 li:nth-child(5n+2) {
	background-color: #E6922C;
}
.tpllck_nav .menulevel1 li:nth-child(5n+3) {
	background-color: #F9C237;
}
.tpllck_nav .menulevel1 li:nth-child(5n+4) {
	background-color: #B9B437;
}
.tpllck_nav .menulevel1 li:nth-child(5n+5) {
	background-color: #B8912F;
} 
.tpllck_nav .menulevel1 a {
	color: #FFF;
	display: block;
	height: 3em;
	line-height: 3em;
	text-decoration: none;
	width: 16em;
}
/* ************************* Hide menulevel2+3 if exists (Template is prepared only for menulevel1!) */
ul.menulevel2,
ul.menulevel3 {
	display: none;
}

/* ************************* Responsive Style */
@media screen and (min-width: 801px) {
.tpllck_nav .menulevel1 li {
	border: none;
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	margin: 0.5em;
}
.tpllck_nav .menulevel1 li:nth-child(n):hover {
	opacity: 1;
	-webkit-transform: scale(1.06,1.06);
	-moz-transform: scale(1.06,1.06);
	-o-transform: scale(1.06,1.06);
	-ms-transform: scale(1.06,1.06);
	transform: scale(1.06,1.06);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.tpllck_nav .menulevel1 li.sdoc {
	background-color: #424242;
}
}

@media screen and (max-width: 800px) {
.tpllck_sitename h1 {
	font: italic 600 2.2em Georgia, serif;
	padding: 3em 0 3em;
}
.tpllck_nav ul {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0 0 1em;
	position: relative;
}
.tpllck_nav .menulevel1 li {
	border: none;
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	margin: 0.5em;
}
.tpllck_sidenav {
	display: none;
}
}

@media screen and (max-width: 479px) {
.tpllck_nav ul {
	display: inline-table;
	padding: 0.5em 0;
}
}

/* ******************** Side-Navigation ******************** */
.tpllck_sidenav {
	height: 100%;
	display: none; /* delete this line to show Side-Navigation */
}
.tpllck_sidenav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 100px;
	text-align: right;
	top: 48%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 50;
}
.tpllck_sidenav > ul a {
	color: transparent;
	display: inline-block;
	line-height: 3em;
	margin-bottom: 1em;
	padding: 0 1em;
	position: relative;
}
.tpllck_sidenav ul li:last-child a {
	margin-bottom: 0;
}
.tpllck_sidenav > ul a:hover {
	color: #FFF;
	background-color: #808080;
	border-radius: 6px 0 0 6px;
}
.tpllck_sidenav > ul a:after {
	border-radius: 50%;
	border: 3px solid #C0C0C0;
	content: "";
	height: 2em;
	position: absolute;
	margin: 0 0 0 3em;
	width: 2em;
	/* box-shadow: inset 0 0 0 10px #FF0;
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease; */
}
.tpllck_sidenav > ul a:hover:after {
	background-color: #FF0;
	/* box-shadow: inset 0 0 0 10px #FF0; */
}
.tpllck_sidenav > ul a:hover:before {
	border-left: 1.5em solid #808080;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	content: "";
	height: 0;
	left: 100%;
	position: absolute;
	width: 0;
}

/* ************************* Content ************************* */
#tpllck_content_box {
	width: 100%;
}
.tpllck_content {
	border: 0px solid #F9C237;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
}
.tpllck_content_main {
	margin: 0 auto;
	width: 100%;
}

div.onepage_page {
	box-sizing: border-box;
	font-size: 1.2em;
	line-height: 1.5em;
	min-height: 100vh;
	padding: 3em 15%;
	width: 100%;
}
div.onepage_page:nth-child(odd) {
	background-color: #CDE8FF;
}
div.onepage_page:nth-child(even) {
	background-color: #E3F2FF;
}

/* ************************* Footer - Copyright & Login ************************* */
#tpllck_footer {
	background-color: #2D3E50;
	border-top: 0px solid #FFF;
	display: table;
	margin: 0;
	padding: 0 0 6em;
	width: 100%;
}
.tpllck_copyright {
	clear: both;
	display: table-cell;
	font-size: 0.8em;
	height: 25em;
	line-height: 2em;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.tpllck_copyright a {
	color: #fff;
	text-decoration: none;
	padding: 4px;
}
.tpllck_copyright a:hover {
	color: #fff;
	background-color: #FF9100;
}
/* ************************* Admin-Login ************************* */
.xh_login {
	height: 20em;
	margin: 7em 0 0;
	text-align: center;
}
#login #submit {
	padding: 0 20px;
}

/* ************************* "xh_captcha_code - Button" CMSimple_XH Mailform ************************* */
.xh_captcha_input {
	font-size: 1em;
}
.xh_captcha_code {
	background-color: #E6922C;
}

/* ************************* OnePage-TopLink ************************* */
#onepage_toplink {
	z-index: 100;
}
a#onepage_toplink:hover:before {
	content: "TOP";
	display: block;
	text-align: center;
}

/* ************************* RESPONSIVE STYLE - The Rest ************************* */
@media screen and (min-width: 801px) {
.tpllck_toplink {
	display: none;
}
}

@media screen and (max-width: 800px) {
div.onepage_page {
	font-size: 14px;
	line-height: normal;
	padding: 1em 3%;
}
#onepage_toplink {
	display: none;
}
#tpllck_footer {
	padding: 0;
}
.tpllck_copyright {
	height: 20em;
}
.tpllck_toplink {
	display: block;
}
.tpllck_toplink a:hover {
	background-color: rgba(0, 0, 0, 0);
}
}

@media screen and (max-width: 479px) {
.tpllck_sitename h1 {
	padding: 2em 0 2em;
}
}

/* ************************* Responsive Image */
img {
	height: auto;
	max-width:100%;
}
/* ************************* Backend Style (must be here!) ************************* */
/* Admin-Menu */
#xh_adminmenu a, #xh_adminmenu a:visited, #xh_adminmenu span {
	line-height: normal;
}

/* Editor */
#tinymce, .cke_editable {
	font-size: 1rem;
	margin: 0;
	padding: 1% 0.5%;
	width: 99%;
}
/* ************************* Template by lck 03/2015 ************************* */