/* Google Font API */


/* import core styles | Basis-Stylesheets einbinden */
@import url(core/base.css);

/* import screen layout | Screen-Layout einbinden */
/*@import url(navigation/nav_shinybuttons.css);*/
/*@import url(navigation/nav_shinybuttons_sub.css);*/
@import url(navigation/vlist.css);
@import url(forms/gray-theme.css);

@import url(screen/typography.css);
@import url(screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(print/print.css);

/********************************************************************/
/* ---------- here add your additional CMSimple styles------------- */
/********************************************************************/

 .subnav {margin:10px 20px; font-size:90%; line-height:130%; float:right;}
 .submen {margin:10px 0; font-size:90%; line-height:130%; float:left;}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
	color:#999;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#icons {top: 5px;}			
#icons img {padding:0 5px;}			
		
			
#topnav a { color: #666; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#sitename{color:white; padding:60px 0 0 50px; font-size:32px; display:none;}
ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3 {list-style-type:circle;}
ul.submenu, ul.search {list-style-type: none; color:#000; margin-left:-10px;}
#copyright{text-align:left; font-size:75%;}
#searchbox{text-align:left; margin-top:5px; float:right;}
#login{margin-left:20px;}

.edit {
	font-size: 100%;
	color: black;
	background: buttonface;
	margin: 10px;
	padding:2px;
	
}
.edit a:link, .edit a:visited, .edit a:active, .edit a:hover {
	font-weight: normal;
	color: black;
	padding:5px;
}
input, select {
	font-size: 9pt;
	background: #ffffff;
}
textarea {
	width: 98%;
	background: #ffffff;
	font: 9pt Verdana, Geneva, Arial, Helvetica;
}


 
.adresse {font-size:95%; margin: 10px 0; }

ul.subnav {list-style-type: none; padding: 10px 0 10px 0; margin: 0;}
ul.subnav li {padding: 5px 12px; margin: 0;}
.Impressum {text-align:justify; font-size:85%;}



/* ************************* Content Styles ************************* */

h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}


.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 {
	content: "\25BA \00A0"; /* Sonderzeichen Dreieck + Leerzeichen */
	color: #FFAB00;
	font-family: inherit;
	font-size: 1em;
}





/* ************************* Head Navigation ************************* */

.tpllck_sitemap_mobil {
	display: none; 
}


/* ************************* Navigation + Responsive Style ************************* */
.tpllck_nav {
	background-color: transparen; /* Hintergrund Menu */
	font-size:1em;
	margin: -18px 0 0 0;
	padding: 0;
	width: 100%;
}
.tpllck_nav a {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}
.tpllck_nav a:focus,
.tpllck_nav a:hover {
	color: #fff;
}
.tpllck_nav .sdoc,
.tpllck_nav .sdocs,
.tpllck_nav .sdoc a,
.tpllck_nav .sdocs a {
	color: #fff;
}
.tpllck_nav ul {
	display: table;
	list-style: none;
	margin: 1em auto;
	padding: 0;
	text-align: center;
	z-index: 100;
}
.tpllck_nav li {background-color: #0066cc; border-left: 1px solid white; border-right: 1px solid white;
	
}
.tpllck_nav .menulevel1 li {
	border-bottom: none;
	float: left;
	display: inline-block;
	font-size: 0.938em;
	font-weight: 500;
	height: 3em;
	line-height: 3em;	
	margin: 0;
	width: 12em;
}
/* ************************* Einzelne Farben für menulevel1 festlegen */
/*.tpllck_nav .menulevel1 > li:nth-child(7n+1) {
	background-color: #9D3129;
}
.tpllck_nav .menulevel1 > li:nth-child(7n+2) {
	background-color: #E6922C;
}
.tpllck_nav .menulevel1 > li:nth-child(7n+3) {
	background-color: #F9C237;
}
.tpllck_nav .menulevel1 > li:nth-child(7n+4) {
	background-color: #B9B437;
}
.tpllck_nav .menulevel1 > li:nth-child(7n+5) {
	background-color: #799235;
}
.tpllck_nav .menulevel1 > li:nth-child(7n+6) {
	background-color: #8E5C00;
}
.tpllck_nav .menulevel1 > li:nth-child(7n+7) {
	background-color: #00801A;
}*/
.tpllck_nav ul:nth-child(n) li:focus,
.tpllck_nav ul:nth-child(n) li:hover {
	background-color: #00528F;
	opacity: 1;
	-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 ul.menulevel2 li {
	float: left;
	font-size: 1em;
	font-weight: 500;
	height: 3em;
	line-height: 3em;	
	margin: 0;
	position: relative;
	white-space: nowrap;
}
.tpllck_nav .menulevel2 li:nth-child(n) {
	background-color: #666;
	border-top: 1px solid #fff;
}
/* ************************* Optional - Einzelne Farben für menulevel2 festlegen */
/* .tpllck_nav .menulevel2 li:nth-child(5n+1) {
	background-color: #799235;
}
.tpllck_nav .menulevel2 li:nth-child(5n+2) {
	background-color: #E6922C;
}
.tpllck_nav .menulevel2 li:nth-child(5n+3) {
	background-color: #F9C237;
}
.tpllck_nav .menulevel2 li:nth-child(5n+4) {
	background-color: #B9B437;
}
.tpllck_nav .menulevel2 li:nth-child(5n+5) {
	background-color: #9D3129;
} */

.tpllck_nav ul ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	width: 12em;
	z-index: 200;
}
.tpllck_nav li:focus > ul,
.tpllck_nav li:hover > ul {
	visibility: visible;
}
/* ************************* Pfeil before+after menulevel2 */
ul.menulevel2 .docs:before {
	content: "\25C4";
	font-size: 1em;
	float: left;
	width: 2em;
	margin-right: -2em;

}
ul.menulevel2 .docs:after {
	content: "\25BA";
	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: -12em;
	top: -1px;
	margin-left: 0;
	z-index: 300;
}
.tpllck_nav .menulevel3 li:nth-child(n) {
	background-color: #61666E;
	border-top: 1px solid #fff;
}

/* ************************* Foldout menulevel3 - rechts von menulevel2 - abhängig der Fensterbreite */
@media only screen and (min-width: 1537px) {
.tpllck_nav ul {
	max-width: 90.1em;
}
.tpllck_nav .menulevel1 > li:nth-child(6n+1) ul ul {
	left: 12em;
}
.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: 80em;
}
.tpllck_nav .menulevel1 > li:nth-child(5n+1) ul ul {
	left: 12em;
}
.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;
}
}

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

.tpllck_nav .menulevel1 li {width:10.9em; }
.tpllck_nav ul ul ul {	left: -10.9em;}

tpllck_nav ul {
	max-width: 80em;
}

.tpllck_nav .menulevel1 > li:nth-child(4n+1) ul ul {
	left: 12em;
}
.tpllck_nav .menulevel1 > li:nth-child(4n+1) .docs:before {
	display: none;
}
.tpllck_nav .menulevel1 > li:nth-child(4n+1) .docs:after {
	display: inline-block;
}
}

/*  800 */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
		
	.tpllck_nav .menulevel1 li {width:10.9em; }	
	
	.tpllck_nav ul ul ul {	left: -10.9em;}
	
.tpllck_nav ul {
	max-width: 80em;
}
.tpllck_nav .menulevel1 > li:nth-child(3n+1) ul ul {
	left: 1em;
}
.tpllck_nav .menulevel1 > li:nth-child(3n+1) .docs:before {
	display: none;
}
.tpllck_nav .menulevel1 > li:nth-child(3n+1) .docs:after {
	display: inline-block;
}
}

@media screen and (max-width: 800px) {


.tpllck_nav {
	display: none;}
	


.tpllck_nav .menulevel1 li {width:6em;}


/* ************************* Menu Mobil (Sitemap) */
.tpllck_headnav .tpllck_sitemap {
	display: none;
}
.tpllck_sitemapname {
	display: none;
}
.tpllck_sitemap_mobil {
	background-color: #0066cc;
	color: #fff;
	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;
	color:#fff;
}
/* ************************* Hamburger-Symbol (Unicode) */
.tpllck_sitemap_mobil a:before {
	content: "\2261 \00A0";
	font-size: 1.2em;
	width: 3em;
}

ul.sitemaplevel1 li a {
	line-height: 2em;
	font-size: 1.2em;
}
}