@charset "UTF-8";

/*
Theme Name: Internationales Auschwitz Komitee
Theme URI: http://www.auschwitz.info/
Description: SCREEN THEME
Version: 1.000.001
Author: PROJEKT 77
URI: http://www.projekt-77.de


*********** LAST MOD ********

12-01-10 created
12.10.08 add ol#breadcrumb nowrap and ellipsis;

*********** LAST MOD ********

*/

/* ### NAVIGATIONS
################################################################################################# */

/* ### BREADCRUMB
################################################## */

ol#breadcrumb {
  color: #7A7A7A;
        background-color: transparent;
  margin: 1px 0 0 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

  ol#breadcrumb li {
    color: #FF0000; 
    background-color: transparent;
    font-size: 85%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
  }
  
    ol#breadcrumb li span {
      color: #FF0000; 
      background-color: transparent;
      font-size: 95%;
      margin: 0 4px 0 0;
      padding: 0;
      text-decoration: none;
    }
    
    /* ### default
    ################################################## */
    
    ol#breadcrumb li a,
    ol#breadcrumb li a:link, 
    ol#breadcrumb li a:visited {
      width: auto;
      color: #000000; 
      background-color: transparent;
      margin: 0;
      padding: 0 2px;
      text-decoration: none;
    }

    ol#breadcrumb li a:hover, 
    ol#breadcrumb li a:active, 
    ol#breadcrumb li a:focus {
      color: #FF0000; 
      background-color: transparent;
      text-decoration: none;
    }
    
    /* ### END default
    ################################################## */
  
      ol#breadcrumb li.y-a-h { 
        color: #7A7A7A;
        background-color: transparent;
        cursor: help;
        margin: 0;
        padding: 0 2px 0 4px;
      }
      
      ol#breadcrumb li.y-a-h:hover, 
      ol#breadcrumb li.y-a-h:focus { 
        color: #000000;
        background-color: transparent;
      }
      
      ol#breadcrumb li.y-a-h-next { 
        color: #B5B5B5;
        background-color: transparent;
        cursor: help;
        margin: 0;
        padding: 0 0 0 2px;
      }
      
      ol#breadcrumb li.y-a-h-next:hover, 
      ol#breadcrumb li.y-a-h-next:focus { 
        color: #7A7A7A;
        background-color: transparent;
      }
  
/* ### END BREADCRUMB
################################################## */

/* ### SERVICE
################################################## */

ul#service {
  margin: 1px 0 0 0;
  padding: 0;
  list-style: none;
}

  ul#service li {
    color: #000000; 
    background-color: transparent;
    font-size: 85%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
  }
  
    /* ### default
    ################################################## */
    
    ul#service li a,
    ul#service li a:link, 
    ul#service li a:visited {
      width: auto;
      color: #000000; 
      background-color: transparent;
      margin: 0;
      padding: 0 0 0 2px;
      text-decoration: none;
    }

    ul#service li a:hover, 
    ul#service li a:active, 
    ul#service li a:focus {
      color: #FF0000; 
      background-color: transparent;
      text-decoration: none;
    }
    
    /* ### active
    ################################################## */
    
    ul#service li.active,
    
    ul#service li.active a,
    ul#service li.active a:link, 
    ul#service li.active a:visited {
      width: auto;
      color: #FF0000; 
      background-color: transparent;
      margin: 0;
      padding: 0 0 0 2px;
      text-decoration: none;
      cursor: help;
    }
    
    ul#service li.active:hover,

    ul#service li.active a:hover, 
    ul#service li.active a:active, 
    ul#service li.active a:focus {
      color: #7A7A7A; 
      background-color: transparent;
      text-decoration: none;
    }
    
    /* ### END default
    ################################################## */
    
    ul#service li span,
    ul#service li.active span {
      color: #000000;
      background-color: transparent;
      font-size: 110%;
      margin: 0;
      padding: 0 0 0 2px;
      text-decoration: none;
    }
    
/* ### END BREADCRUMB
################################################## */

/* ### LANGUAGE
################################################## */

ul#language {
  margin: 10px 0 0 1px;
  padding: 0;
  list-style: none;
}

  ul#language li {
    width: 50px;
    height: 42px;
    margin: 0 13px 0 14px;
    padding: 0;
    list-style: none;
    display: inline;
    float: left;
  }
  
    /* ### default
    ################################################## */
    
    /* ### german
    ##################### */
    
    ul#language li.german a,
    ul#language li.german a:link, 
    ul#language li.german a:visited {
      width: 50px;
      height: 42px;
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) 0 0 no-repeat;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      text-decoration: none;
    }

    ul#language li.german a:hover, 
    ul#language li.german a:active, 
    ul#language li.german a:focus {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) 0 -42px no-repeat;
      text-decoration: none;
    }
    
    /* ### english
    ##################### */
    
    ul#language li.english a,
    ul#language li.english a:link, 
    ul#language li.english a:visited {
      width: 50px;
      height: 42px;
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -50px 0 no-repeat;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      text-decoration: none;
    }

    ul#language li.english a:hover, 
    ul#language li.english a:active, 
    ul#language li.english a:focus {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -50px -42px no-repeat;
      text-decoration: none;
    }
    
    /* ### france
    ##################### */
    
    ul#language li.france a,
    ul#language li.france a:link, 
    ul#language li.france a:visited {
      width: 50px;
      height: 42px;
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -100px 0 no-repeat;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      text-decoration: none;
    }

    ul#language li.france a:hover, 
    ul#language li.france a:active, 
    ul#language li.france a:focus {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -100px -42px no-repeat;
      text-decoration: none;
    }
    
    /* ### polska
    ##################### */
    
    ul#language li.polska a,
    ul#language li.polska a:link, 
    ul#language li.polska a:visited {
      width: 50px;
      height: 42px;
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -150px 0 no-repeat;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      text-decoration: none;
    }

    ul#language li.polska a:hover, 
    ul#language li.polska a:active, 
    ul#language li.polska a:focus {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -150px -42px no-repeat;
      text-decoration: none;
    }
    
    /* ### END default
    ################################################## */
    
    /* ### active
    ################################################## */
    
    ul#language li.germanactive,
    ul#language li.germanactive:hover,
    
    ul#language li.englishactive,
    ul#language li.englishactive:hover,
    
    ul#language li.franceactive,
    ul#language li.franceactive:hover,
    
    ul#language li.polskaactive,
    ul#language li.polskaactive:hover {
      width: 50px;
      height: 42px;
      margin: 0 13px 0 14px;
      padding: 0;
      display: inline;
      float: left;
      cursor: help;
    }

    /* ### german
    ##################### */
    
    ul#language li.germanactive,
    ul#language li.germanactive:hover {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) 0 -42px no-repeat;
    }
    
    /* ### english
    ##################### */
    
    ul#language li.englishactive,
    ul#language li.englishactive:hover {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -50px -42px no-repeat;
    }
    
    /* ### france
    ##################### */
    
    ul#language li.franceactive,
    ul#language li.franceactive:hover {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -100px -42px no-repeat;
    }

    /* ### polska
    ##################### */
    
    ul#language li.polskaactive,
    ul#language li.polskaactive:hover {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-language.jpg) -150px -42px no-repeat;
    }    
    
    /* ### END active
    ################################################## */
    
      ul#language li span {
        position: absolute;
        top: -6000px;
        left: -6000px;
        height: 1px;
        width: 1px;
      }

/* ### END LANGUAGE
################################################## */

/* ### LOGO
################################################## */

ul#logo {
  margin: 0;
  padding: 0;
  list-style: none;
}

  ul#logo li {
    width: 156px;
    height: 39px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    float: left;
  }
  
    /* ### default
    ################################################## */
    
    /* ### german
    ##################### */
    
    ul#logo li.german a,
    ul#logo li.german a:link, 
    ul#logo li.german a:visited {
      width: 156px;
      height: 39px;
      color: #000000; 
      background: transparent 0;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      text-decoration: none;
    }

    ul#logo li.german a:hover, 
    ul#logo li.german a:active, 
    ul#logo li.german a:focus {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-iak-logo.gif) 0 0 no-repeat;
      text-decoration: none;
    }
    
    /* ### english
    ##################### */
    
    ul#logo li.english a,
    ul#logo li.english a:link, 
    ul#logo li.english a:visited {
      width: 156px;
      height: 39px;
      color: #000000; 
      background: transparent 0;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      text-decoration: none;
    }

    ul#logo li.english a:hover, 
    ul#logo li.english a:active, 
    ul#logo li.english a:focus {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-iak-logo.gif) -156px -39px no-repeat;
      text-decoration: none;
    }
    
    /* ### france
    ##################### */
    
    ul#logo li.france a,
    ul#logo li.france a:link, 
    ul#logo li.france a:visited {
      width: 156px;
      height: 39px;
      color: #000000; 
      background: transparent 0;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      text-decoration: none;
    }

    ul#logo li.france a:hover, 
    ul#logo li.france a:active, 
    ul#logo li.france a:focus {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-iak-logo.gif) -312px -78px no-repeat;
      text-decoration: none;
    }
    
    /* ### polska
    ##################### */
    
    ul#logo li.polska a,
    ul#logo li.polska a:link, 
    ul#logo li.polska a:visited {
      width: 156px;
      height: 39px;
      color: #000000; 
      background: transparent 0;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      text-decoration: none;
    }

    ul#logo li.polska a:hover, 
    ul#logo li.polska a:active, 
    ul#logo li.polska a:focus {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-iak-logo.gif) -468px -117px no-repeat;
      text-decoration: none;
    }
    
    /* ### END default
    ################################################## */
    
    /* ### active
    ################################################## */
    
    ul#logo li.germanactive,
    ul#logo li.germanactive:hover,
    
    ul#logo li.englishactive,
    ul#logo li.englishactive:hover,
    
    ul#logo li.franceactive,
    ul#logo li.franceactive:hover,
    
    ul#logo li.polskaactive,
    ul#logo li.polskaactive:hover {
      width: 156px;
      height: 39px;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
      cursor: help;
    }

    /* ### german
    ##################### */
    
    ul#logo li.germanactive,
    ul#logo li.germanactive:hover {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-iak-logo.gif) 0 0 no-repeat;
    }
    
    /* ### english
    ##################### */
    
    ul#logo li.englishactive,
    ul#logo li.englishactive:hover {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-iak-logo.gif) -156px -39px no-repeat;
    }
    
    /* ### france
    ##################### */
    
    ul#logo li.franceactive,
    ul#logo li.franceactive:hover {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-iak-logo.gif) -312px -78px no-repeat;
    }

    /* ### polska
    ##################### */
    
    ul#logo li.polskaactive,
    ul#logo li.polskaactive:hover {
      color: #000000; 
      background: transparent url(../graphic/bg/bg-iak-logo.gif) -468px -117px no-repeat;
    }    
    
    /* ### END active
    ################################################## */
    
      ul#logo li span {
        position: absolute;
        top: -6000px;
        left: -6000px;
        height: 1px;
        width: 1px;
      }

/* ### END LANGUAGE
################################################## */

/* ### MAINNAVIGATION
################################################## */

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @version    0.8
 * @type    Transitional
 * @stacks    597-599
 * @browsers  Windows: IE6+, Opera7+, Firefox1+
 *        Mac OS: Safari2+, Firefox2+
 *
 * @link    http://www.lwis.net/
 * @copyright  2006-2008 Live Web Institute
 *
 */

/* ### first 
############################ */

ul.dropdown {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 90%;
    line-height: 100%;
  margin: 0;
   padding: 0;
  list-style: none;
  position: relative;
  float: left;
   z-index: 30;
}

  ul.dropdown li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    zoom: 1;
  }
  
    ul.dropdown li.hover,
    ul.dropdown li:hover {
      color: #4D4D68;
      background-color: #EFEFF0;
      position: relative;
      cursor: default;
      z-index: 50;
    }
    
      ul.dropdown li a {
        margin: 0;
        padding: 8px 13px 9px 13px;
        display: block;
        text-decoration: none;
      }
    
        ul.dropdown a:link,
        ul.dropdown a:visited {
          color: #FFFFFF;
          background-color: transparent;
          text-decoration: none;
        }
        
        ul.dropdown a:hover,
        ul.dropdown a:active,
        ul.dropdown a:focus,
        
        ul.dropdown li:hover a {
          color: #4D4D68;
          background-color: #EFEFF0;
          text-decoration: none;
        }
        
      /* ### active 
      ############################ */

      ul.dropdown li > a.dir {
        color: #FFFFFF;
        background-color: #60607A;
        font-weight: bold;
        padding-bottom: 17px;
      }
            
      ul.dropdown li:hover > a.dir {
        color: #4D4D68;
        background-color: #EFEFF0;
        font-weight: bold;
        padding-bottom: 9px;
      }
      
/* ### END first 
############################ */

/* ### second 
############################ */
    
ul.dropdown li:hover > ul {visibility: visible;}    
      
ul.dropdown ul {
  top: 100%;
  left: 0;
  color: #FFFFFF;
  background-color: #60607A;
  font-size: 100%;
  text-transform: none;
  list-style: none;
  visibility: hidden;
  text-align: left;
  /* filter: alpha(opacity=80);
  -moz-opacity: .8;
  KhtmlOpacity: .8;
  opacity: .8; */
  margin: 0;
   padding: 0;
  position: absolute;
  z-index: 40;
}

  ul.dropdown li.last ul {
    left: auto;
    right: 0;
    color: #FFFFFF;
    text-align: right;
  }

  ul.dropdown ul li {
    text-align: left;
    width: auto; /* Especially for IE */
    display: block; /* Especially for IE */
    float: none;
    filter: none;
  }
  
    ul.dropdown ul a {
      width: auto; /* Especially for IE */
      /* min-width: 140px; */
      text-align: left;
      padding: 5px 13px 6px 13px;
      white-space: nowrap !important;
    }
    
    ul.dropdown li.last ul a {text-align: right;}
    
      ul.dropdown ul a:link,
      ul.dropdown ul a:visited {
        color: #FFFFFF;
        background-color: transparent;
        text-decoration: none;
        display: block;
      }
      
      ul.dropdown ul a:hover,
      ul.dropdown ul a:active,
      ul.dropdown ul a:focus,
      
      ul.dropdown ul li:hover a {
        color: #FFFFFF;
        background-color: #9494A4; 
        text-decoration: none;
      }
    
    /* ### active 
    ############################ */    
    
    ul.dropdown ul li > a.dir {
      color: #FFFFFF;
      background-color: #9494A4; 
      font-weight: bold;
      padding-bottom: 6px;
    }
    
    ul.dropdown ul li:hover > a.dir {
      color: #FFFFFF;
      background-color: #9494A4; 
      padding-bottom: 6px;
    }    
    
/* ### END second 
############################ */

/* ### third
############################ */

ul.dropdown ul ul {
  color: #FFFFFF;
  background-color: transparent;
  top: 0;
  left: 100%;
}

ul.dropdown li.last ul ul {
  color: #FFFFFF;
  background-color: transparent;
  top: 0;
  right: 100%;
}

  ul.dropdown ul li ul li a {
    color: #FFFFFF;
    background-color: #60607A;
  }  
  
    ul.dropdown ul li ul li a:link,
    ul.dropdown ul li ul li a:visited {
      color: #FFFFFF;
      background-color: #60607A;
    }
    
    ul.dropdown ul li ul li a:hover,
    ul.dropdown ul li ul li a:active,
    ul.dropdown ul li ul li a:focus {
      color: #FFFFFF;
      background-color: #9494A4;
    }      
  
  /* ### active 
  ############################ */    
  
  ul.dropdown ul li ul li > a.dir {
    color: #FFFFFF;
    background-color: #9494A4;
  }    
          
/* ### END third 
############################ */
        
/* ### END MAINNAVIGATION
################################################## */

/* ### PAGEBROWSER I
################################################## */

ul.pagebrowser {
  width: 100%;
  margin: 16px 0 0 0;
  padding: 0 0 10px 0;
  display: inline;
  float: left;
  list-style: none;
}

  ul.pagebrowser li {
    width: auto;
    font-weight: bold;
    margin: 0 8px 0 0;
    padding: 0;
    display: inline;
    float: left;
    list-style: none;
    cursor: help;
  }
  
    ul.pagebrowser li a,
    ul.pagebrowser li a:link,
    ul.pagebrowser li a:visited {
      color: #FF0000;
      background-color: transparent;
      font-weight: normal;
        text-decoration: none;
      cursor: pointer;
    }
    
    ul.pagebrowser li a:hover,
    ul.pagebrowser li a:active,
    ul.pagebrowser li a:focus {
      color: #7A7A7A;
      background-color: transparent;
        text-decoration: underline;
    }

/* ### END PAGEBROWSER I
################################################## */

/* ### PAGEBROWSER II
################################################## */

.pagebrowser {
  width: 50%;
  text-align: right;
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  display: inline;
  float: right;
  list-style: none;
}

    .pagebrowser a,
    .pagebrowser a:link,
    .pagebrowser a:visited {
      color: #FF0000;
      background-color: transparent;
      font-weight: normal;
        text-decoration: none;
      margin: 0 6px 0 0;
      padding: 0;
      cursor: pointer;
    }
    
    .pagebrowser span {
      color: #000000;
      background-color: transparent;
      font-weight: bold;
        text-decoration: none;
      margin: 0 6px 0 0;
      padding: 0;
      cursor: help;
    }
    
    .pagebrowser a:hover,
    .pagebrowser a:active,
    .pagebrowser a:focus {
      color: #7A7A7A;
      background-color: transparent;
      margin: 0 6px 0 0;
      padding: 0;
        text-decoration: underline;
    }

/* ### END PAGEBROWSER II
################################################## */

/* ### SITEMAP
################################################## */

ul.sitemap {
  width: 250px;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  list-style: none;
}

  ul.sitemap li {
    width: 250px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
    display: inline;
    float: left;
    list-style: none;
  }
  
   
    ul.sitemap li a,
    ul.sitemap li a:link,
    ul.sitemap li a:visited {
      color: #FF0000;
      background: transparent url(../graphic/bg/bg-arrow.gif) left center no-repeat;
      margin: 0;
      padding: 0 0 0 15px;
      text-decoration: none;
    }
    
    ul.sitemap li a:hover,
    ul.sitemap li a:active,
    ul.sitemap li a:focus {
      color: #7A7A7A;
      background-color: transparent;
        text-decoration: underline;
    } 


ul.sitemap li ul {
  margin: 5px 0 0 15px;
  padding: 0;
}

  ul.sitemap li ul li {
    font-weight: normal;
    margin: 0;
    padding: 0 0 2px 0;
  }
  
    ul.sitemap li ul li a,
    ul.sitemap li ul li a:link,
    ul.sitemap li ul li a:visited {
      color: #7A7A7A;
      background: transparent 0;
      margin: 0;
      padding: 0;
      text-decoration: none;
    }
    
    ul.sitemap li ul li a:hover,
    ul.sitemap li ul li a:active,
    ul.sitemap li ul li a:focus {
      color: #FF0000;
      background: transparent 0;
        text-decoration: underline;
    }

ul.sitemap li ul {
  margin: 0 0 0 15px;
  padding: 0 0 5px 0;
}

/* ### END SITEMAP
################################################## */

/* ### END NAVIGATIONS
################################################################################################# */