BODY {
	background-color: #62614D;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 1.3;
	color: #FFFFFF;
	vertical-align: top;
}

TABLE, TH, TD, P {
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 1.3;
	color: #FFFFFF;
	vertical-align: top;
}

H1 {
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

H2 {
	font-size: 12px;
	color: #62614D;
}

HR {
	border: 0px;
	border-top: 1px dashed #62614D;
	border-bottom: #62614D;
}

FIELDSET {
	border: 0px solid #000000;
}

A {
	color: #5D5C48;
	text-decoration: underline;
}
A:HOVER {
	color: #78674F;
}

#outer {
	width: 988px;
	position:relative;
	left:50%;
	margin-left:-494px;
	border-left: 1px dashed #62614D;
	border-right: 1px dashed #62614D;
	background-color: #9E9583;
	padding: 6px;
}

#inner {
	min-height: 700px;
	height: auto !important;  /* für moderne Browser */
	height: 700px;  /*für den IE */
}

#inhalt {
	padding: 6px;
}

#menu_1 {
	/* dunkelbraun */
	width: 988px;
	height: 58px;
	background-color: #62614D;
}

ul#navi1 {list-style: none; padding: 0px; margin: 0px;}
ul#navi1 li {float: left;}
ul#navi1 li a {background-repeat:no-repeat; display:block; overflow:hidden;text-indent:999em; white-space:nowrap; height:58px;}
ul#navi1 li a:hover, ul#navi1 li.current a,ul#navi1 li.over a {background-position:0px -58px;}
ul#navi1 li#act a {background-position:0px -58px;}

#menu_2 {
	width: 988px;
	height: 29px;
	background-color: #78674F;
}

ul#navi2 {list-style: none; padding: 0px; margin: 0px;}
ul#navi2 li {float: left;}
ul#navi2 li a {background-repeat:no-repeat; display:block; overflow:hidden;text-indent:999em; white-space:nowrap; height:29px;}
ul#navi2 li a:hover, ul#navi2 li.current a,ul#navi2 li.over a {background-position:0px -29px;}
ul#navi2 li#act a {background-position:0px -29px;}

#menu_3 {
	background-color: #78674F;
/*	font-family: Verdana, Arial;*/
	font-size: 12px;
	text-align: right;
	padding: 6px;
}

#menu_3 A {
	color: #9E9583;
	text-decoration: underline;
}

#menu_3 A:HOVER {
	color: #62614D;
}

.background1 {
	/* dunkelbraun */
	background-color: #62614D;
}

.background2 {
	/* hellbraun */
	background-color: #9E9583;
}
.background3 {
	/* hell-hellbraun */
	background-color: #78674F;
}

/** PowerMail Styles **/

fieldset.tx-powermail-pi1_fieldset {
      /* Disable border */
      border: none;
}

fieldset.tx-powermail-pi1_fieldset label {
      /* Style labels */
      width: 150px;
      float: left;
	  text-align:right;
}

fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset select,
fieldset.tx-powermail-pi1_fieldset textarea
{
      /* Style input fields */
      width: 200px;
      margin-left: 10px;
}

div.tx_powermail_pi1_fieldwrap_html {
      /* Increase margin between every field */
      margin: 2px 0;
}

/** Flatgmr Styles **/

/* calendar fontsize of rlmp_dateselectlib */
.calendar table td{
				font-size: 12px;
}

.calendar {
	z-index: 200;
}


.tx-flatmgr-pi1 .theYears td {
                font-family: arial;
                font-size: 10pt;
                color: black;
}
.tx-flatmgr-pi1 .theYears td.selected {
                font-family: arial;
                font-size: 10pt;
                font-weight: bold;
                color: blue;
}

.tx-flatmgr-pi1 {
                font-family: arial;
                font-size: 10px;
                color: black;
}
.tx-flatmgr-pi1 .listYear td {
                font-family: arial;
                font-size: 10px;
                border: 1px solid black;
                text-align: center;
				/* width didn't work
				 * size is determined
				 * by font size */
}

/* size of the calendar days*/
.tx-flatmgr-pi1 .listYear td div {
				width: 12px;
				height: 12px;
				padding: 0px;
				margin: 0px;
				text-align: center;
}



.tx-flatmgr-pi1 .listYear td.noDay {
                font-family: arial;
                font-size: 10px;
                border: 0px;
                text-align: center;
		color: #000000;

}
.tx-flatmgr-pi1 .listYear td.bookedWeekend {
                /*background-color: #66CCFF;*/
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookedWeekend.gif");
		color: #000000;
}
.tx-flatmgr-pi1 .listYear td.vacantWeekend {
                color: #000000;
                background-color: #99CC66;
		color: #000000;
}
.tx-flatmgr-pi1 .listYear td.bookedDay {
                background-color: #FFCC00;
		color: #000000;
}
.tx-flatmgr-pi1 .listYear td.overbookedDay {
                background-color: #FF0000;
		color: #000000;
}
.tx-flatmgr-pi1 .listYear td.vacantDay {
                color: #000000;
                background-color: #FFFFFF;
		color: #000000;
}

.tx-flatmgr-pi1 .calendarLegend td {
                font-family: arial;
                font-size: 10px;
                border: 1px solid black;
                width: 10px;
                text-align: center;
		color: #000000;
}

.tx-flatmgr-pi1 .calendarLegend td.bookedWeekend {
		color: #000000;
                /*background-color: #66CCFF;*/
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookedWeekend.gif");
}
.tx-flatmgr-pi1 .calendarLegend td.vacantWeekend {
		color: #000000;
                background-color: #99CC66;
}
.tx-flatmgr-pi1 .calendarLegend td.bookedDay {
		color: #000000;
                background-color: #FFCC00;
}
.tx-flatmgr-pi1 .calendarLegend td.overbookedDay {
		color: #000000;
                background-color: #FF0000;
}
.tx-flatmgr-pi1 .calendarLegend td.vacantDay {
                color: #000000;
                background-color: #FFFFFF;
}



.tx-flatmgr-pi1 .listYearTitle {
		color: #000000;
                font-size: 12px;
                font-weight: bold;
                margin: 10px 0;
}

.tx-flatmgr-pi1 .calendarLegend td.legend {
		color: #000000;
                width: 120px;
                font-family: arial;
                font-size: 10px;
                border: 0px;
                text-align: left;
}
.tx-flatmgr-pi1 .listYear td.month {
		color: #000000;
                background-color: #D8D1C3;
                border: 0px;
}

.tx-flatmgr-pi1 .listYear td.monthNoDisplay {
		color: #000000;
                background-color: transparent;
                border: 0px;
}



.tx-flatmgr-pi1 .listFlat {
				padding: 0;
				margin: 0;
				/*
				border: 1px solid green;
				*/
}

.tx-flatmgr-pi1 .listFlat td.flatName {
		color: #000000;
                font-size: 12px;
                font-weight: bold;
                margin: 10px 0;
                border: 0px;
}

.tx-flatmgr-pi1 .monthMultiRow {
				border: 0;
				background-color: #D8D1C3;


}

.tx-flatmgr-pi1 .tableMultiRow {
				border: 0;
		color: #000000;
				background-color: #D8D1C3;
}

.tx-flatmgr-pi1 td.monthNameMultiRow {
				border: 0;
		color: #000000;
				font-family: arial;
				font-weight: bold;
				font-size: 12px;
				background-color: #D8D1C3;
}

.tx-flatmgr-pi1 td.dayNames {
				border: 0;
				font-family: arial;
		color: #000000;
				font-weight: normal;
				font-size: 9px;
				text-align: center;
}

.tx-flatmgr-pi1 td.endDay {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookingEnd.gif");
}
.tx-flatmgr-pi1 td.startDay {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookingStart.gif");
}
.tx-flatmgr-pi1 td.endWeekend {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendEnd.gif");
}
.tx-flatmgr-pi1 td.bookerChangedDay {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookerChangedDay.gif");
}
.tx-flatmgr-pi1 td.bookerChangedWeekend {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookerChangedWeekend.gif");
}
.tx-flatmgr-pi1 td.startWeekend {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendStart.gif");
}
.tx-flatmgr-pi1 td.endWeekendNormal {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendEndNormal.gif");
}
.tx-flatmgr-pi1 td.startWeekendNormal {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendStartNormal.gif");
}

.tx-flatmgr-pi1 td.overbookedStart {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedStart.gif");
}
.tx-flatmgr-pi1 td.overbookedEnd {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedEnd.gif");
}

.tx-flatmgr-pi1 td.overbookedAndBookedEnd {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedAndBookedEnd.gif");
}
.tx-flatmgr-pi1 td.overbookedStartWeekend {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedStartWeekend.gif");
}
.tx-flatmgr-pi1 td.overbookedEndWeekend {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedEndWeekend.gif");
}
.tx-flatmgr-pi1 td.overbookedAndBookedEndWeekend {
		color: #000000;
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedAndBookedEndWeekend.gif");
}

.tx-flatmgr-pi1 {
		color: #000000;
				font-family: arial, helvetica, sans-serif;
				font-size: 10pt;
}


.tx-flatmgr-pi1 .adminFlatListInput input {
				margin: 10px 0px 10px 0px;
}

.tx-flatmgr-pi1 .availableFlat {
				font-weight: bold;
}

.tx-flatmgr-pi1 .availableFlatLink {
				margin-left: 10px;
				font-weight: normal;
}

.tx-flatmgr-pi1 .availabilityInputHeader {
				font-weight: bold;
				margin-bottom: 10px;
}
.tx-flatmgr-pi1 .availabilityInput, .tx-flatmgr-pi1 .availabilityInput input  {
				margin: 0px 5px 0px 5px;
}

.tx-flatmgr-pi1 .availableFlatsHeader {
				font-weight: bold;
				margin: 10px 0px 10px 0px;
				font-size: 10pt;
}
.tx-flatmgr-pi1 .availableFlatsFooter {
				margin: 0px 0px 10px 0px;
}

.tx-flatmgr-pi1 div.normalMessage {
				width: 90%;
				color: black;
				background-color: #FFFFCC;
				border: 1px solid #00FF33;
				padding: 5px;
				margin: 5px 0px 5px 0px;
				font-weight: normal;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}
.tx-flatmgr-pi1 div.errorMessage {
				width: 90%;
				color: black;
				background-color: #FFFF99;
				border: 1px solid red;
				padding: 5px;
				margin: 5px 0px 5px 0px;
				font-weight: normal;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}
.tx-flatmgr-pi1 div.warnMessage {
				width: 90%;
				color: black;
				background-color: #FFFFCC;
				border: 1px solid #FF9933;
				padding: 5px;
				margin: 5px 0px 5px 0px;
				font-weight: normal;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}
.tx-flatmgr-pi1 .noAvailableFlat {
				color: red;
				font-weight: bold;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}

.tx-flatmgr-pi1 .nextVacantPeriod {
				color: red;
				font-weight: bold;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}

.tx-flatmgr-pi1 .nextVacantPeriod td {
				padding-left: 5px;
}

.tx-flatmgr-pi1 .availableForeignFlat {
				font-weight: bold;
				color: blue;
				margin: 0px 0px 0px 0px;
}
.tx-flatmgr-pi1 .availableForeignFlat td {
				padding-left: 5px;
}

.tx-flatmgr-pi1 .nextForeignVacantPeriod {
				font-weight: bold;
				color: blue;
				margin: 0px 0px 0px 0px;
}
.tx-flatmgr-pi1 .nextForeignVacantPeriod td {
				padding-left: 5px;
}
.tx-flatmgr-pi1 .availabilityTable {
				border-collapse: collapse;
}
.tx-flatmgr-pi1 .availabilityTable td {
				/*
				border-bottom: 1px dashed gray;
				*/
}
.tx-flatmgr-pi1 .availabilityTable tr {

}

.tx-flatmgr-pi1 .availibilityTableHeader {
				color: red;
				font-weight: bold;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}

.tx-flatmgr-pi1 #formResult {
				margin-top: 10px;
}


.tx-flatmgr-pi1 .availableFlatsLegend table {

}


.tx-flatmgr-pi1 .availableFlatsLegend .legendText {
				font-family: arial, helvetica, sans-serif;
				font-size: 10pt;
}
.tx-flatmgr-pi1 .availableFlatsLegend td.availableFlat {
				width: 10px;
				background-color: #CCFF00;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .availabilityTable .availableFlat {
				background-color: #CCFF00;
}
.tx-flatmgr-pi1 .availabilityTable .availablePeriod {
				background-color: #CCFF00;
}

.tx-flatmgr-pi1 .availableFlat td {
				padding-left: 5px;
}

.tx-flatmgr-pi1 .availableFlatsLegend td.nextVacantPeriod {
				width: 10px;
				background-color: #CCFFCC;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .availabilityTable .nextVacantPeriod {
				background-color: #CCFFCC;
}



.tx-flatmgr-pi1 .availableFlatsLegend td.availableForeignFlat {
				width: 10px;
				color: ##0066FF;
				background-color: #99CC33;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .availabilityTable .availableForeignFlat {
				background-color: #99CC33;
}


.tx-flatmgr-pi1 .availableFlatsLegend td.nextForeignVacantPeriod {
				width: 10px;
				color: ##0066FF;
				background-color: #CCCC66;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .availabilityTable .nextForeignVacantPeriod {
				background-color: #CCCC66;
}


.tx-flatmgr-pi1 #flatmgrTooltip {
				position: absolute;
				z-index: 200;
				top: 0px;
				display: none;
				background-color: #C0c0c0;
}

/* special for the MSIE 6 */

*html .tx-flatmgr-pi1 #flatmgrTooltip {
				position: absolute;
				display: none;
				background-color: #CCCC66;
}

/* special for the MSIE 7 */
*+html .tx-flatmgr-pi1 #flatmgrTooltip {
				position: absolute;
				display: none;
				background-color: #CCCC66;
}


/* special for the MSIE 6 and 7 */
* html .tx-flatmgr-pi1 .displayAdditionalFieldsTable, *+html .tx-flatmgr-pi1 .displayAdditionalFieldsTable  {
				display: block;
}

/* design of the tooltip */
html>body .tx-flatmgr-pi1 #flatmgrTooltip  {
				/*position: fixed;*/

}
.tx-flatmgr-pi1 #flatmgrTooltip  {
				font-weight: normal;
				color: black;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}

.tx-flatmgr-pi1 #flatmgrTooltip .bookedBy {
				font-weight: bold;
				color: green;
}

.tx-flatmgr-pi1 #flatmgrTooltip .header {
				font-weight: bold;
				color: black;
				padding: 5px 5px 5px 5px;
}

.tx-flatmgr-pi1 #flatmgrTooltip .headerValue {
				font-weight: bold;
				color: black;
				padding: 5px 5px 5px 5px;
}
.tx-flatmgr-pi1 #flatmgrTooltip .field {
				font-weight: normal;
				color: black;
				padding: 0px 5px 5px 5px;
}

.tx-flatmgr-pi1 #flatmgrTooltip .fieldValue {
				font-weight: bold;
				color: blue;
				padding: 0px 5px 5px 5px;
}
.tx-flatmgr-pi1 #flatmgrTooltip table {
				border-collapse: collapse;
}
.tx-flatmgr-pi1 #flatmgrTooltip table td{
}

.tx-flatmgr-pi1 #flatmgrTooltip table td{
				background-color:#cccccc;
}


/* utilisation */
.tx-flatmgr-pi1 .utilisationLegend  {
}

.tx-flatmgr-pi1 .utilisationLegend td {
				font: arial, helvetica, sans-serif;
				font-size: 10px;
				color: black;
				width: 80px;
				height: 10px;
				border-collapse: collapse;
				margin: 0;
				padding: 0;
}
.tx-flatmgr-pi1 .utilisationLegend div {
				width: 9px;
				height: 10px;
				margin: 0px 5px 0px 0px;
				padding: 0;
				float: left;
}
.tx-flatmgr-pi1 .utilisationLegend div.util0 {
                background-color: #FFFFFF;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util24 {
                background-color: #EFFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util25 {
                background-color: #E0FFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util49 {
                background-color: #DDFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util50 {
                background-color: #CCFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util74 {
                background-color: #CCFF99;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util75 {
                background-color: #CCFF00;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util99 {
                background-color: #8ECA86;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util100 {
                background-color: #009933;
                border: 1px solid black;
}



.tx-flatmgr-pi1 table td.util0 {
                background-color: #FFFFFF;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util24 {
                background-color: #EFFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util25 {
                background-color: #E0FFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util49 {
                background-color: #DDFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util50 {
                background-color: #CCFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util74 {
                background-color: #CCFF99;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util75 {
                background-color: #CCFF00;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util99 {
                background-color: #8ECA86;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util100 {
                background-color: #009933;
                border: 1px solid black;
}

.tx-flatmgr-pi1 .effectiveUtilisation {
				margin: 10px 0px 10px 0px;
}

.tx-flatmgr-pi1 .effectiveUtilisation .value {
				font-weight: bold;
				padding: 0px 0px 0px 5px;
}
