html {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	overflow: hidden;
	background-color: #fff;
}

body {
	background-color: #fff;
	top: 0px;
	left: 0px;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

#layout, #content, #display {
	position: absolute;
	top: 0px;
	left: 0px;
}

#layout {
	width: 100%;
	height: 100%;
}

#display1, #display2 {
	position: relative;
	background: transparent url('../images/transp.gif') repeat center center;
	margin: 0px auto;
}

#left_trans, #right_trans {
	background-color: #808080;
}

#leftcolumn, #rightcolumn, #left_trans, #right_trans, #left_openclose, #right_openclose {
	position: absolute;
	top: 0px;
	height: 500px;
}

#inner_content {
	overflow: hidden;
	height: 520px;
}

#run {
	overflow: auto;
	height: 520px;
}

#display {
	width: 100%;
	height: 100%;
}

#left_openclose, #right_openclose {
	position: absolute;
	top: 0px;
	width: 20px;
}

#left_openclose {
	right: 0px;
}

#right_openclose {
	left: 0px;
}

#leftcolumn, #left_trans {
	left: 0px;
}

#rightcolumn, #right_trans {
	width: 200px;
}

#logo_big {
	position: absolute;
	background-color: #464646;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 70px;
	color: #fff;
	z-index: 999;
}

#btt_left_openclose, #btt_right_openclose {
	cursor: pointer;
}

#btt_result {
	position: absolute;
	background: #464646 center center;
	width: 70px;
	height: 20px;
	top: 0px;
	margin-left: 255px;
	padding-top: 10px;
	border-bottom: 5px solid #990066;
	vertical-align: middle;
	text-align: center;
	font-size: 70%;
	color: #fff;
	display: block;
	cursor: pointer;
}

#btt_result:hover {
	background-color: #990066;
}

#btt_more {
	position: absolute;
	background: #464646 no-repeat center center;
	width: 190px;
	height: 19px;
	bottom: 10px;
	margin-left: 25px;
	padding-top: 10px;
	border-bottom: 5px solid #009ee0;
	vertical-align: middle;
	text-align: center;
	font-size: 70%;
	color: #fff;
	display: block;
	cursor: pointer;
}

#btt_more:hover {
	background-color: #009ee0;
}

/* #btt_info { */
/* 	position: absolute; */
/* 	background: #990066 url('../images/icon_info.png') no-repeat center center; */
/* 	width: 35px; */
/* 	height: 29px; */
/* 	margin-left: 255px; */
/* 	bottom: 10px; */
/* 	padding: 0px; */
/* 	border-bottom: 5px solid #990066; */
/* 	vertical-align: middle; */
/* 	text-align: center; */
/* 	font-family: "Trebuchet MS", Verdana, sans-serif; */
/* 	font-size: 150%; */
/* 	font-weight: bolder; */
/* 	color: #fff; */
/* 	display: block; */
/* 	cursor: pointer; */
/* } */

/* #btt_info:hover { */
/* 	background-color: #464646; */
/* } */
#display_time_loader {
	background: transparent url('../images/ajax-loader.gif') no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	padding: 10px;
	border: 0px none;
	text-align: center;
	z-index: 60;
}

#displaya {
	position: absolute;
	top: 0px;
	left: auto;
	right: auto;
	margin: 0;
	padding: 0px;
	border: 0px none;
	font: normal 105% Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	overflow: hidden;
}

#displayb {
	position: absolute;
	top: 0px;
	left: auto;
	right: auto;
	margin: 0;
	padding: 0px;
	border: 0px none;
	text-align: center;
	overflow: hidden;
}

#displaya img, #displayb img {
	margin: 0px auto;
}

.dialog {
	display: none;
}

#layout {
	overflow: hidden;
}

#history_nav {
	position: relative;
	background: #464646 center center;
	padding: 20px 10px;
	width: 200px;
	height: 30px;
}

#btt_hist_back, #btt_hist_next {
	color: #fff;
	display: inline-block;
	width: 55px;
	height: 35px;
	border: 0;
	padding: 0;
	padding-left: 35px;
	cursor: pointer;
	border-color: #a5037d;
	font-size: 85%;
	line-height: 35px;
}

#btt_hist_back {
	margin-right: 4px;
	background: transparent url(../images/btt_zurueck_0.png) 0 0;
	text-align: left;
}

#btt_hist_next {
	background: transparent url(../images/btt_vor_0.png) 0 0;
	padding: 0;
	width: 50px;
	padding-left: 5px;
	padding-right: 35px;
	text-align: right;
}

#btt_hist_back:hover, #btt_hist_back.act {
	color: #000;
	background: transparent url(../images/btt_zurueck_1.png) 0 0;
}

#btt_hist_next:hover, #btt_hist_next.act {
	color: #000;
	background: transparent url(../images/btt_vor_1.png) 0 0;
}

#left_content, #left_trans, #left_hint, #left_openclose, #rightcolumn, #history_nav, #btt_result {
	display: none;
}
/*#btt_info*/

#leftcolumn {
	display: block;
}

#no_js_message, #message {
	position: absolute;
	background-color: #fff;
	top: 50%;
	left: -160px;
	width: 300px;
	height: auto;
	margin-top: -60px;
	margin-left: 50%;
	padding: 20px;
	border: 1px solid #000;
	text-align: center;
	font-size: 75%;
	color: #000;
	z-index: 1000;
}

#message {
	display: none;
}

.text1 {
	font-size: 75%;
}

#choose {
	background-color: transparent;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	overflow-y: auto;
	overflow-x: hidden;
}

.choose_row {
	background-color: #ccc;
	top: 0px;
	left: 10px;
	width: 100%;
	min-height: 20px;
	margin: 0px;
	padding: 5px 20px;
	border-bottom: 1px solid #464646;
	font-size: 75%;
	cursor: pointer;
}

#right_content {
	position: absolute;
	background-color: transparent;
	/* [150219]
	top: 70px;
*/
	top: 10px;
	right: 0px;
	width: 180px;
	height: 100%;
	margin-left: 20px;
	padding: 0px;
	border: 0px none;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 22;
}

.dessin_chip {
	position: relative;
	background: #ccc center center;
	background-image: url('../images/transp.gif') no-repeat;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 120px;
	margin: 15px;
	padding: 0px;
	border: 1px solid;
	border-color: #464646;
	color: #000;
	overflow: hidden;
	cursor: pointer;
}

.dessin_chip_name {
	background-color: #ccc;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 110px;
	height: 16px;
	margin-top: 100px;
	margin-left: 0px;
	padding: 2px 5px;
	border: 0px none;
	font-size: 55%;
	color: #000;
	cursor: pointer;
	overflow: hidden;
}

#backdrop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background-color: #ccc;
	display: none;
}

#backdrop_top_line {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	padding: 5px 20px;
	background-color: #464646;
	color: #fff;
	font-size: 85%;
}

#box_result {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100px;
	height: 100px;
	padding: 5px 20px;
	background-color: transparent;
	color: #000;
	font-size: 75%;
	overflow-y: auto;
	overflow-x: hidden;
}

#close_result {
	position: absolute;
	top: 0px;
	right: 50px;
	background-color: transparent;
	color: #fff;
	font-size: 150%;
	cursor: pointer;
}

#infodrop {
	position: absolute;
	bottom: 0px;
	left: 255px;
	width: 100px;
	height: 105px;
	z-index: 10000;
	background-color: #ccc;
	display: none;
}

#close_info {
	position: absolute;
	top: 0px;
	right: 10px;
	background-color: transparent;
	color: #000;
	font-size: 150%;
	cursor: pointer;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ui-dialog-titlebar {
	background-color: #464646;
	color: #fff;
	font-size: 15px;
}

.ui-dialog-titlebar, .ui-dialog-content {
	padding: 10px;
}

.ui-dialog-content {
	overflow: auto;
	font-size: 9px;
}

.ui-dialog-content, .ui-dialog-titlebar {
	border: 1px solid #464646;
}

.ui-dialog-content, .ui-dialog {
	background-color: #aaa;
}

.ui-dialog-titlebar-close {
	float: right;
}

#display1_mod2, #display2_mod2 {
	position: absolute;
	background: transparent center center;
	background-image: url('../images/transp.gif') repeat;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0px;
	border: 0px none;
	text-align: center;
	overflow: hidden;
}

#right_content {
	top: 0px;
}

#infodrop_content {
	width: 92%;
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
}

#prod_filters_place {
	position: absolute;
	background: #ccc center center;
	width: auto;
	min-width: 175px;
	height: 27px;
	top: 0px;
	margin-left: 325px;
	padding: 8px;
	padding-bottom: 0px;
	vertical-align: middle;
	text-align: left;
	font-size: 70%;
	color: #000;
	display: none;
}

#debug {
	position: absolute;
	background: transparent left center;
	width: auto;
	height: 20px;
	top: 0px;
	margin-left: 330px;
	padding-top: 10px;
	vertical-align: middle;
	text-align: left;
	font-size: 70%;
	color: #ff0000;
	display: block;
}

#choose_close {
	background-color: #464646;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 80%;
	height: 30px;
	margin: 5px 0px;
	margin-left: 10%;
	font-size: 70%;
	padding: 0px;
	border: 0px none;
	overflow: hidden;
	color: #fff;
	cursor: pointer;
}

.choose_clear {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 1px;
	right: 1px;
	background: #464646 url(../images/btt_close_0.png) no-repeat center right;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

#btt_prod_filter {
	position: absolute;
	background: #464646 no-repeat center center;
	width: 152px;
	height: 19px;
	left: 5px;
	bottom: 10px;
	margin-left: 55px;
	padding-top: 10px;
	border-bottom: 5px solid #009ee0;
	vertical-align: middle;
	text-align: center;
	font-size: 75%;
	color: #fff;
	cursor: pointer;
}

#btt_prod_filter:hover {
	background-color: #009ee0;
}

#prod_choose {
	background-color: transparent;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	overflow-y: auto;
	overflow-x: hidden;
}

.prod_choose_row {
	background-color: #ccc;
	top: 0px;
	left: 10px;
	width: 100%;
	min-height: 20px;
	margin: 0px;
	padding: 5px 20px;
	border-bottom: 1px solid #464646;
	font-size: 75%;
	cursor: pointer;
}

#prod_choose_close {
	background-color: #464646;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 80%;
	height: 30px;
	margin: 5px 0px;
	margin-left: 10%;
	font-size: 70%;
	padding: 0px;
	border: 0px none;
	overflow: hidden;
	color: #fff;
	cursor: pointer;
}

.prod_choose_clear {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 1px;
	right: 1px;
	background: #464646 url(../images/btt_close_0.png) no-repeat center right;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.prod_choose_name_clear {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 5px;
	right: 1px;
	background: #464646 url(../images/btt_close_0.png) no-repeat center right;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
/*
.btt_prod_txt {
	display:inline-block;
	margin-left: 0px;
	width: 95px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/
.btt_prod_txt {
	width: 95px;
	overflow: hidden;
	height: 16px;
	text-overflow: ellipsis;
	line-height: 16px;
	white-space: nowrap;
	display: inline-block;
}

#infodrop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background-color: #ccc;
	display: none;
}

#infodrop_top_line {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	padding: 5px 20px;
	background-color: #464646;
	color: #fff;
	font-size: 85%;
}

#close_info {
	position: absolute;
	top: 0px;
	right: 50px;
	background-color: transparent;
	color: #fff;
	font-size: 150%;
	cursor: pointer;
}

#producer_choose {
	position: absolute;
	background-color: transparent;
	top: 46px;
	left: 0px;
	width: 230px;
	height: 94px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	overflow-y: auto;
	overflow-x: hidden;
}

.producer_choose_row {
	background-color: #ccc;
	top: 0px;
	left: 10px;
	width: 100%;
	min-height: 20px;
	margin: 0px;
	padding: 5px 20px;
	border-bottom: 1px solid #464646;
	font-size: 75%;
	cursor: pointer;
}