BODY {font-family: verdana, arial, sans-serif; font-size: 12px;
      background-color: white;
      color: #333333;
      margin-top: 0px;
      margin-bottom: 20px;
      text-align:center;

      background-image:url('../img/hintergrund.jpg');
      background-repeat:repeat-x repeat-y;
      background-position:center top; 
}

.headline {color: #bbbbbb; font-family: verdana, arial, sans-serif; font-size: 48px}
.headline2 {color: #999999; font-family: verdana, arial, sans-serif; font-size: 14px}
.grau_text {color: #888888; font-family: verdana, arial, sans-serif; font-size: 12px}
.header_trenner { background-color: #555555 }
.weiss { background-color: white }

.small { font-size: 10px}

.grau1 {background-color: #e5e5e5;}
.grau2 {background-color: #eeeeee;}
.grau3 {background-color: #d5d5d5;}
.block_links {background-color: #eeeeee; color: #999999 }
.block_unten {color: #666666}

.gelb { background-color: #ffcc2a; }


INPUT {font-family: verdana, arial, sans-serif; font-size: 12px;}

TH {font-family: verdana, arial, sans-serif; font-size: 12px;}
TD {font-family: verdana, arial, sans-serif; font-size: 12px;}

.warning {color: red}

.searchitem {background-color: #d5d5d5}

A {text-decoration: none; color: #4b6ea8; font-weight: bold;}
A:hover {text-decoration: underline; font-weight: bold;}

#top_text A {text-decoration: none; color: black;}
#top_text A:hover {text-decoration: underline;}

#top_text_vokalkapelle A {text-decoration: none; color: black;}
#top_text_vokalkapelle A:hover {text-decoration: underline;}

H1 {
  font-size: 15px;
  font-weight: bold; 
  color: black;
}
H2 { font-size: 12px; font-weight: bold; color: black; padding-top: 5px;}
H3 { font-size: 12px;}
H4 { font-size: 12px;}


#outer {
  position: relative;
  margin:0px auto;
  width: 1024px;
  background-image:url('../img/semi_trans.png');
}

#inner {
  position: relative;
  margin:0px auto;
  width: 960px;
  background-color: white;
}


#top {
   margin: 0px auto;
   background-image:url('../img/header.jpg');
	width: 936px;
   height: 133px;
}

#top_vokalkapelle {
   margin: 0px auto;
   background-image:url('../img/header_vokalkapelle.png');
	width: 936px;
   height: 133px;
}

#top_logo_map {
  width: 135px;
  height: 132px;
  float: left;
}
a.fill_top_logo_map {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

#top_logo_map_vk {
  width: 480px;
  height: 132px;
  float: left;
}
a.fill_top_logo_map_vk {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

#top_text {
  text-align: right;
  margin: 0px 0px 0px 620px;
  padding: 5px;
  background-color: #ffcc00;
}

#top_text_vokalkapelle {
  text-align: right;
  margin: 0px 0px 0px 691px;
  padding: 5px;
  background-color: #ffcc00;
}


#content {
  position: relative;
  margin:0px auto;
  width: 936px;
  background-color: white;
  text-align: left;
}


#hauptbild {
  padding:12px;
  background-color: #cccccc;
}

.teaser {
  margin-top: 9px;
  padding:12px;
  width: 210px;
  background-color: #cccccc;
  float: left;
}

.teaser_header1 {
  margin-top: 5px;
  font-weight: bold;
  font-size: 120%;
}
.teaser_header2 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 120%;
  color: #666666;
}

.teaser_link A {
  font-weight: bold;
  font-style: italic;
  color: black;
  font-size: 90%;
}

.float_end {
  clear: both;
}


#content_text_startseite {
  margin: 25px 12px 25px 12px;
  width: 573px;
}

#content_text {
  margin: 25px 12px 25px 12px;
  padding-bottom: 25px;
  width: 673px;
}

#content_text_breit {
  margin: 25px 12px 25px 12px;
  padding-bottom: 25px;
  width: 936px;
}

#content_rechts_startseite { 
  width: 322px;
  margin: 12px 0 12px 0;
  float: right;
}

.content_termine_grau { 
  width: 298px;
  height: 275px;
  padding: 12px;
  margin-bottom: 12px;
  background-color: #666666;
  color: white;
  overflow-x: hidden;
  overflow-y: auto;
}

.content_termine_grau h3 { 
  padding: 0 0 7px 0;
  margin: 0 0 4px 0;
  width: 298px;
  color: #ffcc00;
  font-weight: bold;

  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: white;
}

.content_termine_grau h4 { 
  padding: 7px  0 5px 0;
  margin: 0;
  color: white;
  font-weight: bold;
}

.heute_uhrzeit { 
  float: left;
  line-height: 160%;
}

.heute_beschreibung { 
  margin-left: 75px;
  width: 200px;
  line-height: 160%;
}

.csv_daten_beschreibung { 
  margin-left: 75px;
  width: 550px;
  line-height: 160%;
}


.termin_tag { 
  padding: 7px 0 3px 0;
  color: #ffcc00;
  font-weight: bold;
}

.termin_data { 
  padding: 0 0 7px 0;
  width: 298px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: white;
}

.termin_weiter { 
  padding: 7px 0 0 0;
}

.termin_weiter a { 
  font-style: italic;
  font-size: 85%;
  color: #ffcc00;
}


.content_termine_gelb { 
  width: 298px;
  height: 275px;
  padding: 12px;
  margin-bottom: 12px;
  background-color: #ffcc00;
  overflow-x: hidden;
  overflow-y: auto;
}

.content_termine_gelb h3 { 
  padding: 0 0 7px 0;
  margin: 0;
  width: 298px;
  color: black;
  font-weight: bold;

  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: white;
}

.content_termine_gelb p { 
  margin: 0;
  line-height: 150%;
}

.content_termine_gelb h4 { 
  padding: 7px  0 0 0;
  margin: 0;
  color: black;
  font-weight: bold;
}

.veranstaltung_tag { 
  padding: 7px 0 3px 0;
  color: black;
  font-weight: bold;
}

.veranstaltung_data { 
  padding: 0 0 7px 0;
  width: 298px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: white;
}

.veranstaltung_header { 
  padding: 0 0 2px 0;
  width: 298px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: white;
}

.veranstaltung_weiter { 
  padding: 7px 0 0 0;
}

.veranstaltung_weiter a { 
  font-style: italic;
  font-size: 85%;
  color: black;
}

.spende { 
  width: 298px;
  padding: 12px;
  background-color: #666666;
}

.spende_inner { 
  width: 272px;
  padding: 12px;
  background-color: white;
}

.spende_ueberschrift { 
  width: 272px;
  font-weight: bold;
}
.spende_weiter { 
  width: 100px;
  float: right;
  font-weight: bold;
  text-align: center;
  background-color: #ffcc00;
}


#footer {
  position: relative;
  margin: 0 auto;
  width: 960px;
}

#footer_line1 {
  text-align: left;
  width: 960px;
  padding:20px 0px 10px 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: white;
}

#footer_1_copyright { 
  width: 250px;
  height: 24px;
  vertical-align: middle;
  float: left;
  padding-top: 8px;
}
#footer_1_media { 
  width: 577px;
  height: 24px;
  float: left;
}
#footer_1_lang { 
  height: 24px;
}

#footer_line2 {
  text-align: left;
  width: 960px;
  padding:10px 0px 20px 0px;
  font-weight: bold;
}

#footer_line2 a {
  font-weight: normal;
  color: #444444;
}

#footer_2_fb { 
  width: 250px;
  float: left;
}
#footer_2_service { 
  width: 200px;
  float: left;
}
#footer_2_infos { 
  width: 180px;
  float: left;
}
#footer_2_medien { 
  width: 180px;
  float: left;
}
#footer_2_bookmark { 
  width: 100px;
  float: left;
}



#content H1 {
  padding-top: 20px;
}

#content H1:first-of-type {
  padding-top: 0;
}



.block {
  margin: 0 0 10px 0;
}

#search {
  margin: 6px 0 0 0;
}

.inputs  {font-family: verdana, arial,sans-serif;
      font-size:12px;
		background-color: #ffffff;
      border: #aaaaaa 1px solid;}

.ueberschrift {font-weight: bold; color: #c5c5c5; font-size: 32px; margin: 0; padding: 0;}
.ueberschrift2 {font-weight: bold; color: #c5c5c5; font-size: 18px; margin: 0; padding: 0;}


A.link_heute {text-decoration: underline; color: #ffcc00;}

.galerie3 { width: 700px; margin-left: 100px;}
.galerie3_eintrag { float: left; padding: 10px;}




#menu_spacer {
height: 27px;
}


#layer_menu {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width: 935px;
float: left;
z-index: 50;
height: 25px;
background-color: white;
 border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #999999;
}

#layer_menu a {
display: block;
margin: 0;
padding: 0px;
text-decoration: none;
white-space: nowrap;
color: black;
}

#layer_menu li {
position: relative;
z-index: 50;
}


#layer_menu h2 {
display: block;
margin: 0px;
padding: 5px 9px 5px 9px;
font-size: 100%;
}


#layer_menu ul {
position: relative;
z-index: 5;
list-style: none;
margin: 0;
padding: 0;
/* width: 14em; */
float: left;
}

/* Hauptmenue */
#layer_menu ul li {
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: #999999;
}

#layer_menu ul li h2 a{
  font-weight: bold;
  margin: 0;
}

.top_menu_item_selected { 
  color: black;
/*   padding: 2 15 2 15; */
  display: table-cell;
  white-space: nowrap;
}

.top_menu_item { 
/*  padding: 2 15 2 15; */
  display: table-cell;
  white-space: nowrap;
}

#layer_menu ul li h2 span.top_menu_item a{
  /* font-size: 12px; */
}

#layer_menu ul li h2 span.top_menu_item_selected a{
 /* font-size: 12px; */
 color: #ff6600;
}


#layer_menu ul li:hover {
  background-color: #efefef;
  border-color: #bababa;
}


/* 2. Ebene */

#layer_menu ul ul {
position: absolute;
z-index: 5;
left: -1px;
background-color: white;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #bababa;
filter:alpha(opacity=90); /* doesn't work correctly */
opacity: 0.9;
-moz-opacity:0.9;
}

#layer_menu ul ul li
{
  border-width: 0;
}

#layer_menu ul ul li:hover {
  border-width: 0;
}

#layer_menu ul ul li a
{
  padding: 3px 10px 4px 15px; 
  line-height: 1.3em;
}


/* 3. Ebene */

#layer_menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
background-image: url(../img/menu_space.gif); background-repeat: no-repeat;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #bababa;
}


#layer_menu ul ul ul li
{
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #bababa;
}

#layer_menu ul ul ul li.layer_level3_first
{
}

#layer_menu ul ul ul li.layer_level3_rest {
}

#layer_menu ul ul ul li:hover {
  border-width: 0 1px 0 0;
}


/* 4. Ebene */

#layer_menu ul ul ul ul {
position: absolute;
top: 0;
left: 100%;
background-image: url(../img/menu_space.gif); background-repeat: no-repeat;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #bababa;
}


#layer_menu ul ul ul ul li
{
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #bababa;
}

#layer_menu ul ul ul ul li.layer_level3_first
{
}

#layer_menu ul ul ul ul li.layer_level3_rest {
}

#layer_menu ul ul ul ul li:hover {
  border-width: 0 1px 0 0;
}


/* hide/show */

#layer_menu ul ul,
#layer_menu ul li:hover ul ul,
#layer_menu ul ul li:hover ul ul
{
/* does not work with IE7 */
/*  display: none; */
  visibility: hidden;
}

#layer_menu ul li:hover ul,
#layer_menu ul ul li:hover ul,
#layer_menu ul ul ul li:hover ul
{
/* does not work with IE7 */
/*  display: block; */
  visibility: visible;
}

.bilder_rechts { margin: 20px 0 0 0; }