/* **************************************** */
/* ***** Style sheet ******** */
/* ******** www.figa-hamburg.de ************** */
/* **************************************** */

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


body {
        font: 67% calibri, arial, helvetica, sans-serif;
        background: #ffffff;
        margin: 0;
        padding: 0px;
        text-align: left;
        font-size: .9em;
        color: #333333;

}

input   {
        font: 67% calibri, arial, helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
}



h1 {

    font-size: 180%;
    font-weight: bold;
    color: #333333;


}

h2 {

    font-size: 180%;
    font-weight: bold;
    color: #333333;
    margin-top: 35px;

}

h3 {
    font-size: 160%;
    font-weight: bold;
    color: #333333;

}

h4 {font-size: 110%;
    color: #333333;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

a {  color: #333333;
     text-decoration: underline;

}

a:hover {    color: #333333;
             text-decoration:underline;
}

a img { border:none;
}


.ul { margin-left: 0;
      padding-left: 0;
}


#container { width: 900px;
             margin: 0 auto;
             text-align: left;
             margin-top: 50px;
}

#header {background: #da5223;
}

#navigation {  width: 900px;
               margin: 0 auto;
               background: #da5223;
               height: 100px;
               line-height:1em;
               color: #333333;



}

#logo {    width: 160px;
           float: left;


}

#navouter { width: 730px;
            float: right;

}

#nav {    width: 730px;
          margin-top: 55px;
          position: absolute;
          display: inline;


}


#nav ul {  list-style: none;
           margin: 0;
           padding: 0;
           float: right;
           width: 100px;
           height: 30px;
           padding-bottom: 10px;
           padding-top: 5px;
           margin-left: 10px;
           margin-bottom: 0;
           line-height:1.1em;
           color: #333333;
           text-align: center;
           background: #ffffff;
           border-radius-topleft: 10px;
          -webkit-border-top-left-radius: 10px;
          -webkit-border-top-right-radius: 10px;
          -khtml-border-top-left-radius: 10px;
          -khtml-border-top-right-radius: 10px;
          -moz-border-radius-topleft: 10px;
          -moz-border-radius-topright: 10px;
           border-top-left-radius: 10px;
           border-top-right-radius: 10px;
}

#nav ul ul ul { position: absolute;
                top: 0;
                left: 100%;

}

#nav ul ul { z-index: 500;
             margin: 0;
             padding: 0;
             padding-top: 3px;
             height: 70px;
             border-radius-topleft: 0px;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-top-right-radius: 0px;
            -khtml-border-top-left-radius: 0px;
            -khtml-border-top-right-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
             border-top-left-radius: 0px;
             border-top-right-radius: 0px;

}

#nav ul li {float: left; width: 100%;}
#nav ul li a {height: 1%;}



#nav ul li:hover ul
{display: block;}


#nav ul ul,
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul
{display: none;}

#nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul
{display: block;}

#nav a { text-align: center;
         font: 0.9em calibri, arial, helvetica, sans-serif;
         margin: 0;
         font-size: 110%;
         color: #333333;
         text-decoration: none;
}

#nav a:hover {   text-decoration: underline;

}

#current ul,  #current ul ul { background: #fbcc08;

}



.wide { clear: both;
        text-decoration: none;
}

#left {
        width: 420px;
        float: left;
        text-align: left;
        margin: 0 auto;
        margin-bottom: 20px;

}

#right{ width: 420px;
        float: right;
        margin: 0 auto;
        margin-bottom: 20px;

}


#box{   float: left;
        width: 420px;
        height: 300px;
        margin-bottom: 20px;
        background: #fbf3d3;
}

#boxkarte{   float: left;
             width: 420px;
             height: 300px;
             margin-bottom: 20px;
             background: #ffffff;
}

#haus{   float: left;
         margin-right: 25px;

}

#hauspresse{   float: left;
               background: #da5223;
               padding-bottom: 50px;
               padding-top: 50px;
               margin-right: 25px;

}

#boxtext{  padding: 10px;
           height: 280px;
           background: #fbf3d3;

}

#karte{  float: right;
         position: absolute;
         display: inline;
}

#boxtextcenter{  text-align: center;
                 padding-right: 30px;
                 padding-top: 50px;
}


#foto{  float: right;
        width: 420px;
        height: 300px;
        margin-bottom: 20px;
}

#fotograf{  font-size: 80%;                 

}

.hakenliste { list-style: disc;
              margin: 15px;
              padding: 0px;
}

.hakenliste li { color: #da5223;
}

#kontaktformular { background: #fbf3d3;
                  height: 290px;
                  padding: 5px;
}

#boxmitglied{   float: left;
                width: 420px;
                height: 500px;

                background: #fbf3d3;
}



#mitgliedsformular {     float: right;
                         width: 420px;
                         height: 480px;
                         padding: 10px;
                         background: #fbf3d3;

}

#kontakt {background: #fbcc08;
          clear: both;
          font-size: 80%;
          padding-top: 2px;
          padding-bottom: 2px;
          text-decoration: none;
          margin-top: 30px;
}

#footer {clear: both;
         font-size: 80%;
         padding-top: 10px;
}

#impressum { width: 420px;
             margin: 0 auto;
             text-align: left;
             padding: 20px;
             font-size: 0.9em;
}

#footerimp {
        width: 440px;
        height:50px;
        font-size: 80%;
        padding-top: 10px;

}