/*
CSS Style Fährhaus Farge

Farben: 
Blau dunkel:#000c39
Blau hell:	#001775
Beige:		#efe3c6
*/

BODY {
  margin: 10px 0px 10px 0px;
  background-color: #efe3c6;
  font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

}

#container {
  width: 762px;
  border: 0px;
  margin: 0px auto 0px auto;
  padding: 5px;    
}

#content2 {
  position: absolute;
  width: 442px;   
  margin: 105px 0px 10px 300px;
  padding: 5px;
  background-color: #fff;
}

#logo {
  position: absolute;
  width: 300px;
  height: 105px;
  margin: 0px;
  padding:0px;
  background-color: #fff;
}

#bild {
  position: absolute;
  width: 300px;
  height: 300px;
  margin: 105px 0px 0px 0px;
  padding:0px;
}

#navv {
  position: absolute;
  width: 452px;
  height: 105px;
  margin: 0px 0px 0px 300px;
  padding: 0px;
  border: 0px;
  background-color: #efe3c6;
}

#sub {
  position: absolute;
  width: 300px;
  height: auto;
  margin: 415px 0px 0px 0px;
  padding: 0px;
  border: 0px;
  background-color: #efe3c6;
  color: #000c39;
  text-align: center;
  vertical-align: center;
  font-size: 13px;
  
}
#sub a {color:#000c39}


.reihe {
  clear: both;
  width:100%;
  padding: 0px 0px 0px 10px;
  vertical-align:center;
}

.bild {
  float: left;
  width: 50%;
  text-align: center;
  padding: 0px;
  margin: 0px auto 0px auto;
  
}

.rechts {
  float: left;
  padding:5px;
  width: auto;
  text-align: justify;
} 
#content2 H1 {
  color: #000c39;
  font: 20px  "Times New Roman", "Times", serif ;
  line-height:100%;
  padding: 20px 0px 0px 10px; 
  margin: 0px;
    
}
#content2 H1:first-letter {
  color:#001775; 
  font-size:24px; 
}
#content2 H2 {
  color: #000c39;
  font: 18px  "Times New Roman", "Times", serif ;
  line-height:100%;
  padding: 20px 0px 10px 10px; 
  margin: 0px;
    
}
#content2 H2:first-letter {
  color:#001775; 
  font-size:20px; 
}
#content2 P {
  text-indent: 0px;
  padding: 0px 10px 0px 10px; 
  line-height: 150%;
  text-align: justify;
}


/* -------------------------- BEGIN Menü --------------------------- */

#mainmenu ul
{
    list-style: none;
    margin:0;
    padding:0;
    width:100%;
    z-index:99;
    padding-top:0px;
}
#mainmenu ul.dropup
{
    padding-top:67px;
    margin:0;
    clear:both;}

#mainmenu ul * ul
{
    list-style: none;
    margin:0;
    padding: 0;
	display:none;
	position:absolute;
	z-index:99;
	width:113px;
    margin-top:0px;
}
#mainmenu ul.dropup * ul
{

    margin-top:-34px;
}


#mainmenu ul li
{
    float:left;
    width: 113px;
  background-color: #000c39;
  font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  height: 18px;
  border-bottom: 1px solid #fff;
}
#mainmenu ul.dropup li
{

  border-top: 1px solid #fff;
  border-bottom: 0px solid #fff;
  
}


#mainmenu ul li * li
{
    border: 0px solid #fff;
    float:none;

    position: relative;
    width: 113px;
    height: 16px;
  font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#mainmenu ul ul * ul
{
    left:98%;
    top:0;

}

#mainmenu ul a
{
    display:block;
    height:100%;

}

#mainmenu ul ul * a
{
    height:100%;
}

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

#mainmenu ul li:hover ul, ul ul li:hover ul, ul ul ul li:hover ul
{
    display:block;
}
#mainmenu ul li.active ul, ul.active ul li.active ul, ul ul ul li.active ul
{
    display:block;
}




#mainmenu ul a
{
    background-color:#000c39;
    color:#fff;
    padding-left:3px;
    text-decoration:none;
}

#mainmenu ul a:hover, ul a.active
{
    background-color:#efe3c6;
    color:#000c39;
}

#mainmenu ul ul
{

}

#mainmenu ul ul a
{
    background-color:#001775;
    color:#efe3c6;
    padding-left:3px;
    text-decoration:none;
    border-left:1px solid #fff;
}

#mainmenu ul ul a:hover, ul ul a.active
{
    background-color:#efe3c6;
    color:#001775;
}

#mainmenu ul ul li
{
    background-color:#ccc;
}

/* -------------------------- END Menü --------------------------- */