@font-face {font-family: RobotoCondensed; font-style: bold; font-weight: 900; src:url("fonts/RobotoCondensed-Bold.ttf") format("truetype");}
@font-face {font-family: RobotoCondensed; font-style: regular; font-weight: 700; src:url("fonts/RobotoCondensed-Regular.ttf") format("truetype");}
@font-face {font-family: RobotoCondensed; font-style: light; font-weight: 400; src:url("fonts/RobotoCondensed-Light.ttf") format("truetype");}

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



/* RESET BROWSERSTYLE */
* {padding: 0; margin: 0;}


/* GLOBAL STYLES */
h1 {font-family: Caveat, sans-serif; color: #245; font-size: 36px; line-height: 36px; font-weight: 400; padding: 0 0 16px 0; margin: 0; transform: scaley(1.2);}
h2 {font-family: Caveat, sans-serif; color: #245; font-size: 30px; line-height: 32px; font-weight: 400; padding: 15px 0 10px 0; margin: 0; transform: scaley(1.2);}
h3 {font-family: Caveat, sans-serif; color: #245; font-size: 28px; line-height: 30px; font-weight: 400; padding: 15px 0 10px 0; margin: 0; transform: scaley(1.2);}
h4 {font-family: Caveat, sans-serif; color: #245; font-size: 26px; line-height: 28px; font-weight: 400; padding: 15px 0 10px 0; margin: 0; transform: scaley(1.2);}
h5 {font-family: Caveat, sans-serif; color: #245; font-size: 24px; line-height: 26px; font-weight: 400; padding: 15px 0 10px 0; margin: 0; transform: scaley(1.2);}
h6 {font-family: Caveat, sans-serif; color: #245; font-size: 22px; line-height: 24px; font-weight: 400; padding: 15px 0 10px 0; margin: 0; transform: scaley(1.2);}
p {margin: 10px 0;}
ol {margin: 6px 0;}
ol li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 0 0 0 22px;}
ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 0 0 0 17px;}
hr {clear: both; height: 1px; color: #999; background-color: #999; border: 0; margin: 16px 0 12px 0;}
img {max-width: 100%;}

div.tplge_menuAnchor {display: none;}
div.tplge_newsAnchor {display: none;}
div.tplge_newsAnchor_bottom {display: none;}


/* CONTENT CLASSES */
.tplge_left_border {float: left; border: 5px solid #c0c6cc; margin: 0 20px 10px 0;}
.tplge_left_noborder {float: left; border: 0; margin: 0 20px 10px 0;}
.tplge_right_border {float: right; border: 5px solid #c0c6cc; margin: 0 0 10px 20px;}
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px;}
.tplge_border {border: 5px solid #c0c6cc;}
.tplge_noborder {border: 0;}

.tplge_code {background: #eed; font-family: 'courier new', monospace; color: #222; font-size: 15px; border: 1px solid #999; padding: 10px 12px;}
.tplge_box01 {clear: both; background: #d0d6dc; border: 1px solid #999; padding: 16px;}
.tplge_box02 {background: #080; color: #fff; text-align: center; line-height: 1.6em; border-radius: 7px; padding: 6px 12px; margin: 16px 0;}
.tplge_legal {padding: 6px 0;}

.tplge_box_download {clear: both; background: #075; color: #ccc; text-align: center; line-height: 1.6em; border: 0; border-radius: 5px; padding: 12px 16px; margin: 12px auto;}
.tplge_box_download a:link {color: #fff;}
.tplge_box_download a:visited {color: #fff;}
.tplge_box_download a:hover {color: #f90;}

.XXXXXXXXXXXXXXXXXX {} /* Marker for styles menu tinymce */


/* LINKS GLOBAL */
a:link {color: #258; text-decoration: none;}
a:visited {color: #258; text-decoration: none;}
a:hover {color: #c60; text-decoration: none;}
a:active {color: #c60; text-decoration: none;}
a:focus {color: #c60; text-decoration: none;}

.tplge_navintern a:link {color: #333; text-decoration: none;}
.tplge_navintern a:visited {color: #333; text-decoration: none;}
.tplge_navintern a:hover {color: #c60; text-decoration: none;}
.tplge_navintern a:active {color: #c60; text-decoration: none;}
.tplge_navintern a:focus {color: #c60; text-decoration: none;}


/* BODY */
body {font-family: RobotoCondensed, arial, sans-serif; color: #345; font-size: 17px; font-weight: 400; line-height: 1.4em; padding: 0; margin: 0;}
body#tplge_body {min-width: 760px; background: #134; color: #444;}
#top {}



/* FIXED NAVIGATION */

.tplge_pageNav {position: fixed; top: 0; box-sizing: border-box; width: 100%; min-width: 300px; height: 48px; background: #000; color: #fff; padding: 0 10px 0 16px; z-index: 998; overflow: hidden; opacity: 1;}

/* buttons */
img.tplge_homelinkButton {float: left;}
img.tplge_sitemaplinkButton {float: left;}
img.tplge_menulinkButton {display: none; float: right;}
img.tplge_searchlinkButton {display: none; float: right;}
img.tplge_newslinkButton {display: none; float: right;}
img.tplge_toplinkButton {float: right;}
img.tplge_scrolltoTopButton {background: #000; position: fixed; bottom: 60px; right: 0; display: block; border: 0px solid #999; border-radius: 20px 0 0 20px;}

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: #930;}

.tplge_menuAnchor {display: block; max-height: 1px; margin: -20px 0 19px 0; overflow: hidden;}
.tplge_newsAnchor {display: block; max-height: 1px; margin: -20px 0 19px 0; overflow: hidden;}



/* CONTAINERS */
#tplge_headers_container {background: #134 url(images/bgheader.jpg) right 48px no-repeat; padding: 48px 0 0 0;}
#tplge_contents_container {background: #fff;}


/* LAYOUT */
#tplge_header {max-width: 1800px; margin: 0 auto;}
#tplge_locatorin {max-width: 1800px; clear: both;}
#tplge_main {max-width: 1800px; margin: 0 auto;}
#tplge_page {width: 900px; float: left; border: 0px solid #fc0!important;}
#tplge_content {width: 600px; float: right;}
#tplge_sidebarNav {width: 300px; float: left;}
div.tplge_news {width: 300px; float: left; line-height: 1.2em;}


/* HEADER */
#tplge_headerin {color: #ddd; border: 1px solid transparent; padding: 0 18px; margin: 0;}

#tplge_header h1 {clear: left; color: #cb9; font-size: 36px; line-height: 1em; font-weight: 100; letter-spacing: 1px; padding: 0; margin: 16px 0 16px 0;}
h2.tplge_slogan {width: 100%; font-family: RobotoCondensed, arial, sans-serif; font-size: 18px; color: #ccc; padding: 0px 0 18px 0; margin: 0;}

#tplge_header a:link {color: #b0b6bc; text-decoration: none;}
#tplge_header a:visited {color: #b0b6bc; text-decoration: none;}
#tplge_header a:hover {color: #f90; text-decoration: underline;}
#tplge_header a:active {color: #f90; text-decoration: none;}
#tplge_header a:focus {color: #f90; text-decoration: none;}

/* searchbox */
.tplge_searchboxContainer {clear: both; box-sizing: border-box; width: 260px; background: #678 url('images/lupe2.png')  226px 7px no-repeat; border: 0px solid #356; border-radius: 5px; color: #620; padding: 0; margin: 0; overflow: hidden;}
.tplge_searchboxContainer:hover {background: #090 url('images/lupe2.png') 226px 7px no-repeat;}
.tplge_searchboxContainer input.submit {width: 40px; height: 36px; float: right; background: none; color: transparent; font-family: courier new; font-size: 24px; line-height: 24px; font-weight: 700; border: 0; padding: 0; margin: 0;}
.tplge_searchboxContainer input.submit:hover {cursor: pointer;}
.tplge_searchboxContainer input.text {width: 190px; background: #b0b9bf; float: left; font-size: 14px; border: 0!important; border-radius: 0; padding: 10px 12px; margin: 0;}

/* topnav */
#tplge_topnav {float: left; font-family: courier new, monospace; font-size: 20px; font-weight: 700; color: #f90; line-height: 1.4em; padding: 2px 10px 2px 2px; margin: 16px 0 5px 0;}

/* locator */
#tplge_locator {background: #c6d3df; font-size: 14px;}
#tplge_locatorin {font-family: arial, sans-serif; padding: 12px 0 12px 0; margin: 0 auto; overflow: hidden;}
#tplge_locatorinin {padding: 0 20px;}


/* MAIN CONTAINER */
#tplge_mainin {min-width: 720px; border: 0px solid #c00; padding: 0 0 30px 0;}



/* SEITE / PAGE */
#tplge_page {}


/* INHALT / CONTENT */
#tplge_contentin {margin: 0 20px 20px 20px;}

#tplge_langmenu {text-align: right; padding: 20px 0 2px 0;}
#tplge_langmenu img {border-bottom: 3px solid transparent; padding: 0 2px 3px 2px; margin: 0 0 0 12px;}
#tplge_langmenu img:hover {border-bottom: 3px solid #c60; padding: 0 2px 3px 2px; margin: 0;}
#tplge_langmenu img.tplge_langakt {border-bottom: 3px solid #c60;  margin: 0 0 0 12px;}
#tplge_langmenu img.tplge_langinakt {border: 0; margin: 3px 0 3px 12px;}

ul.sitemaplevel1 {font-weight: 700;}
ul.sitemaplevel2 {font-weight: 400;}

/* vor-hoch-zurueck / prev-top-next */
.tplge_prevnext {clear: both;}
.tplge_prevnextin {text-align: center; border-top: 1px solid #aaa; padding: 16px 0 0 0; margin: 30px 0 0 0;}
.tplge_prevnextin img {padding: 0 16px;}

#tplge_contentin ul.menulevel1 {font-weight: 700;}
#tplge_contentin ul.menulevel2 {font-weight: 400;}


/* SIDEBAR NAVIGATION */
#tplge_sidebarNavin {padding: 4px 20px;}

/* toc */
#tplge_sidebarNav li {list-style-type: none; list-style-image: none;}

#tplge_sidebarNav ul.menulevel1 {border: 0px solid #fff; color: #fc0; padding: 12px 0 24px 0; margin: 0;}
#tplge_sidebarNav ul.menulevel1 li {background: #245; font-size: 18px; line-height: 1.4em; text-align: left; font-weight: 700; border-radius: 5px; padding: 10px 16px; margin: 3px 0;}

#tplge_sidebarNav ul ul.menulevel2 {border: 0; padding: 8px 0 4px 0; margin: 0;}
#tplge_sidebarNav ul ul.menulevel2 li {background: transparent; font-size: 17px; line-height: 1.4em; font-weight: 400; text-align: left; border: 0; padding: 2px 0 7px 1px; margin: 0;}

#tplge_sidebarNav ul ul ul.menulevel3 {margin: 5px 0 0 0;}
#tplge_sidebarNav ul ul ul.menulevel3 li {line-height: 1.2em; font-size: 16px; text-align: left; border: 0; padding: 6px 0 4px 16px; margin: 0;}

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

#tplge_subnav ul {padding: 0; margin: 0;}
#tplge_subnav ul li {padding: 4px 0; margin: 2px 4px;}
#tplge_sidebarNav p.tplge_lastupdate {font-size: 12px; color: #999; text-align: left; padding: 4px 0; margin: 2px 4px;}
.tplge_counter {padding: 16px 6px;}

#tplge_sidebarNav ul.menulevel1 li.sdocs {background: #075;}
#tplge_sidebarNav ul.menulevel1 li.sdoc {background: #075;}
#tplge_sidebarNav ul.menulevel2 li.docs {}
#tplge_sidebarNav ul.menulevel2 li.doc {}



/* NEWSBOXEN / NEWSBOXES */
div.tplge_newsin {margin: 0 20px 10px 20px;}

div.tplge_news h2 {background: #467; font-size: 24px; color: #fff; font-weight: 400; line-height: 1.2em; text-align: center; border-radius: 3px; padding: 4px 9px 8px 9px; margin: 20px 0 16px 0;}
div.tplge_news h3 {font-size: 24px; font-weight: 400; letter-spacing: 0; padding: 16px 0 6px 0;}
div.tplge_news h4 {font-size: 22px; font-weight: 400; letter-spacing: 0; padding: 16px 0 6px 0;}
div.tplge_news h5 {font-size: 20px; font-weight: 400; letter-spacing: 0; padding: 16px 0 6px 0;}
div.tplge_news h6 {font-size: 18px; font-weight: 400; letter-spacing: 0; padding: 16px 0 6px 0;}

.tplge_greenbg {background: #080; text-align: center; color: #fff; line-height: 26px; border-radius: 3px; padding: 9px!important;}

.tplge_greenbg a:link {color: #fc0; text-decoration: none;}
.tplge_greenbg a:visited {color: #fc0; text-decoration: none;}
.tplge_greenbg a:hover {color: #eee; text-decoration: none;}
.tplge_greenbg a:active {color: #eee; text-decoration: none;}
.tplge_greenbg a:focus {color: #eee; text-decoration: none;}



/* BLÄTTERN / PAGENAV */
.tplge_pagenav {background: #fff; text-align: center; padding: 16px;}
.tplge_pagenav img {padding: 0 16px;}


/* FUSSLINKS / FOOTER LINKS */
#tplge_footer {color: #bbb; font-family: arial, sans-serif; font-size: 14px; text-align: right; border-top: 0px solid #fff; padding: 16px 30px 120px 30px; margin: 0;}
#tplge_footer span {white-space: nowrap; padding: 0 6px 0 2px;}


#tplge_footer a:link {color: #eee; text-decoration: none;}
#tplge_footer a:visited {color: #eee; text-decoration: none;}
#tplge_footer a:hover {color: #c60; text-decoration: none;}
#tplge_footer a:active {color: #eee; text-decoration: none;}
#tplge_footer a:focus {color: #eee; text-decoration: none;}


/* SONSTIGES / THE REST */
#passwd {border: 1px solid #999;}
.text {background: #d0d6dc; color: #333; font-family: arial, sans-serif; font-size: 14px; border: 1px solid #999; padding: 2px 3px;}
.file {border: 1px solid #999;}
p.code {background: #eed; font-family: 'courier new', serif; border: 1px solid #997; padding: 20px;}
p.date {color: #093; text-align: right; line-height: 1.2em;}
.scroll {background: #eec; border: 1px solid #997; padding: 10px; overflow: scroll;}
.retrieve {background: #ffffff; background-image:none; border: 0;}
table.edit {background: #eee; font-size: 14px; line-height: 1.2em; border: 1px solid #999; margin: 1px 0;}
table.edit td {border: 0; padding: 3px;}
#tplge_content textarea {width: 90%; background: #d0d6dc; color: #333; border: 1px solid #999; padding: 4px 8px!important; margin: 0 0 10px 0;}
#cmsimple_mailform textarea {width: 90%; background: #d0d6dc; color: #333; font-family: arial, sans-serif; border: 1px solid #999; padding: 10px; margin: 0 0 10px 0;}
.hinweis {line-height: 1.2em; padding: 2px 10px;}


/* scroll to top button */

#tplge_up {background: #222; position: fixed; bottom: 60px; right: -2px; border: 2px solid #fff; border-radius: 23px 0 0 23px; padding: 5px 7px 4px 7px; opacity: 1; transition: 2s;}
#tplge_up:hover {background: #090; transition: none;}






/* 
############################## 
   R E S P O N S I V E  CSS
############################## 
*/

@media (min-width: 1550px) and (max-width: 1860px) {
#tplge_header, #tplge_locatorin, #tplge_main {width: 1500px;}
}



@media (min-width: 1250px) and (max-width: 1549px) {
#tplge_header, #tplge_locatorin, #tplge_main {width: 1200px;}
div.tplge_news {float: right;}
}



@media (min-width: 960px) and (max-width: 1249px) {
img.tplge_menulinkButton {display: block;}
img.tplge_searchlinkButton {display: block;}
img.tplge_newslinkButton {display: block;}
div.tplge_menuAnchor {display: table; padding: 20px 0 0 0;}
div.tplge_newsAnchor {clear: both; display: table; padding: 10px 0;}
#tplge_header, #tplge_locatorin, #tplge_main {width: 900px;}
}



@media (max-width: 959px) {
body#tplge_body {min-width: 300px; color: #444;}

img.tplge_menulinkButton {display: block;}
img.tplge_searchlinkButton {display: block;}
img.tplge_newslinkButton {display: block;}

div.tplge_navintern {clear: both; margin: 0 auto;}
div.tplge_menuAnchor {display: table; padding: 20px 0 0 0;}
div.tplge_newsAnchor {display: table; padding: 20px 0;}

/* header */
#tplge_header {min-width: 240px; border: 1px solid #134; padding: 0; margin: 0 auto;}
#tplge_header h1 {font-size: 28px;}

/* locator */
#tplge_locator {border: 0px solid #090; margin: 0;}

/* language menu */
#tplge_langmenu {min-height: 24px; clear: left; float: none; text-align: right; border: 0px solid #c00; padding: 24px 0 16px 0; margin: 0;}
#tplge_langmenu img {margin: 0 0 6px 6px;}

/* Main Area */
#tplge_mainin {width: 100%; min-width: 240px; max-width: 600px; border: 0px solid #c00; padding: 0 0 30px 0; margin: 0 auto;}
#tplge_page {width: 100%; min-width: 200px; max-width: 600px; float: left; padding: 0; margin: 0;}

/* Content Area */
#tplge_content {width: 100%; padding: 0; margin: 0;}
#tplge_prevtopnextin {font-weight: 400; padding: 16px 0 16px 0; margin: 30px 0 16px 0;}

/* Menu Area */
#tplge_sidebarNav {width: 300px; float: none; padding: 0; margin: 16px auto 12px auto!important;}

/* Newsboxes */
div.tplge_news {float: left; margin: 0 auto;}

/* Footer */
#tplge_footer {padding: 16px 10px 120px 10px; margin: 0;}

/* Buttons */
img.tplge_scrolltoNewsButton {display: block;}
img.tplge_scrolltoMenuButton {display: block;}

.cookielawHinttop {border: 0!important; border-radius: 0!important; padding: 50px 12px 6px 12px!important; margin: 0!important; opacity: 0.8!important;}
}



@media (max-width: 639px) {
#tplge_headerin {padding: 0 4%; margin: 0;}
#tplge_locatorinin {padding: 0 5%; margin: 0;}
#tplge_contentin {padding: 0 5%; margin: 0;}
div.tplge_news {float: none; margin: 0 auto;}
}



@media (max-width: 480px) {
img.tplge_right_border, img.tplge_right_noborder, img.tplge_left_border, img.tplge_left_nborder, img.tplge_right, img.tplge_left {display: block; float: none; max-width: 100%; margin: 0 0 16px 0;}
}