/*
  style1.css
  */

body{
    background-color: black; 
    color: white;
    text-align: center;
    font-family: Arial;
}

#main {
    margin: 0px auto 0px auto;
    width: 1200px;
    border: 2px solid #333333;
}

#top {
    background-image: url("PICTURES/index_page/top.jpg");
    margin: 0px auto 0px auto;
    height: 250px;
    border: 2px solid #333333;
}

#text {
    overflow: hidden; zoom: 1;
    background-color: #333333;
}

#text_left {
    float: left;
    width: 900px;
    border: 0px solid #333333;
    background-color: #666666;
}

#text_right {
    float: right;
    width: 296px;
    border: 0px solid #333333;
    background-color: #333333;
}

#bottom {
    margin: 0px auto 0px auto;
    height: 65px;
    border: 2px solid #333333;
    background-color: #999999; 
}

#bottom_left {
    float: left;
    width: 746px;
    background-color: #999999;
    border: 0px solid #333333;
}

#bottom_left p {
    float: left;
    color: #CCCCCC;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

#bottom_right {
    float: right;
    width: 296px;
    background-color: #666666;
    border: 0px solid #333333;
}

#bottom_right li {
    display: inline;
    text-decoration: none;
}

#navi {
    background-image: url("PICTURES/index_page/navi.jpg");
    background-color: #999999;
    margin: 0px auto 0px auto;
    height: 60px;
    line-height: 50px;    
    border: 2px solid #333333;
    text-align: left;
}

#navi table {
    width: 650;
    padding-top: 15px;
    padding-bottom: 20px;
}

#navi li ul.verschiedense {
    width: 310px;
}

#navi li ul.verschiedense table {
    width: 350px;
}

#navi li ul.presse {
    width: 240px;
}

#navi li ul.spielfilm {
    width: 240px;
}

#navi li ul li ul.spielfilm_john_rabe {
    left:130px; 
    width:50px;
}

#navi li ul li ul.spielfilm_nanking_nanking {
    left:140px;
    width:50px;
}

#navi li ul.john-rabe {
    left:10px;
    width: 220px;
}

#navi li ul li ul.john-rabe_dokumentarfilme {
    left:175px;
    width: 350px;
}

#navi li ul.geschichte {
    width: 300px;
}

#navi li ul.communication {
    width:310px;
}

#navi li ul.communication table {
    width:350px;
}

#navi li ul li ul.communication_friedensidee {
    left:150px; 
    width:250px;
}

#navi li ul li ul.communication_verein {
    left:35px;
    width:100px;
}

#navi li ul li ul.communication_kooperationen {
    left:30px; 
    width:280px;
}

#navi li ul li ul li ul.communication_kooperationen_John_Rabe_Haus_Nanking {
    left:180px; 
    width:240px;
}

#navi li ul li ul li ul.communication_kooperationen_Nanking_Massaker_Memorial {
    left:110px; 
    width:240px;
}

#navi li {
    /* float:left; */
    text-align:left;
    position:relative;
    display: inline;
    font-size: 16px;
    font-weight: bold;
}

#navi li li {
    line-height: 25px;
}

#navi li a:link, #navi li a:visited {
    color: white;
    text-decoration: none;
}

#navi li a.active {
    color: black;
}

#navi li a:hover {
    color: black;
}

#navi li ul li a:hover {
    color: black;
}

#navi li ul {
    display:none;
    position:absolute; 
    top:18px;
    left:0px;
    width:130px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    background: #555555;
    z-index: 100;
}

#navi li ul li ul {
    display:none;
    position:absolute; 
    top:0px;
    left:105px; 
    width:130px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    background: #333333;
    z-index: 200;
}


#navi li ul li ul li ul {
    display:none;
    position:absolute; 
    top:0px;
    left:105px; 
    width:130px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    background: #999999;
    z-index: 300;
}

#google_translator_for_kontakt ul {
    position: relative;
    left: 30px;
}

#google_translator_for_home ul {
    position: relative;
    left: 30px;
}

#google_translator_for_spenden ul {
    position: relative;
    left: 30px;
}

#google_translator_for_communication ul {
    position: relative;
    left: 30px;
}

#google_translator_for_satzung ul {
    position: relative;
    left: 30px;
}