/* CSS Document */

html, body, p, h1, h2, h3, table, div, span, strong, ul, li, img, a, hr, object, embed {
  margin: 0;padding: 0;border: 0;
  font-family: "Trebuchet MS";
}

body {
  /*background-color: #626677;*/
  background: url('../img/body_bg.gif') #fff bottom repeat-x;
  text-align: center;
}

#menu-line {
  width: 100%;
  height: 90px;
  background: url('../img/menu_line_bg2.gif') #fff repeat-x;
  border-bottom: 2px solid #560009;
  
}

#menu-bg {
  width: 947px;
  height: 90px;
  background: url('../img/menu_bg4.gif') #c00 top right no-repeat;
  margin: 0 auto;
  
  text-align: left;
}

ul#menu {
  width: 772px;
  height: 100%;
  list-style-type: none;
  background: url('../img/menu_bg4.gif') #333 top repeat-x;
  margin-left: 86px;
  text-align: left;
}

  ul#menu li{
    display: inline;
  }
  
    ul#menu li a{
      position: relative;
      height: 100%;
      float: left;
      width: auto;
      font: bold 0.8em/30px 'Trebuchet MS';
      text-decoration:  none;
    }
    
    ul#menu li a#item1 {
      width: 67px;
      background: url('../img/menu/menu_1.gif') #333 top no-repeat;
    }
    ul#menu li a#item1_active {
      width: 67px;
      background: url('../img/menu/menu_hover_1.gif') #333 top no-repeat;
    }
    
    ul#menu li a#item1 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:67px;
      z-index:100;
      background: url('../img/menu/menu_hover_1.gif') #333 top no-repeat;
    }
    /*
    ul#menu li a#item1:hover {
     background: url('../img/menu/images/menu_hover_05.jpg') #333 top no-repeat;
    }
    */
    
    
    ul#menu li a#item2 {
      width: 70px;
      background: url('../img/menu/menu_2.gif') #333 top no-repeat;
    }
    ul#menu li a#item2_active {
      width: 70px;
      background: url('../img/menu/menu_hover_2.gif') #333 top no-repeat;
    }
    ul#menu li a#item2 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:70px;
      z-index:100;
      background: url('../img/menu/menu_hover_2.gif') #333 top no-repeat;
    }
    
    
    ul#menu li a#item3 {
      width: 57px;
     background: url('../img/menu/menu_3.gif') #333 top no-repeat;
    }
    ul#menu li a#item3_active {
      width: 57px;
      background: url('../img/menu/menu_hover_3.gif') #333 top no-repeat;
    }
    ul#menu li a#item3 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:57px;
      z-index:100;
      background: url('../img/menu/menu_hover_3.gif') #333 top no-repeat;
    }
    
    
    ul#menu li a#item4 {
      width: 78px;
     background: url('../img/menu/menu_4.gif') #333 top no-repeat;
    }
    ul#menu li a#item4_active {
      width: 78px;
      background: url('../img/menu/menu_hover_4.gif') #333 top no-repeat;
    }
    
    ul#menu li a#item4 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:78px;
      z-index:100;
      background: url('../img/menu/menu_hover_4.gif') #333 top no-repeat;
    }
    
    ul#menu li a#item5 {
      width: 98px;
     background: url('../img/menu/menu_5.gif') #333 top no-repeat;
    }
    ul#menu li a#item5_active {
      width: 98px;
      background: url('../img/menu/menu_hover_5.gif') #333 top no-repeat;
    }
    
    ul#menu li a#item5 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:98px;
      z-index:100;
      background: url('../img/menu/menu_hover_5.gif') #333 top no-repeat;
    }
    
    
    ul#menu li a#item6 {
      width: 104px;
     background: url('../img/menu/menu_6.gif') #333 top no-repeat;
    }
    ul#menu li a#item6_active {
      width: 104px;
      background: url('../img/menu/menu_hover_6.gif') #333 top no-repeat;
    }
    ul#menu li a#item6 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:104px;
      z-index:100;
      background: url('../img/menu/menu_hover_6.gif') #333 top no-repeat;
    }
    
    
    ul#menu li a#item7 {
      width: 118px;
     background: url('../img/menu/menu_7.gif') #333 top no-repeat;
    }
    ul#menu li a#item7_active {
      width: 118px;
      background: url('../img/menu/menu_hover_7.gif') #333 top no-repeat;
    }
    
    ul#menu li a#item7 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:118px;
      z-index:100;
      background: url('../img/menu/menu_hover_7.gif') #333 top no-repeat;
    }
    
    
    ul#menu li a#item8 {
      width: 87px;
     background: url('../img/menu/menu_8.gif') #333 top no-repeat;
    }
    ul#menu li a#item8_active {
      width: 87px;
      background: url('../img/menu/menu_hover_8.gif') #333 top no-repeat;
    }
    ul#menu li a#item8 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:87px;
      z-index:100;
      background: url('../img/menu/menu_hover_8.gif') #333 top no-repeat;
    }
    
    ul#menu li a#item9 {
      width: 93px;
     background: url('../img/menu/menu_9.gif') #333 top no-repeat;
    }
    ul#menu li a#item9_active {
      width: 93px;
      background: url('../img/menu/menu_hover_9.gif') #333 top no-repeat;
    }
    ul#menu li a#item9 span {
      display:block;
      position:absolute;
      top:0;
      left:0;
      height: 100%;
      width:93px;
      z-index:100;
      background: url('../img/menu/menu_hover_9.gif') #333 top no-repeat;
    }


#header {
  width: 942px;
  height: 310px;
  background: url('../img/header2.jpg') #fff no-repeat;
  margin: 0 auto;
  margin-top: -1px;
}

a#english {float: right; display: block; width: 48px; height: 39px; text-decoration: none; margin: 5px 100px 5px 5px; background: url('../img/united-kingdom-icon.jpg') top no-repeat;}
a#deutch  {float: right; display: block; width: 48px; height: 39px; text-decoration: none; margin: 5px;  background: url('../img/germany-icon.jpg') top no-repeat;}
a#deutch:hover,a#english:hover { background-position: bottom; }
 
#content {
  width: 760px;
  height: 300px;
  min-height: 300px;
  border: 1px solid #ededed;
  padding: 10px;
  margin: 5px auto;
  background-color: #fff; 
  text-align: left;
  color: #333;
  font: normal 0.8em "Trebuchet MS";
}
body[class] #content { height: auto;}


#content h1 {
  font: bold 1.6em "Trebuchet MS";
  color: #a00;
  margin: 10px 0;
}

#content h2 {
  font: bold 1.3em "Trebuchet MS";
  color: #999;
  margin: 10px 0;
}

#content h3, #content h3 a  {
  font: bold 1.2em "Trebuchet MS";
  color: #a00;
  margin: 10px 0;
}
#content h3 a  { font-size: 1em;}

#content h4 {
  font: bold 1em "Trebuchet MS";
  color: #a00;
  margin: 5px 0;
}

#content a {
  color: #333;
  font-weight: bold;
}
#content a:hover {
  color: #999;
}

#content p {
  text-align: justify;
}

#content hr {
  border-top: 1px solid #eaeaea;
  margin: 10px auto;
  height:1px;
}

#content img {
  padding: 1px;
  border: 1px solid #aaa;
  margin: 15px 10px;
}

#content ul {
  list-style-type: none;
  margin: 10px;
}


#content #right_panel {
  float: right;
  width: 200px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 15px 0 10px 10px;
  padding-left: 10px;
}
#right_panel ul li { font: normal 1em "Trebuchet MS";  padding: 5px; border-bottom: 1px dashed #aaa;}
#right_panel ul li span {color: #900; display: block;}

#follow_us {width: 100%; height: 50px; text-align: center; }
#follow_us a { display: block; width: 48px; height: 48px; margin:0; text-decoration: none;}

#follow_us a#fb{background: url('../img/FaceBook-icon.jpg') bottom no-repeat;} 
#follow_us a#fb:hover { background-position: top } 
#follow_us a#yt{background: url('../img/Youtube-icon.jpg') bottom no-repeat;} 
#follow_us a#yt:hover { background-position: top } 
#follow_us a#rs{background: url('../img/Feed-icon.jpg') bottom no-repeat;} 
#follow_us a#rs:hover { background-position: top } 
#content #map { 
  float: right;
  border: 1px solid #999;
}

#content table.wideTab {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}

#content .video { margin: 15px 10px; }

.photo_categories { font: bold 1em "Trebuchet MS"; color: #333; }
.photo_categories a { color: #666 }
.photo_categories a:hover { color: #999; }
a#cat_active,a#gal_active { color: #a00; }


#gallery, #gallery table {
  width: 100%
}
#gallery table td { text-align: center; border: 1px solid #ccc; background-color: #f0f0f0; }

#content a img.gallery {
  height: 133px;
}

#content a:hover img.gallery {
border: 1px solid #333;
}

#footer {
  width: 760px;
  height: 70px;
  padding:  0 10px;
  margin: 5px auto;
  color: #FFF;
  font: bold 0.7em 'Trebuchet MS';
  background: url('../img/footer_bg.gif') #555 top repeat-x;
  border: 1px solid #ddd;
  text-align: center;
}
#footer  ul {
  width: 100%;
  height: 100%;
  list-style-type: none;
  text-align: left;
}

  #footer ul li{
    display: inline;
    
  }
  
  #footer ul li span{
      position: relative;
      float: left;
      width: auto;
      text-decoration:  none;
      padding: 15px;
  }
  #footer ul li span b { color: #d23e2e}

#footer a { color: #FFF;}
#footer a:hover { color: #AAA;}
/*****************************************************************/





/*****************************************************************/