/*
 * Allgemeine Definitionen:
 */
 
body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color: #E6DDD5;
	overflow: auto;
}

div, span, table, tr, td, img, form
{
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	overflow: hidden;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
}

select, input
{
	margin-top: 1px;
	margin-bottom: 1px;
}

.bold
{
	
	font-weight: bold;

}

img
{
	vertical-align: middle;
	border-style: none;
}

a
{
	color: #56378a;
	text-decoration: none;
	font-size: 12px;
	font-weight: bolder;
}

a:hover
{
	color: #E2007A;
}

a span
{
	color: #56378a;
	font-weight: bolder;
}

a:hover span
{
	color: #E2007A;
	text-decoration: underline;
}

/*
 * Verlinkungen:
 */

img.InternalLink
{
	/* vertical-align: middle; */
	margin-left: 2px;
	margin-right: 2px;
}

/*
 * Grundlegender Seitenaufbau:
 */

div.Page
{
	position: relative;
	height: 100%;
	text-align:left;
	margin: auto;
	width: 690px;
}

/*
 * Seitenbereiche:
 */

div.Page div.Header
{
	position: relative;
	
	width: 100%;
	height: 54px;

	margin-bottom: 10px;

	background-image: url( "/img/MusikInKirchenLogo.gif" );
	background-repeat: no-repeat;

	text-align: right;
	vertical-align: bottom;
}

div.Page div.Content
{
	background-color: White;
	padding: 15px 15px 15px 15px;
	width: 660px;
}

div.Page div.Footer
{
	position: relative;

	width: 100%;
	height: 44px;

	margin-top: 30px;

	background-image: url( "/img/EvangelischeKircheLogo.gif" );
	background-repeat: no-repeat;
}

/*
 * Header-Bereich:
 */

div.Page div.Header div.Navigation
{
	bottom: 0px;
	right: 0px;
	position: absolute;
	width: auto;
}

/*
 * Content-Bereich:
 */

.Page div.Content
{
/*	width: 100%; */
/*	height: 100%; */
}

.Page div.Content div.Teaser
{
	margin-bottom: 15px;
}

.Content div.Content div.InnerContent
{
	width: 100%;
	height: 100%;
}

div.InnerContent table.UserContent
{
	width: 100%;
	height: 100%;
}

table.UserContent td.Column
{
	width: 100%;
	height: 100%;

	vertical-align: top;
}

table.UserContent td.Column + td.Column
{
	border-left: solid 14px transparent;
}

table.UserContent td.Column div.Panel
{
	width: 100%;
	background-color: #eeeeff;
	padding-bottom: 10px;
}

table.UserContent td.Column div.Panel + div.Panel
{
	margin-top: 10px;
}

table.UserContent td.Column div.Active
{
	background-color: #FCEEFF;
}

table.UserContent td.Column div.Panel div.Caption
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 14px;
	color: White;
	background-color: #663399;
	width: 100%;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 4px 0px 4px 0px;
}

table.UserContent td.Column div.Active div.Caption
{
	background-color: #E2007A;
}

td.Column div.Panel div.Content
{
	background-color: transparent;
	width: auto;
	padding: 4px 8px 4px 8px;
}

/*
 * TODO: AUSLAGERN
 */

.Forms
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	background-color: transparent;
	text-indent: 0px;
	line-height: 16px;
}

table.Forms
{
	width: 100%;
}

.Forms table
{
	width: 100%;
}

.Forms input.MaxWidth
{
	width: 98%;
}

.Forms select.MaxWidth
{
}

.Forms textarea
{
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	width: 98%;
}

.Forms td
{
	padding: 3px;
	vertical-align: top;
}

.Forms tr.Even
{
}

.Forms .Even td
{
	border-bottom: 1px solid White;
}

.Forms .Even td.Left
{
	background-color:#e9e1d9;
	padding-right: 4px;
	width: 210px;
}

.Forms .Even .Left td.RightAlign
{
	text-align: right;
}

.Forms .Even td.Right
{
	background-color:#f2e9e1;
	padding-right: 4px;
	padding-left: 4px;
	vertical-align: middle;
}

.Forms .Even .Right table
{
	width: 100%;
}

.Forms .Even .Right td
{
	width: auto;
	border-bottom: 0px solid White;
}


.Forms tr.Odd
{
}

.Forms .Odd td
{
	border-bottom: 1px solid White;
}

.Forms .Odd td.Left
{
	background-color:#eee0d7;
	padding-right: 4px;
	width: 210px;
}

.Forms .Odd .Left td.RightAlign
{
	text-align: right;
}

.Forms .Odd td.Right
{
	background-color:#f6e8e0;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
}

.Forms .Odd .Right table
{
	width: 100%;
}

.Forms .Odd .Right td
{
	width: auto;
	border-bottom: 0px solid White;
}

.Forms td.EvenFull
{
	background-color:#e9e1d9;
	padding-right: 4px;
	width: auto;
	border-bottom: 1px solid White;
}

.Forms td.OddFull
{
	background-color:#eee0d7;
	padding-right: 4px;
	width: auto;
	border-bottom: 1px solid White;
}


.Forms .Label span
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	background-color: transparent;
	text-indent: 0px;
	line-height: 16px;
}

.Forms table.Label
{
	width:100%;
	height:100%;
}

.Forms .Label td
{
	border-bottom-width: 0px;
	vertical-align: baseline;
	padding: 1px 1px 1px 1px;
	width: 100%;	
}


.Forms .Label span.LabelTopic
{
	font-weight: bold;
}

.Forms .Label td.LabelMandatory
{
	width: auto;	
}

.Forms .Label span.LabelMandatoryShow
{
	color:Red;
	font-weight: bolder;
	width: auto;	
}

.Forms .Label span.LabelMandatoryHide
{
	font-weight: bolder;
	visibility: hidden;
}

.Forms .Label span.LabelContent
{
}

/*
 * TODO: AUSLAGERN
 */

span.AdmissionFree
{
}

table.Region
{
}

.Region td
{
	vertical-align: middle !important;
}

/*
 * TODO: AUSLAGERN
 */

.Event
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	width: 100%;
}

.Event div.DateTitle
{
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #a5978f;
	margin-bottom: 5px;
}

.Event div.Short + div.DateTitle
{
	margin-top: 3px;
}

.Event div.Short
{
	padding-bottom: 5px;
}

.Event div.Short + div.Short
{
	border-top: dotted 1px gray;
	padding-top: 5px;
}

.Event div.Short img.IconBanner
{
	float: right;
	margin-top: 1px;
}

.Event div.Short div.Header
{
	position: static;
	
	width: auto;
	height: auto;

	margin: auto;

	background-image: none;

	text-align: left;
	vertical-align: auto;
}

.Event div.Short div.Header tr
{
	vertical-align: top;
}

.Event div.Short div.Header td.Time
{
	white-space: nowrap;
}

.Event div.Short div.Title
{
	font-weight: bold;
	color: #9966cc;
}

div.Content .Event div.Short div.Content
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.Event div.Short span
{
}

.Event div.Short span.Subtitle
{
	color: #444444;
}

.Event div.Short span.Price
{
	color: #444444;
}

.Event div.Short span.Region
{
	font-weight: bold;
	color: #a5978f;
	/* color: #95877F; */
}

.Event div.Short div.Actions
{
	width: 100%;
	text-align: left;
	font-weight: bold;
	color: #404040;
}

/*
 * TODO: AUSLAGERN
 */

.Event div.Full
{
}

.Event div.Full img.Banner
{
	margin-bottom: 5px;
}

.Event .Full div.Title
{
	font-weight: bold;
	border-bottom: 1px solid #a5978f;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.Event .Full div.Subtitle
{

}

.Event .Full div.Informations
{
	margin-top: 10px;
}

.Event .Full table.Information
{
	width: 100%;
	height: 100%;
	margin-top: 15px;
}

.Event .Full .Information td
{
	padding-bottom: 5px;
}

.Event .Full .Information td.Label
{
	text-transform: uppercase;
	color: #a5978f;
	padding-right: 6px;
}

.Event .Full .Information td.Default
{
}

.Event .Full .Information td.Bold
{
	font-weight: bold;
}

.Event .Full .Information td.Link
{
	color: #9966cc;
}

.Event .Full .Information div.Address
{
	font-weight: bold;
}

/*
 * TODO: AUSLAGERN
 */

div.LocationDetails
{
}

.LocationDetails div.Location
{
	width: 100%;
	font-weight: bold;
	/* border-bottom: 1px solid #a5978f; */
	text-transform: uppercase;
	margin-bottom: 3px;
	
}

.LocationDetails div.Actions
{
	width: 100%;
	text-align: left;
	font-weight: bold;
	color: #404040;
}

.LocationDetails span.Adresse 
{
	width: 100%;
	text-align: right;
	font-weight: bold;
	color: #404040;
}

.LocationDetails span.Verkehrsverbindung 
{
	width: 100%;
	text-align: right;
	font-weight: normal;
	color: #404040;
	margin-bottom: 10px;
}

.LocationDetails span.Hinweistextueberschrift 
{
	font-weight: bold;
	border-bottom: 1px solid #a5978f;
}

.LocationDetails span.Hinweistext 
{
	width: 100%;
	text-align: right;
	font-weight: normal;
	color: #404040;
	margin-top: 10px;
}

/*
 * TODO: AUSLAGERN
 */

div.Location
{
	vertical-align: top;
	width: 100%;
}

.Location table.Area
{
	vertical-align: top;
	width: 100%;
}

.Location .Area tr
{
	width: 100%;
	vertical-align: top;
}

.Location .Area td
{
	vertical-align: top;
	width: 100%;
}

.Location div.Area
{
	width: 100%;
}

.Location .Area div.Title
{
	width: 100%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #a5978f;
	margin-bottom: 5px;
}

.Location .Area div.Entries
{
	width: 100%;
}

.Location .Area .Entries table
{
	width: 100%;
}

.Location .Area .Entries tr
{
	width: 100%;
	vertical-align: top;
}

.Location .Area .Entries td
{
	vertical-align: top;
	width: 100%;
}

.Location .Area .Entries div.Entry
{
	width: 100%;
	margin-bottom: 15px;
}

.Location .Area .Entries .Entry div.Actions
{
	width: 100%;
	text-align: left;
	font-weight: bold;
	color: #404040;
}

.Location .Area .Entries .Entry span
{
}

.Location .Area .Entries .Entry div.Space
{
	margin-top: 5px;
	margin-bottom: 0px;
}

.Location .Area .Entries .Entry span.BoldLink
{
	color: #9966cc;
	font-weight: bold;
}

.Location .Area .Entries .Entry span.Link
{
	color: #9966cc;
}

/*
 * TODO: AUSLAGERN
 */

div.Status
{
	width: 100%;
	margin-bottom: 5px;
}

.Status table
{
	width: 100%;
}

.Status tr
{
	width: 100%;
}

.Status td
{
	border-bottom: 1px solid White;
}

.Status td.Icon
{
}

.Status td.Message
{
	width: 100%;
}

.Status .Message div
{
	width: 100%;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}

.Status .Message div.Information
{
	background-color: Gray;
	color: Black;
}

.Status .Message div.Warning
{
	background-color: Yellow;
	color: Black;
}

.Status .Message div.Error
{
	background-color:Red;
	color: White;
}

.Status .Icon div.Information
{
	background-color: Gray;
}

.Status .Icon div.Warning
{
	background-color: Yellow;
}

.Status .Icon div.Error
{
	background-color:Red;
}

/*
 * TODO: AUSLAGERN
 */

table.Password
{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

.Password td.LeftLabel
{
	padding: 0px 0px 0px 0px !important;
	width: 160px !important;
	vertical-align: middle !important;
}

/*
 * TODO: AUSLAGERN
 */

.menu
{
}

.menu span
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #663399;
}

.menu span
{
	vertical-align: middle;
}

.menu span.Devider
{
	font-size: 10px;
}

.menu span a span
{
	text-transform: uppercase;
	font-size: 10px;
}

/*
 * TODO: AUSLAGERN
 */

.FindEvents
{
	width: 100%;
}

.FindEvents table.FindEvents
{
	vertical-align: middle;
	margin-bottom: 0px;
}

.FindEvents table.FindEvents tr td
{
	vertical-align: middle;
}

.FindEvents table.FindEvents tr td.Label
{
	color: #d2006A;
	text-align: right;
	padding-right: 4px;
}

.FindEvents form
{
	margin: 0px 0px 0px 0px;
}

.FindEvents .Headline
{
	color: #E2007A;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

.FindEvents div.TimeSpan
{
}

.FindEvents div.TimeSpan table
{
	width: 100%;
}

.FindEvents div.TimeSpan td
{
	font-size: 11px;
	vertical-align: middle;
}

.FindEvents div.TimeSpan td.Caption
{
	vertical-align: top;
}

.FindEvents div.TimeSpan td.Left
{
	text-align: Right;
}

.FindEvents div.TimeSpan td.Right
{
	text-align: Right;
}

.FindEvents div.TimeSpan input
{
	width: 100px;
	margin-left: 4px;
}

.FindEvents select
{
	font-size: 11px;
	/* width:  210px; */
	width: 194px;
}

/*
 * IE: Dieser Stil wird für den IE mittels main_ie.css überschrieben!
 */
.FindEvents input
{
	font-size: 11px;
	/* width: 206px; */
	width: 190px;
}

.FindEvents input.Empty
{
	color: #9b9292;
}

.FindEvents .LinkDefault
{
	margin-top: 5px;
	text-align: right;
}

.FindEvents .Link a, .FindEvents .Link a span
{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
}

.FindEvents .LinkDefault a, .FindEvents .LinkDefault a span
{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bolder;
}

/*
 * TODO: AUSLAGERN
 */

div.FindVenues
{
}

div.FindVenues form
{
	margin: 0px 0px 0px 0px;
}

div.FindVenues .Headline
{
	color: #E2007A;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

div.FindVenues select
{
	font-size: 11px;
	width: 220px;
}

div.FindVenues input
{
	font-size: 11px;
	width: 214px;
}

div.FindVenues div.Radio
{
	font-size: 11px;
	width: 214px;
	vertical-align: middle;
}

div.FindVenues .Radio input
{
	width: auto;
	vertical-align: middle;
}

div.FindVenues input.Empty
{
	color: #9b9292;
}

div.FindVenues .Link a, div.FindVenues .Link a span
{
	text-transform: uppercase;
	font-size: 10px;
}

div.FindVenues .LinkDefault
{
	margin-top: 5px;
}

div.FindVenues .LinkDefault a, div.FindVenues .LinkDefault a span
{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bolder;
}

div.MonthLinkList
{
	/* margin-top: 50px; */
}

div.MonthLinkList table tr td.Month
{
	text-align: right;
}

div.MonthLinkList table tr td.Events
{
	padding-left: 10px;
	text-align: left;
}

/*
 * TopNewsLinks:
 */
div.TopNewsLinks
{
	/* margin-top: 20px; */
}

div.TopNewsLinks h5
{
	margin-bottom: 5px;
}

div.TopNewsLinks div
{
}

div.TopNewsLinks div a
{
}