@charset "UTF-8";
@import url('jquery-ui.css');

html, body { 	padding:0;	margin:0; font-family:Arial, Helvetica, sans-serif; font-size:medium; }
#menu-page { background: linear-gradient(rgb(95, 156, 255), rgb( 57, 107, 158)) repeat scroll 0% 0% rgb(57, 107, 158); }
#menu-page, #mypage {
	width: 100%; 
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover; 
	padding:0;
	margin:0;
}
#menu  { font-weight: bold; background: rgb(95, 156, 197); background: linear-gradient(rgb(95, 156, 197), rgb( 57, 107, 158)) repeat scroll 0% 0% rgb(57, 107, 158); }
#menu-pa      { width: 300px; } 
#menu-pa li a { width: 276px; } /* Breite der Partner Ebene erhöhen */				
#menu-lo,      #menu-fi,      #menu-to,      #menu-pe      { width: 400px; }
#menu-lo li a, #menu-fi li a, #menu-to li a, #menu-pe li a { width: 376px; } /* Breite der zweiten Ebene erhöhen */				
#menu-pa li a, 
#menu-se li a, 
#menu-lo li a, 
#menu-fi li a,
#menu-to li a, 
#menu-pe li a { background-color: rgb(16,117,186); } /* BLAUER MENÜHINTERGRUND der ersten Ebene */				
#menu-pa li a:hover, #menu-pa li a:focus,
#menu-se li a:hover, #menu-se li a:focus,
#menu-lo li a:hover, #menu-lo li a:focus,
#menu-fi li a:hover, #menu-fi li a:focus,
#menu-to li a:hover, #menu-to li a:focus,
#menu-pe li a:hover, #menu-pe li a:focus { background-color: rgb(100,150,50); } 
a.logo { color:#FFF; font-size: 30px; font-weight: bold; padding-left: 12px; background-color:transparent; }
#menu-mobile { display:inline-block; margin:0; padding:0; z-index:10; right:5px; top:4px; position:absolute; 
			   box-shadow: 0px 1px 0pc rgba(225, 255, 255, 0.3); vertical-align:middle; text-align:center; cursor:pointer; 
               border: 1px solid rgb(4,64,98); border-radius:1em; background-clip:padding-box; color:#FFF;
			   background: rgb(95, 156, 197); /* Für den Fall dass der Gradient nicht funktioniert */				
			   background: linear-gradient(rgb(95, 156, 197), rgb( 57, 107, 158)) repeat scroll 0% 0% rgb(57, 107, 158); }

ul.MenuBarActive        { z-index: 1000; }
ul.MenuBarHorizontal    { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; }
ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none;	font-size: 100%; cursor: pointer; width: 8em;    position: relative; text-align: left; float: left; }
ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none;	font-size: 100%; cursor: default; width: 16.2em; position: absolute; left: -1000em; z-index: 1020; }
ul.MenuBarHorizontal ul { border: 1px solid #CCC; }
ul.MenuBarHorizontal 
ul.MenuBarSubmenuVisible{ left: auto; }
ul.MenuBarHorizontal 
ul.MenuBarSubmenuVisible 
ul.MenuBarSubmenuVisible   { left: auto; top: 0; }
ul.MenuBarHorizontal ul li { width: 16.2em; } /* Breite der ausgeklappten Menüs */
ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; width: 400px; border: 1px solid #CCC; } /* Unter unter Menüs */
ul.MenuBarHorizontal a   {   display: block; cursor: pointer; background-color: #F0F; padding: 0.5em 0.75em; color: #FFF; text-decoration: none; }
ul.MenuBarHorizontal a:hover, 
ul.MenuBarHorizontal a:focus { font-weight: bold; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {      
                        background-color: rgb(16,117,186); } /* BLAUER MENÜHINTERGRUND der ersten Ebene */				
ul.MenuBarHorizontal li a.MenuBarItemSubmenuHover { 
						background-color: rgba(255,255,255,0.4); color: #FFF; 
  					    -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
						-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
						border-top-left-radius:10px; border-top-right-radius:10px; }
ul.MenuBarHorizontal a.MenuBarItemHover, 
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, 
ul.MenuBarHorizontal a.MenuBarSubmenuVisible {      
						-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
ul.MenuBarHorizontal a.MenuBarItemHover {
                        background-color: rgb(100,150,50); } /* GRÜNER MENÜHINTERGRUND BEIM DRÜBERGEHEN*/
ul.MenuBarHorizontal li ul li a.MenuBarItemSubmenuHover {      
                        background-color: rgb(36,137,206);  /* BLAUER MENÜHINTERGRUND BEIM DRÜBERGEHEN*/
						-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
ul.MenuBarHorizontal a.MenuBarItemSubmenu,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {      background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); }
/* Hiermit dierekt in den Internet Explorer eingreifen - ul.MenuBarHorizontal li.MenuBarItemIE { } */



div.header { height: 38px; margin:0; padding:0; }
div.header a { text-decoration:none; text-shadow: 3px 3px 4px rgba(0,0,0,1); } 
div.header ul li a { background:none; }  
div.header ul li ul li a {	background:#000; border:#000; } 
#copy {	    text-shadow: 2px 2px 2px rgb(0,0,0); }

/* TabControls  */
.ui-tabs-nav li a { font-size: 16px; font-weight:500; } 
.mehr         { width: 200px; }
.tabcontrol   { background:none; font-size: 10px; 
 	            background: rgb(95, 156, 197); /* Für den Fall dass der Gradient nicht funktioniert */				
				background: linear-gradient(rgb(95, 156, 197), rgb( 57, 107, 158)) repeat scroll 0% 0% rgb( 57, 107, 158); }
.tabheader, .tabcontent, 
.tabpage      { color: #fff; text-shadow: 3px 3px 8px #000; }
.tabheader    { font-size: x-large; font-weight:bold; }
.tabcontent,
.tabtable     {	font-size: medium; list-style-type: none; }
.tabtable, .tabpic,
.beschreibung { max-width: 500px; width:auto ; /*  font-weight:bold; */
                color: rgb(255,255,255); text-shadow: 3px 3px 8px rgba(0,0,0,1); 
                box-shadow: 10px 10px 8px rgba(0,0,0,.2);
 	            background: rgb(95, 156, 197); /* Für den Fall dass der Gradient nicht funktioniert */				
				background: linear-gradient(rgb(95, 156, 197), rgb( 57, 107, 158)) repeat scroll 0% 0% rgb( 57, 107, 158);
				margin: 1% 1% 0 0;  padding: 1em; 
                -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.beschreibung h1,
.beschreibung h2 { text-shadow: 3px 3px 4px rgba(0,0,0,1); color: #FFF;	margin: 0; margin-bottom: .8em;} 
.beschreibung h2 {  margin-top: -1em; }
.foot         { width:auto ; /*  font-weight:bold; */
                color: rgb(255,255,255); text-shadow: 3px 3px 8px rgba(0,0,0,1); 
                margin: 1% 1% 0 0;  padding: 1em; 
              }
.foot a       {
	text-shadow: 3px 3px 4px rgba(0,0,0,1);
	color: #FFF;
	margin: 0;
	margin-bottom: 0.8em;
	text-decoration: none;
				}

.tabpic          { background:#FFF;  }
.logopic, 
.produktpic  {  float:right; margin: 0 1% 0 0;  padding: 0.3em 0.6em 0 0; 
                box-shadow: 10px 10px 8px rgba(0,0,0,.2);
                background-color:rgba(255,255,255,0.4); 
                -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.logopic {      background-color:rgba(255,255,255,1); width: 20%; padding-top: 1em; padding-bottom: 1em; opacity: .8;}

#content    { font-size: 1em; margin:0; padding-left:1em; opacity: 0.9; }
/* index.htm */
#pagehead   { font-size: larger; font-weight:bolder; padding-left:1em; }
#index-high,
#index-news {  width:48%; max-width: 800px; float:left; margin: 10% 1% 0 0; }
/* impressum.htm und Seiten mit Tabs unten auf der Seite */
#maintabs   {  width:98%; float:left; margin: 5em 0 0 0; box-shadow: 10px 10px 8px rgba(0,0,0,.2); }
.ls-selectable,
#unternehmen-accordion div,
.menu-accordion-other,
#menu-accordion-software { 
 			   background: rgb(95, 156, 197); /* Für den Fall dass der Gradient nicht funktioniert */				
               background: linear-gradient(rgb(95, 156, 197), rgb( 57, 107, 158)) repeat scroll 0% 0% rgb( 57, 107, 158); color:#FFF; }
.menu-accordion-other,
.menu-accordion-other li,
#menu-accordion-software { padding: 0.2em 1.2em; height: auto !important; list-style-type: none; }
.ls-selectable {           padding: 0 !important; line-height: 2em; }
.ls-selectable li {        padding-left: 0.5em !important; }


/* Für Mobile Geräte deren Auflösung unter 1024 px liegt. */
@media screen and (min-width: 608px) { 
  div.header {	height: 70px; }
  #menu-mobile { visibility:hidden;  } 
  #menu-pc {     visibility:visible; } 
}
@media screen and (max-width: 608px) { 
  div.header {	height: 40px; }
  #menu-mobile { visibility:visible;  } 
  .logopic , 
  #menu-pc {     visibility:hidden; } 
  #index-b01, #index-b02, #index-high, #index-news { width:96%; margin: 2% 1% 0 0; }
}

.btn { /* Knopf Schaltflächen */
       padding-right: 30px;
       padding: 0.55em 11px 0.5em; 
       position:relative;
       font-size:12.5px; 
	   display:block; 
	   text-align:center;
	   text-overflow: ellipsis;
	   text-shadow: 3px 3px 4px rgb(0, 0, 0);
	   color: rgb(255,255,255);
	   overflow:hidden;
	   white-space:nowrap;
	   border-top: 1px solid rgba(255,255,255,0.3); 
	   border-radius: inherit; }
input.button { /* Knopf Schaltflächen */
	   cursor: pointer;
       background: rgb(95, 156, 197); /* Für den Fall dass der Gradient nicht funktioniert */				
	   background: linear-gradient(rgb(95, 156, 197), rgb( 57, 107, 158)) repeat scroll 0% 0% rgb(57, 107, 158); 
	   text-shadow: 3px 3px 4px rgb(0, 0, 0);
	   text-align:center;
	   text-overflow: ellipsis;
	   color: rgb(255,255,255);
	   overflow:hidden;
	   white-space:nowrap;
	   border-radius: 20px; 			
       padding: 0.55em 11px 0.5em;
   	   font-weight: bolder; }

@media print { 
  .tabpage, .tabpic, .tabcontrol, .produktpic, #menu { visibility:hidden; display:none !important;} 
  .beschreibung, .beschreibung h1, .beschreibung h2, .tabheader, .tabcontent
  {	box-shadow: none; max-width: none; width: 100%; 
    font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: bold;
	text-align: left; text-shadow: none;
	visibility: visible; color: #000 !important; clear: both; display: block !important; } 
  .beschreibung h1 { font-size: 24px; font-weight:bolder; } 
  .tabheader, .beschreibung h2 { font-size: 20px; } 
  #tab-1, #tab-2, #tab-3, #tab-4, #tab-5, #tab-6, #tab-7 { color: #000 !important; display: block !important; }
  #maintabs   { margin:0; padding:0; color: #000 !important; clear: both; display: block !important; }
  #index-high, #index-news, #index-b01, #index-b02 {  width:90%; max-width:none; margin: 0; display: block !important;  }
  #pagehead { font-size:36px; } 
}