/* ************************* Content Styles ************************* */
#logo {
	width: 200px;
	height: 57px;
	background-image: url(images/logo.jpg);
	background-position: center;
	background-repeat: no-repeat;
}


h1, h2, h3, h4 {
	color: #AD5C00;
	font-size: 24px;
	font-weight: 600;
	clear: both;display:none;
}
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 {
	font-size: 20px;
	font-weight: 600;
	color: #AD5C00;display:none;
}
h6 {
	font-size: 24px;
	font-weight: lighter;
}

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

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

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

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

span.highlight {
	font-weight: 900;
	letter-spacing: .06em;
	background-color: #dfd;
}

a:link {
	border: 0;
	color: #666;
	text-decoration: none;
}
a:visited {
	border: 0;
	color: #666;
	text-decoration: none;
}
a:focus {
	border: 0;
	color: #666;
	text-decoration: none;
}
a:hover {
	border: 0;
	color: #000;
	text-decoration: none;
}
a:active {
	border: 0;
	color: #000;
	text-decoration: none;
}

.tpllck_content_main ul {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
	padding-left: 1em;
}
.tpllck_content_main > ul > li {
	padding: 6px 0;
}
.tpllck_content_main > ul > li:before,
.tpllck_content_main ul.sitemaplevel1 li:before {
	color: #666;
	font-family: inherit;
	font-size: 1em;
}

/* ************************* Body ************************* */
body {
	color: #222;
	font-family: "Verdana",Arial,sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	overflow: scroll;
}
#tpllck_body {
	background-color: #fff;
}
/* ************************* Breadcrumbs-Locator ************************* */
.tpllck_locator {
position:relative;
top:-10px;
left:102px;
}
.tpllck_locator p {
	font-size: 10px;
	margin: 0;
}
.tpllck_locator a {
	color: #000;
}
.tpllck_locator a:hover {
	color: #000;
}


.tpllck_sitemap_mobil {
	display: none;
}

.tpllck_nav {
	font-size: 12px;
	margin: 0;
	padding: 0;
	position:relative;
	z-index:5000;

	text-align: left;
	
}
.tpllck_nav a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	
}
.tpllck_nav a:focus,
.tpllck_nav a:hover {
	color: #000;
}
.tpllck_nav .doc,
.tpllck_nav .docs,
.tpllck_nav .doc a,
.tpllck_nav .docs a {
	color: #000;
	font-weight: normal;
}



.tpllck_nav ul {
	display: table;
	list-style-type: none;
width: 100%;
	padding: 0;
	text-align: left;
	z-index: 100;
}
.tpllck_nav li {
	font-family: "Verdana",Arial,sans-serif;
}
.tpllck_nav .menulevel1 li {
	border-bottom: none;
	float: left;
	font-size: 1em;
	font-weight: 500;
	height: 2em;
	line-height: 2em;
	margin: 0;
	padding-right:2em;
	text-align: left;
}





.tpllck_nav .menulevel2 .sdoc {
	font-weight: bold;
	
}
.tpllck_nav .menulevel2 .sdocs {
	font-weight: bold;
	
}
.tpllck_nav .menulevel3 .sdoc {
	font-weight: bold;
	
}
.tpllck_nav .menulevel3 .sdocs {
	font-weight: bold;
	
}




.tpllck_nav ul.menulevel2 li {
	float: left;
	font-size: 10px;
	font-weight: 500;
	height: 0.5em;
	line-height: 0.5em;	
	margin: 0;
	position: relative;
	white-space: nowrap;
	text-align:left;
	list-style-type: none;
	padding:0;
	padding-right:10px;margin-bottom:10px;
}
.tpllck_nav ul.menulevel3 li {
	font-size: 10px;
	margin: 0;
	position: relative;
	text-align:left;
	top:-12px;
	line-height: 1.5em;
	margin-bottom:7px;
	left: -5px;
	
}


.tpllck_nav ul ul {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 200;
	left:0;
	width: 100%;
	display:none;
	
}

.tpllck_nav li:focus > ul,
.tpllck_nav li:hover > ul {
	
}
/* ************************* Pfeil before+after menulevel2 */


ul.menulevel2 .docs:before {

	font-size: 1em;
	float: left;
	width: 2em;
	margin-right: -2em;

}
ul.menulevel2 .docs:after {

	display: none;
	font-size: 1em;
	float: right;
	width: 2em;
	margin-left: -2em;
}
ul.menulevel2 .docs:before,
ul.menulevel2 .docs:after {
	color: #F9C237;
}
/* ************************* Standard-Foldout menulevel3, links von menulevel2 */
.tpllck_nav ul ul ul {
	left: 0em;
	margin-right: 0;
	z-index: 300;visibility: hidden;
}



/* ************************* Foldout menulevel3 - rechts von menulevel2 - abhängig der Fensterbreite */
@media only screen and (min-width: 537px) {
.tpllck_nav ul {
	max-width: 90.1em;
}
.tpllck_nav .menulevel1 > li:nth-child(6n+1) ul ul {
	left: 15em;
}
.tpllck_nav .menulevel1 > li:nth-child(6n+1) .docs:before {
	display: none;
}
.tpllck_nav .menulevel1 > li:nth-child(6n+1) .docs:after {
	display: inline-block;
}
}

@media only screen and (min-width: 1281px) and (max-width: 1536px) {
.tpllck_nav ul {
	max-width: 75.1em;
}
.tpllck_nav .menulevel1 > li:nth-child(5n+1) ul ul {
	left: 15em;
}
.tpllck_nav .menulevel1 > li:nth-child(5n+1) .docs:before {
	display: none;
}
.tpllck_nav .menulevel1 > li:nth-child(5n+1) .docs:after {
	display: inline-block;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

}

@media only screen and (min-width: 801px) and (max-width: 1545px) {

#tpllck_content_box {
padding-left:100px;
padding-right:100px;
}
}

@media screen and (max-width: 800px) {
.tpllck_headnav {
	background-color: #197383;
	color: #F9C237;
	margin: 0!important;
	padding: 0;
	width: 100%;
}
.tpllck_headnav a {
	color: #F9C237;
}
.tpllck_headnav a:hover {
	color: #fff;
}
.tpllck_nav {
	display: none;
}
.tpllck_header h1 {
	font-size: 1em;
}
/* ************************* Menu Mobil (Sitemap) */
.tpllck_headnav .tpllck_sitemap {
	display: none;
}
.tpllck_sitemapname {
	display: none;
}
.tpllck_sitemap_mobil {
	background-color: #CDCDCD;
	color: red;
	display: inline-block;
	text-align: center;
	width: 100%;
}
.tpllck_sitemap_mobil a {
	display: block;
	font-size: 1.2em;
	height: 3em;
	line-height: 3em;
	margin: 0;
}
/* ************************* Hamburger-Symbol (Unicode) */
.tpllck_sitemap_mobil a:before {
	content: "\2261 \00A0";
	font-size: 1.2em;
	width: 3em;
}

ul.sitemaplevel1 li a {
	line-height: 1em;
	font-size: 12px;
	text-decoration: none;
}


ul.sitemaplevel1 li li {
	margin-top: 8px;
margin-bottom: 8px;
	padding: 0;
}



#logo {
	width: 200px;
	height: 57px;
	background-image: url(images/logo.jpg);
	background-position: center;
	position: relative;
	padding-right: 20px;
	background-repeat: no-repeat;
}

}



/* ************************* Content ************************* */
#tpllck_content_box {
	max-width: 1300px;
	text-align: left;
	margin: 0 auto;
	position:relative;
top:30px;
}
.tpllck_content {
	clear: both;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 500px; /* verhindert "springen" der Seite */
padding-left: 5px;
}


/* ************************* Submenü ************************* */
.tpllck_submenu {
position:relative;
	left:-40px;
}


.tpllck_submenu h4 {font-size: 14px; margin-top: 3em;}
.tpllck_submenu ul {
	
	list-style-type: none;
	list-style-image: none;

}
.tpllck_submenu ul.submenu li:before {
	
	font-family: inherit;
	font-size: 1em;
	color: #aaa;
}

/* ************************* Subarea Newsbox01 + Newsbox02 ************************* */
.tpllck_subarea {
	width: 100%;
	float: left;
	margin: 0;
}
.tpllck_newsbox1, .tpllck_newsbox2 {
	float:left;
	width: 49%;
	border: 0px solid #CFCFCF;
	margin: 1em 0 0 0;
	padding: 2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tpllck_newsbox1 {
	background-color: #FFEBCD;
	border: 1px solid #F9C237;
	color: #777;
}
.tpllck_newsbox1 h4 {
	color: #AD5C00;
	font-weight: 500;
	letter-spacing: .03em;
}
.tpllck_newsbox2 {
	background-color: #FFEBCD;
	border: 1px solid #F9C237;
	color: #777;
}
.tpllck_newsbox2 h4 {
	color: #AD5C00;
	font-weight: 500;
	letter-spacing: .03em;
}
.tpllck_newsbox_space {
	float: left;
	width: 2%;
	margin: 2em 0 0 0;
}





/* ************************* "xh_captcha_code - Button" im CMSimple_XH Kontaktformular ************************* */
.xh_captcha_code {
	background-color: #E6922C;
}

/* ************************* Sitemap ************************* */
ul.sitemaplevel1 {
	padding-left: 0em;
}
ul.sitemaplevel2 {
	padding-left: 1em;
}
ul.sitemaplevel3 {
	padding-left: 2em;
}

/* ************************* RESPONSIVE STYLE ************************* */
/* Wichtig ist die <meta name="viewport" ... Angabe im head-Bereich vom Template */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
#tpllck_footer {
	margin-top: 0;
	padding: 0;
}
}

@media only screen and (max-width: 800px) {
.tpllck_headnav {
	margin: 0 4px 0;
	line-height: 2em;
}
.tpllck_headnav p, .tpllck_headnav form {
	float: none;
	text-align: center;
}
.tpllck_header {
	font-size: 1.1em;
}
.tpllck_locator {
	display: none;
}
.tpllck_content {
	padding: 1em 1em;
}
#tpllck_content_box {
width: 100%;
}
ul.sitemaplevel1 {
	margin-top: 0;
}
.tpllck_newsbox1, .tpllck_newsbox2 {
	float: none;
	margin: 0;
	width: 100%;
	border-top: none;
	padding: 1em;
}
.tpllck_newsbox_space {
	display: none;
}
#tpllck_footer {
	margin-top: 0;
	padding: 0;
}
.tpllck_copyright {
	height: 5em;
	line-height: 5em;
}
}

@media only screen and (max-width: 479px) {
.tpllck_headnav {
	margin: 0;
	padding: 0;
}
.tpllck_headnav input.text, .tpllck_headnav input.submit {
	font-size: 0.7em;
}
.tpllck_headnav p {
	font-size: 0.7em;
	letter-spacing: 0;
}
.tpllck_headnav p a {
	padding: 0;
}
.tpllck_subnav {
	font-size: 0.7em;
}
}

/* ************************* Responsive Image ************************* */
img {
	max-width:100%;
	height: auto;
}
/* ************************* Template by lck 02/2015 ************************* */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

.nur_aktuell {
	max-width: 1200px !important;
}