body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html {
	font-size: 0.75em;
}

html,body {
	background-color: #DEF4FE;
}

ol,ul {
	margin-top: 6px;
	font-size: 1.1rem;
}

li {
	margin-left: 15px;
	padding-left: 5px;
}

li u {
	font-size: 1.1rem;
}

select:focus,checkbox:focus,textarea:focus,input:focus {
	background-color: #fdfdc5;
}

table {
	padding: 0px;
	margin: 0px;
	empty-cells: show;
}

form {
	padding: 0px;
	margin: 0px;
}

a,a:hover,a:visited,a:hover {
	text-decoration: none;
	color: #000000;
}

input[type=text],input[type=password],input[type=checkbox],input[type=date],input[type=time],input[type=number],textarea {
	font-size: 1rem;
	padding: 2px;
}

input[type=checkbox] {
	margin: 2px;
}

select,option {
	font-size: 1rem;
}

.verySmallFont {
	font-size: 1rem;
}

.tinyFont {
	font-size: 0.9rem;
}

#mainBottom {
	height: 48px;
	background-color: #FFFFFF;
}

#mainBottom td {
	font-size: 1rem;
}

#mainBottom table {
	height: 48px;
}

.boldText {
	font-weight: bold;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.headlineTitle {
	background: linear-gradient(to right,  #C5EAFE 0%, #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding-left: 15px;
	padding-top: 1px;
	height: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 1.3rem;
}

#loginButton {
	border-width: 1px;
	font-size: 1rem;
	font-weight: bold;
	background-image: url('../_images/icons/locked.gif');
	background-position: 5% center;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-right: 10px;
	height: 20px;
}

.errorDialog,.errorDialog * {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 8px;
	color: #FF7979;
}

.quickLoginForm {
	font-size: 0.9rem;
	margin-top: 15px;
	margin-left: 10px;
}

.quickLoginForm * {
	font-size: 0.9rem;
}

.quickLoginForm input[type=password] {
	background-color: #BABABA;
	width: 70px;
}

.quickLoginForm input[type=text] {
	background-color: #BABABA;
	width: 70px;
}

/**
 * Menu entries level 1
 */
.menuEntry1NotSelected {
	padding-left: 10px;
	margin-top: 7px;
}

.menuEntry1NotSelected a {
	font-size: 1.2rem;
	color: #000000;
}

.menuEntry1NotSelected a:hover {
	font-size: 1.2rem;
	color: #000000;
}

.menuEntry1Selected {
	padding-left: 10px;
	margin-top: 7px;
}

.menuEntry1Selected a {
	font-size: 1.2rem;
	color: #000000;
	font-weight: bold;
}

.menuEntry1Selected a:hover {
	font-size: 1.2rem;
	color: #000000;
	font-weight: bold;
}

/**
 * Menu entries level 2
 */
.menuEntry2NotSelected {
	padding-left: 30px;
	margin-top: 1px;
	background-image: url(../_images/menu/menu2a.gif);
	background-repeat: no-repeat;
	background-position: 14px center;
}

.menuEntry2NotSelected a {
	font-size: 1.1rem;
	color: #000000;
}

.menuEntry2NotSelected a:hover {
	font-size: 1.1rem;
	color: #000000;
}

.menuEntry2Selected {
	padding-left: 30px;
	margin-top: 1px;
	background-image: url(../_images/menu/menu2n.gif);
	background-repeat: no-repeat;
	background-position: 14px center;
}

.menuEntry2Selected a {
	font-size: 1.1rem;
	color: #000000;
	font-weight: bold;
}

.menuEntry2Selected a:hover {
	font-size: 1.1rem;
	color: #000000;
	font-weight: bold;
}

/**
 * Menu entries level 3
 */
.menuEntry3NotSelected {
	padding-left: 39px;
	margin-top: 1px;
	background-image: url(../_images/menu/menu2a.gif);
	background-repeat: no-repeat;
	background-position: 24px center;
}

.menuEntry3NotSelected a {
	font-size: 0.9rem;
	color: #000000;
}

.menuEntry3NotSelected a:hover {
	font-size: 0.9rem;
	color: #000000;
}

.menuEntry3Selected {
	padding-left: 39px;
	margin-top: 1px;
	background-image: url(../_images/menu/menu2n.gif);
	background-repeat: no-repeat;
	background-position: 24px center;
}

.menuEntry3Selected a {
	font-size: 0.9rem;
	color: #000000;
	font-weight: bold;
}

.menuEntry3Selected a:hover {
	font-size: 0.9rem;
	color: #000000;
	font-weight: bold;
}

.transparentIcon {
	-moz-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

/*
	KNX Styles Begin
*/
#knxContent {
	font-weight: normal;
	font-size: 1rem;
	background-color: #DDDDDD;
	padding: 6px 3px 10px 3px;
	margin-bottom: 1px;
	margin-right: 5px;
}

#knxSubContent {
	font-weight: normal;
	font-size: 1rem;
	color: #000;
	background-color: #EFEFEF;
	padding: 6px 1px 10px 1px;
	margin-bottom: 1px;
	margin-right: 0px;
}

#knxContent table {
	font-weight: normal;
	font-size: 1rem;
	color: #000;
	empty-cells: show;
}

.knxHeaderTitle {
	text-align: right;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.knxHeader {
	height: 23px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.1rem;
	/*
		Basisfarben: #ACB0E2; #C5C7E5
	*/
	background-image: url('../bilder/knx/bg_header.png');
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
}

.knxHeaderContent {
	padding-top: 4px;
}

.sContent {
	width: 99%;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px 0px 5px 5px;
	border-color: #AAAAAA;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 1rem;
}

.sContent table {
	font-weight: normal;
	font-size: 1rem;
	empty-cells: show;
}

.sContent .tdHeader {
	font-weight: bold;
	background-color: #F5F5F5;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #AAAAAA;
	width: 130px;
	text-align: right;
}

.sContent .tdHeaderSpacer {
	font-weight: bold;
	background-color: #F5F5F5;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #AAAAAA;
	text-align: right;
	width: 130px;
	height: 3px;
	font-size: 0.1rem;
}

.sContent .tdSpacer {
	height: 3px;
	background-color: #FFF;
	font-size: 0.1rem;
}

.sContent .td {
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	background-color: #FFF;
}

.menuHeader {
	text-align: right;
}

.knxContent {
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #AAAAAA;
	background-color: #FFFFFF;
}

.knxItr1 {
	background-color: #E9E9E9;
	height: 20px;
}

.knxItr2 {
	background-color: #FFFFFF;
	height: 20px;
}

.knxItr3 {
	background-color: #EEEEEE;
	height: 20px;
}

tbody.alternating-row-color-knxItr>tr:nth-child(odd), div.alternating-row-color-knxItr>div.colored-row-knxItr:nth-child(odd) {
	background-color: #E9E9E9;
	height: 20px;
}

tbody.alternating-row-color-knxItr>tr:nth-child(even), div.alternating-row-color-knxItr>div.colored-row-knxItr:nth-child(even) {
	background-color: #FFFFFF;
	height: 20px;
}

.knxItr1blue {
	background-color: #DBECFD;
	height: 20px;
}

.knxItr2blue {
	background-color: #F2F7FF;
	height: 20px;
}

.knxItr1green {
	background-color: #D0EFD0;
	height: 20px;
}

.knxItr2green {
	background-color: #B0EFB0;
	height: 20px;
}

.knxItrFocus {
	background-color: #FFB30F !important;
	height: 20px;
}

.knxContentRow {
	background-image: url('../bilder/knx/bg_header_row.png');
	height: 21px;
	padding-left: 4px;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #AAAAAA;
}

.knxContentRowBig {
	background-image: url('../bilder/knx/bg_header_row_big.png');
	height: 36px;
	padding-left: 4px;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #AAAAAA;
}

.knxContentRowSpacer {
	background-image: url('../bilder/knx/bg_header_row.png');
	height: 21px;
	padding-left: 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #AAAAAA;
}

.knxContentRowLast {
	background-image: url('../bilder/knx/bg_header_row.png');
	height: 21px;
	padding-left: 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #AAAAAA;
}

.knxContentRowHover {
	background-color: #FFC666;
}

.knxContentRowBigLast {
	background-image: url('../bilder/knx/bg_header_row_big.png');
	height: 36px;
	padding-left: 4px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #AAAAAA;
}

.knxContentRowText {
	font-weight: bold;
	margin-right: 4px;
	padding-right: 12px;
}

.knxContentRowTextNone {
	font-weight: bold;
	background-image: url('../bilder/knx/arrow_off.png');
	background-position: right;
	background-repeat: no-repeat;
	margin-right: 4px;
	padding-right: 12px;
}

.knxContentRowTextASC {
	font-weight: bold;
	background-image: url('../bilder/knx/arrow_down.png');
	background-position: right;
	background-repeat: no-repeat;
	margin-right: 4px;
	padding-right: 12px;
}

.knxContentRowTextDESC {
	font-weight: bold;
	background-image: url('../bilder/knx/arrow_up.png');
	background-position: right;
	background-repeat: no-repeat;
	margin-right: 4px;
	padding-right: 12px;
}

.knxContentEmpty {
	background-color: #FFFFFF;
	height: 30px;
	text-align: center;
}

#knxContent a:hover {
	color: #555555;
}

#knxContent img {
	border-width: 0px;
}

.errorMsg {
	background-image: url('../bilder/error_found.png');
	min-height: 16px;
	background-repeat: no-repeat;
	padding-left: 19px;
	padding-top: 2px;
	font-weight: normal;
	font-size: 1rem;
}

.knxTd {
	padding: 2px 5px 2px 5px;
}

.knxTdSite {
	background-color: #DEF4FE;
	height: 22px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #999999;
	text-align: right;
	padding-right: 5px;
}

.knxTdHeader {
	font-size: 1rem;
	font-weight: bold;
	background-color: #F5F5F5;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #AAAAAA;
	width: 80px;
	text-align: right;
}

.knxTdHeaderBlue {
	font-size: 1rem;
	font-weight: bold;
	background-color: #DBECFD;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #AAAAAA;
	width: 80px;
	text-align: right;
}

.knxTdHeaderSpacer {
	background-color: #F5F5F5;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #AAAAAA;
	height: 5px;
	font-size: 0.1rem;
}

.knxTdHeaderSpacerBlue {
	background-color: #DBECFD;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #AAAAAA;
	height: 5px;
	font-size: 0.1rem;
}

.knxTdHeaderSpacerSmall {
	background-color: #F5F5F5;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #AAAAAA;
	height: 3px;
}

.knxTdHeaderSpacerBig {
	background-color: #F5F5F5;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #AAAAAA;
	height: 8px;
}

.knxTdData {
	font-size: 1rem;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
}

.knxTdData * {
	font-size: 1rem;
}

.knxTdDataBlue {
	background-color: #F2F7FF;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
}

.knxTdDataSpacer {
	height: 5px;
}

.knxTdDataSpacerLine {
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
}

.knxTdDataSpacerBlue {
	background-color: #F2F7FF;
	height: 5px;
}

.knxTdDataSpacerSmall {
	height: 3px;
}

.knxTdDataSpacerBig {
	height: 8px;
}

.knxTdLine {
	height: 1px;
	background-color: #AAAAAA;
}

.schemaDay {
	background-color: #FFF;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999;
}

.schemaSpezial {
	background-color: #FFC98C;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #999;
}

.schemaSaturday {
	background-color: #FDFFD8;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999;
}

.schemaSunday {
	background-color: #FCFFB2;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #999;
}

.sun_element {
	font-size: 0.8rem;
	width: 80%;
	z-index: 800;
	border-style: dashed;
	border-width: 0px;
	border-color: #CCCCCC;
	text-align: center;
	opacity: 0.85;
}

.sunUp {
	background-color: #FFBC75;
}

.sunDown {
	background-color: #F4896B;
}

.oeffnungszeiten {
	font-size: 1rem;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	text-align: center;
	opacity: 0.85;
	background-color: #DDFFF3;
}

.oeffnungszeiten_left {
	font-size: 0.8rem;
	width: 4px;
	empty-cells: show;
	z-index: 900;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	text-align: center;
	opacity: 0.85;
	margin-left: 1px;
	background-color: #DDFFF3;
}

.oeffnungszeiten_right {
	font-size: 0.8rem;
	width: 4px;
	empty-cells: show;
	z-index: 900;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	text-align: center;
	opacity: 0.85;
	right: 0px;
	margin-right: 1px;
	background-color: #DDFFF3;
}

.rocoAlarmStatus {
	padding-bottom: 15px;
	text-align: center;
	font-size: 1.5rem;
}

.rocoAlarmMode {
	padding: 12px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: #EEE;
	margin-bottom: 25px;
}

.rocoAlarmModeActivate {
	position: relative;
	padding: 12px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: #FFAAAA;
	margin-bottom: 25px;
}

.rocoAlarmModeActivate.intern {
	background-color: #FFAAAA;
}

.rocoAlarmModeActivate.extern {
	background-color: #B364E2;
}

.rocoAlarmModeActivateImpossible {
	position: relative;
	padding: 12px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: #D3D3D3;
	margin-bottom: 25px;
}

.rocoAlarmModeDeactivate {
	position: relative;
	padding: 12px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: #CDFECD;
	margin-bottom: 25px;
}

.rocoAlarmModePanic {
	position: relative;
	padding: 12px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: #FF4500;
	margin-bottom: 10px;
}

.rocoServiceHeader {
	font-weight: bold;
	margin-bottom: 3px;
}

.rocoServiceSpacer {
	height: 1px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #999;
	margin-top: 15px;
	margin-bottom: 5px;
}

/*
	KNX Styles End
*/
.imgButton {
	border-width: 1px;
	font-size: 1rem;
	font-weight: bold;
	background-image: url('../_images/icons/icon_submit.png');
	background-position: 95% center;
	background-repeat: no-repeat;
	padding-right: 25px;
	padding-left: 5px;
	height: 20px;
}

.smartGWT_ListGrid *.imgButton,.smartGWT_Window *.imgButton {
	border-width: 0px;
	background-image: none;
	padding-right: 0px;
	padding-left: 0px;
	height: 0px;
}

.smartGWT_ListGrid *.cellDark,.smartGWT_ListGrid *.cell,.smartGWT_ListGrid *.cellOverDark,.smartGWT_ListGrid *.cellOver,.smartGWT_ListGrid *.cellSelectedDark,.smartGWT_ListGrid *.cellSelected,.smartGWT_ListGrid *.cellSelectedOverDark,.smartGWT_ListGrid *.cellSelectedOver,.smartGWT_ListGrid *.tallCellDark,.smartGWT_ListGrid *.tallCell,.smartGWT_ListGrid *.tallCellOverDark,.smartGWT_ListGrid *.tallCellOver,.smartGWT_ListGrid *.tallCellSelectedDark,.smartGWT_ListGrid *.tallCellSelected,.smartGWT_ListGrid *.tallCellSelectedOverDark,.smartGWT_ListGrid *.tallCellSelectedOver
	{
	margin: 0;
	border-width: 0px;
	font-size: 1rem;
	font-weight: normal;
	height: 0px;
}

.imgButton:hover {
	color: #565656;
}

.imgButtonDisabled {
	border-width: 1px;
	font-size: 1rem;
	font-weight: bold;
	background-image: url('../_images/icons/icon_submit.png');
	background-position: 95% center;
	background-repeat: no-repeat;
	padding-right: 25px;
	padding-left: 5px;
	height: 20px;
}

.myccm_stammdaten_data {
	font-size: 1.1rem;
}

.cursor {
	cursor: pointer;
}

.simpleForm {
	padding: 0px;
	margin: 0px;
}

td img {
	vertical-align: bottom;
}

.redBorder {
	border-style: solid;
	border-color: #FE6602;
	border-width: 1px;
}

.tdTopLine {
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #000000;
	empty-cells: show;
}

.alarmzone_list {
	padding: 0;
	margin: 0;
}

.alarmzone_list>li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 1rem;
	white-space: nowrap;
	clear: both;
}

.alarmzone_list>li>img.clickImg {
	float: right;
}

.alarmzone_list>li>span,.alarmzone_list>li>div {
	margin-right: 50px;
}

.alarmzone_item_alt_itr1 {
	background-color: #F8F8F8;
}

.alarmzone_add_element {
	text-align: right;
}

.alarmzone_add_element>div {
	font-weight: bold;
}

.alarmzone_add_element>img {
	margin-right: 6px;
}

.imgCell {
	text-align: center;
}

.clickImg {
	cursor: pointer;
}

.alarmzone_table>tbody>tr>td {
	padding-top: 10px;
	vertical-align: top;
}

.rocoAlarmZoneGlobalContainer {
	padding: 12px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: #EEE;
	text-align: left;
	margin-bottom: 5px;
}

.rocoAlarmWayToExitRequiredInactive {
	background-color: #FFAAAA;
}

.rocoAlarmIgnoreArmedStatusInactive {
	background-color: #FFAAAA;
}

*.klicktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

*.klicktext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
}

.disabled_button {
	opacity: .50;
	filter: alpha(opacity = 50); /* IE<9 */
	cursor: default;
}

.hover-color:hover, .hover-color:hover :not(.no-hover-color) {
	background-color: #FCFFD2 !important;
}

.hover-color-only-self:hover {
	background-color: #FCFFD2 !important;
}

table.borderless {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
}

table.no_cellspacing {
	border-collapse: collapse;
	border-spacing: 0;
}

table.cellspacing {
	border-spacing: 1px;
}

table.no_cellpadding>tr>td, table.no_cellpadding>tbody>tr>td, table.no_cellpadding>thead>tr>td
	{
	padding: 0px;
}

table.cellpadding_1>tr>td, table.cellpadding_1>tbody>tr>td, table.cellpadding_1>thead>tr>td,
	table.cellpadding_1>thead>tr>th {
	padding: 1px;
}

table.cellpadding_2>tr>td, table.cellpadding_2>tbody>tr>td, table.cellpadding_2>thead>tr>td,
	table.cellpadding_2>thead>tr>th {
	padding: 2px;
}

table.cellpadding_3>tr>td, table.cellpadding_3>tbody>tr>td, table.cellpadding_3>thead>tr>td,
	table.cellpadding_3>thead>tr>th {
	padding: 3px;
}

table.no_border {
	border-spacing: 0;
}

.width_100 {
	width: 100%;
}

ul.error-messages {
	margin: 1em 0;
}

ul.error-messages li {
	color: red;
}

tbody.alternating-row-color>tr:nth-child(odd), div.alternating-row-color>div.colored-row:nth-child(odd), ul.alternating-row-color>li:nth-child(odd) {
	background-color: #F2F2F2;
}

tbody.alternating-row-color>tr:nth-child(even), div.alternating-row-color>div.colored-row:nth-child(even), ul.alternating-row-color>li:nth-child(even) {
	background-color: #DDDDDD;
}

.alternating-row-color-1 {
	background-color: #F2F2F2;
}

.alternating-row-color-2 {
	background-color: #DDDDDD;
}

.tabmenu {
	width: 100%;
	font-family: 'RDG Sans', sans-serif;
	font-weight:normal;
	font-size: 1.2rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

nav.tabmenu>a,nav.tabmenu>label {
	float: left;
	height: 15px;
	white-space: nowrap;
	cursor: pointer;
	
	padding: 6px 6px;
	margin-top: 1px;
}

nav.tabmenu>a:not(:first-child),nav.tabmenu>label:not(:first-child) {
	border-style: none none none solid;
	border-width: 1px;
	border-color: #000;
}

nav.tabmenu>a:hover:not(.selected),nav.tabmenu>label:hover:not(.selected) {
	background-color: rgb(0,139,146);
}

nav.tabmenu>a:hover *,nav.tabmenu>label:hover * {
	color: white;
}

nav.tabmenu>a.selected,nav.tabmenu>label.selected {
	color: rgb(0,139,146);
	font-weight: bold;
	background-color: rgba(0,139,146, 0.1);
}

.tabmenu-content-container {
	background: #DDDDDD;
}

.deemphasized {
	opacity: 0.5;
}