/* css reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
}

table { border-collapse: collapse; border-spacing: 0; }

td, th, caption { font-weight: normal; text-align: left; }

img, fieldset { border: 0; }

ol { padding-left: 1.4em; list-style: decimal; }

ul { padding-left: 1.4em; list-style:square; }

q:before, q:after { content:''; }

/* main */
/* basic layout */
body {
  background: #e5e5e5;
}

  #container {
    width: 780px;
    margin: 0 auto;
  }

    #banner {
      width: 780px;
      height: 106px;
      background: url(../img/banner.png) no-repeat;
    }

    #navigation {
      position: relative;
      width: 780px;
      height: 39px;
      background: url(../img/navigation_bar.png) no-repeat;
    }

      #navigation ul {
        /*position: absolute;*/
        list-style-type: none;
        margin-left: 35px;
        padding: 0;
      }
  
        #navigation ul li {
          float: left;
          margin-right: 4px;
        }
    
          #navigation ul li a {
            font-family: Futura, Helvetica, Arial, sans-serif;
            text-decoration: none;
            color: white;
            display: block;
            width: 105px;
            height: 19px;
          }
          
          a#about {
            background: url(../img/tab_about_test.png) no-repeat;
          }
          
          .englisch a#about {
            background: url(../img/buttons_en/tab_about.png) no-repeat;
          }
          
          a#about:hover {
            background-position: -105px 0;
          }
          
          span#about {
            background: url(../img/about_selected.png) no-repeat;
            display: block;
            width: 105px;
            height: 19px; 
          }
      
          .englisch span#about {
            background: url(../img/buttons_en/tab_about.png) no-repeat -105px 0;
            display: block;
            width: 105px;
            height: 19px; 
          }
          
          a#aktuell {
            background: url(../img/tab_aktuell_test.png) no-repeat;
          }
          
          .englisch a#aktuell {
            background: url(../img/buttons_en/tab_current.png) no-repeat;
          }
          
          a#aktuell:hover {
            background-position: -105px 0;
          }
          
          span#aktuell {
            background: url(../img/aktuell_selected.png) no-repeat;
            display: block;
            width: 105px;
            height: 19px; 
          }
          
          .englisch span#aktuell {
            background: url(../img/buttons_en/tab_current.png) no-repeat  -105px 0;
            display: block;
            width: 105px;
            height: 19px; 
          }
      
          a#archiv {
            background: url(../img/tab_ausstellung_test.png) no-repeat;
          }
          
          .englisch a#archiv {
            background: url(../img/buttons_en/tab_archive.png) no-repeat;
          }
          
          a#archiv:hover {
            background-position: -105px 0;
          }
          
          span#archiv {
            background: url(../img/ausstellung_selected.png) no-repeat;
            display: block;
            width: 105px;
            height: 19px; 
          }
      
          .englisch span#archiv {
            background: url(../img/buttons_en/tab_archive.png) no-repeat -105px 0;
            display: block;
            width: 105px;
            height: 19px; 
          }
          
          a#kuenstler {
            background: url(../img/tab_kuenstler_test.png) no-repeat;
          }
          
          .englisch a#kuenstler {
            background: url(../img/buttons_en/tab_artists.png) no-repeat;
          }
          
          a#kuenstler:hover {
            background-position: -105px 0;
          }
          
          span#kuenstler {
            background: url(../img/kuenstler_selected.png) no-repeat; 
          }
      
          .englisch span#kuenstler {
            background: url(../img/buttons_en/tab_artists.png) no-repeat -105px 0; 
          }
          
          a#kontakt {
            background: url(../img/tab_kontakt_test.png) no-repeat;
          }
          
          .englisch a#kontakt {
            background: url(../img/buttons_en/tab_contact.png) no-repeat;
          }
          
          a#kontakt:hover {
            background-position: -105px 0;
          }
          
          span#kontakt {
            background: url(../img/kontakt_selected.png) no-repeat;
            display: block;
            width: 105px;
            height: 19px; 
          }
          
          .englisch span#kontakt {
            background: url(../img/buttons_en/tab_contact.png) no-repeat -105px 0;
            display: block;
            width: 105px;
            height: 19px; 
          }
      
          span.nav_tabs {
            visibility: hidden;
          }
        div#language_selection {
          position: absolute;
          top: 21px;
          right: 30px;
        }
        
        #navigation div#language_selection a {
          text-decoration: none;
          font-size: .9em;
          color: #fff;
          padding-left: 18px;
        }
        
          #navigation div#language_selection span {
                    padding-left: 18px;
                    font-size: .9em;
                    color: #0276CF;
          }
                  
          #navigation div#language_selection .de {
            background: url(../img/button_deutsch.png) no-repeat;
            float: right;
            display: block;
            width: 16px;
            height: 18px;
          }
          
          #navigation div#language_selection .en {
            background: url(../img/button_englisch.png) no-repeat;
            float: right;
            margin-right: 10px;
            display: block;
            width: 16px;
            height: 18px;
          }
          
          #navigation div#language_selection span.en {
            background: url(../img/button_englisch.png) no-repeat 0 -18px;
          }
          
          #navigation div#language_selection span.de {
            background: url(../img/button_deutsch.png) no-repeat 0 -18px;
          }
          
          #navigation div#language_selection a.de:hover {
                    background-position: 0 -18px;
                    font-weight: bold;
                    color: #0276CF;
          }
          
          #navigation div#language_selection a.en:hover {
                    background-position: 0 -18px;
                    font-weight: bold;
                    color: #0276CF;
          }

          
     #front_image {
      width: 780px;
      height: 170px;
     }
          
     #front_image img {
      width: 780px;
      height: 170px;
     }
      
      img.hidden {
        display: none;
      }
     
    #main {
      zoom: 1;
      background: #ededed;
      padding-left: 10px;
      padding-bottom: 10px;
      padding-top: 10px;
      font-family: Verdana, sans-serif;
      font-size: 0.9em;
      line-height: 1.2;
    }
    
      #main em {
        font-family: Helvetica, Arial, sans-serif;
        font-style: oblique;
        color: #0276CF;
      }
      
      #main .hover {
        background: #bed4e3;
        cursor: pointer;
      }
    
      #main .bottom10 {
        margin-bottom: 10px;
      } 
    
      #main .top20 {
        margin-top: 20px;
      }
      
      #main .bottom5 {
        margin-bottom: 5px;
      }
      
      #main .top5 {
        margin-top: 5px;
      }
      
      #main .top10 {
        margin-top: 10px;
      }
        
      #main h1 {
        margin: 0px 10px 5px 0;
        font-family: Futura, Helvetica, Arial, sans-serif;
        padding: 5px 0 0 0;
        color: #0276CF;
        /*font-weight: bold;*/
        font-size: 1.1em;
        text-transform: uppercase;
      }
      
        h1 .subtitle {
          font-size: 1em;
        }
        
      strong { font-style: oblique; font-size: .9em; font-weight: bold; }
      
      #main h2 {
        margin: 10px 0 5px 0;
        font-size: 1em;
        font-weight: bold;
      }
      
      #main h3 {
        margin: 0 0 5px 0;
        font-weight: bold;
      }
      
      #main blockquote {
        margin-top: 5px;
        font-style: italic;
      }
      
      .block_left {
        font-size: .9em;
        float: left;
        width: 355px;
        padding: 0 5px 0 0;
      }
      
      .block_right {
        float: right;
        margin: 0;
        width: 400px;
        font-size: .9em; 
      }
      
      .width640 {
        width: 480px;
      }
      
      .width120 {
        width: 280px;
      }
      
      .width350 {
        width: 350px;  
      }
      
      .bg_blue {
        background: #CFCFCF;
      }
      
     .padding5 {
        padding: 5px;
      }
      
      .block_right ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      
      .block_right a {
         font-family: Verdana, sans-serif;
         text-decoration: none;
         color: #000;
      }
      
      .block_right a:hover {
        color: #78013B;
      }
      
      .block_right .right {
        float: right;
        width: 185px;
        padding: 5px;
        background: #CFCFCF;/*#bed4e3;*/
/*         border-left: 1px solid #0276CF; */
      }
      
      .block_right .left {
        padding: 5px;
        width: 185px;
        background: #CFCFCF;/*#bed4e3;*/
      }
      
      .cite { text-align: right; }
      
      .clear {
        clear: both; /* damit float net ausbricht */
      }
      
      #sponsors {
        margin-top: 10px;
        clear: both;
        float: right;
        width: 185px;
        padding: 5px;
        background: #CFCFCF;/*#bed4e3;*/
        font-size: .9em;
      }
      
      #logos {
        position: relative;
        top: 0;
        left: 45px;
      }
      
       
      #links {
        float: right;
        margin: 10px 10px 0 0;
        width: 185px;
        height: 71px;
        padding: 5px;
        background: #CFCFCF;/*#bed4e3;*/
        font-size: .9em;
      }
      
        #links ul {
          list-style: none;
          margin: 0;
          padding: 0;
        }
        
        #links a {
          color: #000;
          text-decoration: none;
        }
        
        #links a:hover {
          color: #0276CF;
        }   
      
      #footer {
        width: 780px;
        height: 40px;
        background: url(../img/footer.png) no-repeat;
      }

.red {
  color: red;
}

.right {
  text-align: right;
}

.pdf {
  background: url(/img/acrobat.png) no-repeat 30px center;
}

.img_left {
  padding: 5px 15px 5px 0;
  float: left;
}