body {
font-family: Trebuchet MS, "Times New Roman";
font-size: 12px; 
text-align: left;
color: #C1B8AE; 
background: #000000 url(../images/mojow_first.jpg) no-repeat;}

a {
color: #fff; }


/* MENUE */
#m_coktail {left: 68px; top:430px; width:208px; height:208px; position: absolute;}
#m_coktail a {width:208px; height:208px; display: block;}
#m_coktail a.ap:hover, #m_coktail #aktiv {background:url(../images/navi/coktail.jpg) no-repeat;}

#m_program {left: 202px; top:56px; width:300px; height:284px; position: absolute;}
#m_program a {width:300px; height:284px; display: block;}
#m_program a.ap:hover, #m_program #aktiv {background:url(../images/navi/programm.gif) no-repeat;}

#m_wow {left: 710px; top:132px; width:101px; height:125px; position: absolute;}
#m_wow a {width:101px; height:125px; display: block;}
#m_wow a.ap:hover, #m_wow #aktiv {background:url(../images/navi/wow_ani.gif) no-repeat;}

#m_kontakt {left: 0px; top:79px; width:136px; height:355px; position: absolute;}
#m_kontakt a {width:136px; height:355px; display: block;}
#m_kontakt a.ap:hover, #m_kontakt #aktiv {background:url(../images/navi/kontakt_ani.gif) no-repeat;}

#m_mitglied {left: 86px; top:89px; width:160px; height:112px; position: absolute;}
#m_mitglied a {width:160px; height:112px; display: block;}
#m_mitglied a.ap:hover, #m_mitglied #aktiv {background:url(../images/navi/clubcard.jpg) no-repeat;}

#m_mojo {left: 425px; top:183px; width:108px; height:125px; position: absolute;}
#m_mojo a {width:108px; height:125px; display: block;}
#m_mojo a.ap:hover, #m_mojo #aktiv {background:url(../images/navi/mojo.jpg) no-repeat;}

#m_kassette {left: 397px; top:33px; width:143px; height:130px; position: absolute;}
#m_kassette a {width:143px; height:130px; display: block;}
#m_kassette a.ap:hover, #m_kassette #aktiv {background:url(../images/navi/musikkassette.gif) no-repeat;}

#m_club {left: 544px; top:141px; width:194px; height:190px; position: absolute;}
#m_club a {width:194px; height:190px; display: block;}
#m_club a.ap:hover, #m_club #aktiv {background:url(../images/navi/foto03.jpg) no-repeat;}

#m_fire {left: 728px; top:426px; width:132px; height:133px; position: absolute;}
#m_fire a {width:194px; height:190px; display: block;}
#m_fire a.ap:hover, #m_fire #aktiv {background:url(../images/navi/streichhoelzer.gif) no-repeat;}

#m_key {left: 549px; top:271px; width:150px; height:123px; position: absolute;}
#m_key a {width:150px; height:123px; display: block;}
#m_key a.ap:hover, #m_key #aktiv {background:url(../images/navi/schluessel.gif) no-repeat;}

#m_schallplatte {left: 490px; top:0px; width:275px; height:146px; position: absolute;}
#m_schallplatte a {width:274px; height:146px; display: block;}
#m_schallplatte a.ap:hover, #m_schallplatte #aktiv {background:url(../images/navi/schallplatte.gif) no-repeat;}

#m_links {left: 211px; top:632px; width:64px; height:87px; position: absolute;}
#m_links a {width:64px; height:87px; display: block;}
#m_links a.ap:hover, #m_links #aktiv {background:url(../images/navi/links.gif) no-repeat;}

#m_events {left: 743px; top:578px; width:106px; height:245px; position: absolute;}
#m_events a {width:106px; height:245px; display: block;}
#m_events a.ap:hover, #m_events #aktiv {background:url(../images/navi/maennchen.gif) no-repeat;}

#m_presse {left: 711px; top:290px; width:156px; height:148px; position: absolute;}
#m_presse a {width:156px; height:148px; display: block;}
#m_presse a.ap:hover, #m_presse #aktiv {background:url(../images/navi/zeitung.gif) no-repeat;}

/* */
#navigation, #navigation2 {
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
#navigation {
z-index: 1;
position: fixed;
top: 10px;
left: 6px;
background-color: #000000;
border-left: 2px solid #ffffff;
}
#navigation ul li {
font-weight:bold;
display:inline;
}
#navigation ul li a{
padding-right:9px;
padding-left:9px;
text-decoration:none;
font-size: 14px;
color: #ffffff;
border-right: 2px solid #ffffff;
}
#navigation .aktiv a, #navigation a:hover {
background: #ffffff;
color: #000000;
}

#navigation2 {
z-index: 1;
position: absolute;
top: 615px;
left: 6px;
}
#navigation2 ul li {
font-weight:bold;
margin-bottom: 2px;
}
#navigation2 ul li a{
padding-right:9px;
padding-left:9px;
text-decoration:none;
font-size: 14px;
color: #ffffff;
border-right: 2px solid #ffffff;
border-left: 2px solid #ffffff;
background-color: #000000;
}
#navigation2 .aktiv a, #navigation2 a:hover {
background: #ffffff;
color: #000000;
}

/* UEBERSCHRIFTEN */
h1 a, h2 a {
  text-decoration: none; }

h1 {
  color: #000;
  font-size: 18px;
  font-weight: normal; }

h2 {
  color: #fff;
  font-size: 18px;
  font-weight: normal; }

h5 {
  color: #FFB403;
  font-size: 13px;
  font-weight: normal; }
.titel1 {
  color: #000000 !important;
  font-weight: bold;
  padding-left: 2px;
  background: #FFB403 !important;
  width: 100%; }
.titel2 {
  font-size: 25px !important;
  margin: 5px 0 5px 0; }

h6 {
  margin: 0 0 5px 0;
  font-size: 11px;
  font-weight: normal; }

.hr {
  background: url(/images/hr.gif) no-repeat;
  height: 40px; }
  .hr hr {
    display: none; }
	
/* DIVs und Sonstiges*/
.wrapper {
  width: 950px;
  margin: 0 0;
  text-align: left;
  }

#fl {
  top: 0;
  width: 950px;
  height: auto !important;
  height: 838px;
  min-height: 838px;
  }

#main {
  position: absolute;
  width: 410px;
  padding-bottom: 50px;}

.wrapper ul#submenu {
  position: absolute;
  left: 257px;
  top: 310px; }
  .wrapper ul#submenu li a {
    color: #FF009A;
    text-decoration: none; }

.pagination {
  text-align: center;
  padding: 3px 10px;
  margin: 10px 0; }
  .pagination a {
    margin: 0px 5px;
    color: #999999; }
    .pagination a:hover, .pagination a:active {
      color: #fff; }
  .pagination span.current {
    margin: 2px;
    font-weight: bold;
    color: #fff; }

.wrapper#fl1 #main {
  width: 390px;
  left: 334px;
  top: 196px; 
	color:#000;
	}
	.wrapper#fl1 #main a {
		color:#000;
	}
  .wrapper#fl1 #main .lead {
    margin: 1em 10px 2em 69px;
    height: 230px; }
  .wrapper#fl1 #main h1 {
		margin-bottom:1em;
		color:#FB0098;
	}
  .wrapper#fl1 #main h2 {
		color:#FB0098;
	}
  .wrapper#fl1 #main .gallery .row {
    width: 390px; }
    .wrapper#fl1 #main .gallery .row .cell {
      margin-left: 16px; }
    .wrapper#fl1 #main .gallery .row .first {
      margin-left: 0; }
.wrapper#fl1 #shoutbox {
  position: absolute;
  margin: 50px 0 0 883px;
	background: #881518;
	color:#000;
	overflow:auto !important;
  width: 198px;
  height: 650px; }
  .wrapper#fl1 #shoutbox em {
    font-style: normal;
    color: #999999;
    font-size: 10px; }

  .wrapper#fl1 #shoutbox ul {
	  height: auto !important;
	  height: 200px;
	  min-height:200px;

	}
  .wrapper#fl1 #shoutbox li {
    font-size: 12px;
    color: #fff;
    padding: 5px 0px;
    margin: 0 11px;
    border-bottom: 1px dotted #000; }
  .wrapper#fl1 #shoutbox p {
    font-size: 12px;
    padding: 0px 10px; }
  .wrapper#fl1 #shoutbox input.name {
    width: 180px;
    margin: 5px 0;
    background: #D90083;
    border: none; }
  .wrapper#fl1 #shoutbox textarea {
    width: 180px;
    margin: 5px 0;
    background: #D90083;
    border: none; }
  .wrapper#fl1 #shoutbox .submit {
    float: right;
 		border:none;
		background:#FF009A;
		}
  .wrapper#fl1 #shoutbox .pagination {
    text-align: left;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    background: #D90083;
    padding: 3px 10px;
    margin: 10px 0;
    font-size: 11px; }
    .wrapper#fl1 #shoutbox .pagination a {
      margin: 0px 2px;
      color: #fff; }
      .wrapper#fl1 #shoutbox .pagination a:hover, .wrapper#fl1 #shoutbox .pagination a:active {
        color: #000; }
    .wrapper#fl1 #shoutbox .pagination span.current {
      margin: 2px;
      font-weight: bold;
      color: #000; }

.wrapper#fl2 #fl {
  background: url(../images/fl2.jpg) no-repeat; 
  min-height: 1300px;
}
.wrapper#fl2 #main {
  width: 420px;
  left: 334px;
  top: 62px; }
.wrapper#fl2 .lead {
  margin: 53px 0 2em 69px; }
.wrapper#fl2 ul#submenu {
	left:200px;
}

a.ap {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px; }
  a.ap img {
    display: none;
    border: none; }

a.ap:hover img, a.sfhover img {
  display: block; }

.blogSmall {
  width: 410px;
  overflow: hidden; 
	margin: 0 0 1em 0;
	}
		
  .blogSmall .img {
    float: left;
    display: inline;
    margin: 0 10px 0 0;
     }
  .blogSmall .content {
    width: 410px;
    float: left;
    display: inline; }
#fl1 .blogSmall .content {
    width: 300px;
    float: left;
    display: inline; }
.blogMainImage {
	height:250px;
}

.lightbox {
	height: 1%;
	padding: 20px 15px;
  color: #666; }
  .lightbox .content {
     }
  #MB_content h1 {
    color: #FE0198;
		padding-bottom:1em; 
}
#MB_content bold, #MB_content strong {
	font-weight:normal;
	color:#fff;
}
	#MB_content a {
		color:#fff;
	}

#MB_window ul#submenu {
	margin:1em 0;
 }
  #MB_window ul#submenu li a {
    color: #fff;
    text-decoration: none; }

.avatar, .smallAvatar {
  border:2px solid #fff;
  float:left;
}



#content { 
font-family: Trebuchet MS, "Times New Roman";
color:#fffff;  
position: absolute; top: 375px; left: 270px; width: 350px; 
visibility: visible; padding: 15px 10px 15px 20px; 
line-height:14pt;
}

#content hr {
color:#E8E8E6;
height:0px;
text-align:left;
}

.hinweis {
padding: 10px;
margin-top: 10px;
margin-bottom: 20px;
border: 2px solid #ffffff;
color: #ffffff;
}
.input {
font-family: Trebuchet MS, "Times New Roman";
font-size: 12px;
background: none;
color: #C1B8AE;
border: 1px solid #C1B8AE;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 4px;
}
.button {
background-color: #881518 !important;
color: #C1B8AE !important;
border: 1px solid #C1B8AE;
padding: 0;
font-family: Trebuchet MS, "Times New Roman";
font-size: 12px;
font-weight: bold;
}

#shoutbox p {
margin: 0 !important;
padding: 0 !important;
}

#lightbox {
z-index: 1;
}

#main img {
border:1px solid #C1B8AE;
}

.bildertable td {
padding: 0 4px 10px 0;
}

#facebook {
z-index: 100;
position: absolute;
left: 882px;
}