@font-face {font-family: RobotoCondensed; font-style: normal; font-weight: 900; src:url("fonts/RobotoCondensed-Bold.ttf") format("truetype");}

@font-face {font-family: RobotoCondensed; font-style: normal; font-weight: 700; src:url("fonts/RobotoCondensed-Regular.ttf") format("truetype");}

@font-face {font-family: RobotoCondensed; font-style: normal; font-weight: 400; src:url("fonts/RobotoCondensed-Light.ttf") format("truetype");}

@font-face {font-family: Cinzel; font-style: normal; font-weight: 400; src:url("fonts/Cinzel-Regular.ttf") format("truetype");}

@font-face {font-family: Cinzel; font-style: normal; font-weight: 700; src:url("fonts/Cinzel-Bold.ttf") format("truetype");}

@font-face {font-family: Cinzel; font-style: normal; font-weight: 900; src:url("fonts/Cinzel-Black.ttf") format("truetype");}

/* -------------------------------------------------- RESET BROWSERSTYLE --- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {
  padding: 0;
  margin: 0;
}

/* ------------------------------------------------------ GLOBALE STYLES --- */
h1 {
  font-family: Cinzel, times new roman, serif;
  color: #411;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 20px 0 12px 0;
  margin: 0;
  transform: scaley(1.2);
}

h2 {
  font-family: Cinzel, times new roman, serif;
  color: #411;
  font-size: 20px;
  line-height: 1.2em;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 20px 0 8px 0;
  margin: 0;
  transform: scaley(1.2);
}

h3 {
  font-family: Cinzel, times new roman, serif;
  color: #411;
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 20px 0 6px 0;
  margin: 0;
  transform: scaley(1.2);
}

h4 {
  font-family: Cinzel, times new roman, serif;
  color: #411;
  font-size: 16px;
  line-height: 1.2em;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 20px 0 6px 0;
  margin: 0;
  transform: scaley(1.2);
}

h5 {
  font-family: Cinzel, times new roman, serif;
  color: #411;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 20px 0 6px 0;
  margin: 0;
  transform: scaley(1.2);
}

h6 {
  font-family: Cinzel, times new roman, serif;
  color: #411;
  font-size: 12px;
  line-height: 1.2em;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 20px 0 6px 0;
  margin: 0;
  transform: scaley(1.2);
}

p {
  padding: 10px 0;
}

ol {
  margin: 6px 0 6px 20px;
}

ol li {
  line-height: 1.3em;
  border: 0;
  padding: 3px 0;
  margin: 2px 0;
}

ul {
  list-style: disc;
  margin: 6px 0 6px 20px;
}

ul li {
  line-height: 1.3em;
  border: 0;
  padding: 3px 0;
  margin: 2px 0;
}

hr {
  height: 1px;
  margin: 16px 0;
}

blockquote {
  background: #e6ecef;
  color: #444;
  border-left: 3px solid #999;
  padding: 6px 20px;
  margin: 10px 0;
}

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

.clearLeft {clear: left;}
.clearRight {clear: right;}
.clearBoth {clear: both;}

hr {
border: 0;
height: 2px;
background: #333;
background-image: -webkit-linear-gradient(left, #ddd, #666, #ddd);
background-image: -moz-linear-gradient(left,  #ddd, #666, #ddd);
background-image: -ms-linear-gradient(left,  #ddd, #666, #ddd);
background-image: -o-linear-gradient(left,  #ddd, #666, #ddd);
}

/* 
##############################
      B E R E I C H E
############################## 
*/

/* -------------------------------------- BODY UND SEITE / BODY AND PAGE --- */
body {
  color: #333;
  font-family: Verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4em;
  text-align: left;
}

.body {
  background: #ffffff;
}

#top {
  font-size: 0;
  line-height: 0;
} 

/* ---------------------------------------------------- FIXED NAVIGATION --- */
.tplge_pageNav {
  display: normal;
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 300px;
  height: 47px;
  font-size: 17px;
  color: #fff;
  background: #666;
  padding: 0;
  margin: 0 auto;
  z-index: 998;
  overflow: hidden;
  opacity: 0.8;
}

/* ------------------------------------------------------------- Buttons --- */
img.tplge_homelinkButton {float: left; margin-left: 10px;}
img.tplge_sitemaplinkButton {float: left;}
img.tplge_menulinkButton {float: right; margin-right: 10px;}
img.tplge_searchlinkButton {float: right;}
img.tplge_newslinkButton {float: right;}
img.tplge_toplinkButton {float: right;}

img.tplge_homelinkButton:hover,
img.tplge_sitemaplinkButton:hover,
img.tplge_menulinkButton:hover,
img.tplge_newslinkButton:hover,
img.tplge_searchlinkButton:hover,
img.tplge_toplinkButton:hover,
img.tplge_scrolltoTopButton:hover {background: #f60;}

/* ----------------------------------------------------------PAGE HEADER --- */
#header {
  width: 100%;
  height: auto;
  max-height: 180px;
  margin-top: 48px;
  box-shadow: 0 45px 50px -50px #000000;
}

/* ------------------------------------------------------- Locator Zeile --- */
.tplge_locator {
  color: #444;
  font-family: Cinzel, times new roman, serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px 0;
  margin: 5px 5px 0 5px;
  overflow: hidden;
}

.tplge_locatorDelimiter {
  color: #444;
  font-size: 20px;
  font-weight: 900;
  padding: 0 5px;
}

.tplge_locator span.tplge_locatortext {font-weight: 700; padding: 0 6px 0 0;}
.tplge_locator span.cmsimpleLocatorElement {font-weight: 400;}
.tplge_locator span.cmsimpleLocatorElementLast {font-weight: 700;}

/* ------------------------------------------- INHALTSBEREICH / CONTENTS --- */
.tplge_contentsContainer {
  width: 96%;
/*  width: 100%;*/
  height: auto;
  padding: 0;
  margin: 0 auto;
}


.tplge_content {
  width: 98%;
  padding: 0;
  margin: 0px auto;
}

.tplge_content img {
  width: 100%;
  margin: 0 auto;
}

.tplge_sidebarNav {
  width: 90%;
  padding: 0;
  margin: 10px auto;
}

.docmenu-mobile {
  display: block;
}

.docmenu-all {
  display: none;
}

.langmenu {
  margin: 0;
}

.langmenu a {
  font-family: verdana, sans-serif;
  font-size: 14px;
}

.langmenu a img {
  display: inline-block;
  width: 32px;
  height: 16px;
  margin: 1px 0 0 0;
}

/* ------------------------------------------------------------- Submenu --- */
.tplge_submenu p {
  font-size: 20px;
  font-weight: 700;
}

/* ------------------------------------------------------- prev-top-next --- */
.tplge_prevtopnext {
  clear: both;
  text-align: center;
  padding: 0;
  margin: 5px auto;
}

/* ------------------------------------------------------- Sitemaplevel1 --- */
.sitemaplevel1 {list-style-type: none; padding: 10px 0; margin: 0;}

.sitemaplevel1 li {font-family: Cinzel, times new roman, serif; background: #e6ecef; font-size: 20px; line-height: 1.2em; border: 0px solid #abc; border-radius: 5px; padding: 24px 6%; margin: 16px 0;}

/* ------------------------------------------------------- Sitemaplevel2 --- */
.sitemaplevel2 {list-style-type: none; border: 0; padding: 6px 0 0 0; margin: 0;}
.sitemaplevel2 li {font-family: RobotoCondensed, sans-serif; font-size: 18px; font-weight: 400; border: 0; padding: 6px 0; margin: 0;}

/* ------------------------------------------------------- Sitemaplevel3 --- */
.sitemaplevel3 {list-style-type: none;}

.sitemaplevel3 li {font-size: 18px; font-weight: 400;}

/* ----------------------------------------------------- Sitemaplevel4-6 --- */
.sitemaplevel4 {list-style-type: none;}
.sitemaplevel5 {list-style-type: none;}
.sitemaplevel6 {list-style-type: none;}

/* ---------------------------------------------------- SEITENNAVIGATION --- */

/* --------------------------------------------------- Datum und Suchbox --- */
#datum {
  color: #404040;
  font-size: 14px;
  padding-left: 10px;
}

#lastupdate {
  color: #404040;
  font-size: 12px;
  margin: 5px 0 10px 10px;
}

#searchbox {
  padding: 5px;
}

#searchbox .text {
  height: 30px;
  margin-bottom: 8px;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
}

#searchbox input[type="submit"] {
  display:inline-block;
  width: 208px;
  height:25px;
  position:relative;
  font-variant:normal;
  font-weight: normal;
  font-size:12px;
  color: #ffffff;
  text-align:center;
  text-decoration:none;
  background: #b0b0b0;
  padding:4px 20px 7px 20px;
  border-radius:5px;
}

#searchbox input[type="submit"]:hover {
  color: #000000;
  background: #e0e0e0;
  cursor: pointer;
}

/* -------------------------------------------------------Die Menuebenen --- */
.sdoc span,
.sdocs span {
  padding-left: 3px;
  background: #f0f0f0;
  margin: 1px 5px 0 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* --------------------------------------------------------- Menulevel 1 --- */
ul.menulevel1 {
  width: -moz-fit-content;
  width: fit-content;
  list-style: none;
  padding-bottom: 10px;
  margin: 10px 0 0 8px;
}

ul.menulevel1 li {
  font-family: Cinzel, serif;
  list-style: none;
  font-size: 1vw;
  line-height: 1.2vw;
  font-weight: 400;
  padding: 4px 0;
  margin: 0;
}

.menulevel1 li .doc {
  border-radius: 5px;
}

.menulevel1 li .doc:hover {
  background-color: #f0f0f0;
}

/* --------------------------------------------------------- Menulevel 2 --- */
ul.menulevel2 {
  font-size: 0.7em;
}

ul.menulevel2 li ul {
  font-size: 1em;
  padding: 2px 0 2px 0;
  margin: 0;
}

ul.menulevel3 li ul li {
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 4px 0 0 10px;
  margin: 0;
}

/* --------------------------------------------------------- Menulevel 3 --- */
ul.menulevel3 li ul li ul li {
  list-style: none;
  padding: 4px 0 0 20px;
}

ul.menulevel3 span {
  color: #000000;
}

/* --------------------------------------------------------- Icons Block --- */
.tplge_icons {
  height: 30px;
  text-align: left;
  padding: 0 auto;
}

.tplge_icons img {
  display: block;
  float: left;
  border: 0;
  margin: 0 10px;
}

/* ---------------------------------------------------- Menu 2 / Docmenu --- */
.docmenu ul {
  font-family: Cinzel, serif;
  text-align: left;
  padding: 10px 0 0 12px;
  margin: 0;
  list-style: none;
}

.docmenu ul li a {
  color: #333;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 20px;
}

.docmenu-all {
  display: none;
}

/* ----------------------------------------------------------- Infoboxen --- */
.tplge_newsArea {
  padding: 5px 0 5px 0;
  margin-top: 15px;
}

.tplge_newsBox {
  font-size: 17px;
  line-height: 1.3em;
  padding: 0 5px 0 5px;
  margin-bottom: 10px;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
}

/* --------------------------------------------------------- FUSSBEREICH --- */

#footer {
  width: 90%;
  height: auto;
  color: #2e1811;
  background: #d0d0d0;
  text-align: center;
  padding: 10px;
  margin: 10px auto;
}

.footer-mobile {
  display: block;
  font-size: .8em;
}

.footer-normal {
  display: none;
}

.counter-info {
   text-align: center;
  font-size: 70%;
}

.button_top a {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding: 2px 5px;
  border: 1px solid #d4cfc9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px -1px 0px rgba(255,255,255,0.7);
  -webkit-box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px -1px 0px rgba(255,255,255,0.7);
  box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px -1px 0px rgba(255,255,255,0.7);
  text-shadow:
  0px -1px 1px rgba(000,000,000,0.2),
  0px 1px 0px rgba(255,255,255,0.3);
}

#footer a {
  color: #563317;
}

#footer a:hover {
  background: #ffffff;
  border-bottom: 1px solid #563317;
}

#footer .footer_in .button_top a {
  color: #ffffff;
  background: #808080;
}

#footer .footer_in .button_top a:hover {
  color: #282828;
  background: #e8e8e8;
}

.footer_in input[type="submit"] {
  color: #ffffff;
  background: #404040;
}

 #login input[type="submit"] {
  color: #000000;
  background: #a0a0a0;
}

/* -------------------------------------------------- LINKFORMATIERUNGEN --- */
a:link {color: #257; text-decoration: none;}
a:visited {color: #257; text-decoration: none;}
a:hover {color: #920; text-decoration: underline;}
a:active {color: #920; text-decoration: underline;}
a:focus {color: #920; text-decoration: underline;}

.tplge_locator a:link {color: #666; text-decoration: none;}
.tplge_locator a:visited {color: #666; text-decoration: none;}
.tplge_locator a:hover {color: #920; text-decoration: none;}
.tplge_locator a:active {color: #920; text-decoration: none;}
.tplge_locator a:focus {color: #920; text-decoration: none;}

ul.menulevel1 a:link {color: #000000; text-decoration: none;}
ul.menulevel1 a:visited {color: #000000; text-decoration: none;}
ul.menulevel1 a:hover {color: #000000; text-decoration: none;}
ul.menulevel1 a:active {color: #000000; text-decoration: none;}
ul.menulevel1 a:focus {color: #000000; text-decoration: none;}

.sitemaplevel1 a:link {color: #222; text-decoration: none;}
.sitemaplevel1 a:visited {color: #222; text-decoration: none;}
.sitemaplevel1 a:hover {color: #920; text-decoration: underline;}
.sitemaplevel1 a:active {color: #920; text-decoration: underline;}
.sitemaplevel1 a:focus {color: #920; text-decoration: underline;} 

/* 
##############################
 S O N S T I G E S / R E S T
############################## 
*/
img.tplge_scrolltoTopButton {
  background: #234;
  position: fixed;
  bottom: 60px;
  right: 0;
  display: block;
  border: 0px solid #999;
  border-radius: 20px 0 0 20px;
}

img.tplge_scrolltoTopButton:hover {
  background: #060;
}

/* ----------------------------------------------- CMSimple Mailformular --- */
#xh_mailform {
  width: 95%;
  margin-left: 5px;
}

.tplge_content .text {background: #e6ecef; border: 1px solid #ccc; border-radius: 3px; padding: 4px 6px;}

.tplge_content textarea {background: #e6ecef; font-family: RobotoCondensed, arial, sans-serif; border: 1px solid #ccc; border-radius: 3px; padding: 6px;}

.captchainput {background: #e6ecef; border: 1px solid #ccc; border-radius: 3px;}

.tplge_content input.submit, .tplge_content input#submit {background: url(images/button.jpg) repeat-x!important; color: #333; font-size: 15px; line-height: 20px; border: 1px solid #ccc; border-radius: 3px; padding: 2px 12px 4px 12px; margin: 10px 0 0 0;}

.tplge_content input .#submit:hover {
  background: green;
}

/*
 ############################################################################# 
                         R E S P O N S I V E  CSS
 ############################################################################## 
*/
/* -------- Small devices (portrait tablets and small phones, 320px max) --- */
/* --------------------------------------------- Media (max-width: 320px --- */

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

.tplge_icons {
/*  background-color: #ff8888;/* ############################################ */
}

.body {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 400;
}

ul.menulevel1 li {
  font-size: 1.2em;
  line-height: 1.4em;
}

}

/* ----- Small devices (portrait tablets and small phones, 321px and up) --- */
/* --------------------------------------------- Media (min-width: 321px --- */

@media only screen and (min-width: 321px) {

.tplge_icons {
/*  background-color: red;/* ############################################### */
}
.body {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 400;
}

ul.menulevel1 li {
  font-size: 1.2em;
  line-height: 1.4em;
}

}

/* ------ Small devices (portrait tablets and large phones, 600px and up) --- */
/* --------------------------------------------- Media (min-width: 600px --- */

@media only screen and (min-width: 600px) {

/* ---------------------------------------------------------- Seitenkopf --- */
.tplge_icons {
/*  background-color: yellow;/* ############################################ */
}

}

/* -------------------- Medium devices (landscape tablets, 768px and up) --- */
/* --------------------------------------------- Media (min-width: 768px --- */
@media only screen and (min-width: 768px) {

.tplge_icons {
/*  background-color: green;/* ############################################ */
}

/* ------------------------------------------------ FIXED TOP NAVIGATION --- */
.tplge_pageNav {
  display: none;
}

#top {
  height: auto;
}

#header {
  margin-top: 0;
}

.tplge_content {
  width: 60%;
  padding: 0;
  margin: 0;
}

.tplge_content img {
  width: 44%;
  margin: 0 2%;
}

.tplge_sidebarNav {
  width: 36%;
  padding: 0 2% 0 2%;
  margin: 0 auto;
}

.menulevel1 li .doc {
  font-size: 1.0vw;
  line-height: 1.1vw;
}
ul.menulevel1 li {
  font-size: 1.8vw;
  line-height: 1.8vw;
}

.docmenu-mobile {
  display: none;
}

.docmenu-all {
  display: initial;
}

.footer-mobile {
  display: none;
}

.footer-normal {
  display: block;
  font-size: .8em;
}

}

/* ---------------------- Large devices (laptops/desktops, 992px and up) --- */
/* --------------------------------------------- Media (min-width: 992px --- */

@media only screen and (min-width: 992px) {

.tplge_icons {
/*  background-color: blue;/* ############################################ */
}
ul.menulevel1 li {
  font-size: 1.6vw;
  line-height: 1.8vw;
}



}

/* --------------------- Large devices (laptops/desktops, 1200px and up) --- */
/* -------------------------------------------- Media (min-width: 1200px --- */
@media only screen and (min-width: 1200px) {

/* ---------------------------------------------------------- Seitenkopf --- */
.tplge_icons {
/*  background-color: #ffffff;/* ############################################ */
}

ul.menulevel1 li {
  font-size: 1.2vw;
  line-height: 1.3vw;
}

}