﻿/*
	colors: 
	Hintergrund 1:	#ecf0f9
	Dunkelblau:		#002a5f	
*/

body
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(images/tmpl_bodybackgr01.gif);
	background-position: left;
	background-repeat: repeat-y;
}

body, input, select, textarea
{
	font-size: 11px;
}

table td
{
	border-collapse: collapse;
}

.welcomeWidth
{
    width:800px;
}

.h10
{
    text-align:center;
    font-size:18px;
    text-transform:uppercase;
}

.h9
{
    text-align:center;
    font-size:16px;
}

div#divContent
{
	position: absolute;
	top: 142px;
	left: 190px;
	margin-left: 4px;
	padding: 5px;
	overflow: visible;
}

div#divTopmenu
{
	width: 100%;
	height: 23px;
	line-height: 23px;
	background-color: #002a5f;
	padding-left: 2px;
	margin-bottom: 2px;
	height: 23px;
}

div#divTopmenu a
{
	color: #ffffff;
	line-height: 21px;
	float: left;
	white-space: nowrap;
	padding: 0px 4px 0px 4px;
	display: block;
	background-color: #002a5f;
	text-decoration: none;
}

div#divTopmenu a:hover
{
	text-decoration: underline;
}

div#divTopmenu .active
{
	font-weight: bold;
}

div#divLeftmenu
{
	position: absolute;
	left: 6px;
	width: 176px;
	background-color: #ecf0f9;
}

div#divLeftmenuBackground
{
	position: absolute;
	top: 0px;
	left: 6px;
	width: 176px;
	height: 100%;
	background-color: #ecf0f9;
	z-index: -1;
}

div#divLeftmenu .header
{
	display: block;
	padding-left: 6px;
	height: 21px;
	line-height: 23px;
	margin: 5px 0px 5px 0px;
	background-color: #002a5f;
	color: #ffffff;
	font-weight: bold;
}

div#divLeftmenu a
{
	display: block;
	position: relative;
	left: 10px;
	width: 166px;
	margin: 5px 0px 5px 0px;
	color: #002a5f;
	text-decoration: none;
	line-height: 13px;
}

div#divLeftmenu a:hover
{
	text-decoration: underline;
}

div#divLeftmenu .active
{
	font-weight: bold;
	background-color: #e1e6f4;
}
h1
{
	font-weight: bold;
	font-size: 16px;
	padding: 0;
	margin: 0 0 4px 0;
}

h2
{
	font-weight: bold;
	font-size: 15px;
	padding: 0;
	margin: 6px 0 4px 0;
}

h3, .ExpandDetails
{
	font-weight: bold;
	font-size: 13px;
	padding: 0;
	margin: 8px 0 2px 0;
}

h2 + h3, h2 + * h3, h1 + h2, h1 + * h2, h1 + p, h1 + div + p, h1 + span + p, h1 + div > p, h2 + p, h2 + div + p, h2 + span + p, h2 + div > p
{
	margin-top: 0;
}

h4, h5, h6
{
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 4px 0 2px 0;
}

h4 + p, h5 + p, h6 + p
{
	margin-top: 0;
}

p
{
	margin-bottom: 4px;
}

.ListPager
{
	padding: 6px;
	margin-top: 3px;
	background-color: #E4E9F6;
	border-style: none;
}

.ListPager .Pager
{
	float: left;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.ListPager .PageSizeSelector
{
	float: right;
}

.ListPager .Finalizer
{
	clear: both;
}


td.LastColumnExpand, th.LastColumnExpand
{
	width: 100%;
}

.ErrorInfo
{
	color: Red;
}

.ErrorInfo ul
{
	margin-top: 2px;
	margin-bottom: 2px;
}

.ErrorInfo.Title
{
	display: block;
	margin-top: 4px;
	margin-bottom: 2px;
}

.FormattedRow
{
	white-space: nowrap;
	margin: 2px;
}

.FormattedRow .LeftCol
{
	position: relative;
	left: 0px;
}

.FormattedRow .RightCol
{
	position: relative;
	left: 32px;
}

.FormattedRow .RightCol.Last
{
	margin-right: 32px;
}

.FormattedRow.HasCalendar .RightCol
{
	left: 8px;
}

.FormattedRow.HasCalendar .RightCol.Last
{
	margin-right: 24px;
}

.FormattedRow .SearchProperty
{
	width: 140px;
}

.FormattedRow .SearchText
{
	width: 140px;
}

.FormattedRow .FixedLabel
{
	display: inline-block;
	padding-left: 4px;
	padding-right: 0px;
	top: 0px;
}

.FormattedRow .IndentedControl
{
	position: relative;
	left: 160px;
}

.FormattedRow .SpacedControl
{
	margin-right: 8px;
}

.FormattedRow .ServiceName
{
	float: left;
	width: 140px;
}

.FormattedRow .ContentLabel
{
	float: left;
	width: 80px;
}

.FormattedRow .ContentValue
{
	float: left;
	width: 20px;
}

.FormattedRow .Finalizer
{
	clear: both;
}

.PrintHeader
{
	display: none;
}

.Calendar .ajax__calendar_container
{
	z-index: 100000;
	border: solid 1px Gray;
	background-color: #ecf0f9;
}

table.List
{
	border-collapse: collapse;
	width: 100%;
}

table.List.Compact
{
	width: auto;
}

table.List, table.List th, table.List td
{
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

table.List .EditDateCalendar, table.List .EditDateCalendar *
{
	border-style: none;
	border-width: 0;
}

table.List td.DateCell, table.List *
{
	white-space: nowrap;
}

.ListEmpty
{
	border-style: none;
}

table.List th
{
	font-weight: bold;
	text-align: left;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.List th.FillColumn
{
	width: 100%;
}

table.List.Compact th.FillColumn
{
	width: auto;
}

tr.ListHeader, tr.ListHeader a
{
	background-color: #006CB7;
	color: White;
	white-space: nowrap;
}

tr.ListItem
{
	background-color: White;
	color: Black;
}

tr.ListAlternatingItem
{
	background-color: #ECF0F9;
	color: Black;
}

tr.ListSelectedItem, tr.ListSelectedItem a
{
	background-color: #002A5F;
	color: White;
}

.ConfirmPopup
{
	padding: 6px 10px 6px 6px;
	border: solid 1px Gray;
	background-color: #ecf0f9;
}

.ConfirmPopup p
{
	margin-top: 0px;
	margin-bottom: 2px;
}

.ConfirmPopup h2
{
	margin-top: 0px;
}

.ConfirmPopup .ButtonRow
{
	padding-top: 3px;
	text-align: center;
}

.ConfirmPopup
{
	width: 300px;
}

.GeneralPopup
{
	width: 640px;
	padding: 6px 10px 6px 6px;
	border: solid 1px Gray;
	background-color: #ecf0f9;
}

.GeneralPopup .TextContent
{
	overflow: auto;
	border-style: solid;
	border-width: thin;
	background-color: White;
	width: 100%;
	height: 460px;
}

.GeneralPopup .TextInnerContent
{
	width: 100%;
}

.GeneralPopup .ButtonRow
{
	padding-top: 3px;
	text-align: center;
}

.FormattedBlock
{
	float: left;
	width: 684px;
}

.FormattedBlock .CaptionWide
{
	display: block;
	float: left;
	width: 200px;
	margin-left: 4px;
	vertical-align: middle;
}

.FormattedBlock .Caption
{
	display: block;
	float: left;
	width: 100px;
	margin-left: 4px;
	vertical-align: middle;
}

.FormattedBlock .CompactCaption
{
	display: block;
	float: left;
	max-width: 96px;
	margin-left: 4px;
	margin-right: 4px;
}

.FormattedBlock .CaptionThirdOfALine
{
	display: block;
	float: left;
	width: 80px;
	margin-left: 4px;
}

.FormattedBlock .FullLineContent
{
	display: block;
	float: left;
	width: 500px;
}

.FormattedBlock .FullLineInnerContent
{
	width: 490px;
}

.FormattedBlock .HalfLineContent
{
	display: block;
	float: left;
	width: 200px;
}

.FormattedBlock .HalfLineInnerContent
{
	width: 190px;
}

.FormattedBlock .ThirdOfALineContent
{
	display: block;
	float: left;
	width: 113px;
}

.FormattedBlock .FourthOfALineContent
{
	display: block;
	float: right;
	width: 113px;
}

.FormattedBlock .ThirdOfALineInnerContent
{
	width: 105px;
}

.FormattedBlock .EditDateContent
{
	width: 80px;
}

.FormattedBlock .EditDateCalendar
{
	margin-left: 4px;
}

.FormattedBlock .MultiLineDescription, .AddressBlock .MultiLineDescription, .DescriptionEntry
{
	height: 40px;
}

.MailBody
{
	height: 150px;
}

.CompressedBlock, .FormattedBlock h1, .FormattedBlock h2, .FormattedBlock h3, .FormattedBlock h4, .FormattedBlock h5, .FormattedBlock h6, .AddressBlock h1, .AddressBlock h2, .AddressBlock h3, .AddressBlock h4, .AddressBlock h5, .AddressBlock h6, .CompressedBlock h1, .CompressedBlock h2, .CompressedBlock h3, .CompressedBlock h4, .CompressedBlock h5, .CompressedBlock h6, .FormattedBlock .Line, .AddressBlock .Line, .CompressedBlock .Line, .Finalizer
{
	clear: both;
}

.FormattedBlock select, .FormattedBlock textarea, .FormattedBlock input[type='text'], .AddressBlock select, .AddressBlock textarea, .AddressBlock input[type='text'], .CompressedBlock select, .CompressedBlock textarea, .CompressedBlock input[type='text']
{
	display: block;
	float: left;
	padding: 1px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

.CompressedBlock select.Inline, .CompressedBlock textarea.Inline, .CompressedBlock input[type='text'].Inline
{
	display: inline;
	float: none;
}

.CompressedBlock
{
	float: left;
	width: 380px;
}

.AddressBlock
{
	float: left;
	width: 480px;
}

.AddressBlock .Caption
{
	display: block;
	float: left;
	width: 100px;
	margin-left: 4px;
}

.AddressBlock .CaptionWide
{
	display: block;
	float: left;
	width: 200px;
	margin-left: 4px;
}

.AddressBlock .Content, .AddressBlock .InnerContent, .AddressBlock .CompressedContent, .AddressBlock .CityContent, .AddressBlock .InnerCityContent, .AddressBlock .ZipCodeContent, .AddressBlock .InnerZipCodeContent, .AddressBlock .InnerCountryContent, .AddressBlock .PrefixTitleContent, .AddressBlock .InnerPrefixTitleContent, .AddressBlock .HalfContent, .AddressBlock .InnerHalfContent, .AddressBlock .InnerCountryCodeContent, .AddressBlock .InnerPhoneNumberContent, .AddressBlock .InnerPhoneExtensionContent, .CompressedBlock .Content, .CompressedBlock .InnerContent .CompressedBlock .CompressedContent, .CompressedBlock .DateContent, .CompressedBlock .InnerDateContent, .CompressedBlock .ProgramSelectContent, .CompressedBlock .ProgramNameContent
{
	display: block;
	float: left;
}

.AddressBlock .Content
{
	width: 260px;
}

.AddressBlock .InnerContent
{
	width: 240px;
}

.AddressBlock .CityContent
{
	width: 180px;
}

.AddressBlock .InnerCityContent
{
	width: 160px;
}

.AddressBlock .ZipCodeContent
{
	width: 70px;
}

.AddressBlock .InnerZipCodeContent
{
	width: 50px;
}

.AddressBlock .InnerCountryContent
{
	width: 130px;
}

.AddressBlock .PrefixTitleContent
{
	width: 70px;
}

.AddressBlock .InnerPrefixTitleContent
{
	width: 240px;
}

.AddressBlock .HalfContent
{
	width: 125px;
}

.AddressBlock .InnerHalfContent
{
	width: 105px;
}

.AddressBlock .InnerCountryCodeContent
{
	width: 40px;
}

.AddressBlock .InnerPhoneNumberContent
{
	width: 120px;
	margin-left: 4px;
}

.AddressBlock .InnerPhoneNumberContent2
{
	width: 160px;
	margin-left: 4px;
}

.AddressBlock .InnerPhoneNumberContent3
{
	width: 240px;
}

.AddressBlock .InnerPhoneExtensionContent
{
	width: 60px;
	margin-left: 4px;
}

.CompressedBlock .Caption
{
	display: block;
	float: left;
	width: 150px;
	margin-left: 4px;
}

.CompressedBlock .CompactCaption
{
	display: block;
	float: left;
	width: 80px;
	margin-left: 4px;
}

.CompressedBlock .Content
{
	width: 202px;
}

.CompressedBlock .InnerContent
{
	width: 192px;
}

.CompressedBlock .DateContent
{
	width: 202px;
}

.CompressedBlock .InnerDateContent
{
	width: 80px;
}

.CompressedBlock .ProgramSelectContent
{
	width: 140px;
}

.CompressedBlock .ProgramNameContent
{
	width: 220px;
}

.NumericDataEntry, .NumericCell
{
	text-align: right;
}

.NameEntry
{
	width: 200px;
}

.DescriptionEntry
{
	width: 400px;
}

.CommentsEntry
{
	width: 600px;
	height: 80px;
}

.Validation
{
	color: Red;
}

.CompletedMarker
{
	color: Green;
	font-weight: bold;
}

.OverdueMarker
{
	color: Red;
	font-weight: bold;
}

.OutOfScheduleMarker
{
	font-weight: bold;
}

.ConfirmCompletedComments
{
	width: 100%;
	height: 60px;
}

.HeaderSubTitle
{
}

.TaskContent
{
	margin-left: 20px;
}

.ExpandDetails
{
	color: #002A5F;
	margin-top: 0;
	cursor: pointer;
}

.ExpandDetails *
{
	vertical-align: middle;
}

.BeforeExpandDetails
{
	margin-bottom: 2px;
}

.HiddenControl
{
	visibility: hidden;
}

table.TaskDetails
{
	width: 700px;
	border: solid 1px black;
}

table.TaskDetails table.CollapsibleChild
{
	width: 100%;
}

.modalBackground
{
	filter: alpha(opacity=70);
	background-color: gray;
	opacity: 0.7;
}

.autocomplete_completionListElement
{
	border-bottom: buttonshadow 1px solid;
	text-align: left;
	border-left: buttonshadow 1px solid;
	background-color: inherit;
	list-style-type: none;
	margin: 0px;
	color: windowtext;
	overflow: auto;
	border-top: buttonshadow 1px solid;
	cursor: 'default';
	border-right: buttonshadow 1px solid;
}
.autocomplete_highlightedListItem
{
	padding-bottom: 1px;
	background-color: #ffff99;
	padding-left: 1px;
	padding-right: 1px;
	color: black;
	padding-top: 1px;
}
.autocomplete_listItem
{
	padding-bottom: 1px;
	background-color: window;
	padding-left: 1px;
	padding-right: 1px;
	color: windowtext;
	padding-top: 1px;
}
