/******************************************************************************/
/*                                          (c) 2005   Wobbe Informatik GmbH  */
/*                                                     Hindemithstr. 23       */
/*                                                     48527 Nordhorn         */
/*                                                                            */
/*  Projekt....: WIWa im Web                                                  */
/*                                                                            */
/*  Name.......: formate.css                                                  */
/*  Bereich....: sys/css                                                      */
/*                                                                            */
/*  erstellt am: 07.02.2004                                                   */
/*  Autor......: Claus Wobbe                                                  */
/*                                                                            */
/*  Version....: 1.0a vom 04.12.2003                                          */
/*                                                                            */
/*----------------------------------------------------------------------------*/
/*  AUFGABE                                                                   */
/*----------------------------------------------------------------------------*/
/*                                                                            */
/*  Diese Datei enth�lt die Werte f�r die HTML-Erg�nzungssprache der        */
/*  Cascading Stylesheets (CSS), mit der die HTML-Elemente exakt formatiert   */
/*  werden k�nnen !                                                          */
/*                                                                            */
/*----------------------------------------------------------------------------*/
/*  ARGUMENTE/PARAMETER                                                       */
/*----------------------------------------------------------------------------*/
/*                                                                            */
/*  Name                Art Funktion/Inhalt                                   */
/*  ------------------- --- ------------------------------------------------  */
/*----------------------------------------------------------------------------*/
/*  �NDERUNGSPROTOKOLL                                                       */
/*----------------------------------------------------------------------------*/
/*                                                                            */
/*  Datum    KZ  Beschreibung                                                 */
/*----------------------------------------------------------------------------*/
/******************************************************************************/

/******************************************************************************/
/*  Die CSS-Stylesheets                                                       */
/*  -------------------                                                       */
/*                                                                            */
/*                   Variante 1                    Variante 2                 */
/*                                                                            */
/*  HKS 5 mit  15% - 255,240,210 - #FFFFFF   ---   #FFFFFF - 255,240,210      */
/*  HKS 5 mit  20% - 255,236,202 - #FFECCA                                    */
/*  HKS 5 mit  30% - 255,231,179 - #FFE7B3                                    */
/*  HKS 5 mit  40% - 255,225,156 - #ddd7b0   ---   #FEE090 - 255,225,145      */
/*  HKS 5 mit  50% - 255,223,137 - #FFDF89                                    */
/*  HKS 5 mit  60% - 255,218,111 - #FFDA6F                                    */
/*  HKS 5 mit  66% -                         ---   #BBB58E - 255,205,080      */
/*  HKS 5 mit  70% - 255,212,080 - #FFD450                                    */
/*  HKS 5 mit  80% - 255,205,042 - #FFCD2A                                    */
/*  HKS 5 mit  90% - 255,201,042 - #FFC92A                                    */
/*  HKS 5 mit 100% - 255,192,040 - #00547e   ---   #FFB300 - 255,179,0        */
/*                                                                            */
/*                                                                            */
/*  Im Moment ist Variante 1 aktiv !!!                                        */
/*                                                                            */
/******************************************************************************/

/*------------------------------------------------------*/
/*      Generelle Definitionen                          */
/*------------------------------------------------------*/

html, body { font-family:'Arial';
             background:#FFFFFF;
             font-size:12px;
             padding:0;
             margin:0;}

         
#ID_INT_BODY,
#ID_INT_BODY_ZENTRALE { overflow:hidden; background: #FFFFFF !important; }         
  
#ID_INT_DIV_BENUTZERANZEIGE { padding-left:10px;color:#00547e;font-size:12px; }
#ID_INT_DIV_IMPRESSUM { padding-left:10px;color:#00547e;font-size:12px; }


.scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.scrollable * {
    -webkit-transform: translate3d(0,0,0);
}    

/*------------------------------------------------------*/
/* CW, 08.02.2016 - er mal heraus                       */
/*                                                      */
/*      -webkit-border-radius: 5px;                     */
/*      -moz-border-radius: 5px;                        */
/*      border-radius: 5px;                             */
/* #ID_INT_TBL_UEBERSCHRIFT tr { background-color: green; */
/*                              -webkit-border-radius: 45px; */
/*                            -moz-border-radius: 45px;      */
/*                             border-radius: 45px;          */
/*                          }                           */
/*------------------------------------------------------*/

                              
#ID_INT_TBL_UEBERSCHRIFT th { background-color:#00547e;}
                            
#ID_INT_TBL_UEBERSCHRIFT th:first-child { border-top-left-radius: 5px; }
#ID_INT_TBL_UEBERSCHRIFT th:first-child { border-bottom-left-radius: 5px; }
#ID_INT_TBL_UEBERSCHRIFT th:last-child { border-top-right-radius: 5px; }
#ID_INT_TBL_UEBERSCHRIFT th:last-child { border-bottom-right-radius: 5px; }

#ID_INT_TBL_UEBERSCHRIFT1 th { background-color:#00547e;}
                            
#ID_INT_TBL_UEBERSCHRIFT1 th:first-child { border-top-left-radius: 5px; }
#ID_INT_TBL_UEBERSCHRIFT1 th:first-child { border-bottom-left-radius: 5px; }
#ID_INT_TBL_UEBERSCHRIFT1 th:last-child { border-top-right-radius: 5px; }
#ID_INT_TBL_UEBERSCHRIFT1 th:last-child { border-bottom-right-radius: 5px; }

/*
#ID_INT_DIV_HM {    position: absolute;
                    width: 12%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    padding:0;
                    margin:0;}


*/  
#ID_INT_DIV_HM { height:100%;width:12%;
                float:left;
                padding:0;margin:0;               
               }  

#ID_INT_IFRAME_HM { width:100%;height:100%; }               
 
div#ID_INT_DIV_HMLogo { width:100%; } 
 
div#ID_INT_DIV_Titel {  width:100%;
                       padding-top:0px;
                       background: #FFFFFF;
                       height:50px;
                       text-align:center;
                       -webkit-border-radius: 0 0 5px 0;
                       -moz-border-radius: 0 0 5px 0;
                       border-radius: 0 0 5px 0; }
                       
div#ID_INT_DIV_Titel img    { padding:10px;
                         text-align:center;
                         vertical-align:middle;   }

#ID_INT_DIV_Menue_mehrere_Ebenen li
{
    position:relative;
    padding-left:1em;
    list-style:none;
    cursor:pointer;
    color:#000000;
    overflow:hidden;
}
#ID_INT_DIV_Menue_mehrere_Ebenen ul
{
    padding:0px;
}
#ID_INT_DIV_Menue_mehrere_Ebenen ul li:first-child
{
    /*background-color: rgb(0, 225, 225);*/
}
.Menue_mehrere_Ebenen_offen
{
    /*border:solid 2px rgb(225, 0, 0);*/
}
.Menue_mehrere_Ebenen_angezeigt
{
    /*background-color: rgb(225, 225, 225);*/
}
#ID_INT_DIV_Menue_mehrere_Ebenen .MenueBezeichnung
{
    display:inline-block;
    position:relative;
    left:-.4em;
    width:85%;
}
#ID_INT_DIV_Menue_mehrere_Ebenen .MenueBezeichnung span
{
    display:inline-block;
    padding-top:5px;
    padding-bottom:5px;
    width:100%;
}
#ID_INT_DIV_Menue_mehrere_Ebenen .MenueBezeichnung span:hover 
{
    text-decoration:underline;
    color:#00547e;
}
#ID_INT_DIV_Menue_mehrere_Ebenen .MenueZeichen 
{
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width:10%;
    padding-top:5px;
    padding-bottom:5px;
}
                         
div#ID_INT_DIV_Menue {  padding-top:20px;padding-left:0px; }

div#ID_INT_DIV_Menue ul {_font-size:12px;cursor:pointer; }
div#ID_INT_DIV_Menue ul span { padding-top:10px;padding-bottom:10px;color:#000000;width:100%;}

div#ID_INT_DIV_Menue ul span:hover,
div#ID_INT_DIV_Menue ul:hover span span { text-decoration:underline; color:#00547e; }
/*
div#ID_INT_DIV_Menue ul:hover {background:#00547e;color:#FFF;}
div#ID_INT_DIV_Menue ul:hover span { color:#fff;}
div#ID_INT_DIV_Menue ul:hover ul li span { color:#fff;}
*/

div#ID_INT_DIV_Menue ul ul { _font-size:12px;color:#00547e;
                         /*border-top:1px solid #666;
                         border-bottom:1px solid #666;*/
                         }

div#ID_INT_DIV_Menue ul ul li    {padding:5px;padding-left:30px;color:#00547e;cursor:pointer;}

div#ID_INT_DIV_Menue ul ul li:hover span   { text-decoration:underline; }

#ID_INT_DIV_TABS.BereichAnzeigeKomplett {
    width:96%;
    padding-left:2%;
    padding-right:2%;
    float:left;
}

#ID_INT_DIV_TABS.BereichAnzeige { width:84%;
                                  padding-left:2%;
                                  padding-right:2%;
                                  float:left;
                                }
/*                                
#ID_INT_DIV_TABS.BereichAnzeige {   position: absolute;
                                    width:84%;
                                    top: 0;
                                    left: 12%;
                                    padding-left:2%;
                                    padding-right:2%;                                    
                                }
*/

#ID_INT_DIV_TABS iframe { width:100%; height:94%; }
                                
#ID_INT_DIV_UM_AKTIV { position:absolute;height:95%;padding:0;margin:0;
                      background:#fff;border-left:1px solid #00547e;border-right:1px solid #00547e;
                      opacity:0.95;
                      -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0.95)';
                      }
    
.UM_ZU { width:0;display:none; }
.UM_AUF { width:250px;display:block; }    

#ID_INT_DIV_UM_AKTIV iframe { width:99%; }

#ID_INT_DIV_BLOCKIEREN,
#ID_INT_DIV_WARTEANZEIGE { position:absolute; }

#ID_INT_DIV_AufZu { height:100%;width:20px;padding:0;margin:0;
                    float:left;vertical-align:middle;
                    text-align:center;background:#fff; 
                    }

#ID_INT_BTN_AufZu { height:100%;width:20px;padding:0;margin:0;  
                   border:1px solid grey;font-weight:bold;font-size:34px;
                   text-align:center;    
                   }
                    

.HM_BTN { display:block; }              
.HM_ICON { display:block; } 

.MobilInaktiv { display:block; }
.MobilAktiv { display:none; }        

.Mobil_HM_BTN { display:none; }                    
.Mobil_HM_ICON { display:none; }         
             
.HMButtonInaktiv { display:none; }
.HMButtonAktiv { display:block; } 

#ID_INT_DIV_HMLogo { display:block; }
 
#ID_INT_DIV_BTNLST { width:100%;height:35px;padding:0;margin:0; }
 
#ID_INT_DIV_BTNLST_ICONS { float:left;width:30%;height:auto;text-align:left;padding:2px;margin:0;}

#ID_INT_DIV_BTNLST_SEITENANGABEN { float:left;width:30%;height:auto;text-align:center;padding:2px;margin:0;
                                  font-weight:bold;font-size:8pt;
                                  }
#ID_INT_DIV_BTNLST_VERZWEIGEN { float:left;text-align:right;width:39%;height:auto;padding:2px;margin:0;}



h1 {font-family:'Arial';font-size:36px;color:#00547e;}
span#ID_Ueberschrift  { color:#00547e;
                      font-size:24pt;
                      font-weight:bold;
                      vertical-align:middle;
                      padding-left:10px;
                     }
h2 {font-family:'Arial';font-size:24px;color:#00547e;}

h3                      {	font-family:'Arial';
				font-size:12px;
                color:#00547e;
                text-align:left;
                background-color:#FFFFFF;
				padding-left:5px;
				padding-top:10px;
				/*border:1px solid #AAA;*/}
                
h3#ID_Ueberschrift  { font-size:16px;
                    }
                    
/*Das Element mit "ID_Datenaktualisierung" wird oben rechts in der Zeile der Überschrift angezeigt*/				
#ID_Datenaktualisierung { position: absolute;
						  right: 0px;
                          font-family:'Arial';
						  font-size: 12px;
					}
				
@-moz-document url-prefix() { 	
	h3 { padding-top:0px;	}
}

h3 a:link, h3 a:visited, h3 a:active	{ 	color:#00547e; text-decoration:none; }
h3 a:hover, h3 a:link:hover			{	color:#00547e; text-decoration:underline;	}

h4, .h4                      {font-family:'Arial';
                         font-size:0px;
                         text-align:left;
						 vertical-align:middle;
                         color:#00547e/*#00547e*/;
						 /*background-color:#00547e;*/
						 top:0;
                         height:0px;
                         padding-top:10px;
						 /*-webkit-border-radius: 0 0 25px 0;
						 -moz-border-radius: 0 0 25px 0;
						 border-radius: 0 0 25px 0;*/ 
						}

						 
.h4 span				{ padding-left:5px;padding-right:15px;font-weight:bold;display:none; }
						
@-moz-document url-prefix() {
    h4 {
        padding-top:10px;
        height:0px;
    }
}
h6                      {font-family:'Arial';
                         font-size:12px;
                         color:#FF0000;
                         text-align:center;
                         background-color:#FFFFFF;
                         margin-bottom:10px;
                         padding:10px;}
						 
/*Das Element mit "ID_Datenaktualisierung" wird oben rechts in der Zeile der Überschrift angezeigt*/				
#ID_Datenaktualisierung { position: absolute;
						  right: 0px;
                          font-family:'Arial';
						  font-size: 12px;
}

img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', enabled=true); }

a:link    { color:#00547e; outline: none; text-decoration:none;}
a:visited { color:#00547e; outline: none; text-decoration:none;}
a:active  { color:#00547e; outline: none; text-decoration:none;}
a:link:hover{color:#00547e; text-decoration:underline; }

                                           
table, tr, td {border:none;
               font-size:11px;}
/*----------------------------------------------------------------------------*/
/* Die Hypens Eigenschaft ist für die Silbentrennung in den verschiedenen     */
/* Browsern. Wir haben die Eigenschaften der Table zugeordnet, da es im IE    */
/* nicht funktioniert, wenn die Eigenschaften dem Body zugeordnet sind.       */
/* Untersützung ab:                                                           */
/* Chrome 13, Firefox 6, IE 10, Safari 5.1                                    */
/*----------------------------------------------------------------------------*/

table, div	 {	-moz-hyphens: auto;
                -o-hyphens: auto;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                padding:0;margin:0;
/*              
                -webkit-border-radius: 0;
		        -moz-border-radius: 0;
		        border-radius: 0;
*/                                  }
		


#ID_PUV, #ID_PUV input {display:none;height:0px;}	/* FORM-Tag darf keinen PLatz einnehmen (speziell f�r Firefox! */


#ID_INT_DIV_Bauch table { max-width:99.9%;    }

ul 				{padding-left:0px;margin:0px;text-align:left;}
li 				{margin:0px;}

#Bereich1 div.kachel			{	border:1px solid #C0C0C0;text-decoration:none;}
#Bereich1 div.kachel:hover 	{	border:1px solid #00547e;text-decoration:none; }
#Bereich1 a:link:hover 	  {	text-decoration:none; }

div.KachelLinks {
    height: 320px;
    width: 35px;
    float: left;
}

div.KachelMitte {
    height: 320px;
    width: calc(100% - 85px);
    float: left;
}

div.KachelRechts {
    height: 320px;
    width: 35px;
    float: right;    
}
div.KachelInfoPunkt {
    min-height: 25px;
    padding-top: 5px;
    padding-bottom: auto;
    border-radius: 20%;
}


div.Kachel	{	width:285px/*250px*/;height:320px;
                -webkit-border-radius: 10px 10px 10px 10px ;
				-moz-border-radius: 10px 10px 10px 10px ;
				border-radius: 10px 10px 10px 10px ;
                border:2px solid #AAA;float:left;
                margin-left:10px;text-align:center;
                padding:0;
                }

.Kachelselektion {background: #80FF80 !important;}
                
div.KachelLieferant	{	
                        width:200px;
                        height:250px;
                    }  
                
div.Kachel	img {max-height:100px;max-width:100px;}
                
div.Kachel:hover  { border:2px solid #00547e;
                  background:#F2F3F8/*#80FF80*/; }
                  
div.Kachel img         { border:none;   }

div.KachelOK	        {   width: 48%;
                            height: 80%;                    
                            border:2px solid #AAA;
                            background:#80FF80;
                            color:black;                        
                            text-align:center;
                            margin: 0% 0% 0% 1%;
                            padding:0;  }

div.KachelOK	img {height:20px;  
                     width:20px;
                     display: table-cell; vertical-align: middle;}
                    
div.KachelOK h3 { display: table-cell; vertical-align: middle; font-size:1.3em;padding:0; word-wrap:break-word;word-break:break-all;}

div.KachelOK:hover  { border:2px solid #00547e; }
  
.KachelVerzweigung,
.KachelFehler {cursor:pointer;}
    
div.KachelFehler	{	width: 48%;
                        height: 80%;                    
                        border:2px solid #AAA;
                        background:red;color:white;
                        text-align:center;
                        margin: 0% 0% 0% 1%;
                        padding:0;  }

div.KachelFehler	img { height:20px;  
                          width:20px;
                          display: table-cell; 
                          vertical-align: middle; }
                    
div.KachelFehler h3 { display: table-cell; vertical-align: middle; font-size:1.3em;padding:0; word-wrap:break-word;word-break:break-all;}

div.KachelFehler:hover  {   border:2px solid #0856A1;   }




/*------------------------------------------------------*/
/*      TABS f�r ARTIKELDETAILS    NEU!!!!!             */
/*------------------------------------------------------*/

#ID_INT_DIV_Artikeldetaildaten { padding-left:10px;width:98%;height:auto; }

#ID_INT_DIV_Artikeldetaildaten #ID_INT_DIV_TABS {   height:auto;    }

#ID_INT_DIV_Artikeldetaildaten #ID_INT_DIV_TABS div.rahmen	{	width:100%;
                                                                height:auto;
                                                                padding:40px;
                                                                padding-left:20px;
                                                                padding-right:20px;}

#Artikelbeschreibung,
div#ArtikeldetailUeberschrift	{	width:70%;float:left;
									display:inline-block;	}

#Artikeldetailbild		{	width:30%;display:inline-block;text-align:right; }

#Artikeldetailbild img		{	border:none;width:250px;	}

*html #Artikeldetailbild		{	border:none;width:70%;display:inline-block;text-align:right; }

*html #Artikeldetailbild img	{	border:none;width:70%;	}

#ID_INT_DIV_Artikelbeschreibung { padding-left:20px; }

/*------------------------------------------------------*/
/*      TABS f�r die ZENTRALE   NEU!!!!!                */
/*------------------------------------------------------*/

#ID_INT_DIV_TABS	{ width:100%;height:98%;overflow:hidden; padding:0px;margin:0px;	}

#ID_INT_DIV_TABS ul		{	padding:0px;margin:0px;width:100%;height:50px;list-style-type:none;border-bottom:1px solid #00547e;}
#ID_INT_DIV_TABS ul li:first-child	{margin-right:7px;padding-top:0px;margin-left:5px;}
#ID_INT_DIV_TABS ul li		{	padding-top:0px;
                                text-align:center;
                                margin-top:14px;
                                margin-right:7px;
                                border-radius: 5px 5px 0 0;
                                -moz-border-radius: 5px 5px 0 0;
                                border-radius: 5px 5px 0 0; }
                                
#ID_INT_DIV_TABS ul li div { height:auto;width:100%;padding-top:3px;}

#ID_INT_DIV_TABS ul li div img { vertical-align:middle;margin-top:0px; }

/*------------------------------------------------------*/
/*      TABS f�r die Warengruppen   NEU!!!!!          */
/*                                                      */
/*------------------------------------------------------*/


#ID_INT_DIV_WG_TABS	                {width:100%;height:98%;overflow:hidden;padding:0px;margin:0px;	}

#ID_INT_DIV_WG_TABS ul		        {padding:0px;
                                         margin:5px;
                                         width:100%;
                                         height:20px;
                                         list-style-type:none;
                                         color:#00547e;
                                         border-bottom:0px solid #00547e;
                                         vertical-align:middle;}

#ID_INT_DIV_WG_TABS li.TabInaktiv       {background:#D9D9D9;
                                         height:26px;
                                         float:left;
                                         border:1px solid #00547e;
                                         width:auto;
                                         min-width:70px;
                                         _width:70px;
                                         margin-top:0px;
                                         text-align:center;
                                         vertical-align:middle;
                                        }
#ID_INT_DIV_WG_TABS li.TabAktiv	        {background:#FFF;
                                         height:26px;
                                         width:auto;
                                         min-width:70px;
                                         _width:70px;
                                         float:left;
                                         margin-top:0px;
                                         border:1px solid #00547e;
                                         border-bottom:1px solid white;
                                         _border-bottom:1px solid #00547e;
                                        }

#ID_INT_DIV_WG_TABS ul li:first-child	{margin-right:7px;
                                         padding-top:5px;
                                         margin-left:5px;}
                                         
#ID_INT_DIV_WG_TABS ul li		{padding-top:5px;text-align:center;margin-top:18px;margin-right:7px;
                                        /*webkit-border-radius: 10px 10px 0 0;
                                        -moz-border-radius: 10px 10px 0 0;
                                        border-radius: 10px 10px 0 0;*/}
                                        
#ID_INT_DIV_WG_TABS ul li div	        {height:auto;width:100%;padding-top:5px;	}

#ID_INT_DIV_WG_TABS ul li div img       { vertical-align:middle;margin-top:-5px; }




 ul li.TabInaktiv a:link,
 ul li.TabInaktiv a:active,
 ul li.TabInaktiv a:visited,
 ul li.TabInaktiv a:link:hover	{	font-size:12px;
                                    text-decoration:none;
                                    color:#333; }
 ul li.TabAktiv,
 ul li.TabAktiv a:link,
 ul li.TabAktiv a:active,
 ul li.TabAktiv a:visited,
 ul li.TabAktiv a:link:hover	{	font-size:12px;
                                    font-weight:bold;
                                    text-decoration:none;
                                    color:#00547e; }
                                    
 li.TabInaktiv	{ 	background:#D9D9D9;
                    height:35px;
                    float:left;
                    border:1px solid #00547e;
                    width:150px;
                    min-width:150px;
                    _width:150px;
                    margin-top:18px;
                    text-align:center;
                    vertical-align:middle; }
                    
 li.TabAktiv	{	background:#FFF;
                    height:35px;
                    width:150px;
                    min-width:150px;
                    _width:150px;
                    float:left;
                    margin-top:18px;
                    border:1px solid #00547e;
                    border-bottom:1px solid white;
                    _border-bottom:1px solid #00547e; }
                        
 div.rahmen	{	width:100%;
                height:100%; }

*html #ID_INT_DIV_TABS { padding:0;}
*html #ID_INT_DIV_TABS ul { border:none;padding:0;  }
*html  li.TabInaktiv	{	height:32px;}
*html  li.TabAktiv	{	height:32px;}
*html  ul li		{	padding-top:5px;	}
*html  div.rahmen	{	border:5px;
                                    margin-top:-1px;
                                    border-top:1px solid #00547e;
                                    width:100%;
                                    }

/*---------------------------------------------------------------*/
/* ANPASSUNGEN F�R DAS EINBLENDBARE FILTERFENSTER - NEU!!!!!     */
/*---------------------------------------------------------------*/

ul	{ padding:5px;}

div#ID_INT_DIV_FilterAnzeige		{	width:100%;height:0px;margin-left:-10px;display:none;
                                    margin-top:5px;padding-bottom:5px;font-size:9pt;}
div#ID_INT_DIV_FilterAnzeige a,
div#ID_INT_DIV_FilterAnzeige a:link	{ padding:5px;	}
div#ID_INT_DIV_FilterAnzeige a:link:hover	{ text-decoration:underline;	}

div#ID_INT_DIV_FILTERBUTTON		{ width:100%;height:auto;margin:0;
                                  padding-top:0px;padding-left:0px;padding-bottom:5px;}
div#ID_INT_DIV_FILTERBUTTON ul	{ padding:0;padding-top:5px;padding-bottom:5px;margin:0;	}
div#ID_INT_DIV_FILTERBUTTON ul li	{ padding:0;margin:0;	}

span#ID_INT_FILTERBUTTON		       {	padding:0;margin:0;font-weight:bold;
                                        border:1px solid black;padding:3px;font-size:10pt;}
*html span#ID_INT_FILTERBUTTON      {	border:none;	}

div#ID_INT_DIV_FILTER	{	width:80%;padding:5px;background:#FFF;
							height:auto;
							position:absolute;z-index:9998;
							border:1px solid #666;
							font-size:10pt;
							box-shadow: 0px 0px 10px 0px #808080;
							-moz-box-shadow: 0px 0px 10px 0px #808080;
							-webkit-box-shadow: 0px 0px 10px 0px #808080;}
							
div#ID_INT_DIV_FilterFunktionen	{	background:#FFF;padding:5px;
                                    height:30px;border:1px solid #666;}
*html div#ID_INT_DIV_FilterFunktionen	{	height:40px;	}

div#ID_INT_DIV_FILTER ul	{	width:100%;float:left;display:inline-block;
							margin:0;padding:0;list-style-type:none;}
div#ID_INT_DIV_FILTER ul span.Selektionsfeld	{	font-size:12px;font-weight:bold;	


}
div#ID_INT_DIV_FILTER ul div:first-child		{	padding:5px;border-top:1px solid #666;}
div#ID_INT_DIV_FILTER input				{	width:auto;	}


.MenueAktiv					{	display:block;}
.MenueInaktiv				{	display:none;}

/*---------------------------------------------------------------*/
/* ANPASSUNGEN F�R DIE TABS IN DEM FILTERFENSTER - NEU!!!!!      */
/*---------------------------------------------------------------*/

    

/*------------------------------------------------------*/
/*      Loginmaske                                      */
/*------------------------------------------------------*/

.LoginBox			{ width:60%;	}

.LoginEingabeHG         { /*background-color:#00547e;*/ 
                      height: 37px; 
}

.LoginEingabe_button { background:#00547e;
                       height: auto; 
                       color:#fff;
}

.LoginEingabeBG3   { border-top:2px solid #00547e;
                    /*border-left:2px solid #D5C9AE;
                    border-right:2px solid #D5C9AE;*/
                    border-bottom:2px solid #00547e;
                    /*background:#FFFFFF;*/
                    /*height: 140px;*/ 
                    color:#000;  
 }

.Login img {border:none;}

.Login a:link img:hover,
.Login a:active img:hover,
.Login a:visited img:hover { border-right:3px solid transparent;}

.LoginWillkommen {width:80%;padding:25px;}
.LoginLogoTop {}

/*------------------------------------------------------*/
/*      Spezielle Definitionen                          */
/*------------------------------------------------------*/



.sicherheitsabfrage     { text-align: center;
                          font-size: 17px;}

.nachricht              {color:#000080;
                         font-family:'Arial';
                         font-size:18px;}
                         
.nachrichtstd           {color:#000080;
                         font-family:'Arial';
                         font-size:14px;}
                         
.positivhervorheben     {font-family:'Arial';
                         font-size:12px;
                         color:#000080;}
                         
.negativhervorheben     {font-family:'Arial';
                         font-size:12px;
                         color:#FF0000;}
                         
.fehleralt                 {background-color:#FFFF00;
                         color:#FF0000;
                         font-family:'Arial';
                         font-size:11px;}
                         
.information            {background-color:#FFFF00;
                         color:#004080;
                         font-family:'Arial';
                         font-size:12px;}
                         
.meldungsueberwachung   {background-color:#FFFF00;
                         color:#000000;
                         font-family:'Arial';
                         font-size:13px;}

.sundfgelbkl            {color:#FFFF00;
                         font-family:'Arial';
                         font-size:12px;}
          
.sundfgelbstd           {color:#FFFF00;
                         font-family:'Arial';
                         font-size:18px;}
          
.sundfgelbgr            {color:#FFFF00;
                         font-family:'Arial';
                         font-size:22px;}
          
.sundfschwarzkl         {color:#000000;
                         font-family:'Arial';
                         font-size:11px;
                         vertical-align:middle;}
          
.sundfschwarzklfett     {color:#000000;
                         font-family:'Arial';
                         font-size:11px;
                         font-weight:bold;
                         vertical-align:middle;}
          
.sundfschwarzmi         {color:#000000;
                         font-family:'Arial';
                         font-size:11px;
                         vertical-align:middle;}
          
.sundfschwarzmifett     {color:#000000;
                         font-family:'Arial';
                         font-size:11px;
                         font-weight:bold;
                         vertical-align:middle;}
          
.sundfschwarzgr         {color:#000000;
                         font-family:'Arial';
                         font-size:12px;
                         vertical-align:middle;}
          
.sundfschwarzgrfett     {color:#00547e;
                         font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;
                         vertical-align:middle;}

.sundfschwarzgrgr       {color:#000000;
                         font-family:'Arial';
                         font-size:16px;}
          
.sundfschwarzstd        {color:#000000;
                         font-family:'Arial';
                         font-size:18px;}
          
.sundfschwarzgro         {color:#000000;
                         font-family:'Arial';
                         font-size:22px;
                         text-align:center;}
          
.sundfweisskl           {color:#FFFFFF;
                         font-family:'Arial';
                         font-size:12px;}
                
.sundfweissstd          {color:#FFFFFF;
                         font-family:'Arial';
                         font-size:18px;}
             
.sundfweissgr           {color:#FFFFFF;
                         font-family:'Arial';
                         font-size:22px;}
                         
.sundfblaukl            {color:#000080;
                         font-family:'Arial';
                         font-size:11px;}
          
.sundfblaustd           {color:#000080;
                         font-family:'Arial';
                         font-size:18px;}
          
.sundfblaugr            {color:#000080;
                         font-family:'Arial';
                         font-size:22px;
                         text-align:center;}

.KalenderAusgewaehlterLT {background-color:#00FF00;
                         font-family:'Arial';
                         font-size:12px;
                         padding: 10px;
                         border: 1px solid #00547e;
                         color:#000000;}
          
.KalenderLieferung      {background-color:#FFFF80;
                         font-family:'Arial';
                         font-size:12px;
                         padding: 10px;
                         border: 1px solid #00547e;
                         color:#000000;}
                         
.KalenderLieferungHeute {background-color:#FFFF80;
                         font-family:'Arial';
                         font-weight:bold;
                         font-size:14px;
                         padding: 10px;
                         border: 1px solid #00547e;
                         color:#008000;}
                         
.KalenderkeineLieferung {background-color:#FFFFFF;
                         font-family:'Arial';
                         font-size:12px;
                         padding: 10px;
                         border: 1px solid #00547e;
                         color:#000000;}
                         
.KalenderkeineLiefHeute {background-color:#bbd1ed;
                         font-family:'Arial';
                         font-size:14px;
                         padding: 10px;
                         border: 1px solid #00547e;
                         color:#000000;}
                         
.Kalenderleer           {background-color:#FFFFFF;
                         font-family:'Arial';
                         font-size:12px;
                         padding: 10px;
                         border: 1px solid #00547e;
                         color:#000000;}
                         
.Verzweigung            {font-family:'Arial';
                         font-size:11px;
                         color:#FFFF00;}
                         
.Eingabefeld            	{background:#D9D9D9;}
.Eingabefeld:focus	{background:#FFFD5A;}

.GesperrtesEingabefeld  {background-color:#FFFFFF;}
                         


.DatensatzAktion        {color:#FF0000;}



/*------------------------------------------------------*/
/*      Buttons                                         */
/*------------------------------------------------------*/

.FolderButton           {font-family:'Arial';
                         font-size:11px;
                         color:#000080;
                         background-color:#C8C8C8;}

.FolderButtonGewaehlt   {font-family:'Arial';
                         font-size:11px;
                         color:#000080;
                         background-color:#FDC704;}
                         
.StandardButton         {font-family:'Arial';
                         font-size:10px;
                         font-weight:bold;
                         background-color:#FFFF00;}

.LoeschButton	        {background-color:red;color:#FFF;} 
button.HGUeberschriftDunkel { background:#00547e;color:#FFF;}                        


.LoginEingabeBG3 .input { background:#D9D9D9;border:1px solid #666666; }
/*
input[type=checkbox] { width:20px;height:20px;
					  border:1px solid black;}*/

input[type=text], input[type=search] {background:#FFF/*D9D9D9*/;border:1px solid #666666;
                -webkit-border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				border-radius: 5px 5px 5px 5px;
				padding-left:3px;
				font-size:14px;height:22px;}

select 	{border:1px solid black;
		 padding: 2px 2px 2px 2px;
		 vertical-align:middle;
		 background:#FFF;
		 color:#000000;
		 font-size:14px;
		 appearance:field;
		 -moz-appearance:field; /* Firefox */
		 -webkit-appearance:field; /* Safari and Chrome */
     -webkit-border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
		}

#ID_INT_DIV_Kopf select { }
		
option	{ }

select:hover,
option:hover { cursor:pointer;}
/*select > option {background:#92FF57;color:#333;}*/
.ListenAuswahl	{margin-left:5px;
                 background:#FFF;
                 color:#00547e; }

/*
#ID_INT_Suchwert {	background:#FFF;border:1px solid #666666;
					-webkit-border-radius: 5px 5px 5px 5px;
					-moz-border-radius: 5px 5px 5px 5px;
					border-radius: 5px 5px 5px 5px;
					padding-left:3px;
					font-size:14px;height:18px;}*/
                                        
#ID_INT_benutzer_id,
#ID_INT_kennwort_id                     {background:#D9D9D9;border:1px solid #666666;
					 -webkit-border-radius: 0px 0px 0px 0px;
					 -moz-border-radius: 0px 0px 0px 0px;
					 border-radius: 0px 0px 0px 0px;
					 padding-left:3px;
					 font-size:14px;height:18px;}


::selection {
  background: #004594;
  color:#fff;
}
::-moz-selection {
  background: #004594;
  color:#fff;
}
::-webkit-selection {
  background: #004594;
  color:#fff;
}
input::selection {
  background: #004594;
  color:#fff;
}
input::-moz-selection {
  background: #004594;
  color:#fff;
}
input::-webkit-selection {
  background: #004594;
  color:#fff;
}
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input.Eingabefeld:focus {background:#80FF80/*#fffd5a*/;border:1px solid #000000;
                       /*box-shadow: 0px 0px 10px 0px #00547e;
                       -moz-box-shadow: 0px 0px 10px 0px #00547e;
                       -webkit-box-shadow: 0px 0px 10px 0px #00547e;*/}

button {outline:none;}

/*------------------------------------------------------*/
/*      Hauptmenue f�r die Anwendung                    */
/*------------------------------------------------------*/
/*.HauptmenueHG           {background-color:#FFFFFF;}*/



/*------------------------------------------------------*/
/*      Hauptmenue f�r das Hilfesystem                  */
/*------------------------------------------------------*/

.HilfeHauptmenueButton  {font-family:'Arial';
                         font-size:11px;
                         font-weight:bold;
                         color:#000000;
                         padding:10px;
                         text-align:center;
                         background-color:#ddd7b0;
						 }


						 
.HilfeHauptmenueHG      {background-color:#FFFFFF;}


/*------------------------------------------------------*/
/*      Untermenue f�r die Anwendung                    */
/*------------------------------------------------------*/

.UntermenueHG           {background-color:#FFF;}

							
/*------------------------------------------------------*/
/*      Untermenue f�r das Hilfesystem                  */
/*------------------------------------------------------*/

.HilfeUntermenueHG      {background-color:#FFFFFF;}

/*------------------------------------------------------*/
/*      Systemzeile                                     */
/*------------------------------------------------------*/

/*.SystemHG               {background-color:#FFFFFF;}*/

/*------------------------------------------------------*/
/*      Aufteilung des HTML K�rpers                     */
/*------------------------------------------------------*/



                



/*------------------------------------------------------*/
/*      Logozeile                                       */
/*------------------------------------------------------*/
/*#LogoZeile	{ border-bottom:2px solid #00547e; }*/

/*------------------------------------------------------*/
/*      Ausstieg mit dem Fehlerprogramm                 */
/*      #FF0000 = RGB(255,0,0)                          */
/*      #FFFFFF = RGB(255,255,255)                      */
/*------------------------------------------------------*/

.Fehler                 {font-family:'Arial';
                         font-size:10px;
                         font-weight:bold;
                         background-color:#FFFF00;
                         color:#FF0000;
                         padding:10px;
                         text-align:center;}

.Fehlermeldung          {font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;
                         color:#FF0000;
                         padding:10px;
                         text-align:center;}

.FehlerHG               {background-color:#FFFFFF;}

/*------------------------------------------------------*/
/*      Warten - Ladezeit �berbr�cken                   */
/*      #00FF00 = RGB(0,255,0)                          */
/*------------------------------------------------------*/

.Warten                 {font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;
                         color:#000000;
                         text-align:center;
                         margin:5px;
                         padding:5px;
                         display:none;}
                         
/*------------------------------------------------------*/
/*      Status - Anzeige der Statusmeldung zur durch-   */
/*               gef�hrten Aktion                       */
/*      #00FF00 = RGB(0,255,0)                          */
/*------------------------------------------------------*/

.MeldungErfolg          {font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;
                         color:green;
                         background-color:#FFFFFF;
                         text-align:left;
                         padding-left:5px;
						 padding-top:0px;
						 padding-bottom:10px;}

.MeldungFehler          {font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;
                         color:red;
                         background-color:#FFFF00;
                         text-align:left;
                         padding-left:5px;
						 padding-top:0px;
						 padding-bottom:10px;}

.MeldungInfo            {font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;
                         color:black;
                         background-color:#FFFFFF;
                         text-align:left;
                         padding-left:5px;
						 padding-top:0px;
						 padding-bottom:10px;}

/*------------------------------------------------------*/
/*      Funktionen                                      */
/*------------------------------------------------------*/

.Funktion1StufeHG       {height:20px;
                         margin:0;
                         padding-left:15px;
						 color:#79B887;
						 }
.Funktion1StufeHG a {color:#00547e; }						 
.Funktion1StufeHG a:link:hover {color:#33AA62;text-decoration:underline;}  
                        
.Funktion2StufeHG       {height:20px;
                         margin:0;
                         padding-left:20px;
						 color:#79B887;
						 margin-left:10px;}
						 
.Funktion2StufeHG a {color:#00547e; }						 
.Funktion2StufeHG a:link:hover {color:#33AA62;text-decoration:underline;}  
                          
.Funktion3StufeHG       {background-color:#ddd7b0;
                         height:20px;
                         margin:0;
                         padding-left:25px;}
  
.Funktion3StufeHG a {color:#00547e; }						 
.Funktion3StufeHG a:link:hover {color:#33AA62;text-decoration:underline;}    
/*------------------------------------------------------*/
/*      �berschriften f�r Anzeigeprogramme              */
/*------------------------------------------------------*/

.UeberschriftTabelle    {font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;
                         color:#222F86;}
                         
.Ueberschrift           {background-color:#ddd7b0;
                         font-family:'Arial';
                         font-size:11px;
                         color:#000000;}

/*------------------------------------------------------*/
/*      Bezeichnung von Feldern in Pflegeprogrammen     */
/*------------------------------------------------------*/
                         
.Bezeichnungsfeld       {color:#222F86;
                         font-family:'Arial';
                         font-size:11px;
                         border-style:none;}

/*------------------------------------------------------*/
/*      Bezeichnung von Feldern (vor diesen)            */
/*------------------------------------------------------*/

.feldbezeichnung        {font-family:'Arial';
                         font-size:12px;
                         color:#222F86;}
                         
/*------------------------------------------------------*/
/*      Feldern f�r die Aufnahme von Selektionsdaten    */
/*------------------------------------------------------*/

.Selektionsfeld         {font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;
                         vertical-align:middle;
                         -webkit-border-radius: 5px 5px 5px 5px;
                         -moz-border-radius: 5px 5px 5px 5px;
                         border-radius: 5px 5px 5px 5px;}
                           
/*------------------------------------------------------*/
/*      Die Label für die Selektionsfelder              */
/*------------------------------------------------------*/

.Selektionslabel         {font-family:'Arial';
                         font-size:12px;
                         font-weight:bold;}
                         
/*------------------------------------------------------*/
/* Die Operatoren für die Label für die Selektionsfelder*/
/*                  enthält =  <=  >=                   */
/*------------------------------------------------------*/

.Selektionsoperator      {font-family:'Arial';
                         font-size:12px;
                         font-weight:normal;}
                                
/*------------------------------------------------------*/
/*      Verweise (wo der Link nicht interessant ist)    */
/*------------------------------------------------------*/

.verweis                {font-family:'Arial';
                         font-size:12px;
                         color:#008000;}
.verweis a:link,
.verweis a:visited,
.verweis a:active {color:#0000FF}                 

/*------------------------------------------------------*/
/*      RGB 226,229,255                                 */
/*------------------------------------------------------*/
.HGMenueEbene3                 {height:20px;
                         
                         padding-left:5px;
                         color:#fff;}
.HGMenueEbene3 a:link,
.HGMenueEbene3 a:visited,
.HGMenueEbene3 a:active {color:#000}                 

				 
.HGHell                 {height:20px;                         
                         padding-left:5px;
                         color:#fff;}
.HGHell a:link,
.HGHell a:visited,
.HGHell a:active {color:#00547e;}

.HGHell a:link:hover {color:#33AA62;text-decoration:underline;}
/*------------------------------------------------------*/
/*      RGB 195,200,255                                 */
/*------------------------------------------------------*/
    
.HGMenueEbene2               {height:20px;
                         padding-left:5px;
                         color:#00547e;
						 text-decoration:underline;
						 margin-left:12px;}
.HGMenueEbene2 .sundfschwarzmifett {color:#00547e;}
.HGMenueEbene2 a:link,
.HGMenueEbene2 a:visited,
.HGMenueEbene2 a:active {color:#00547e;}
	
.HGMittel               {height:20px;
                         padding-left:5px;
                         color:#00547e;
						 text-decoration:none;
						 margin-left:12px;
						 font-weight:bold;}
						 
.HGMittel .sundfschwarzmifett {color:#00547e;}

.HGMittel a:link,
.HGMittel a:visited,
.HGMittel a:active {color:#00547e;}


/*------------------------------------------------------*/
/*      RGB 160,160,255                                 */
/*------------------------------------------------------*/

.HGMenueEbene1               {height:20px;
                         border-bottom:2px solid #00547e;
                         padding-left:5px;
                         color:#fff;
						 /*font-size:16px;*/
						 font-weight:bold;}
.HGMenueEbene1 a:link,
.HGMenueEbene1 a:visited,
.HGMenueEbene1 a:active,
.HGMenueEbene1 .sundfschwarzgrfett {color:#00547e;}   
 
.HGDunkel               {height:20px;
                         background-color:#00547e;
                         /*border-bottom:2px solid #00547e;*/
                         padding-left:5px;
                         color:#fff;
						 /*font-size:16px;*/
						 font-weight:bold;}
.HGDunkel a:link,
.HGDunkel a:visited,
.HGDunkel a:active,
.HGDunkel .sundfschwarzgrfett {color:#fff;}    

.HGDunkel a:link:hover {color:#33AA62;text-decoration:underline;}                     
/*------------------------------------------------------*/
/*      RGB 195,200,255                                 */
/*------------------------------------------------------*/

.HGUeberschriftDunkel   {/*border-bottom:2px solid #00547e;*/
                        color:#00547e;}

.HGUeberschriftHell     {background-color:#FFFFFF;}

th.HGUeberschrift       { padding-top:0px;padding-bottom:5px;}

.HGUeberschrift         {background-color:#00547e;color:#fff;border:none;height:10px;
                        font-size:12px;}
                        
.HGUeberschrift a 	{margin-left:10px;}

.HGUeberschrift2         {background-color:#00547e;color:#fff;border:none;}


/*------------------------------------------------------*/
/*      Schriften                                       */
/*------------------------------------------------------*/

.SCHRgrossfett          {color:#000000;
                         font-family:'Arial';
                         font-size:10px;}

/*------------------------------------------------------*/
/* Um Zeilen wechselweise mit einem Hintergrund zu bel. */
/* FFF2D3                  gerade = FFE19C              */
/*------------------------------------------------------*/

.HGGeradeZeile        {background-color:#F2F3F8;max-height:80px;}
.HGGeradeZeile td	{border:1px solid #F2F3F8;font-size:12px; word-wrap:normal;
                            /*word-break:break-all;*/}

.HGUngeradeZeile 		{background-color:#FFF/*#D9D9D9*/;max-height:80px;}
.HGUngeradeZeile td		{border:1px solid #FFF;font-size:12px; word-wrap:normal;
                            /*word-break:break-all;*/}
   
/*------------------------------------------------------*/
/*      Die Farbe f�r selektierte Zeilen                */
/*------------------------------------------------------*/

.HGSelektierteZeile 		{background-color:#80FF80;max-height:80px;}
.HGSelektierteZeile td	{border:1px solid #80FF80;font-size:12px;word-wrap:normal;
							/*word-break:break-all;*/}
.HGSelektierteZeile a 	{color:#000000;}

.HGUnselektierteZeile   {background-color:#FFFFFF;}


/*------------------------------------------------------*/
/* Pflichteingabestern                                  */
/* a.) Die Farbe f�r die Pflichteingabe kann beliebig   */
/*     sein                                             */
/* b.) Die Farbe f�r die NICHT Pflichteingabe muss      */
/*     identisch sein mit der Farbe von HGGeradeZeile   */ 
/*     bzw. HGUngeradeZeile                             */
/*------------------------------------------------------*/

.Stern                  {color:red;}
.SternNeinUngerade      {color:#FFFFFF;}
.SternNeinGerade        {color:#D9D9D9;}

/*------------------------------------------------------*/
/* Hintergrundfarbe f�r Hinweise und Fehler             */
/*------------------------------------------------------*/

.HGHinweis              {background-color:#f5ff82;}
.HGFehler               {background-color:#f5ff82;}

/*------------------------------------------------------*/
/* Definition f�r die Tooltip-Elemente                  */
/* WzTtDiV = Wz Tooltip Div-Bereich                     */
/*------------------------------------------------------*/

img.ToolTipBild 		{	max-height:70px;
						max-width:70px;
						border:none;
						_width:70px;
						_height:70px;
						}
div#Thumbnail		{	height:82px;	}
img.Thumbnail 		        {max-height:80px;
				 max-width:80px;
				 border:none;
				 _width:80px;
				 _height:80px;
				 /*border:1px solid #00547e;*/
				 padding-right:5px;
				 cursor:pointer;
				 }

img.ICON_Smiley,
img.ICON_Angebot		{	width:25px;	}
div.ICON_Angebot,
div.ICON_Vorlaufzeit	{	width:20px;height:19px;
						padding-top:2px;
						border:1px solid black;
                        font-size:15px;
                        font-weight:bold;
						color:#000;
						vertical-align:middle;	
						text-align:center;}
div.ICON_Angebot		{	background:#CBCA6D; }
div.ICON_Vorlaufzeit	{	background:#FFFF00;	}
						
* html img.ToolTipBild 	{	width: expression( this.width >= this.height ? "120px" : "auto" );
							height: expression( this.height > this.width ? "120px" : "auto" );}
						
* html img.Thumbnail	{	width:40px;
						height:40px;
						/*border:1px solid #00547e;*/
						padding-right:5px;
						cursor:pointer;}

#WzTtDiv			{	border:1px solid black;background:#fff;
                        -webkit-border-radius: 0;
						-moz-border-radius: 0;
						border-radius: 0;
						/*box-shadow: 3px 3px 2px 0px #808080;
                        -moz-box-shadow: 3px 3px 2px 0px #808080;
                        -webkit-box-shadow: 3px 3px 2px 0px #808080;*/
						box-shadow: 0px 0px 10px 0px #808080;
                        -moz-box-shadow: 0px 0px 10px 0px #808080;
                        -webkit-box-shadow: 0px 0px 10px 0px #808080;
						/*margin-left:21%;*/}

                        
#WzTtDiv ul			{	padding-left:0px;list-style-type:disc;list-style-position:outside;}
						
				 
#WzTtDiv ul li			{	padding-left:0px;margin-left:15px;}

#WzTiTlI 			{	color:#00547e;}

#WzTiTlTb			{ }

#WzClosE			{padding:1px; margin-right:1px;}

#WzBoDy 				{	overflow:hidden;
						font-size:8pt;
						-webkit-border-radius: 0;
						-moz-border-radius: 0;
						border-radius: 0;}

.TooltipBox             	{	color:#000000;}

.TooltipHeader          	{	background:#F2F3F8;
						padding:1px;}
						
.TooltipHG			{	width:auto;border-top:1px solid black;}

.TooltipHG table        	{	background-color:#FFFFFF;
                        border-color:#FFFFFF;
                        color:#000000;}
						
.TooltipTitleHG         {	color:#fff;}

.TooltipInfobox         {	border-left:1px solid #D9D9D9;}
   

/*------------------------------------------------------*/
/* Listen-Elemente (z.B. Einkaufslisten, Warenk�rbe ...)*/
/*------------------------------------------------------*/

.AktiveListe {/*background:#fff;*/
              border-collapse:collapse;
              /*border-top:2px solid #00547e;
              border-bottom:2px solid #00547e;*/
              width:100%;}
			  
.AktiveListe .HGMittel {text-decoration:none;font-weight:bold;/*background:#00547e;*/ }

.AktiveListe .HGMittel a:link,
.AktiveListe .HGMittel a:active,
.AktiveListe .HGMittel a:visited { color:#00547e;
								 font-weight:bold;
								 text-decoration:none;
								 border:none;
								 padding-left:5px;}

.InAktiveListe {width:100%;}

/*------------------------------------------------------*/
/* Button - Hier stehen die Formatierungen f�r die     */
/*          System-Standardbutton                       */
/*------------------------------------------------------*/

#ButtonsMobilAufruf	{	display:none;	}
#ButtonsMobil		{	}
.ButtonsMobil		{	display:block;	}

#FunktionenMobilAufruf	{	display:none;	}
#Funktionen				{	}
.Funktionen				{	display:block;	}

/*------------------------------------------------------*/
/* Die Klasse .SBStandard (SB = SystemButton) beinhaltet*/
/* die grunds�tzlichen Formatierungen f�r die Button   */
/*------------------------------------------------------*/

input.LoginEingabe_button {	width:95px;height:25px;
						background-color:#00547e;
						border:1px solid #fff;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						}
input.LoginEingabe_button:hover {	width:95px;height:25px;
							background-color:#00547e;
							border:1px solid #00547e;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;
							}

/* ORIGINAL BUTTION-DEFINITION*/

.SBStandard  {  	width:30px;
                height:30px;
				cursor:pointer;
				background-color:#F2F3F8;
                background-repeat:no-repeat;
                background-position:center center;
				vertical-align:middle;
                margin:3px;
                }
						 
.SBStandardInaktiv {    color:#999; 
                        }
#ID_INT_REITER_PLUS {  -webkit-border-radius: 5px;
							         -moz-border-radius: 5px;
							         border-radius: 5px;                      
}						 
						
#ID_INT_Zurueck.SBStandard,
#ID_INT_Zeigen.SBStandard,
#ID_INT_Neu.SBStandard,
#ID_INT_Aendern.SBStandard,
#ID_INT_Speichern.SBStandard,
#ID_INT_SpeichernUndSchliessen.SBStandard,
#ID_INT_Loeschen.SBStandard,
#ID_INT_Drucken.SBStandard,
#ID_INT_Aktualisieren.SBStandard,
#ID_INT_Verzweige.SBStandard
#ID_INT_FilterAnwenden.SBStandard,
#ID_INT_Schliessen.SBStandard,
#ID_INT_Kalender.SBStandard,
#ID_INT_Uebergeben.SBStandard,
#ID_INT_Sortieren.SBStandard,
#ID_INT_Filtern.SBStandard {     /*width:48px;
                                height:30px;*/ 
                                margin-right:2px; 
                                background-color:transparent;
                                background-repeat:no-repeat;
                                background-position:center center;
                                border:1px solid transparent;
                                cursor:pointer;
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                filter: progid:DXImageTransform.Microsoft.gradient(
                                        startColorstr=#00FFFF, endColorstr=#00FFFF
                                        );
                                }

#ID_INT_TabelleButtons #ID_INT_Verzweige,
#ID_INT_TabelleButtons #ID_INT_Verzweige.SBStandard {  width:auto;height:25px;
                                                      color:#FFF;
                                                      background:#00547e;
                                                      margin-right:2px; 
                                                      background-repeat:no-repeat;
                                                      background-position:center center;
                                                      border:1px solid transparent;
                                                      cursor:pointer;
                                                      -webkit-border-radius: 5px;
                                                      -moz-border-radius: 5px;
                                                      border-radius: 5px;
                                                      filter: progid:DXImageTransform.Microsoft.gradient(
                                                              startColorstr=#00FFFF, endColorstr=#00FFFF
                                                              );
                                                  }                               

#ID_INT_Vorwaerts.SBStandard {  /*width:48px;
                                height:30px;*/ 
                                margin-left:2px;
                                background-color:transparent;
                                background-repeat:no-repeat;
                                background-position:center center;
                                border:1px solid transparent;
                                cursor:pointer;
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                filter: progid:DXImageTransform.Microsoft.gradient(
                                        startColorstr=#00FFFF, endColorstr=#00FFFF
                                        );
                                }	

#ID_INT_Rueckwaerts.SBStandard {    /*width:48px;
                                    height:30px;*/ 
                                    margin-right:2px;
                                    background-color:transparent;
                                    background-repeat:no-repeat;
                                    background-position:center center;
                                    border:1px solid transparent;
                                    cursor:pointer;
                                    -webkit-border-radius: 5px;
                                    -moz-border-radius: 5px;
                                    border-radius: 5px;
                                    filter: progid:DXImageTransform.Microsoft.gradient(
                                            startColorstr=#00FFFF, endColorstr=#00FFFF
                                            );
                                    }	
						 
#ID_INT_Zurueck,
#ID_INT_Zeigen,
#ID_INT_Neu,
#ID_INT_Aendern,
#ID_INT_Speichern,
#ID_INT_SpeichernUndSchliessen,
#ID_INT_Loeschen,
#ID_INT_Drucken,
#ID_INT_Rueckwaerts,
#ID_INT_Aktualisieren,
#ID_INT_Vorwaerts,
#ID_INT_Verzweige,
#ID_INT_FilterAnwenden,
#ID_INT_Schliessen,
#ID_INT_Kalender,
#ID_INT_Uebergeben,
#ID_INT_Sortieren,
#ID_INT_Filtern {     /*width:48px;
                        height:30px;*/
                        margin-right:2px;
                        background-color:transparent;
                        background-repeat:no-repeat;
                        background-position:center center;
                        vertical-align:middle;
                        border:1px solid transparent;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        filter: progid:DXImageTransform.Microsoft.gradient(
								startColorstr=#00FFFF, endColorstr=#00FFFF
                                );
                        }
					
#ID_INT_Zurueck:hover,
#ID_INT_Zurueck.SBStandard:hover,
#ID_INT_Zeigen:hover,
#ID_INT_Zeigen.SBStandard:hover,
#ID_INT_Neu:hover,
#ID_INT_NEU.SBStandard:hover,
#ID_INT_Aendern:hover,
#ID_INT_Aendern.SBStandard:hover,
#ID_INT_Speichern:hover,
#ID_INT_Speichern.SBStandard:hover,
#ID_INT_SpeichernUndSchliessen:hover,
#ID_INT_SpeichernUndSchliessen.SBStandard:hover,
#ID_INT_Loeschen:hover,
#ID_INT_Loeschen.SBStandard:hover,
#ID_INT_Drucken:hover,
#ID_INT_Drucken.SBStandard:hover,
#ID_INT_Aktualisieren:hover,
#ID_INT_Aktualisieren.SBStandard:hover,
#ID_INT_Verzweige:hover,
#ID_INT_Verzweige.SBStandard:hover,
#ID_INT_FilterAnwenden:hover,
#ID_INT_FilterAnwenden.SBStandard:hover,
#ID_INT_Schliessen:hover,
#ID_INT_Schliessen.SBStandard:hover,
#ID_INT_Kalender:hover,
#ID_INT_Kalender.SBStandard:hover,
#ID_INT_Uebergeben:hover,
#ID_INT_Uebergeben.SBStandard:hover,
#ID_INT_Sortieren:hover,
#ID_INT_Sortieren.SBStandard:hover,
#ID_INT_Filtern:hover,
#ID_INT_Filtern.SBStandard:hover {    /*width:48px;
                                        height:30px;*/
                                        background-color:#F2F3F8;
                                        background-repeat:no-repeat;
                                        background-position:center center;
                                        border:1px solid #00547e;
                                        filter: progid:DXImageTransform.Microsoft.gradient(
                                                startColorstr=#00FFFF, endColorstr=#00FFFF
                                                );
                                        }

#ID_INT_TabelleButtons #ID_INT_Verzweige:hover,
#ID_INT_TabelleButtons #ID_INT_Verzweige.SBStandard:hover {  width:auto;height:25px;
                                                            color:#00547e;
                                                            background:#FFF;
                                                            background-repeat:no-repeat;
                                                            background-position:center center;
                                                            border:1px solid #00547e;
                                                            filter: progid:DXImageTransform.Microsoft.gradient(
                                                                    startColorstr=#00FFFF, endColorstr=#00FFFF
                                                                    );
                                                              }
                                        
#ID_INT_Rueckwaerts:hover,
#ID_INT_Rueckwaerts.SBStandard:hover,
#ID_INT_Vorwaerts:hover,
#ID_INT_Vorwaerts.SBStandard:hover {    /*width:48px;
                                        height:30px;*/
                                        background-color:#F2F3F8;
                                        background-repeat:no-repeat;
                                        background-position:center center;
                                        border:1px solid #00547e;
                                        filter: progid:DXImageTransform.Microsoft.gradient(
												startColorstr=#00FFFF, endColorstr=#00FFFF
                                                );
                                        }




#ID_INT_Zurueck p,
#ID_INT_Zeigen p,
#ID_INT_Neu p,
#ID_INT_Aendern p,
#ID_INT_Speichern p,
#ID_INT_SpeichernUndSchliessen p,
#ID_INT_Loeschen p,
#ID_INT_Drucken p,
#ID_INT_Rueckwaerts p,
#ID_INT_Aktualisieren p,
#ID_INT_Vorwaerts p,
#ID_INT_Verzweige p,
#ID_INT_FilterAnwenden p,
#ID_INT_Schliessen p,
#ID_INT_Kalender p,
#ID_INT_Uebergeben p,
#ID_INT_Sortieren p,
#ID_INT_Filtern p {   margin-top:7px;
                       left:0px;
                       border:none;
                       }

						

#ID_INT_Zurueck p img,
#ID_INT_Zeigen p img,
#ID_INT_Neu p img,
#ID_INT_Aendern p img,
#ID_INT_Speichern p img,
#ID_INT_SpeichernUndSchliessen p img,
#ID_INT_Loeschen p img,
#ID_INT_Drucken p img,
#ID_INT_Rueckwaerts p img,
#ID_INT_Aktualisieren p img,
#ID_INT_Vorwaerts p img,
#ID_INT_Verzweige p img,
#ID_INT_FilterAnwenden p img,
#ID_INT_Schliessen p img,
#ID_INT_Kalender p img,
#ID_INT_Uebergeben p img,
#ID_INT_Sortieren p img,
/*#ID_INT_Filtern p img */{      margin-top:-3px;
                          left:0px;
                          border:none;
                          outline:none;
                          }

/*------------------------------------------------------*/
/* Die Klasse .SBZurueck (SB = SystemButton)            */
/* kann optional genutzt werden, um den                 */
/* Zur�ck-Button individuell zu gestalten               */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBZurueck              {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBZeigen (SB = SystemButton)             */
/* kann optional genutzt werden, um den                 */
/* Zeigen-Button individuell zu gestalten               */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBZeigen               {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBNeu (SB = SystemButton)                */
/* kann optional genutzt werden, um den                 */
/* Neu-Button individuell zu gestalten                  */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBNeu                  {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBAendern (SB = SystemButton)            */
/* kann optional genutzt werden, um den                 */
/* �ndern-Button individuell zu gestalten               */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBAendern              {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBSpeichern (SB = SystemButton)          */
/* kann optional genutzt werden, um den                 */
/* Speicher-Button individuell zu gestalten             */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBSpeichern            {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBSpeichernUndSchliessen                 */
/* (SB = SystemButton) kann optional genutzt werden,    */
/* um den SpeicherUndSchliessen-Button individuell      */
/* zu gestalten                                         */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBSpeichernUndSchliessen       {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBLoeschen (SB = SystemButton)           */
/* kann optional genutzt werden, um den                 */
/* L�schen-Button individuell zu gestalten              */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBLoeschen             {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBDrucken (SB = SystemButton)            */
/* kann optional genutzt werden, um den                 */
/* Drucken-Button individuell zu gestalten              */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBDrucken              {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBRueckwaerts (SB = SystemButton)        */
/* kann optional genutzt werden, um den                 */
/* R�ckw�rts-Button individuell zu gestalten            */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBRueckwaerts          {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBAktualisieren (SB = SystemButton)      */
/* kann optional genutzt werden, um den                 */
/* Aktualisierungs-Button individuell zu gestalten      */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBAktualisieren        {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBVorwaerts (SB = SystemButton)          */
/* kann optional genutzt werden, um den                 */
/* Vorw�rts-Button individuell zu gestalten             */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBVorwaerts            {}
                         
/*------------------------------------------------------*/
/* Die Klasse .SBVerzweigen (SB = SystemButton)         */
/* kann optional genutzt werden, um den                 */
/* Verzweigungs-Button individuell zu gestalten         */
/* (Standardm��ig ist diese Klasse leer !)              */
/*------------------------------------------------------*/

.SBVerzweigen           {}

/*------------------------------------------------------*/
/*	NEUES Layout                                        */
/*	LogoBox = ystbesch,html								*/
/*	InfoBox und service = ysystem.html     	        	*/
/*------------------------------------------------------*/

.LogoBox {color:#000;}
.LogoBox a:link, .LogoBox a:visited {color:#000;}
.InfoBox {color:#000;margin-left:5px;}

#Infobox { color:#000;}
.InfoBox a:link, .InfoBox a:visited {color:#000;}

.service {}

/*------------------------------------------------------*/
/*	NEUES Hauptmen�                                     */
/*	HMP 			= Hauptmen�punkt   					*/
/*	UMP 			= Untermen�punkt   					*/
/*	#DIV_ID_Menue	= DIV-Bereich f�r das Untermen�		*/
/*------------------------------------------------------*/

.MenueAktiv     {display:block;}
.MenueInaktiv   {display:none;}



/*
div#ID_INT_DIV_Menue ul ul li:hover    {background:#FFF;}
div#ID_INT_DIV_Menue ul ul li:hover span   {color:#00547e;}


ul.HMPInaktiv:hover  ul,
ul.HMPAktiv:hover  ul { display:block;z-index:9999;background:#fff;
                       border:1px solid black;position:absolute;
                       width:auto;}

                     
ul.HMPInaktiv a:link,
ul.HMPInaktiv a:visited,
ul.HMPInaktiv a:active { text-decoration:none;color:#666;vertical-align:bottom;}

ul.HMPInaktiv:hover,
ul.HMPInaktiv a:hover ,
ul.HMPInaktiv a:link:hover      { color:#00547e;vertical-align:bottom;}     
                     
ul.HMPAktiv			{font-family:'Arial'; font-size:12px;_font-size:12px; color:#00547e;
					 cursor:pointer;
                     text-decoration:none;
					 white-space:nowrap;
					 vertical-align:bottom;}
					 
ul.HMPAktiv a:link, 
ul.HMPAktiv a:visited, 
ul.HMPAktiv a:active{ text-decoration:none;color:#00547e;vertical-align:bottom;}




li.UMPInaktiv				{font-family:'Arial'; font-size:12px;_font-size:12px; color:#666;background:#FFFFFF;}

li.UMPInaktiv a:link,
li.UMPInaktiv a:visited,
li.UMPInaktiv a:active { color:#666;text-decoration:none;}

li.UMPInaktiv a:link:hover { color:#2684B1;}

li.UMPHover				{font-family:'Arial'; font-size:12px;_font-size:12px; color:#00547e;}

li.UMPAktiv				{font-family:'Arial'; font-size:12px;_font-size:12px; color:#00547e;}

li.UMPAktiv a:link,
li.UMPAktiv a:visited,
li.UMPAktiv a:active { color:#fff;text-decoration:none;}

li.UMPAktiv {color:#00547e;background:#FFFFFF;}
li.UMPInaktiv:hover {background:#FFFFFF;}
*/

/*--------------------------------------------------------------------------*/
/* Datumsauswahl                                                            */
/*--------------------------------------------------------------------------*/
#ui-datepicker-div { background:#00547e;color:#fff;
                     width:auto;padding-top:1px;border:1px solid black;}
a.ui-datepicker-prev {font-weight:bold;position:absolute;left:2px;top:4px;cursor:pointer;    }
a.ui-datepicker-next {font-weight:bold; position:absolute;right:2px;top:4px;cursor:pointer;   }
select.ui-datepicker-month,
select.ui-datepicker-year {  }

.ui-datepicker-title { text-align:center;margin-bottom:1px;padding-left:5px;padding-right:5px; }

.ui-datepicker {	display:none;	}
.ui-datepicker select {font-size:9pt;}
.ui-datepicker-calendar th  {text-align:center;font-size:9pt;padding:2px; background:#DDD;}
.ui-datepicker-calendar td {text-align:center;font-size:9pt;padding:2px;background:#FFF;}

th.ui-datepicker-week-col { background:#DDD;padding-right:2px; }
td.ui-datepicker-week-col { background:#DDD;padding-right:2px; }

td.KalenderSelektierbar:hover {outline:1px solid #c0c0c0;cursor:pointer;}
.ui-datepicker td:hover {outline:1px solid #c0c0c0;cursor:pointer;}
.ui-datepicker a:link:hover {text-decoration:none;color:000;}
.ui-datepicker-current-day {outline:1px solid #c0c0c0;text-align:center;color:#009EE0;}
.ui-datepicker-current-day a:link,
.ui-datepicker-current-day a:active,
.ui-datepicker-current-day a:visited {color:#009EE0;}


/*---------------------------------------------------------------------------*/
/* Formatierungen f�r die Warengruppenanzeige im Produktkatalog              */
/*---------------------------------------------------------------------------*/

.WGAktiv				{display:block;cursor:pointer;}
.WGInAktiv	                        {display:none;}

/*---------------------------------------------------------------------------*/
/* Formatierungen f�r die Auswahl eines aktiven Punktes zum Beispiel in      */
/*      der Einkaufsliste, dem Warenkorb, ...                                */
/*---------------------------------------------------------------------------*/

.AuswahlAktiv                           {background-color:#80FF80 !important;}


/*---------------------------------------------------------------*/
/* ANPASSUNGEN F�R DAS EINBLENDBARE FILTERFENSTER - NEU!!!!!     */
/*---------------------------------------------------------------*/

ul	{ padding:5px;}

div#ID_INT_DIV_FilterAnzeige		{	width:100%;height:0px;margin-left:-10px;display:none;
                                    margin-top:5px;padding-bottom:5px;font-size:9pt;}
div#ID_INT_DIV_FilterAnzeige a,
div#ID_INT_DIV_FilterAnzeige a:link	{ padding:5px;	}
div#ID_INT_DIV_FilterAnzeige a:link:hover	{ text-decoration:underline;	}

div#ID_INT_DIV_FILTERBUTTON		{ width:100%;height:auto;margin:0;/*display:none;*/
                                  padding-top:0px;padding-left:0px;padding-bottom:5px;}
div#ID_INT_DIV_FILTERBUTTON ul	{ padding:0;padding-top:5px;padding-bottom:5px;margin:0;	}
div#ID_INT_DIV_FILTERBUTTON ul li	{ padding:0;margin:0;}

span#ID_INT_FILTERBUTTON		       {	padding:0;margin:0;font-weight:bold;background:#fff;color:black;
                                    /*border:1px solid black;*/padding:3px;font-size:10pt;
                                    /*-webkit-border-radius: 5px 5px 5px 5px;
                                    -moz-border-radius: 5px 5px 5px 5px;
                                    border-radius: 5px 5px 5px 5px;*/margin-left:2px;   }
*html span#ID_INT_FILTERBUTTON      {	border:none;	}

div#ID_INT_DIV_FILTER	{	width:50%;min-width:300px;
                            padding:5px;margin-left:2px;
                            background:#FFF;
							height:auto;
							position:absolute;z-index:9998;
							/*border:1px solid #666;*/
							font-size:10pt;
                            height:auto;}

#ID_INT_DIV_Kopf div#ID_INT_DIV_FILTER { border:1px solid #00547e; }
#ID_INT_DIV_Kopf div#ID_INT_DIV_FilterFunktionen { background:#FFF;
                                                  height:35px;
                                                  border:1px solid #00547e;}
							
div#ID_INT_DIV_FilterFunktionen	{	background:#FFF;/*padding:5px;*/
                                    height:30px;/*border:1px solid #666;*/}
                                    
*html div#ID_INT_DIV_FilterFunktionen	{	height:40px;	}

#ID_INT_DIV_FilterFunktionen button:first-child { margin-left:3px; }

div#ID_INT_DIV_FILTER input				{	width:auto;	}

#ID_INT_DIV_FiltertabelleAG,
#ID_INT_DIV_FiltertabelleZS,	
#ID_INT_DIV_FiltertabelleLF		{ height:200px;overflow:auto;font-size:9pt;
                                          padding:5px;
                                          border-left:1px solid #00547e;
                                          border-right:1px solid #00547e;
                                          border-bottom:1px solid #00547e;}

#ID_INT_DIV_FiltertabelleAG ul,
#ID_INT_DIV_FiltertabelleZS ul,
#ID_INT_DIV_FiltertabelleLF ul      { border:none;  }

#ID_INT_DIV_FiltertabelleAG ul li,
#ID_INT_DIV_FiltertabelleAG ul li:first-child,
#ID_INT_DIV_FiltertabelleZS ul li,
#ID_INT_DIV_FiltertabelleZS ul li:first-child,
#ID_INT_DIV_FiltertabelleLF ul li,
#ID_INT_DIV_FiltertabelleLF ul li:first-child    { margin:0;padding:0;text-align:left;}

#ID_INT_DIV_FILTER #ID_INT_DIV_TABS ul li div,
#ID_INT_DIV_FILTER #ID_INT_DIV_TABS ul li div   {border:none;   }

*html #ID_INT_DIV_FILTER #ID_INT_DIV_TABS div    {border:1px solid #00547e;    }

#ID_INT_DIV_FILTER #ID_INT_DIV_TABS div.rahmen     { border:none;height:auto; padding:0;    }

.MenueAktiv					{	display:block;}
.MenueInaktiv				{	display:none;}

/*---------------------------------------------------------------*/
/* Benutzeranzeige											     */
/*---------------------------------------------------------------*/
div#ID_INT_DIV_BENUTZERANZEIGE_DATEN a,
div#ID_INT_DIV_BENUTZERANZEIGE_DATEN a:link { color: #000000}

div#ID_INT_DIV_BENUTZERANZEIGE_DATEN a:link:hover	{ color: #00547e;	}

div#ID_INT_DIV_IMPRESSUM a:link { color: #000000}

div#ID_INT_DIV_IMPRESSUM a:link:hover	{ color: #00547e;	}

/*---------------------------------------------------------------*/
/* EintragFormatierungEinUndAusblenden						     */
/*---------------------------------------------------------------*/
a.CSS_CLASS_EintragFormatierungEinUndAusblenden { color: #fff;	}
a:hover.CSS_CLASS_EintragFormatierungEinUndAusblenden { color: #fff;	}


/*---------------------------------------------------------------*/
/*  css Block aus pspponeu2.html                                 */
/*---------------------------------------------------------------*/

a#ID_INT_RezepteEinblenden,
    a#ID_INT_RezepteAusblenden
    {
        margin-right:2px;
        height: 25px;
        width: auto;
        background-color: #00547e;
        color: #FFF;
        font-size: 11pt;
        vertical-align:middle;
        border:1px solid transparent;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-weight:bold;        
        text-transform: uppercase;
    }
    
    a#ID_INT_RezepteEinblenden::before
    {
        content: '\00003C\00003C';
    }
    
    a#ID_INT_RezepteAusblenden::after
    {
        content: '\00003E\00003E';
    }
    
    .CSS_CLASS_Checkbox
    {
        width:40px;
        padding:0;
        text-align:center;
        vertical-align:middle;
        border:1px solid white;
        border-left:none;
    }
             
    .CSS_CLASS_TblLabel
    {
        position:relative;
        width:40px;
        padding:0;
        text-align:center;
        font-size:20px;
        font-weight:bold;
        vertical-align:middle;
        border:1px solid white;
        border-right:none;
        padding-left:5px;
    }
                      
    *html .CSS_CLASS_TblLabel
    {
        width:30px;
        padding-left:0px;
        text-align:center;
        padding:2px;
    }

    div#ID_INT_DIV_Label
    {
        width:30px;
        text-align:center;
        vertical-align:middle;
        -ms-transform: rotate(270deg);
        -ms-transform-origin: 200% 50%;
        -webkit-transform: rotate(270deg);
        -webkit-transform-origin: 200% 50%;
        -o-transform: rotate(270deg);
        -o-transform-origin: 200% 50%;
        transform: rotate(270deg);
        transform-origin: 200% 50%;
        word-wrap: normal;
        word-break: normal;
        word-wrap: break-all \0;
        word-break: break-all \0;
    }

    div#ID_INT_DIV_Label span
    {
        width:10px;
        height:10px; 
    }

    *html div#ID_INT_DIV_Label
    {
        width:25px;
        text-align:center;
        word-wrap: break-all;
        word-break: break-all;
    }
    
    *html div#ID_INT_DIV_Label span
    {
        margin-left:0px;
        word-wrap: break-all;
        word-break: break-all;
    }
 
    table#ID_INT_TBL_Speiseplan
    {
        table-layout:fixed;
        width:auto;
        border:1px solid white;
        margin-left:10px;
        margin-top:10px;
        box-shadow: 0px 0px 10px 0px #808080;
        -moz-box-shadow: 0px 0px 10px 0px #808080;
        -webkit-box-shadow: 0px 0px 10px 0px #808080;
    }

    table#ID_INT_TBL_Speiseplan thead tr th.CSS_CLASS_SPUeberschrift
    {
        width:250px;
        height:40px;   
        border:1px solid white;
        font-size:14px;font-weight:bold;
    }
                                                            
    table#ID_INT_TBL_Speiseplan thead tr th.CSS_CLASS_TblLabel,
    table#ID_INT_TBL_Speiseplan tr td.CSS_CLASS_TblLabel,
    table#ID_INT_TBL_Speiseplan thead tr th.CSS_CLASS_Checkbox
    {
        border:1px solid white;
    }
    /*                                                   
    table#ID_INT_TBL_Speiseplan thead tr th a.CSS_CLASS_EintragFormatierungEinUndAusblenden::before,
    table#ID_INT_TBL_Speiseplan thead tr th a.CSS_CLASS_EintragFormatierungEinUndAusblenden::after
    {
        content: "\00a0\00a0";
    }*/
    
    table#ID_INT_TBL_Speiseplan thead tr th a.CSS_CLASS_EintragFormatierungEinUndAusblenden
    {
        font-size:28px;
        text-align:center;
    }

    table#ID_INT_TBL_Speiseplan tr td.CSS_CLASS_SPUeberschrift
    {
        vertical-align:middle;
        width:250px;
    }

    table#ID_INT_TBL_Speiseplan tr td select
    {
        width:240px;
        background:transparent;
        border-style:none;
        border: none/*1px solid #666*/;
        display:inline-block;
    }
                                            
    table#ID_INT_TBL_Speiseplan tr td option
    {
        background:transparent;
        border-style:none;
        border: none /*1px solid #666*/;
    }
    
    table#ID_INT_TBL_Speiseplan span.CSS_CLASS_SPPOARTID
    {
        padding-left:5px;
    }
                                         
    table#ID_INT_TBL_Speiseplan tr td input[type='checkbox']
    {
        vertical-align:top;
        display:inline-block;
    }
    
    table#ID_INT_TBL_Speiseplan tr td div
    {
        width:213px;
        padding:5px;
        min-height:3em;
        border:2px solid transparent;
        outline:none;
    }
    
    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_EintragFormatierung
    {
        padding:0;
        margin:0;
    }
    
    table#ID_INT_TBL_Speiseplan tr td textarea
    {
        display:none;
    }
    
    table#ID_INT_TBL_Speiseplan tr td a
    {
        padding-left:5px;
        padding-right:5px;
    }

    *html table#ID_INT_TBL_Speiseplan tr td div
    {
        width:211px;
        cursor:text;
        float:left;
        display:inline-block;
    }

    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_Rezeptfeld
    {
        background:transparent;
        vertical-align:top;
        border-top:2px solid transparent;
        border-left:2px solid transparent;
        border-right:2px solid transparent;
        border-bottom:2px solid transparent;
    }

    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldGefuellt
    {
        background:transparent;
        vertical-align:top;
        border-top:2px solid transparent;
        border-left:2px solid transparent;
        border-right:2px solid transparent;
        border-bottom:2px solid transparent;
    }

    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldSelektiert
    {
        vertical-align:top;
        border-top:2px solid transparent;
        border-left:2px solid transparent;
        border-right:2px solid transparent;
        border-bottom:2px solid transparent
    }

    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldGefuelltNeu
    {
        background:#FFFD5A; 
        vertical-align:top;
        border-top:2px solid transparent;
        border-left:2px solid transparent;
        border-right:2px solid transparent;
        border-bottom:2px solid transparent
    }

    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldGeloescht
    {
        background:transparent;
        outline: 1px solid #FF0000;
        vertical-align:top;
        text-align:center;
        font-weight:bold;
        color:#FF0000;
    }

    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldGefuellt:focus
    {
        background:transparent;
        vertical-align:top;
        border-top:2px solid #666;
        border-left:2px solid #666;
        border-right:2px solid #CCC;
        border-bottom:2px solid #CCC;
    }

    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldSelektiert:focus,
    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldGefuelltNeu:focus
    {
        background:#80FF80;
        vertical-align:top;
        border-top:2px solid #666;
        border-left:2px solid #666;
        border-right:2px solid #CCC;
        border-bottom:2px solid #CCC;
    }

    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldSelektiert:hover,
    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldGefuelltNeu:hover,
    table#ID_INT_TBL_Speiseplan tr td div.CSS_CLASS_RezeptfeldGefuellt:hover
    {
        border-top:2px solid #666;
        border-left:2px solid #666;
        border-right:2px solid #CCC;
        border-bottom:2px solid #CCC;
        vertical-align:top;
        cursor:text;
    }
.hintergrund { background: #FFFFFF; }

/*------------------------------------------------------*/
/* Wortumbruch in allen Spalten                         */
/*------------------------------------------------------*/

td {word-wrap:break-word;}

/*------------------------------------------------------*/
/*  Die Farben für Daueraufträge bei Einkaufslisten     */
/*      #FFA500 = Orange                                */
/*------------------------------------------------------*/

.ELMitDA                {background-color:#FFA500;}

/*------------------------------------------------------*/
/* Formatierung der globalen Leiste                     */
/*------------------------------------------------------*/

#ID_INT_DIV_GBTNLST_VERZWEIGEN { float:left;text-align:right;width:39%;height:auto;padding:2px;margin:0;}

#ID_INT_GVerzweige.SBStandard {     /*width:48px;
                                height:30px;*/ 
                                margin-right:2px; 
                                background-color:transparent;
                                background-repeat:no-repeat;
                                background-position:center center;
                                border:1px solid transparent;
                                cursor:pointer;
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                filter: progid:DXImageTransform.Microsoft.gradient(
                                        startColorstr=#00FFFF, endColorstr=#00FFFF
                                        );
                                }

#ID_INT_GTabelleButtons #ID_INT_GVerzweige,
#ID_INT_GTabelleButtons #ID_INT_GVerzweige.SBStandard {  width:auto;height:25px;
                                                      color:#FFF;
                                                      background:#003D9C;
                                                      margin-right:2px; 
                                                      background-repeat:no-repeat;
                                                      background-position:center center;
                                                      border:1px solid transparent;
                                                      cursor:pointer;
                                                      -webkit-border-radius: 5px;
                                                      -moz-border-radius: 5px;
                                                      border-radius: 5px;
                                                      filter: progid:DXImageTransform.Microsoft.gradient(
                                                              startColorstr=#00FFFF, endColorstr=#00FFFF
                                                              );
                                                  }                               
                                                  
#ID_INT_GVerzweige:hover,
#ID_INT_GVerzweige.SBStandard:hover {    /*width:48px;
                                        height:30px;*/
                                        background-color:#E6F2FE;
                                        background-repeat:no-repeat;
                                        background-position:center center;
                                        border:1px solid #003782;
                                        filter: progid:DXImageTransform.Microsoft.gradient(
                                                startColorstr=#00FFFF, endColorstr=#00FFFF
                                                );
                                        }

#ID_INT_GTabelleButtons #ID_INT_GVerzweige:hover,
#ID_INT_GTabelleButtons #ID_INT_GVerzweige.SBStandard:hover {  width:auto;height:25px;
                                                            color:#ffffff;
                                                            background:#99CDFF;;
                                                            background-repeat:no-repeat;
                                                            background-position:center center;
                                                            border:1px solid #99CDFF;
                                                            filter: progid:DXImageTransform.Microsoft.gradient(
                                                                    startColorstr=#00FFFF, endColorstr=#00FFFF
                                                                    );
                                                              }
#ID_INT_GVerzweige p { margin-top:7px;
                       left:0px;
                       border:none;
                       }
                       
#ID_INT_GVerzweige p img { margin-top:-3px;
                          left:0px;
                          border:none;
                          outline:none;
                          }

/*------------------------------------------------------*/
/* Des Bestellbuttons im Warenkorb                      */
/*------------------------------------------------------*/

.SBBestellen { font-family: 'Arial';
			   font-size: 14pt;
			   float: right;
			   border: 0px solid;
			   border-radius: 5px;
			   background: #00547e;
			   color: #ffffff;
			   width: 250px;
			   height: 50px;
			   margin-bottom: 5px;}

/*------------------------------------------------------*/
/* Des Bestellbuttons für die APP im Warenkorb          */
/* nur anpassen Falls anders als in der Desktopversion! */
/*------------------------------------------------------*/

.SBBestellen2 { font-family: 'Arial';
			   font-size: 14pt;
			   float: right;
			   border: 0px solid;
			   border-radius: 5px;
			   background: #00547e;
			   color: #ffffff;
			   width: 250px;
			   height: 50px;
			   margin-bottom: 5px;}	
					
/*---------------------------------------------------------------*/
/* Zweiter Verweigungsbutton (z. B. f�r "In den Warenkorb")      */
/*---------------------------------------------------------------*/
.Verzweigung2 {
	background: #00547e; color: #ffffff; border-radius: 5px; border: 1px solid #00547e; background-repeat: no-repeat; height: 25px; cursor: pointer;
}