html {
	height: 100%;
}

body {
	overflow: hidden;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

object {
	position: absolute;
}


/* Display & Visibility Helpers */
.display-none {
	display: none !important;
}

.visibility-hidden {
	visibility: hidden !important;
}


/* List widgets */
.horizontallist, .verticallist {
/*	position: relative;*/
}

.horizontallist>.listitem {
	display: inline-block;
}

.verticallist>.listitem {
	display: block;
}


/* APP BASE STYLES */

.tal .button {
	background-color: #DCDCDC;
	display: inline-block;
	text-align: center;
	max-width: 300px;
	padding: 8px;
	margin: 8px auto 0 auto;
	color: #000000;
}

.tal .buttonFocussed {
	background-color: #FFD700;
	color: #000000;
}

.tal .buttonFocussed.menuendpoint {
	background-color: #FFD700;
}

.background-none {
	background-image: none !important;
	background-color: transparent !important;
}
/*start grid*/
/*.grid{
	display:table;
}

.grid .row{
	display:table-row;
}
*/
/* every appended element has class .widget !!!!*/
/*.grid .row>.widget{
	display:table-cell;
}
*/
.tal .buttonDisabled{
	background:#ccc;
}
/*end grid*/

/*table start*/
.containerTable{	
	text-align:center;
}
.containerTable .title{
	font-size:1.5em;
}
.table{
	display: table;
	margin:0 auto;
}
.table .row{
	display:table-row;
}
.table .row>.widget{
	display:table-cell;
	padding:5px;
}
/*table end*/