#overlay {margin-left: -30px;}
a:active {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}
#orga { width: 710px; zoom: 1; }
#minister { text-align: center; }
#minister h2 { border: none; }
#minister h2 a {
   border:1px solid #ccc;
   margin:0;
   font-size: 13px;
   padding: 10px;
   display: inline-block;
   cursor: pointer;
   width: 196px;
}
* html #minister h2 a { width: 222px; }
#minister h2 img {
    background-color:#fff;
    border: 1px solid #ccc;
    margin: 0 0 5px 27px;
    padding:4px;        
    display:block;
}
* html #minister h2 img { margin-left: -4px; }
*+ html #minister h2 img { margin: 0 0 5px 0; }
    
#orga .h3_osb { margin:0; padding: 6px 0 10px 5px; }
/* navigation */
#orga #nav {
    border-bottom:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    width: 704px;
    height: 322px;
    padding-bottom: 10px;
    
    line-height:14px;
}
* html #orga #nav { height: auto; padding-bottom: 0; }
#orga #nav ul {    
    margin:0;    
    width: 743px;
}
* html #orga #nav ul {    width: auto; }
#orga #nav li {    
    border-right:1px solid #ddd;
    border-top:1px solid #ddd;
    float:left;
    width:175px;
    list-style-type:none;
    list-style-image:none;
    text-align:center;
    padding: 0;
}
* html #orga #nav li { width:175px;    }
#orga #nav a {
    color:#333333;
    display:block;
    padding:17px 15px 26px 15px;
    position:relative;
    /*word-spacing:-2px;*/
    font-size:11px;       
    height:122px;
    text-decoration:none;
}
* html #orga #nav a { height:155px; padding:17px 15px 10px 15px; }
#orga #nav a.current {
    background-image:url(https://www.design.sachsen.de/app/moderneverwaltung_organigramm/symbole/down_large2.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#orga #nav img
{
    background-color:#fff;
    border:1px solid #ccc;
    margin:3px 0 5px 27px;
    padding:4px;        
    display:block;
}
* html #orga #nav img {margin:3px 0 5px 0;}
*+ html #orga #nav img {margin:3px 0 5px 0;}
#orga #nav strong {
    display:block;        
    font-size:13px;
}
/* panes */
#panes
{
    width:704px;    
    /* height: 900px; */
    height: auto;
    padding:5px 0 5px 0;
    margin-top: 16px;
    position: relative;
}
#panes .content div.orgabox {
 line-height: 2px;
 font-size: 2px;
}
#panes .content h2 {
 position: relative;
}
#panes .content h2 span {
 background-color: Transparent;
 display: block;
 width: auto;
 height: auto;
 border: none;
 position: absolute;
 right: 0;
 top: 0;
}
#panes .content .orgabox p, #panes .content .orgabox span
{
 font-size: 12px;
 line-height: 16px;
}
/* thumbnails */
#panes .content a span.thumb {
 display:none;
 padding: 0;
 margin: 0;
 
}
#panes .content a
{
  display: inline-block;
}
#panes .content a:hover
{
  position:relative;
}
#panes .content a:hover span.thumb
{
    display:block ;
    width:240px ;
    height:180px ;
    border: double 3px #6a88a1 ;
    background-color:#f3f3f3;
    background-image:url(https://www.design.sachsen.de/app/moderneverwaltung_organigramm/symbole/loading2.gif);
    background-position:center center;
    background-repeat:no-repeat ;
    position:absolute;
    left: 235px ;
    bottom :0px ;
}
#panes .content a.inaktiv, #panes .content a.inaktiv span
{
 cursor: default;
 color: #000;
}
#panes .content a.inaktiv:hover span.thumb {display: none;}
#panes .content a:hover span.thumb img
{
    width:240px ;
    height:180px ;
    border: none ;
    margin:0 0 0 0 ;
    padding:0 0 0 0 ;
    text-indent:0;
    position:absolute;
    top:0;
    left:0;
}
#panes .content h2 span img {
 padding-left: 16px;
 cursor: pointer; 
}
/* crossfading effect needs absolute positioning from the elements */
#panes div.content {
    /* display:none; */
    color:#444;
    /* position: absolute; */
    width: 710px;
}
.overlay_content {
    background-color: #fff;
    padding: 0 80px 20px 40px;
    margin: 0 0 0 -40px;
}
#panes div span {
 width: 200px;
 height: 76px; 
 padding: 10px 10px 10px 10px;
 margin: 3px 0 0 0;
 margin: 3px 3px 0 0;
 border: solid 1px #ccc;
 display: inline-block;
 /* max-width: 170px; */
 vertical-align: top;
 background-color: #fff;
 overflow: hidden;
}
* html #panes div span { width: 220px; height: 96px;}
#panes div h2 span { margin: 3px 0 0 0; padding: 10px 0 10px 10px;}
#panes div a {
 text-decoration: none;
}
#panes div a span {
 cursor: pointer;
}
#panes div a:hover span {
 border: solid 1px #e2bc81;
}
#panes div span.staatsbetrieb {
 border: double 4px #666;
 width: 194px;
 height: 70px; 
}
* html #panes div span.staatsbetrieb { width: 220px; height: 96px; }
#panes div a:hover span.staatsbetrieb {
 border: double 4px #e2bc81;
}
.overlay {
    display:none;
    width:500px;
    padding:20px;
    background-color:#ddd;
}
#orga .legende p span {
    border: solid 1px #ccc;
    display: inline-block;
    width: 30px;
    height: 15px;
    margin-right: 15px;
    padding: 2px;
}
#orga .legende p span.staatsbetrieb {
    border: double 4px #666;
    width: 24px;
    height: 9px;
}
* html #orga .legende p span.staatsbetrieb {
  width: 30px;
  height: 15px;
}
/* overlay style */
/* the overlayed element */
.overlay_info { display: none; }
.overlay {
    width: 750px;
    height: 650px;
    padding: 20px 40px 20px 40px;
    background-color: #fff;
}
.overlay {
    display:none;
    z-index:10000;
    
    min-height:200px;
    border:1px solid #666;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.overlay .close {
     background-image:url(https://www.design.sachsen.de/app/moderneverwaltung_organigramm/symbole/close.png);     
     position:absolute;     
     right:-15px;     
     top:-15px;     
     cursor:pointer;     
     height:35px;     
     width:35px;
}