/*
@font-face {font-family: JosefinSans; font-style: normal; font-weight: 100; src:url("fonts/JosefinSans-Thin.ttf") format("truetype");}
@font-face {font-family: JosefinSans; font-style: normal; font-weight: 300; src:url("fonts/JosefinSans-Light.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: Segoeuilight; font-style: normal; src:url("fonts/ufonts.com_segoe-ui-light.woff") format("woff");}
@font-face {font-family: segoeui; font-style: normal; src:url("fonts/segoeui.ttf") format("truetype");}
@font-face {font-family: MinionPro; font-style: normal; src:url("fonts/Minion Pro Regular.ttf") format("truetype");}
@font-face {font-family: 'Ubuntu-LI'; src: url('fonts/Ubuntu-LI.ttf') format('truetype'); }

@font-face {
    font-family: 'sf_arch_rivalregular';
    src: url('fonts/SF_Arch_Rival-webfont.eot');
    src: url('fonts/SF_Arch_Rival-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SF_Arch_Rival-webfont.woff') format('woff'),
         url('fonts/SF_Arch_Rival-webfont.ttf') format('truetype'),
         url('fonts/SF_Arch_Rival-webfont.svg#sf_arch_rivalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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


/* ONEPAGE CLASSES */
.h2onepage_container {border: 0px solid #0000ff; padding: 0px 0px 1px 0px; margin: 0 auto;}
/* weiter geht es in den CSS-Dateien die über pagedata_var bestimmt werden */

/* SlimMenu CLASSES */

.tplge_slimmenu {}

/* xxx: für den Trennstreifen zwischen den Menüs benötigt! */
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 4px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
  width: 1px;
}


/* GLOBAL */

/*h1,h2,h3,h4 {font-family: Kalam, Frutiger, RobotoCondensed, georgia, serif; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 24px 0;}*/

/* h1,h2,h3,h4 {font-family: Frutiger, Kalam, Frutiger, ARIAL; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 24px 0;} */

h1  {font-family: arial, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h2  {font-family: arial, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h3  {font-family: arial, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h4  {font-family: arial, verdana; color: #111111; font-size: 24px; font-weight: 400; line-height: 1.3em; letter-spacing: 1px; padding: 0; margin: 2px 0px 10px 0px;}
h11 {font-family: arial, verdana; color: #356; font-size: 28px; line-height: 1.2em; font-weight: 200; padding: 0; margin: 24px 0 10px 0;}
h14 {font-family: arial, verdana; color: #111111; font-size: 22px; font-weight: 100; line-height: 0.0em; letter-spacing: 2px; padding: 0; margin: 2px 0px 10px 0px;}
/* Backup: h14  {font-family: Segoeuilight; color: #111111; font-size: 24px; font-weight: 100; line-height: 0.1em; letter-spacing: 2px; padding: 0; margin: 24px 0 10px 0;} */
/*h4 {font-family: Segoeuilight, verdana; color: #356; font-size: 28px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}*/

h5 {font-family: arial, verdana, serif; color: #356; font-size: 24px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h6 {font-family: arial, verdana, serif; color: #356; font-size: 22px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
p     {margin: 12px 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;}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;}
/*strong {font-weight: 600;}*/

/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/

/* Bilder / Images */
img {max-width: 100%; opacity: 1}

img.tplge_left         {max-width: 46%; float: left; margin: 0 20px 10px 0;}
img.tplge_right        {max-width: 46%; float: right; margin: 0 0 10px 20px;}
img.tplge_centered     {max-width: 98%; display: block; margin: 16px auto;}
img.tplge_border       {border: 5px solid #689;}
img.tplge_border_white {border: 1px solid #fff;}
img.tplge_border_sepia {border: 5px solid #776;}
img.tplge_noborder     {border: 0;}

.tplge_box01 {clear: both; background: #e0e6e9; border: 3px solid #abc; padding: 16px 24px; margin: 16px 0;}
.tplge_code  {max-height: 310px; background: #eee; color: #333; font-family: 'courier new', monospace; font-size: 15px; border: 3px solid #a0a6a9; padding: 16px 24px; margin: 24px 0; overflow: scroll;}

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


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

/* BODY UND SEITE / BODY AND PAGE */
body  {color: #111111; font-family: arial; font-size: 17px; /*font-weight: 100;*/ line-height: 1.4em;}
/*#body {min-width: 300px; background: #ffffff; background: #000000 url(images/bg-wein-01.jpg) repeat-y; background-attachment:fixed; text-align: left;}*/
#body {min-width: 300px; text-align: left;}
#top  {font-size: 10px; line-height: 10px;}

/* KOPFBEREICH / HEADERS */

/* top header */
.tplge_topheader    {border: 0px solid #0000ff; background: #E9E9E9; color: #666; padding: 0px 0px 0px 0px; margin: 0; }
#tplge_topheader h1 {color: #999; font-family: arial, serif; font-size: 72px; line-height: 72px; font-weight: 100; letter-spacing: 0; padding: 0 16px; margin: 0;}

/* languagemenu */
div.langmenu_container  {background: #30434c; text-align: right; padding: 6px 20px 10px 0; margin: 0;}
.langmenu_container img {border: 3px solid #998; padding: 0; margin: 0 0 0 24px;}

/* searchbox */
.tplge_searchboxContainer {width: 260px; float: right; background: #fff url('images/lupe1.jpg') right top no-repeat; border: 1px solid #aaa; border-radius: 5px; color: #620; padding: 0; margin: 30px 16px 24px 0; overflow: hidden;}
#searchbox {text-align: left; padding: 0; margin: 0;}
#searchbox input.submit {background: none; color: transparent; font-family: courier new; font-size: 24px; line-height: 24px; font-weight: 700; border: 0px solid #999; padding: 3px 0 0 0; margin: 0;}
#searchbox input.submit:hover {cursor: pointer;}
#searchbox input.text {width: 196px; background: #fff; float: left; font-size: 14px; border: 0; border-right: 1px solid #999; border-radius: 15px 0 0 15px; padding: 6px 12px; margin: 0;}

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

/* HEADER */
.tplge_Header     {border: 0px solid #ff0000; background: #FF8010 /*url(images/header-01.png); background-repeat:no-repeat; background-position: 0% 50%;*/ /*background-attachment:fixed*/; padding: 0px 0px 3px 0px; margin: 0 auto; max-width: 1240px; max-height: 100%;}
.tplge_Header img {max-width: 100%; max-height: 100%; display: block; padding: 0; margin: 0 auto;}

/* image header */
.tplge_imageHeader     {border: 0px solid #ff0000; background: #FF8010; padding: 0px 0px 3px 0px; margin: 0 auto; max-width: 1240px; max-height: 100%;}
.tplge_imageHeader img {border: 0px solid #ff0000; max-width: 100%; max-height: 100%; display: block; padding: 0; margin: 0 auto;}

/* image header */
.tplge_imageHeader2     {border: 0px solid #ff0000; background: #FF8010; padding: 0px 0px 3px 0px; margin: 0 auto; max-width: 1240px; max-height: 100%;}
.tplge_imageHeader2 img {max-width: 100%; max-height: 100%; display: block; padding: 0; margin: 0 auto;}

/* image header */
.tplge_imageHeader3     {border: 0px solid #ff0000; background: #ffffff; padding: 0px 0px 3px 0px; margin: 0 auto; max-width: 1240px; min-height: 100%; max-height: 100%; text-align:center; overflow: hidden;}

.BOX100 {/*background: #222222;*/ display:flex; flex-wrap: wrap;}

.BOX10  {flex-grow: 3; flex-basis:620px; /*background: #dddddd;*/ }
.BOX20  {flex-grow: 3; flex-basis:620px; /*background: #5511ff;*/ }

.BOX1   {width:50%; /*background: #00ffff;*/ float: left;}
.BOX2   {width:50%; /*background: #ff00ff;*/ float: left;}
.BOX3   {width:50%; /*background: #ffff00;*/ float: left;}
.BOX4   {width:50%; /*background: #0f0fff;*/ float: left;}

/* INHALT / CONTENT */

#Start1 {background: #444;}
.Text1 {border: 0px solid #000f00; background: none; min-height: 120px; float: left; width: 670px; margin-right: 40px; margin-bottom: 20px}
.News0 {border: 0px solid #ff0000; background: #00ff00;}
.News1 {border: 1px solid #333333; background: #EBEBEB; max-width: 450px; min-width: 450px; min-height: 100%; float: left; padding: 10px; margin-bottom: 10px; text-align:center;}
.News2 {border: 1px solid #333333; background: #EBEBEB; max-width: 450px; min-width: 450px; min-height: 100%; float: left; padding: 10px;}


.tplge_content      {background: none; border: 0px solid #ff00ff;  }
.tplge_contentin    {background: none; border: 0px solid #ffff00; }
#tplge_contentin li {background: none;}

#tplge_contentin input    {border: 0px solid #0f0fff; background: #ffffff; color: #344; border: 1px solid #b0b9bf; padding: 3px 6px;}
#tplge_contentin textarea {width: 90%; background: #ffffff; color: #344; font-family: arial, sans-serif; font-size: 15px; border: 1px solid #b0b9bf; padding: 6px;}

#tplge_contentin input.submit, #tplge_contentin input#submit {background: url(images/button.jpg) repeat-x; float: left; color: #333; font-size: 14px; line-height: 18px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px 16px 0; box-shadow: 0 0 0}
div.submitButton       {min-height: 24px;}
div.submitButton input {float: left; background: url(images/button.jpg) repeat-x!important; border: 1px solid #999!important;}
#cmsimple_mailform     {max-width: 900px; padding: 20px; margin: 0 auto;}
#cmsimple_mailform h1  {font-size: 32px; line-height: 30px; font-weight: 400; padding: 0; margin: 0 0 24px 0;}

.tplge_button       {background: url(images/button.jpg) repeat-x; float: right; color: #333; line-height: 24px; border: 1px solid #666; border-radius: 3px; padding: 3px 9px; margin: 6px 16px 0 9px;}
.tplge_homepageLink {padding: 16px 16px 9px 16px;}

/* login */
div.cmsimple_loginform {background: #ff0000; max-width: 1210px; padding: 36px 16px 96px 16px; margin: 0 auto;}

.login1           {border: 0px solid #ff0000; font-size: 10px; color:#3E3E3E; padding: 0; margin: 0; background: #3E3E3E; float: left;}
#login1 a:link    {color: #3E3E3E; text-decoration: none;}        
#login1 a:visited {color: #3E3E3E; text-decoration: none;}        
#login1 a:hover   {color: #3E3E3E; text-decoration: none;}
#login1 a:active  {color: #3E3E3E; text-decoration: none;}
#login1 a:focus   {color: #3E3E3E; text-decoration: none;}

/* FUSSLINKS / FOOTER LINKS */

.tplge_footersContainer      {max-width:1240px; border: 0px solid #ffff00; background: #3E3E3E /*url(images/bgdark.jpg)top right no-repeat*/; /*min-height: 10px;*/ font-family: arial; color: #ffffff; font-size: 20px; font-weight: 100; letter-spacing: 2px; text-align: center; line-height:1; padding: 1px 1px; margin: 0 auto;}
.tplge_footersContainer span {padding: 6px; white-space: nowrap;}

/* CMSimple MENU */
#tplge_footersContainer ul.menulevel2 {font-size: 16px; padding-left: 16px;}
#tplge_footersContainer ul li span    {padding: 0;}
#tplge_footersContainer ul li a       {padding: 0;}

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

/* scroll-to-top-button */
#tplge_down {width:100%; border: 0px solid #0000ff; position: fixed; text-align: center; top: 80%; opacity: 0.75; transition: 2s;}

/* logo */
#tplge_logo {width:292px; border: 0px solid #00ff00; position: fixed; left:0px; top: 6px; transition: 2s;}


/* footer links */
.tplge_footersContainer a:link    {color: #ffffff; text-decoration: none;}
.tplge_footersContainer a:visited {color: #ffffff; text-decoration: none;}
.tplge_footersContainer a:hover   {color: #FF8010; text-decoration: none;}
.tplge_footersContainer a:active  {color: #FF8010; text-decoration: none;}
.tplge_footersContainer a:focus   {color: #FF8010; text-decoration: none;}


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


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


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


@media (min-width: 960px) {
/* ul.slimmenu li ul {display:none!important;}
ul.slimmenu li .sub-toggle {display: none!important;}
*/
}

@media (min-width: 1025px) and (max-width: 1280px) {
#body {background-image: none!important;}
.h2onepage_area {background-image: none!important;}
#tplge_topheader h1 {font-size: 48px; line-height: 48px; font-weight: 300;}
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;
}
.Text1 {border: 0px solid #000f00; background: none; min-height: 120px; max-width: 100%;}
/*.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 120px; width: 100%;}*/
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px; text-align:center;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px;}

/* .tplge_onePageTocIn1 {border: 0px solid #ff0000; background: #000000; max-width: 1200px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;} */

}

@media (min-width: 720px) and (max-width: 1024px) {
.h2onepage_container_inner {max-width: 640px; margin: 0 auto;}
#tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300;}
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;
}
.Text1 {border: 0px solid #000f00; background: none; min-height: 120px; max-width: 100%;}
/*.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 120px; width: 100%;}*/
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px; text-align:center;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 600px;}
}


@media (max-width: 719px) {
#body {background-image: none!important;}
.h2onepage_area {background-image: none!important;}

.h2onepage_container_inner {border: 0px solid #ff0000; max-width: 360px; padding: 20px; margin: 0 auto;}
#tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300; text-align: left;}
#xxx > ul > li {
  position: relative;
  float: left;
  padding: 0 10px;
  list-style: none;
}
#xxx > ul > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
width: 0px;
}

#tplge_logo {width:292px; border: 0px solid #00ff00; position: fixed; right:0px; top: 6px; transition: 8s;}
/* #tplge_logo {dislpay:none;} */

.Text1 {border: 0px solid #00ff00; background: none; min-height: 120px; max-width: 100%;}
.News1 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 340px; max-width: 340px; text-align:center;}
.News2 {border: 1px solid #cccccc; background: #EBEBEB; min-height: 100%; min-width: 340px; max-width: 340px;}

}

@media (max-width: 9280px) {
.tplge_slimmenu {max-width: 360px; margin: 0 0 0 auto;}
}


// @import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}
#sticky-social a       {text-decoration: none;}
#sticky-social ul      {list-style: none; margin: 0; padding: 0;}
#sticky-social ul li a {list-style: none; margin: 0; padding: 0;}

.container {
   margin: 0 auto;
   padding: 20px 50px;
   background: white;
}
#sticky-social {
   left: 0;
   position: fixed;
   top: 150px;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
}
#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }  

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }  

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }  

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }




/* 
##############################
     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: #404649; 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: 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: #687176; 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:#f0f6f9; 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 /*tobso: Farbe Text*/; 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:#1E2122; border: 1px solid transparent;color: #FF8010;} /* tobso: Farbe Text HOVER */
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: #FF8010 /*tobso: Farbe Pfeil generell */; vertical-align:middle; text-align: center;}
ul.slimmenu li .expanded          {color: #eeeeee;} /*tobso: Farbe von Pfeil nach oben erste Ebene*/

/* 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:#1E2122;}
ul.slimmenu li ul li.sdoc, ul.slimmenu li ul li.sdocs             {background:#707f73;}
ul.slimmenu li ul li ul li.sdoc, ul.slimmenu li ul li ul li.sdocs {background:#909f93;}



/* 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:#404649 /*tobso: Farbe Hamburger*/; color:#fff; float: right; padding:4px 9px; border: 0px solid #aaa; border-radius:3px; cursor:pointer; box-sizing:border-box;}
.collapse-button:hover,.collapse-button:focus {background-color:#FF8010 /*tobso: Farbe Hamburger mouse-over*/; color:#fff;}
.collapse-button .icon-bar                    {background-color:#eee    /*tobso: Farbe Striche im Hamburger */; display:block; height:3px; 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 #909699; 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 #909699; padding: 0; margin: 0;}

/* 3. Menüebene */
ul.slimmenu li ul li ul                {background: #ff0000; position:static; display:none; border:0; padding: 9px 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;}
}