/* RESET BROWSERSTYLE */

@import url('http://fonts.googleapis.com/css?family=Sniglet');

html, body {
  margin: 0; /* Äußeren Abstand / Rand auf zurücksetzen */
  padding: 0; /* inneren Abstand zurücksetzen */
  height: 100%; /* Seite soll über volle Höhe gehen */
  /*min-height:100%;
  height:auto !important;
  overflow:hidden;*/

}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {
  margin: 0; /* äußeren Abstand / Rand auf zurücksetzen */
  padding: 0; /* inneren Abstand zurücksetzen */
}

/* GLOBAL 
h1, h2, h3 {font-family: Sniglet, arial, serif; color: #0000FF; font-size: 24px; line-height: 1.2em; font-weight: 100; text-align: left; letter-spacing: 1px; padding: 0px 0px 0px 0px; margin: 6px 0 10px 0;}
h4         {font-family: Sniglet, arial, serif; color: #0000FF; font-size: 22px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h5         {font-family: Sniglet, arial, serif; color: #0000FF; font-size: 20px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h6         {font-family: Sniglet, arial, serif; color: #0000FF; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
*/
p      {margin: 10px 0;}
ol     {margin: 6px 0;}
ol li  {line-height: 1.0em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;}
ul     {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li  {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 17px;}
hr     {height: 1px; clear: both; color: #aaa; background-color: #aaa; border: 0; margin: 16px 0;}

img {border:none; opacity: 1;}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;}

div.tplge_content_anchor     {display: none;}
div.tplge_menu_anchor        {display: none;}
div.tplge_news_anchor        {display: none;}
div.tplge_news_anchor_bottom {display: none;}

/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/
.tplge_left_border    {float: left;  border: 5px solid #998; 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 #998; margin: 0 0 10px 20px;}
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px;}
.tplge_border         {border: 5px solid #998;}
.tplge_noborder       {border: 0;}

.tplge_code  {clear: both; background: #eed; color: #333; font-family: 'courier new', monospace; border: 1px solid #999; padding: 10px 16px;}
.tplge_box01 {clear: both; background: #708076; color: #ddd; border: 1px solid #ccc; padding: 12px 16px; margin: 16px 0;}/* RESET BROWSERSTYLE */
html, body {
  margin: 0; /* Äußeren Abstand / Rand auf zurücksetzen */
  padding: 0; /* inneren Abstand zurücksetzen */
  height: 100%; /* Seite soll über volle Höhe gehen */
  /*min-height:100%;
  height:auto !important;
  overflow:hidden;*/

}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {
  margin: 0; /* äußeren Abstand / Rand auf zurücksetzen */
  padding: 0; /* inneren Abstand zurücksetzen */
}

/* GLOBAL */
h1, h2, h3 {font-family: Sniglet, arial, serif; color: #B233FF; font-size: 24px; line-height: 1.2em; font-weight: 100; text-align: left; letter-spacing: 1px; padding: 0 0 6px 0; margin: 6px 0 10px 0;}
h4         {font-family: Sniglet, arial, serif; color: #B233FF; font-size: 22px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h5         {font-family: Sniglet, arial, serif; color: #B233FF; font-size: 20px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h6         {font-family: Sniglet, arial, serif; color: #B233FF; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}

p      {margin: 10px 0;}
ol     {margin: 6px 0;}
ol li  {line-height: 1.0em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;}
ul     {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li  {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 17px;}
hr     {height: 1px; clear: both; color: #aaa; background-color: #aaa; border: 0; margin: 16px 0;}

img {border:none; opacity: 1; max-width:100%}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;}

div.tplge_content_anchor     {display: none;}
div.tplge_menu_anchor        {display: none;}
div.tplge_news_anchor        {display: none;}
div.tplge_news_anchor_bottom {display: none;}

/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/
.tplge_left_border    {float: left;  border: 5px solid #998; 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 #998; margin: 0 0 10px 20px;}
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px;}
.tplge_border         {border: 5px solid #998;}
.tplge_noborder       {border: 0;}

.tplge_code  {clear: both; background: #eed; color: #333; font-family: 'courier new', monospace; border: 1px solid #999; padding: 10px 16px;}
.tplge_box01 {clear: both; background: #708076; color: #ddd; border: 1px solid #ccc; padding: 12px 16px; margin: 16px 0;}
.tplge_legal {padding: 6px 0;}

.tplge_clearLeft  {clear: left;}
.tplge_clearRight {clear: right;}
.tplge_clearBoth  {clear: both;}

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

/* 
##############################
           B O D Y
##############################
*/

/* BODY UND SEITE / BODY AND PAGE */
body  {background: #ffffff; color: #666; font-family: Sniglet, arial, serif; font-size: 18px; line-height: 1.4em;}
/* #body {min-width: 832px; background: #2B2B2B url(images/eser-bg-key-01.gif) repeat-y; background-attachment:fixed; color: #666; text-align: left;} */
#body {min-width: 832px; background: #eeeeee; background-attachment:fixed; color: #444; text-align: left;}
#top  {font-size: 10px; line-height: 10px;}

#seite {margin: 0 auto;}
/* 
##############################
        L A Y O U T
##############################
*/

/* onePageToc */
.tplge_onePageToc    {border: 1px solid #0f0fff; width: 100%; position: fixed; background-color: rgba(255,255,255,0.0); text-align: left;z-index: 1;}
.tplge_onePageTocIn  {border: 1px solid #ff0ff0; width: 100%; background-color: rgba(255,255,255,0.0); font-family: Sniglet, arial, sans-serif; font-size: 20px; font-weight: 400; padding: 0px 0px 0px 0px; margin: 0; border-radius: 0px 0px 0px 0px;} 
.tplge_onePageTocIn1 {border: 1px solid #ff0000; /* background: #00ffff; */ width: 100%; margin: auto; /*margin:10px auto 10px auto;*/}

#tplge_headers  {border: 0px solid #ff0000; /* width:1072px; max-width: 1136px;*/ margin: 0 auto; float: left;}
#tplge_header   {margin: 0 auto;}
#tplge_locator  {}

#tplge_contents {height:100%; border: 0px solid #00ffff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
/* #tplge_main img {width:100%;} */
#tplge_main     {border: 0px solid #ff0000;
	               position:relative;
	               min-height: 800px;
	               /*background: url(images/eser-bar-3s.gif) repeat-y;*/
	               background-color: white;
	               min-width: 1280px;
	               max-width: 1280px;
	               margin: 0 auto;
	               background-color: rgba(255,255,255,0.9);
	               /*opacity: 0.9;*/}  /*936 + 65 + 20 Luft (alt) */
#tplge_sidebar1 {border: 0px solid #ff0000; float: left; width: 276px;}

#tplge_content  {float: right; width: 980px; /*height:100%; border: 1px solid #00ffff;*/ margin: 0;} /* Breite des Inhaltsbereiches (mitte) */

div.tplge_news   {border: 1px solid #B233FF; width: 274px; float: left; background: #F3F34C; border-radius: 0px; margin: 0px 0px 0px 0px; padding: 14px 0px 14px 0px;}


#tplge_bottoms  {border: 0px solid #ff0000; /* width:1072px; max-width: 1136px;*/ margin: 0 auto; float: left;}
#tplge_bottom   {margin: 0 auto;}

#tplge_footers  {	}
#tplge_notes    {
	  /*position:absolute;*/
    /*bottom: 0;*/
    min-width: 100%;
    background-color: white;
    margin: 0 auto;
    opacity: 0.95;
    height: 2em;} /*Ohne Inhalt = Originalzustand*/

/* scroll-to-top-button */
#tplge_up      {                                        position: fixed; right: 10px;        bottom: 32px;  display: block; opacity: 0.75; transition: 2s;}

/* vdp */
#tplge_vdp     {width:60px;  border: 0px solid #ff0333; position: fixed; left:20px;          bottom: 32px;  display: block; opacity: 0.75; transition: 2s; z-index: 1;}

/* 
##############################
        D E S I G N
############################## 
*/

/* KOPFBEREICH / HEADER */
#tplge_headers  {min-width:1280px; border: 0px solid #ff00ff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#tplge_header   {}
#tplge_headerin {min-height: 100%; padding: 0px 0px 0px 0px; background-color: #ffffff;}

#tplge_header h1 {display: table; font-family: Sniglet, arial, serif; font-variant: small-caps; color: #666; font-size: 32px; line-height: 32px; font-weight: 400; letter-spacing: 3px; text-align: center; border-bottom: 1px solid #aaa; padding: 0 4% 12px 4%; margin: 0 auto;}
.tplge_stars     {font-family: Sniglet, arial; text-align: center; font-size: 24px; padding: 6px 0; margin: 0;}

/* languagemenu */
.langmenu_container     {max-width: 400px; min-height: 36px; text-align: left; border: 0px solid #B233FF; padding: 2px 0px 0px 0px; margin: 0;}
.langmenu_container img {border: 0px solid #c6c6c0; margin: 0 0 0 16px;}

/* locator */
#tplge_locator        {border: 0px solid #00ff00; min-height: 40px; overflow: hidden;max-width: 1060px;}
.tplge_locatorin      {border: 0px solid #0f0f00;font-family: Sniglet, arial, sans-serif; font-size: 12px; text-align: left; max-width: 400px; /*text-transform: uppercase;*/ color: #666; padding: 0; margin: 2px 0px 0px 6px;}
#tplge_locatorin span {line-height: 26px;}
.tplge_you_are_here   {font-weight: 700;}

.eins  { float: left; width: 560px; height: 25px; /*background-color: pink;*/ text-align: left; padding: 0px 0px 0px 0px; margin: 0px 100px 0px 0px;}
.zwei  { width: 400px; height: 25px; /*background-color: lightblue;*/ text-align: right; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.footereins  { float: left; width: 100%; height: 20px; background-color: pink; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.footerzwei  { width: 100%; height: 20px; background-color: lightblue; text-align: right; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

#tplge_bottoms  {min-width:1280px; border: 0px solid #ff00ff; padding: 0px 0px 0px 0px;}
#tplge_bottom   {}
#tplge_bottomin {min-height: 100%;padding: 0px 0px 0px 0px; background-color: #cccccc;border: 0px solid #ff00ff;}
#tplge_bottominimg {min-height: 100%;padding: 0px 0px 0px 0px; background-color: #cccccc;border: 0px solid #ff00ff;}

/* MAIN */
#tplge_main   {border: 0px solid #00ff00; padding: 0px 0px 0px 0px;}
#tplge_mainin {width: 1280px; float: left; border: 0px solid #c00; padding: 0px 0px 10px 0px; margin: 0;}


/* INHALT / CONTENT */
#tplge_contents {
	  position: relative;
    min-height: 100%;
    margin: 0 auto;
    /*background-color: gold;*/
    }

#tplge_contentin              {background-color: rgba(255,255,255); border: 0px solid #ff0000; border-radius: 0px; padding: 15px 25px 20px 25px; margin: 0px 0px 0px 0px;}
#tplge_contentin li           {background: none;}
#tplge_contentin h1, #contentin h2, #contentin h3 {}
#tplge_contentin input.text   {background: #f6f6f3; border: 1px solid #ccc!important;}
#tplge_contentin textarea     {width: 90%; background: #f6f6f3; border: 1px solid #ccc!important;}
#tplge_contentin input.submit {background: url(images/button.jpg) repeat-x; float: left; color: #333; font-size: 16px; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px 0 0;}

/* prev-top-next */
#tplge_prevtopnext        {clear: both; /*border: 1px solid #ff0000;*/}
#tplge_prevtopnextin      {text-align: center; border-top: 1px solid #aaa; padding: 8px 0 0 0; margin: 30px 0 0 0;}
#tplge_prevtopnextin span {padding: 0 16px;}

/* sitemap */
.sitemaplevel1 {font-size: 16px; font-weight: 700;}
.sitemaplevel2 {font-size: 15px; font-weight: 100;}


/* SIDEBAR NAVIGATION */
#tplge_sidebar1in {border: 0px solid #c00; padding: 0; margin: 15px 12px 10px 12px;	padding: 0px 0px 0px 0px;	min-width: 276px;	max-width: 276px;}

/* searchbox */
.tplge_searchboxContainer     {color: #8D131E; padding: 6px 0 12px 0; margin: 12px 0 6px 0;}
#searchbox                    {text-align: left; padding: 0; margin: 0;}
#searchbox input.submit       {background: none; color: #444; font-size: 15px; line-height: 15px; font-weight: 400; border: 0px solid #999; padding: 0; margin: 0;}
#searchbox input.submit:hover {color: #8D131E;}
#searchbox input.text         {width: 140px; background: #f6f6f3; float: left; font-size: 14px; border: 1px solid #aaa!important; border-radius: 4px; padding: 1px 3px 2px 3px; margin: 0 5px 0 0;}

#searchbox input.text:active  {width: 140px; background: #f6f6f3; float: left; font-size: 14px; border: 1px solid #ff0!important; border-radius: 4px; padding: 1px 3px 2px 3px; margin: 0 5px 0 0;}
#searchbox input.text:visited  {width: 140px; background: #f6f6f3; float: left; font-size: 14px; border: 1px solid #ff0!important; border-radius: 4px; padding: 1px 3px 2px 3px; margin: 0 5px 0 0;}

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

#tplge_sidebar1 ul.menulevel1          {font-family: Sniglet, arial, sans-serif; color: #671E95; font-size: 16px; line-height: 1.3em; padding: 2px 0 16px 0; margin: 0 2px 8px 0;}
#tplge_sidebar1 ul.menulevel1 li       {line-height: 1.2em; text-align: left; font-weight: 700; border-bottom: 1px solid #aaa; padding: 12px 0 4px 0; margin: 2px 0;}

#tplge_sidebar1 ul ul.menulevel2       {border: 0; padding: 8px 0 4px 0; margin: 0;}
#tplge_sidebar1 ul ul.menulevel2 li    {line-height: 1.2em; font-weight: 400; text-align: left; border: 0; padding: 4px 0 5px 1px; margin: 2px 0;}

#tplge_sidebar1 ul ul ul.menulevel3    {margin: 5px 0 0 0;}
#tplge_sidebar1 ul ul ul.menulevel3 li {line-height: 1.2em; text-align: left; border: 0; padding: 6px 0 1px 16px; margin: 2px 0;}

#tplge_sidebar1 ul.subnav    {list-style-type: none; text-align: left; padding: 24px 10px 10px 10px; margin: 0;}
#tplge_sidebar1 ul.subnav li {font-size: 14px; padding: 3px 0 3px 0; margin: 3px 0;}
div.subnav   {text-align: left; padding: 26px 20px 0 6px; margin: 0;}
p.lastupdate {font-size: 14px; color: #333; padding: 0 10px 0 10px;}

#tplge_sidebar1 ul.menulevel1 li.sdoc, #tplge_sidebar1 ul.menulevel1 li.sdocs {}

/* icons div */
#tplge_icons     {text-align: center; padding: 16px 0;}
#tplge_icons img {border: 0; margin: 0 12px 0 4px;}


/* NEWSBOXEN / NEWSBOXES */
div.tplge_newsin    {line-height: 1.3em; border: 1px solid #ccc; border-radius: 5px; padding: 0px 0px 6px 16px; margin: 0px 2px 8px 0px;}
div.tplge_newsin ul {list-style-type: none; list-style-image: none; padding: 6px 0px 12px 0px;}
div.tplge_newsin li {list-style-type: none; list-style-image: none; line-height: 1.2em; padding: 1px 5px; margin: 2px 0;}

div.tplge_newsin h4 {font-size: 20px; padding: 0 16px 6px 0; margin: 12px 0 6px 0;}
div.tplge_newsin h5 {font-size: 18px; letter-spacing: 1px; margin: 10px 0 0 0;}
div.tplge_newsin h6 {font-size: 17px;letter-spacing: 1px; margin: 10px 0 0 0;}


/* FUSSLINKS / FOOTER LINKS */
#tplge_notesin    {border:1px solid #00ff00; font-size: 14px; text-align: left; border-top: 0px solid #eee; padding: 4px 10px 4px 10px; margin: 0;}
div#tplge_notes p {padding: 0; margin: 0;}


/* LINKFORMATIERUNG / LINKS */
a:link    {color: #D69CE3; text-decoration: none;}
a:visited {color: #D69CE3; text-decoration: none;}
a:hover   {color: #B233FF; text-decoration: none;}
a:active  {color: #B233FF; text-decoration: none;}
a:focus   {color: #B233FF; text-decoration: none;}

#tplge_sidebar1 ul.menulevel1 li a:link    {color: #B233FF; font-style: normal;}
#tplge_sidebar1 ul.menulevel1 li a:visited {color: #B233FF; font-style: normal;}
#tplge_sidebar1 ul.menulevel1 li a:hover   {color: #D69CE3; font-style: normal; text-decoration: none;}
#tplge_sidebar1 ul.menulevel1 li a:active  {color: #D69CE3; font-style: normal; text-decoration: none;}
#tplge_sidebar1 ul.menulevel1 li a:focus   {color: #D69CE3; font-style: normal; text-decoration: none;}

#menueleft {border: 0px solid #0f0fff; width: 100%; }

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


/* 
##############################
 S O N S T I G E S / R E S T
############################## 
*/

#submit       {background: #222; color: #fff; border: 1px solid #222; padding: 1px 3px 2px 3px; margin: 1px;}
input.text    {border: 1px solid #666;}
#passwd       {border: 1px solid #999;}
.file         {border: 1px solid #999;}
.scroll       {background: #eec; border: 1px solid #997; padding: 10px; overflow: scroll;}
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;}
textarea      {width: 90%; background: #fff; font-family: Sniglet, arial, sans-serif; border: 1px solid #666; padding: 10px; margin: 0 0 10px 0;}




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

@media (min-width: 1301px) {
/* onePageToc */
/*.tplge_onePageToc    {border: 0px solid #0f0fff; width: 100%; position: fixed; background-color: rgba(255,255,255,0.0); text-align: left;z-index: 2;}*/
.tplge_onePageToc    {border: 0px solid #0f0fff; width: 100%; position: fixed; background-color: rgba(255,255,255,0.0); text-align: left;z-index: 1;display:none;}
.tplge_onePageTocIn  {border: 0px solid #ff0ff0; width: 100%; background-color: rgba(255,255,255,0.0); font-family: Sniglet, arial, sans-serif; font-size: 20px; font-weight: 400; padding: 0px 0px 0px 0px; margin: 0; border-radius: 0px 0px 0px 0px;} 
.tplge_onePageTocIn1 {border: 0px solid #ff0000; /* background: #00ffff; */ width: 100%; margin: auto; /*margin:10px auto 10px auto;*/}

div.tplge_news_mobil {display:none;}
}

@media (max-width: 1300px) {

div.tplge_news_mobil {border: 1px solid #CB5C1A; width: 100%; float: left; background: #FFD3B6; border-radius: 0px; margin: 30px 0px 0px 0px; padding: 12px 0px 12px 0px;}
/* onePageToc */
/*.tplge_onePageToc    {border: 0px solid #0f0fff; width: 100%; position: fixed; background-color: rgba(255,255,255,0.0); text-align: left;z-index: 2;}*/
.tplge_onePageToc    {border: 0px solid #0f0fff; min-width: 100%; position: fixed; background-color: rgba(255,255,255,0.0); text-align: left;z-index: 1;}
.tplge_onePageTocIn  {border: 0px solid #ff0ff0; min-width: 100%; background-color: rgba(255,255,255,0.0); font-family: Sniglet, arial, sans-serif; font-size: 20px; font-weight: 400; padding: 0px 0px 0px 0px; margin: 0; border-radius: 0px 0px 0px 0px;} 
.tplge_onePageTocIn1 {border: 0px solid #ff0000; /* background: #00ffff; */ width: 100%; margin: auto; /*margin:10px auto 10px auto;*/}
#menueleft {border: 0px solid #0f0fff; width: 100%; display:none; }

h1, h2, h3 {font-family: Sniglet, arial, serif; color: #B233FF; font-size: 20px; line-height: 1.2em; font-weight: 100; text-align: left; letter-spacing: 1px; padding: 28px 0px 6px 0px; margin: 6px 0px 10px 0px;}
h4         {font-family: Sniglet, arial, serif; color: #B233FF; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0px 10px 0px;}
h5         {font-family: Sniglet, arial, serif; color: #B233FF; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0px 10px 0px;}
h6         {font-family: Sniglet, arial, serif; color: #B233FF; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0px 10px 0px;}

/*body  {background: #ff0000; background: #2B2B2B url(images/white-bg.gif) repeat-y; background-attachment:fixed;}*/
#body {min-width: 360px; font-size: 16px; background: #000000;background-image: none!important;}

#tplge_siteBackground {background: #dd0f0f /*(images/white-bg.gif) repeat-y*/; border: 0px solid #000;}

div.tplge_navintern          {clear: both; margin: 0 auto;}
div.tplge_content_anchor     {display: table; padding: 12px 0 0 0;}
div.tplge_menu_anchor        {display: table; padding: 12px 0 0 0;}
div.tplge_news_anchor        {display: table; padding: 12px 10px 16px 10px;}
div.tplge_news_anchor_bottom {display: table; padding: 0 10px 16px 10px;}

.tplge_button        {background: url(images/button.jpg) repeat-x; float: left; font-size: 18px; font-weight: 400; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px 0 0;}
.tplge_button_active {background: #930 url(images/buttonMaroon.jpg) repeat-x; color: #fff; float: left; font-size: 18px; font-weight: 400; line-height: 20px; border: 1px solid #333; border-radius: 3px; padding: 2px 6px; margin: 0 6px 0 0;}

/* header */
#tplge_headers   {min-width: 100%; border: 0px solid #ff00ff; padding: 0; margin: 0;}
#tplge_header    {border: 0px solid #f70022; padding: 0; margin: 0;}
#tplge_headerin  {font-size: 16px;border: 0px solid #000522; padding: 0px 0px 0px 0px;; margin: 0px 0px 0px 0px; min-height: 100%; /*background: #FEF1CF;background-image: url('images/top-mobile.gif')!important;*/}

#tplge_header h1 {font-size: 24px; line-height: 1.2em;}

/* locator */
#tplge_locatorin {width: 100%; max-width: 400px; font-size: 14px; padding: 0; margin: 12px 0 0 0;}

/* searchbox */
.tplge_searchboxContainer {padding: 12px 0 16px 0; margin: 16px 0 9px 0;}
#searchbox {clear: both;}

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

/* Main Area */
#tplge_main   {min-width: 100%; font-size: 10px; border: 0px solid #ff0000; padding: 0; margin: 0 auto;}
#tplge_mainin {border: 0px solid #115656; width: 100%; padding: 0; margin: 0;}

/* Content Area */
#tplge_contents      {border: 0px solid #0ff0f0; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; opacity: 1;}
#tplge_content       {border: 0px solid #000fff; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: #ffffff;}
#tplge_contentin     {border: 0px solid #00ff00; max-width: 100%; font-size: 18px; padding: 0px 0px 00px 0px; margin: 10px 10px 10px 10px;}
#tplge_prevtopnextin {font-weight: 400; padding: 16px 0px 16px 0px; margin: 30px 0px 16px 0px;}

/* Menu Area */
#tplge_sidebar1                        {display: none; width: 100%;}
#tplge_sidebar1in                      {font-size: 18px; padding: 0; margin: 16px 16px 80px 16px;}
#tplge_sidebar1 ul.menulevel1          {min-width: 380px;background: #eeeeee; border: 1px solid #ccc; border-radius: 5px; margin: 0;}
#tplge_sidebar1 ul.menulevel1 li       {font-size: 18px; margin: 5px 16px;}
#tplge_sidebar1 ul ul.menulevel2 li    {font-size: 18px;}
#tplge_sidebar1 ul ul ul.menulevel3 li {font-size: 18px; padding-left: 24px;}

/* Newsboxes
div.tplge_news   {border: 1px solid #555555; width: 330px; float: left; background: #fef1cf; border-radius: 5px; margin: 10px 0px 0px 0px;padding: 0px 0px 14px 8px;}
div.tplge_newsin {font-size: 18px; padding: 0px 0px 0px 12px; margin: 0px 0px 0px 0px;}
 */
 
/* Footer */
#tplge_notes   {min-width: 100%;}
#tplge_notesin {min-width: 100%; border:1px solid #00ff00; opacity: 0.9; margin: 0;}

#tplge_bottoms   {min-width: 100%; border: 0px solid #ff00ff; padding: 0; margin: 0;}
#tplge_bottom    {border: 0px solid #f70022; padding: 0; margin: 0;}
#tplge_bottomin  {font-size: 16px;border: 0px solid #000522; padding: 6px 0px 6px 0px;; margin: 0px 0px 0px 0px; min-height: 100%; /*background: #FEF1CF;background-image: url('images/top-mobile.gif')!important;*/}

}



/* 
##############################
     S L I M M E N U   CSS
############################## 
*/

ul.slimmenu ul, ul.slimmenu li {display: block; float: left; box-sizing:border-box;}

/* 1. Menüebene */
ul.slimmenu               {background: #B233FF; display: block; float: right; border-left: 0px  solid #909699; padding:0; margin:0; list-style-type:none; box-sizing:border-box;}
ul.slimmenu li            {min-width: 130px; box-sizing: border-box; position: relative; float: left; display:inline-block; font-family: Sniglet, arial, sans-serif; font-size:20px; border-right:0px solid #909699; letter-spacing: 1px; padding:0; margin:0;}
ul.slimmenu li:last-child {border-right: 0px solid #808f83;}

/* 2. Menüebene */
ul.slimmenu li ul                {background: #7C24B3; position:absolute; left:0; top:100%; z-index:999; display:none; width:100%; border: 0px solid #606f63; border-radius: 0; padding:0; margin:0; list-style-type:none;}
ul.slimmenu li ul li             {width:100%; font-size:18px; padding:0; margin:0; border-top: 1px solid #a0a6a9; border-right: 0; border-bottom: 0; border-left: 0;}
ul.slimmenu li ul li:first-child {border-top: 0;}
ul.slimmenu li ul li:last-child  {border-right: 0;}

/* 3. Menüebene */
ul.slimmenu li ul li ul                {position:absolute; left:100%; top:10px; z-index:999; display:none; width:100%; border: 3px solid #606f63; border-radius: 3px; padding:0; margin:0 0 0 -12px;;}
ul.slimmenu li ul li ul li             {background:#3E125A; width: 100%; top:0; right:0; padding:0; margin:0; border: 0; border-bottom: 1px solid #a0a6a9;}
ul.slimmenu li ul li ul li:first-child {border-left: 0;}
ul.slimmenu li ul li ul li:last-child  {border-bottom: 0;}
ul.slimmenu li:nth-child(4n) ul li ul  {left:-90%;}

/* Links */
ul.slimmenu a                                             {height: 26px; display:block; color: #eeeeee; padding: 6px 10px; font-weight:400; border: 1px solid transparent; overflow: hidden;}
ul.slimmenu li.docs a, ul.slimmenu li.sdocs a             {padding:6px 56px 6px 10px;}
ul.slimmenu li ul li.docs a, ul.slimmenu li ul li.sdocs a {padding:6px 10px 6px 56px;}
ul.slimmenu li:nth-child(4n) ul li.docs a, ul.slimmenu li:nth-child(4n) ul li.sdocs a {padding:6px 56px 6px 10px;}
ul.slimmenu li.doc a, ul.slimmenu li.sdoc a             {padding: 6px 10px;}
ul.slimmenu li ul li.doc a, ul.slimmenu li ul li.sdoc a {padding: 6px 10px;}

ul.slimmenu li a:hover       {text-decoration:none; background-color:#D69CE3; border: 1px solid transparent;color: #ffffff;}
ul.slimmenu li ul li a       {height: auto; min-height: 20px;}
ul.slimmenu li ul li ul li a {min-height: 0; padding: 6px 10px;}

/* Toggle Buttons ml1 */
ul.slimmenu li .sub-toggle        {position:absolute; right:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 0 15px; cursor:pointer;}
ul.slimmenu li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li .sub-toggle        {display:inline-block; font-size:20px; color: #ffffff; vertical-align:middle; text-align: center;}
ul.slimmenu li .expanded          {color: #fff;}

/* Toggle Buttons ml2 */
ul.slimmenu li ul li .sub-toggle        {position:absolute; right: auto; left:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 15px 0; cursor:pointer;}
ul.slimmenu li ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li ul li .sub-toggle        {display:inline-block; font-size:20px; color: #600; vertical-align:middle; text-align: center;}
ul.slimmenu li ul li .expanded          {color: #fff;}

/* Toggle Buttons ml2 rechts*/
ul.slimmenu li:nth-child(4n) ul li .sub-toggle        {background: #607c60; position:absolute; left: auto; right:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 0 15px; cursor:pointer;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle        {display:inline-block; font-size:24px; color: #dcc; vertical-align:middle; text-align: center;}
ul.slimmenu li:nth-child(4n) ul li .expanded          {color: #fc0;}

/* Kennzeichnung der aktiven Seite */
ul.slimmenu li.sdoc, ul.slimmenu li.sdocs                         {background:#D69CE3;}
ul.slimmenu li ul li.sdoc, ul.slimmenu li ul li.sdocs             {background:#D69CE3;}
ul.slimmenu li ul li ul li.sdoc, ul.slimmenu li ul li ul li.sdocs {background:#D69CE3;}



/* Responsive Design (sollte mit dem Wert für resizeWidth: in der Initialisierung in der slimmenu.php übereinstimmen) */

@media (max-width: 11111px) {

/* Expand-Collapse-Button */
.menu-collapser                               {/*background:#00ff00*/ url(../images/bgslimmenuh1.jpg)top left no-repeat; color:#ccc; font-weight: 700; position:relative; width:100%; height: 50px; line-height: 36px; font-size:20px; box-sizing:border-box; border: 0px solid #969096; padding: 5px 5px 5px 12px; margin: 0;}
.collapse-button                              {background-color:#B233FF; color:#fff; float: right; padding:4px 9px; border: 0px solid #aaa; border-radius:0px; cursor:pointer; box-sizing:border-box;}
.collapse-button:hover,.collapse-button:focus {background-color:#D69CE3; color:#fff; border-radius:6px;}
.collapse-button .icon-bar                    {background-color:#eee; display:block; height:4px; width:24px; margin:5px 0; font-size: 60px; border-radius:1px;}

/* 1. Menüebene */
ul.slimmenu                {border: 0px solid #909699; border-top: 0; border-radius: 0;}
ul.slimmenu li             {display:block; width:100%; border:0; border-bottom: 1px solid #E1A100; box-sizing:border-box;}
ul.slimmenu li:first-child {border-top: 0;}
ul.slimmenu li:last-child  {border-right: 0; border-bottom: 0;}

/* 2. Menüebene */
ul.slimmenu li ul    {position:static; display:none; border: 0; border-top: 0px solid #909699;}
ul.slimmenu li ul li {border: 0; border-top: 1px solid #444444; padding: 0; margin: 0;}

/* 3. Menüebene */
ul.slimmenu li ul li ul                {background: #ff0000; position:static; display:none; border:0; padding: 0px 0; margin: 0;}
ul.slimmenu li ul li ul li             {min-height: 0; left:0; top:0; border: 0;}
ul.slimmenu li ul li ul li:first-child {border: 0;}
ul.slimmenu li ul li ul li:last-child  {top:0; left:0;}

/* Links */
ul.slimmenu li a             {height: auto; min-height: 40px; display:block; box-sizing:border-box;}
ul.slimmenu li ul li a       {min-height: 36px;}
ul.slimmenu li ul li ul li a {height: auto; min-height: 0;}
ul.slimmenu li:nth-child(4n) ul li.docs a, ul.slimmenu li:nth-child(4n) ul li.sdocs a {padding:6px 10px 6px 56px;}

/* Toggle buttons */
ul.slimmenu li .sub-toggle{height:40px;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle        {background: #607c60; position:absolute; left: auto; left:0; top:0; z-index:998; width:46px; height:42px; text-align:center; border: 0px solid #ccc; border-radius: 0 0 15px 0; cursor:pointer;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
ul.slimmenu li:nth-child(4n) ul li .sub-toggle        {display:inline-block; font-size:24px; color: #dcc; vertical-align:middle; text-align: center;}
ul.slimmenu li:nth-child(4n) ul li .expanded          {color: #fc0;}
}