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

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


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

input   {
font-family: 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;
}

#wrapper {

}

#container {
width: 900px;
margin: 0 auto;
min-height: 650px;
height:auto !important;
height:650px;
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;
float: right;
width: 100px;
height: 30px;
padding: 5px 0px 10px 0px;
margin: 0px 0px 0px 10px;
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;
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;
}

#satzung{ clear: both;
text-decoration: none;
height: 550px;
overflow: auto;
}

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

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


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

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

#haus{
float: left;
margin: 0px 25px 0px 0px;

}

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

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

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

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


#foto{
float: right;
width: 420px;
height: 300px;
margin: 0px 0px 20px 0px;
overflow: hidden;
}

#fotograf{  font-size: 80%;

}

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

.hakenliste li { color: #da5223;
}

#anfahrtkontakt{
float: right;
width: 420px;
height: 300px;
margin: 0px 0px 20px 0px;
}


#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;
}


#footerkontakt {
clear: both;
width: 900px;
margin: 0 auto;
}


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

#facebook {
display: inline;
position: relative;
top: 5px;
}

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

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

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