button:focus, input:focus, select:focus, textarea:focus
{
  outline: 2px inset violet;
  outline-offset: -1px;
}


select
{
  padding:2px 3px;
  font-size:14px;
  border-radius:0px;
}



/*isbColors*/
.isbColor {color: darkviolet;}
.isbBlack {color: black;}
.isbDark  {color: darkgray;}
.isbGray  {color: lightgray;}
.isbRed   {color: red;}
.isbGreen {color: green;}
.isbBlue  {color: blue;}
/*END isbColors*/


/*Text-Align*/
.isbLeft
{
  display:    block;
  text-align: left;
}  

.isbCenter
{
  display:    block;
  text-align: center;
}  

.isbRight
{
  display:    block;
  text-align: right;
}  
/*Text-Align*/


/*ToolButtons*/
.isbTlBtn 
{
  color:            #550;  
  background-color: transparent;
  border:none;
  width:     32px;
  height:    28px;
  margin:     0px;
  padding:    0px;
  font-size:   24px;
  text-shadow: 2px 2px 2px darkgray;
}

.isbTlBtn:active
{
  color:       darkviolet;
  text-shadow: none;
}

.isbTlBtn:hover
{
  color:       black !important;
  text-shadow: 2px 2px 2px violet !important;
}

.isbTlBtn[disabled]
{
  color:       #aaa;
  text-shadow: none;
  cursor:      not-allowed;
}      
/*END ToolButtons*/


/*Input in ToolBar*/
.isbTlInp 
{
  position:relative;
  top:-8px;
  height:22px; 
  padding:0px 2px;
}


/*ISB OMNIVIEW :::::::::::::::::::::::*/

.isbPanel
{
  display: none;
  position: absolute;
  border: 1px solid #f0e0f0;
}

.isbPanelToolBar
{
  display:none;
}

.isbTlBtnBenchPanelVisible
{
  height: 32px;
  border-bottom: 3px dotted #550;
}

.isbTlBtnBenchPanelActive
{
  height: 32px;
  border-bottom: 3px solid #550;
}


/*ISB RICHTAGS :::::::::::::::::::::::*/
/*Jump, Open and Load*/
.isbNone
{
  display:none;
}
  
.isbJump, .isbLoad, .isbOpen
{
  border:1px solid #f0f0ff;
  background-color:#f8f8ff; 
  color: #668; 
  cursor:pointer;
}

.isbJump::before, .isbLoad::before, .isbOpen::before,
.isbJump::after,  .isbLoad::after,  .isbOpen::after
{ content:"\2002"; } /*Schönes Space*/
/*END Jump, Open and Load*/


/*Landscape and Portrait*/

@media (orientation:landscape)
{
  .isbLandscape { display:inline; }
  .isbPortrait  { display:none; }
}

@media (orientation:portrait)
{
  .isbLandscape { display:none; }
  .isbPortrait  { display:inline; }
}

/*END Landscape and Portrait*/


/*More and Less; see also 'Print and Screen'*/
.isbMore
{
  border:1px solid #f0f0ff;
  background-color:#f8f8ff; 
  color: #668; 
  cursor:pointer;
}

.isbMore::before, 
.isbMore::after
{content:"\2002";} /*Schönes Space*/

.isbMoreContent, .isbLess
{ display:none; }
/*END More and Less*/


/*Post and Tag*/
.isbPost
{
  display:block;
  margin:  16px;
  padding:  8px 0  8px 0;  
  border-top:    1px solid #f0f0ff;
  border-bottom: 1px solid #f0f0ff;
}

.isbTag,
.isbAllTags /* s.a. Print */
{
  display:inline-block;
  margin: 8px 8px 16px 0px;
  border:1px solid #f0f0ff;
  font-size: 0.9em;
  background-color:#f8f8ff; 
  color: #668;
  cursor:pointer;
}

.isbTag::before, 
.isbTag::after
{content:"\2002";} /*Schönes Space*/

/*END Post and Tag>*/


/*Print and Screen*/
@media print
{
  .isbPrint  { display:inline; }
  .isbScreen { display:none; }
  
  .isbMore   { display:none; }
  .isbMoreContent { display:inline; }
  .isbLess   { display:none; }
  
  .isbAllTags { display:none; }
}

@media screen
{
  .isbPrint  { display:none; }
  .isbScreen { display:inline; }
}
/*END Print and Screen*/


/*Show and Hide (analog Bootstrap: 1/xs:0, 2/sm:768, 2/md:992, 3/lg:1200)*/
.isbShow1, .isbShow12, .isbShow2, .isbShow23, .isbShow3, .isbShow34, .isbShow4 {display:none;}
    
@media screen and (max-width: 767px)                        
{
  .isbShow1 { display:inline; }
  .isbHide1 { display:none !important; }  
}

@media screen and (max-width:991px) 
{  
  .isbShow12 { display:inline;}
  .isbHide12 { display:none !important; }
}

@media screen and (min-width: 768px) and (max-width:991px) 
{  
  .isbShow2 { display:inline;}
  .isbHide2 { display:none !important; }
}

@media screen and (min-width: 768px) and (max-width:1199px) 
{  
  .isbShow23 { display:inline;}
  .isbHide23 { display:none !important; }
}

@media screen and (min-width:992px) and (max-width:1199px)
{
  .isbShow3 { display:inline; }
  .isbHide3 { display:none !important; }
}

@media screen and (min-width:992px)
{
  .isbShow34 { display:inline; }
  .isbHide34 { display:none !important; }
}

@media screen and (min-width:1200px)
{
  .isbShow4 { display:inline; }
  .isbHide4 { display:none; }
}
/*END Show and Hide*/




<?php 

?>