/**************************************************
	HTML Framework and body
	2012-09-19 Copyright lerax
**************************************************/
html, body {
	height: 100%;
}
body {
	font-family : Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-image: url(../Images/WBGBleicheBackground.jpg);
	background-repeat: repeat;
	margin: 0px;
}

/**************************************************
	Tables
	2012-09-19 Copyright lerax
**************************************************/
table {
	table-layout: auto;
	border-width: 0px;
	border-collapse: collapse;
	margin: 0px;
}
td, th {
	padding: 0px;
	border-width: 0px;
	text-align: left;
	vertical-align: top;
}
#FrameworkTable {
	width: 960px;
	height: 100%;
	margin: 0px 0px 0px 0px;
}
#ToolbarRow {
}
#HeaderRow {
	height: 240px;
}
#ContentRow {
	height: 100%; /* crossbrowser compatibility: height does only work properly with tr, but not with td, th */
}
#FooterRow {
}
#ToolbarCell {
	padding: 4px 12px 4px 12px;
	background-color: grey;
	border-bottom: 1px solid silver;
}
#HeaderLeftCell {
	width: 216px; /* value doesn't include td padding */
	padding: 12px 12px 12px 12px;
	background-color: grey;
	border-bottom: 1px solid silver;
	vertical-align: middle;
}
#HeaderRightCell {
	width: 720px; /* value doesn't include td padding */
	background-color: inherit;
	border-bottom: 1px solid silver;
}
#ContentLeftCell {
	padding: 12px 12px 20px 12px;
	background-color: #707070;
	border-bottom: 1px solid silver;
}
#ContentRightCell {
	padding: 12px 14px 20px 14px;
	background-color: grey;
	border-bottom: 1px solid silver;
}
#ContentRightDivision {
	width: 692px;
}
#FooterCell {
	padding: 4px 12px 4px 12px;
	background-color: grey;
}

/**************************************************
	Images and and animation
 	$Id: kanima.css 4 2010-04-04 17:58:52Z itb $
**************************************************/
img {
	border: 0px;
	margin: 0px;
}
#kanima { /* id selector for p element enclosing top row images */
	position: relative;
	z-index: 10;
}
img.kanima { /* class selector for top row images */
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	width: 720px;
	height: 240px;
}
img.HeaderPhoto {
	width: 720px;
	height: 240px;
}
img.HeaderLogo {
	width: 216px;
	height: 29px;
	margin-bottom: 4px;
}

/**************************************************
	Body text
	2012-09-19 Copyright lerax
**************************************************/
p, div, input, select, textarea, ul, ol {
	font-size: 16px;
	font-weight: normal;
	color: #F5EDE3;
	text-align: left;
}
p, div {
	line-height: 160%;
}
p {
	margin: 0px 0px 12px 0px;
}
div {
	margin: 0px;
}
#ToolbarLeftText {
	width: 70%;
	font-size: 13px;
	float: left;
}
#ToolbarRightText {
	width: 30%;
	font-size: 13px;
	text-align: right;
	float: left;
}
div.HeaderText {
	font-size: 13px;
	color: black;
	font-weight: bold;
}
#FooterLeftText {
	width: 70%;
	font-size: 13px;
	float: left;
}
#FooterRightText {
	width: 30%;
	font-size: 13px;
	text-align: right;
	float: left;
}
div.SmallText {
	font-size: 13px;
}
div.Menue0 {
}
div.Menue1 {
	margin-left: 12px;
}
div.Menue2 {
	margin-left: 24px;
}
div.Menue3 {
	margin-left: 36px;
}
div.RecordCount {
	color: Black;
}
span.MenuePath {
	color: #95C055;
}
span.Divider {
	margin-left: 6px;
	margin-right: 6px;
}
span.UserName {
	text-decoration: none;
}
p.InterviewQuestion {
	font-weight: normal;
	margin: 0px;
	color: #204890;
}
p.InterviewAnswer {
}

/**************************************************
	Titles
	2012-09-19 Copyright lerax
**************************************************/
h1 {
	font-size: 23px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: Black;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 12px 0px 0px 0px;
	color: #204890;
}

/**************************************************
	Lists
	2012-09-19 Copyright lerax
**************************************************/
ul, ol {
	list-style-type: circle;
	padding: 0px 0px 0px 17px;
	margin: 0px;
}
li {
	/*background-image: url(../Images/listbullet.gif);
	background-repeat: no-repeat;
	background-position: -2px 3px;*/
	padding-left: 0px;
	line-height: 160%;
}

/**************************************************
	Anchors
	2012-09-19 Copyright lerax
**************************************************/
a {
	font-weight: normal;
 	color : #B0B0B0;
	text-decoration : none;
}
a:hover {
 	color : white;
	text-decoration : none;
}

/**************************************************
	Data tables
	2012-09-19 Copyright lerax
**************************************************/
table.DataTable {
	margin: 18px 0px 18px 0px;
}
table.DataTable tr.DataHeaderRow {
	background-color: #707070;
}
table.DataTable tr.DataRow {
	cursor: pointer;
}
table.DataTable tr.DataRowSelected {
	cursor: pointer;
	background-color: #75A035;
}
table.DataTable th {
	padding: 4px 6px 4px 6px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #A0A0A0;
}
table.DataTable td {
	padding: 6px 6px 6px 6px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #A0A0A0;
}
#CalendarHeaderCell1 { width: 120px; }
#CalendarHeaderCell2 { width: 159px; }
#CalendarHeaderCell3 { width: 180px; }
#CalendarHeaderCell4 { width: 180px; }

#BouleNewsHeaderCell1 { width: 140px; }
#BouleNewsHeaderCell2 { width: 216px; }
#BouleNewsHeaderCell3 { width:  90px; }
#BouleNewsHeaderCell4 { width:  90px; }
#BouleNewsHeaderCell5 { width:  90px; }

#VorstandHeaderCell1 { width:  60px; }
#VorstandHeaderCell2 { width: 200px; }
#VorstandHeaderCell3 { width: 140px; }

#AddressHeaderCell1 { width:  60px; }
#AddressHeaderCell2 { width: 200px; }
#AddressHeaderCell3 { width: 200px; }

table.DataTable div.DataCell {
	line-height: 130%;
}
tr.DataHeaderRow div.DataCell {
	font-size: 13px;
	font-variant: small-caps;
	color: #F5EDE3;
}
tr.DataRow div.DataCell {
	font-size: 16px;
}

/**************************************************
	Error, Warning and Info box
	2012-09-30 Copyright lerax
**************************************************/
#ErrorTable {
	width: 80%;
	margin: 6px 0px 16px 0px;
	border: 2px solid #A04020;
}
#WarningTable {
	width: 80%;
	margin: 6px 0px 16px 0px;
	border: 2px solid #DAA520;
}
#InfoTable {
	width: 80%;
	margin: 6px 0px 16px 0px;
	border: 2px solid #95C055;
}
#MessageLeftCell {
	vertical-align: middle;
	padding: 8px;
	width: 24px;
}
#MessageRightCell {
	vertical-align: middle;
	padding: 8px 8px 8px 0px;
}
#MessageImage {
	width: 24px;
	height: 24px;
}

/**************************************************
	Form elements
	2012-09-29 Copyright lerax
**************************************************/
form {
	margin-bottom: 20px;
}
table.FormTable {
}
table.FormTable td, th {
	padding: 0px;
	text-align: left;
	vertical-align: bottom;
	background-color: inherit;
}
form.ListForm {
	margin-top: -12px;
}
div.CustomControlLegend,
div.CustomControlLegendError,
div.CustomControlLegendDisabled,
div.CustomControlLegendInfo,
div.CustomControlLegendWarning {
	font-weight : normal;
}
div.CustomControlLegend {
	color: #303030;
}
div.CustomControlLegendError {
	color: #A04020;
}
div.CustomControlLegendDisabled {
	color: #505050;
}
div.CustomControlLegendInfo {
	color: #95C055;
}
div.CustomControlLegendWarning {
	color: #DAA520;
}
input.CustomControl,
select.CustomControl,
textarea.CustomControl {
	border: 2px solid #505050;
	padding: 4px 4px 4px 4px;
	margin: 0px 6px 6px 0px; /* margins are right and bottom */
	background-color: #707070; /* inherit does not work with IE */
}
input.CustomControl {
	height: 32px;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
select:disabled,
textarea:disabled {
	color: #909090;
	border: 2px solid #707070;
	background-color: #757575;
}
input[type="checkbox"]:disabled {
}
input.CustomButton {
	height: 38px;
	margin: 24px 8px 6px 0px;
	width: 100px;
	border: 2px solid #505050;
	padding: 4px 4px 4px 4px;
	background-color: #707070; /* inherit does not work with IE */
	cursor: pointer;
}
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
	color: #909090;
	border: 2px solid #707070;
	background-color: #757575;
	cursor: default;
}