body{
  background-color:#CCD0D9;
  color: #333333;
  margin: 0px;
}

body, td, p, div, span, input {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

div, table, form
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-style:none;
}

img
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-style:none;
  display:block;
}

td, div, p
{
  vertical-align:top;
  text-align:left;
}

th
{
  font-weight:bold;
  font-size:105%;
  text-align:center;
}

a
{
  color:#333333;
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
}
a:hover
{
  color:#333333;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
}
/* ====================================================================== BASIS :bothLAYOUT
   NO padding in 'box...' please!!!
 */

#boxFiftyPercent
{
  position:absolute;
  left:50%;
  top:0px;
}

#boxWrap
{
  position:absolute;
  left:-490px;
  width:980px;
  vertical-align:top;
}

#boxMainColumn
{
  width:980px;
  height:100%;
  margin:0px;
  padding:0px;
}

#boxFooter
{
  vertical-align:top;
  text-align:center;
  padding:0px;
  margin:0px 0px 30px 0px;
}


td.left  { width:245px; } /* Bitte nicht ändern wg. skalierten Bildern! */
td.left div.left { padding:20px 20px 20px 30px; font-size:24px; }
td.right { width:735px; }
td.right div.rightList { padding:20px 0px; }
td.right div.right { padding:20px 10px; }

tr.moduleRowOdd  td.left  { background-color:#FFFFFF; }
tr.moduleRowOdd  td.right { background-color:#E5D3D1; }
tr.moduleRowEven td.left  { background-color:#D0B3AB; }
tr.moduleRowEven td.right { background-color:#D7BEB7; }


/*  ============================================================ TOOLBAR */

table#topMenu
{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:100%;
  margin-top:10px;
  height:20px;
}
table#topMenu td
{
  padding:1px 1px;
  vertical-align:middle;
  text-align:center;
}

td.topMenuSelected
{
  background-color:#ffffff;
}

a.topMenu
{
  font-size:100%;
  text-decoration:none;
  font-weight:normal;
  color:#333333;
  cursor:pointer;
}

a.topMenu:hover
{
  font-size:100%;
  text-decoration:underline;
  font-weight:normal;
  color:#333333;
  cursor:pointer;
}

a.topMenuSelected, a.topMenuSelected:hover
{
  font-size:100%;
  font-weight:normal;
  text-decoration:none;
  color:#333333;
}

#topBar /* Tabelle in Zelle oben rechts. */
{
  height:140px;
  width:100%;
}


table.navigation
{
  text-align:left;
  margin-top:5px;
  margin-right:auto;
  margin-left:0px;
}

#boxFooter div.navigation
{
  height:20px;
  padding:10px 10px 10px 255px;
  background-color:#E5D3D1;
  margin:0px;
}
#boxFooter table.navigation
{
  clear:none;
  display:inline;
  padding:0px;
  margin:0px;
}

table.navigation td
{
  padding:1px 5px;
  vertical-align:middle;
  text-align:center;
}
td.navigationSelected
{
  background-color:#B98C83;
}
a.navigation
{
  font-size:100%;
  font-weight:bold;
  text-decoration:none;
  color:#333333;
}
a.navigationSelected
{
  font-weight:bold;
  text-decoration:none;
  color:#ffffff;
}
.navigationInactive
{
  font-size:100%;
  font-weight:normal;
  text-decoration:none;
  color:#999999;
}

div#boxTitle /* Kirchenmusik-in-Hannover */
{
  position:absolute;
  z-index:10;
  left:80px;
  top:40px;
  font-size:24px;
  width:350px;
}

/*  ============================================================ DETAIL SEITEN */

div.detailsHeading
{
  padding:4px 15px;
  font-size:130%;
  background-color:#BD8E84;
  font-weight:600;
}

.pAddressInfo
{
  font-weight:bold;
  margin-top:25px;
}

div#boxGoogleMap
{
  text-align:right;
  float:right;
  width:330px;
  height:300px;
  margin-top:0px;
  margin-bottom:auto;
  vertical-align:top;
}

/*  ============================================================ FLASH STARTSEITE */

div#flashTitle
{
  background-color:#A56C63;
  color:#ffffff;
  text-align:center;
  vertical-align:middle;
  padding:15px, 40px;
  font-size:40px;
}
div#flashFooter
{
  background-color:#D0B3AB;
  padding-top:10px;
  padding-left:255px;
  padding-bottom:15px;
  text-align:left;
  font-size:22px;
  line-height:1.4em;
  color:#ffffff;
}

/*  ============================================================ PAGER */

table.pager
{
  width:99%;
  border-style:none;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

td.pager
{
  vertical-align:middle;
  text-align:center;
  padding:0px;
}

a.pager
{
  font-size:100%;
  font-weight:normal;
  text-decoration:none;
  color:#333333;
  cursor:pointer;
}




/* ============================================================ POPVOVER */

#divPopoverBg
{
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:70;
  vertical-align:top;
  text-align:center;
  background-color:#333355;
  width:100%;
  height:100%;
  overflow:hidden;
  opacity:0.5;
  filter: alpha(opacity=50);
}

#divPopFiftyPercent
{
  position:absolute;
  left:50%;
  z-index:80;
  display:none;
}

#boxImageUpload
{
  display:none;
  position:absolute;
  width:300px;
  top:-800px;
  left:-350px;
  z-index:99;
  overflow:visible;
  border-top:6px solid #92b8c9;
  border-bottom:6px solid #92b8c9;
}

#divPopContent
{
  display:none;
  background-color:#FFFFFF;
  width:500px;
  opacity:1.0;
  filter: alpha(opacity=100);
  border:10px solid #BD8E84;
  border-radius:15px;
  -webkit-border-radius:15px;
  -opera-border-radius:15px;
  -moz-border-radius:15px;
}

#divPopContent thead, #divPopContent tfoot
{
  height:22px;
  background-color:#BD8E84;
  cursor:pointer;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

td.popContent
{
  border:1px inset #cccccc;
}

/*  ============================================================ MESSAGE BOX */

#messageStack
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  display:none;
}


/*  ============================================================ FORMS AND LISTS */

td.required
{
  font-weight:bold;
  color:red;
}



table.dataList
{
  vertical-align:middle;
  width:735px;
}
table.dataList td
{
  vertical-align:top;
  padding:5px;
}
table.dataList img
{
  vertical-align:top;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
table.dataList td table
{
  vertical-align:top;
  border-style:none;
  text-align:center;
  margin:auto;
}

thead.pager, tfoot.pager
{
  background-color:#bd8e84;
}
thead.pager td, tfoot.pager td
{
  padding:0px;
}

table.dataList tr.odd
{
  background-color:#DFD4B3;
}
table.dataList tr.even
{
  background-color:#FFF7E0;
}


/*  ============================================================ TEXTE */

td.datum { font-weight:bold; }

td.description { padding:0px 7px 10px 7px; }
td.description h3 { margin:0px 0px 3px 0px;font-size:100%; }

td.location { font-weight:bold; }


/*  ============================================================ SUCHFORMULAR */
#search
{
  font-size:100%;
  border:1px solid #b98c83;
}



div.linkTop
{
  float:right;
  padding:10px 0px 10px 10px;
}

td.kwLink
{
  padding:3px 10px 3px 10px;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  white-space:nowrap;
  background-color:#D0B3AB;
}
td.kwLinkSelected
{
  padding:3px 10px 3px 10px;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  white-space:nowrap;
  background-color:#E5D3D1;
}